Omarfarooq
Hello sir i want you to help me on how to design my questbook and chat room, am waiting for your respond sir
Weezy
Omarfarooq copy and use the below css on the guestbook page ..the css also works for blog
<style type="text/css">
/*CSS Facebook www.weezywap.xtgem.com*/
body{color : #333333; font-size: medium; font-family: Comic Sans MS; background-color: #ffffff; background-image: url(http://weezywap.xtgem.com); margin: auto; padding: 0; max-width: 700px;}
a:link, a:visited{color: #3b5998; text-decoration: none;}
input [type="button"], input[type="submit"] {color: white; background: #395a9c; border-color: 6d6d6d 2px outset; border-style: solid; border-width: 1px; margin: 1px; padding:3px; font-weight: bold}
textarea {background: #ffffff;
color: #3b5998; margin: 1px;
border-width: 1px; border-color: #3b5998; border-style: solid;}
input[type="checkbox"], input[type="reset"], input[type="file"], select {color: black; background: white; border-color: #3b5998; border-style: solid; border-width: 1px; margin: 1px; padding: 0px; padding:3px; font-weight: bold}
input[type="text"], input[type="password"] {text-color:#3b5998; text-align:center; background: white; border-color: #3b5998; solid; border-width: 1px; margin: 1px; padding: 0px; padding:3px; font-weight: bold; color: black; background: white;}
form {margin: 0; padding: 0;}
h3 {margin: 0; padding: 0; padding-bottom: 2px;}
hr {border: 1px solid silver; margin: 1px;}
p {margin-top: 6px; margin-bottom: 6px;}
ul {margin: 0; padding-left: 20px;}
div.xt_blog {
border: 1px solid #3b5998;
margin-top:1px;
padding-left:3px;
padding-right:3px;
}
div.xt_blog_search {
border: 1px solid #3b5998;
margin-top:1px;
padding-left:3px;
padding-right:3px;
}
span.xt_blog_comments_number {color: #3b5998; background: #ffffff; text-decoration: none;
margin: 2px; font-weight: bold;}
.xt_blog_paging {
border-width: 1px; border-style: solid; border-color: #3b5998; margin-top: 1px; margin-bottom: 1px; margin-left: 1px; margin-right: 1px; padding-top: 1px; padding-bottom: 1px; padding-left: 1px; padding-right: 1px; background-color: #f5f5f5; padding-top: 4px; padding-bottom: 4px; padding-left: 6px; padding-right: 1px; font-weight: bold; text-align:center;
}
.xt_blog_paging a:link {
background-color:#3b5998;
color: #ffffff;
border: solid 1px #220000;
padding: 2px 2px 2px 2px;
margin: 1px 1px 1px 1px;
}
.xt_blog_paging a:hover {
color: red;
background-color:#3b5998;
border: solid 1px #220000;
padding: 2px 2px 2px 2px;
margin: 1px 1px 1px 1px;
}
.xt_blog_paging a:visited{
color: #ffffff;
background-color:#3b5998;
border: solid 1px #220000;
padding: 2px 2px 2px 2px;
margin: 1px 1px 1px 1px;
}
.xt_blog_paging span {
color: red;
background-color:#3b5998;
border: solid 1px #220000;
padding: 2px 2px 5px 2px;
margin: 1px 1px 1px 1px;
}
.xt_blog_title_link{
display:block;
text-align: left;
font-size: 12px;
font-weight: bold;
color:#3b5998;
padding:6px 1px 6px 1px;
margin-bottom:1px;
border:1px solid #d3d3d3;
}
.xt_blog_title_link:hover{
display:block;
background:#dbeadc;
font-size: 12px;
color:#aa0000;
padding:6px 1px 6px 1px;
margin-bottom:1px;
border:1px solid #dbeadc;
}
.xt_blog_title_link:after{
content:url(http://weezywap.xtgem.com/i/a/rr.png);
float:right;
}
.xt_blog_title_link:before{
content:url(http://weezywap.xtgem.com/i/i3/bdt.png);
padding-right: 3px;
}
h2.xt_blog_title:before{
content:url();
padding-right:5px;
}
.xt_blog_title{
color:#000000;
background:#dbeadc;
border: 1px solid #3b5998;
padding: 6px 5px 3px 5px;
}
.xt_blog_subtitle {
color: #808080;
font-size: 11px;
font-weight: normal;
margin-left: 30px;
padding-left: 6px;
margin-top: 3px;
}
.xt_blog_comment{
display:block;
border: 1px solid #3b5998;
margin-top:1px;
padding-left:3px;
padding-right:3px;}
.xt_blog_comment_date:before {
content: url(http://weezywap.xtgem.com/i/i1/clk1.png);
padding-right:5px;
}
.xt_blog_comment_date {
font-style: italic;
color: #707070;
font-size: 10px;
font-weight: normal;
padding-top: 5px;
display:block;
margin-bottom:5px;
}
.xt_blog_comments_title:before {
content: url(http://weezywap.xtgem.com/i/i4/tink.png);
padding-right:5px;
}
.xt_blog_comments_title {
border:1px solid #d3d3d3;
color: #ffffff;
margin-top:7px;
display:block;
background-color:#3b5998;
font-weight:normal;
padding-top: 5px;
padding:3px 3px 3px 3px;
}
.xt_blog_write_a_comment_title:before {
content:url(http://weezywap.xtgem.com/i/i4/tink.png);
padding-right:5px;
}
.xt_blog_write_a_comment_title {
border:1px solid #dbeadc;
color: #ffffff;
display:block;
background-color:#3b5998;
font-weight:normal;
padding-top: 5px;
padding:3px 3px 3px 3px;
}
.xt_blog_comment_author:before{
content:url(http://weezywap.xtgem.com/i/i5/man.png);
padding-right: 3px;
}
.xt_blog_comment_author{
font-weight: bold;
color: #ffffff;
border:1px solid #dbeadc;
background-color:#3b5998;
padding: 6px 3px 3px 3px;
}
.xt_blog_comment_author a:link {
font-weight: bold;
border:1px solid #3b5998;
background-color:#ffffff;
}
.xt_blog_comment_content{
font-size: 11px;
display:block;
margin-top:8px;
margin-bottom:8px;
}
.xt_blog_comment_content a{
font-size: 11px;
color: #880000;
font-weight: normal;
}
.xt_blog_write_a_comment form{
margin-top: 8px;
}
.xt_blog_back_to_posts {
color: #3b5998;
font-weight:bold;
border:1px solid #dbeadc;
}
.xt_blog_back_to_posts:before{
margin-left:7px;
margin-right:4px;
content:url(http://weezywap.xtgem.com/i/a/ll.png);
}
label:before {
content:url(http://weezywap.xtgem.com/i/i/flwr.png);
padding-right:5px;
}
label {
display:inline;
color: #808080;
padding-top: 5px;
}
.xt_blog_comment_content a:before {
content:url(http://weezywap.xtgem.com/i/i4/lnk.png);
}
.xt_blog_title_content {
color:#606060;
border:1px solid #303030;
padding:3px 3px 3px 3px;
}
.xt_description {
color: #000000;
}
.xt_tags {
color: #000000;
font-weight:bold;
}
.xt_tags a:link, a:hover, a:visited, a:active {
color: #3b5998;
font-weight:normal;
}
.xt_blog_search_form {
width:100%;
display:block;
clear:both;
}
.xt_submit {
display:block;
}
.xt_blog_entry_date {
padding:4px 5px 4px 8px;
display:block;
text-align:right;
border-bottom:1px solid #303030;
border-width:50%;
margin-bottom:7px;
}
.xt_pagination {
border-width: 1px; border-style: solid; border-color: #3b5998; margin-top: 1px; margin-bottom: 1px; margin-left: 1px; margin-right: 1px; padding-top: 1px; padding-bottom: 1px; padding-left: 1px; padding-right: 1px; background-color: #f5f5f5; padding-top: 4px; padding-bottom: 4px; padding-left: 6px; padding-right: 1px; font-weight: bold; text-align:center;
}
.xt_pagination a:link {
background-color:#3b5998;
color: #ffffff;
border: solid 1px #220000;
padding: 2px 2px 2px 2px;
margin: 1px 1px 1px 1px;
}
.xt_pagination a:hover {
color: #ffffff;
background-color:#3b5998;
border: solid 1px #220000;
padding: 2px 2px 2px 2px;
margin: 1px 1px 1px 1px;
}
.xt_pagination a:visited{
color: #ffffff;
background-color:#3b5998;
border: solid 1px #220000;
padding: 2px 2px 2px 2px;
margin: 1px 1px 1px 1px;
}
span.selected {
color: red;
background-color:#3b5998;
border: solid 1px #220000;
padding: 2px 2px 5px 2px;
margin: 1px 1px 1px 1px;
}
/*By weezywap.xtgem.com ©2018*/
</style>
Copy code