TransWap.yn.lt Blogs

..::TranWAP Blog::..

Name : Variabel CSS Xtgem
Author : TransWAP

Assalamualaikum wr wb.....
Maaf,maksud saya bukan menggurui,sombong atau sok tau atau yang mengarah ke negative...
saya pun masih belajar dan bersama-sama ingin berlajar rahasia tentang CSS XTblog
oke, lansung ke TKP aja saya rasa udah terlalu lama kita berdendang....
siapkan bahan-bahan dan sabuk pengaman anda...

Ada 2 hal yang harus di ketahui sebelum pemasangan CSS XTblog ini
yaitu bagian2 dan cara pemasangannya

Bagian2 dari CSS XTblog :
.xt_blog {}

.xt_blog_title_link {}

.xt_blog_title_link:before {}

.xt_blog_comments_number {}

.xt_blog_comments_number {}

.xt_blog_title_content {}

.xt_blog_title_content:after {}

.xt_blog_paging {}

.xt_blog_paging:before {}

.xt_blog_paging a {}

.xt_blog_back_to_posts {}

.xt_blog_back_to_posts:before {}

.xt_blog_back_to_posts:after {}

.xt_blog_comments {}

.xt_blog_comments_title {}

.xt_blog_comments_title:before {}

.xt_blog_comments_title:after {}

.xt_blog_comment {}

.xt_blog_comment_date {}

.xt_blog_comment_author {}

.xt_blog_comment_author: before {}

.xt_blog_comment_conte {}

.xt_blog_write_a_comment {}

Dan cara pemasangannya :
letakkan CSS XTblog yang sudah jadi simpan di bawah CSS wap kalian

ini ada css yang sudah jadi tinggal di copas aja

///css by TransWAP
.xt_blog {
background-image:url(http://satri12.xtgem.com/image/black2.gif);
background-color : #0a0a0a;
background-repeat : repeat-x;
background-position : 50% top;
}
.xt_blog_title_link:before 
{
content:url(http://xtgem.com/images/icons/mimes/text.png);
padding-right:2px 
} 
.xt_blog_comments_number 
{
float:right;
color:#aaa
}
.xt_blog_comments_number:before 
{
content:url(http://xtgem.com/images/web/block_edit.png) 
}
.xt_blog_title_content 
{
clear:both;
text_align:justify;
background-image:url(http://satri12.xtgem.com/image/black2.gif);
color : #a9a9a9;
background-repeat : repeat-x;
background-position : 50% top;
border-top:1px dotted #00ffff;
margin:3px 2px;
padding:2px
}
.xt_blog_title_content:after 
{
content:url(http://xtgem.com/images/web/line.gif);
width:150px;
margin:-.7em auto 0 auto;
display:block
} 
.xt_blog_paging 
{
text-align:left;
padding:1px;
}
.xt_blog_paging:before 
{
content:url(http://satri12.xtgem.com/image/next06.gif);
padding-right:2px 
}

.xt_blog_paging a 
{
border:1px dotted #888;
padding:0 1px 
}
.xt_blog_back_to_posts 
{ 
}
.xt_blog_back_to_posts:before , .xt_blog_back_to_posts:after 
{
content:url(http://xtgem.com/images/list.png);
padding:0 .5em
border : 1px solid #00ffff;
} 
.xt_blog_comments 
{background-image:url(http://satri12.xtgem.com/image/black2.gif);
background-repeat : repeat-x;
background-position : 50% top;

margin:1px;
padding : 1px;
border : 1px solid #00ffff;
} 
.xt_blog_comments_title {color:#FFF} 
.xt_blog_comments_title:before , 
.xt_blog_comments_title:after 
{
content:url(http://xtgem.com/images/list.png);
padding:0 .5em
} 
.xt_blog_comment 
{
background-image : url(http://satri12.xtgem.com/image/black2.gif);
background-repeat : repeat-x;
background-position : 50% top;
border-radius:4px;
border:1px solid #00ffff;
margin:1px;
padding:1px;
} 
.xt_blog_comment_date 
{
float:left;
color:#888 
} 
.xt_blog_comment_author  
{
float:;
color:#FF6600
}
.xt_blog_comment_author:before 
{
content:url(http://mackie.wapsite.me/emotion/Chat.png);
}  
  
.xt_blog_comment_conte
 {
clear:both;
background-image:url(http://satri12.xtgem.com/image/black2.gif);
background-repeat : repeat-x;
background-position : 50% top;
border:1px solid #00ffff;
padding:1px;
text-align:center;
display:block
} 
.xt_blog_back_to_posts {
text-align:center;
background-image:url(http://satri12.xtgem.com/image/black2.gif);
color : #0a0a0a;
background-repeat : repeat-x;
background-position : 50% top;
border : 1px solid #00ffff;

margin:1px;
padding : 1px;
border : 1px solid #d3cabd;
}.xt_blog_write_a_comment 
{
background-image:url(http://satri12.xtgem.com/image/black2.gif);
background-repeat : repeat-x;
background-position : 50% top;
border-radius:4px;
border:1px solid #00ffff;
margin:1px;
padding:1px;
}
///transwap.yn.lt