Code CSS Untuk Memperindah Tampilan XT-Blog dan XT-Filelist nya XtGem

Bismillaah..

Daripada tidak punya update, mending saya bagikan ini aja, siapa tahu ada diantara Anda yang membutuhkan nya.



Masih seputar wapsite builder XtGem, kali ini saya hanya sekedar memberi tambahan polesan sedikit pada css style yang Anda terapkan di wap XtGem Anda, khususnya yang kemarin menerapkan apa yang saya share di: Categories | XtGem Oh XtGem.
Diantaranya tentang XT-Blog, Filelist downloadan dan lain nya.

Silahkan tambahkan code berikut pada css yang Anda pakai (jika memang code css dalam box textarea berikut memang belum ada di css Anda):


<br /> <br /> .xt_blog_paging, .filelist_paging<br /> { font-size: 18px; text-align: center; color: #fff; }<br /> .xt_blog_paging span, .filelist_paging span<br /> { padding: 3px; display: inline-block; background: #9F9F5F; }<br /> .xt_blog_paging a,<br /> .filelist_paging a<br /> { padding: 3px; background: #DBDB70; color: #fff; display: inline-block; margin-top: 2px; text-decoration: none; }<br /> .xt_blog_paging a:hover, .filelist_paging a:hover<br /> { text-decoration: none; }<br /> <br /> .xt_blog_title_link:before <br /> {<br /> content:url(http://xtgem.com/images/icons/mimes/text.png);<br /> padding-right:2px <br /> } <br /> .xt_blog_comments_number <br /> {<br /> float:right;<br /> color:#aaa<br /> }<br /> .xt_blog_comments_number:before <br /> {<br /> content:url(http://xtgem.com/images/web/block_edit.png) <br /> }<br /> .xt_blog_title_content <br /> {<br /> clear:both;<br /> border-top:1px dotted #aca;<br /> text-align:right;<br /> margin:4px 2px;<br /> padding:2px<br /> }<br /> .xt_blog_title_content:after <br /> {<br /> content:url(http://xtgem.com/images/web/line.gif);<br /> width:150px;<br /> margin:-.7em auto 0 auto;<br /> display:block<br /> } <br /> .xt_blog_back_to_posts <br /> { <br /> }<br /> .xt_blog_back_to_posts:before , .xt_blog_back_to_posts:after <br /> {<br /> content:url(http://xtgem.com/images/list.png);<br /> padding:0 .5em<br /> } <br /> .xt_blog_comments <br /> {<br /> border:1px solid #aca;<br /> background:#efe;<br /> margin:.1px;<br /> padding:2px<br /> } <br /> .xt_blog_comments_title {color:#800 } <br /> .xt_blog_comments_title:before , .xt_blog_comments_title:after <br /> {<br /> content:url(http://xtgem.com/images/list.png);<br /> padding:2px<br /> } <br /> .xt_blog_comment <br /> {<br /> border:1px solid #aca;<br /> background:#ddd;<br /> padding:1px;<br /> margin-bottom:2px <br /> } <br /> .xt_blog_comment_date <br /> {<br /> float:left;<br /> color:#888 <br /> } <br /> .xt_blog_comment_author <br /> {<br /> float:right ;<br /> color:#040<br /> }<br /> .xt_blog_comment_author:before <br /> {<br /> content:url(http://xtgem.com/images/icons/contact.png)<br /> } <br /> .xt_blog_comment_content <br /> {<br /> clear:both;<br /> border:1px solid #aca;<br /> background:#eee; <br /> padding:1px;<br /> text-align:justify;<br /> display:block<br /> } <br /> <br />

Jika kurang cocok dengan css style yang Anda pakai, silahkan sesuaikan, dari warna teks, background sampai border, icon juga silahkan pakai milik Anda agar, pas di hati Anda tentunya.

Sebenarnya, sejak pertama Anda mendaftar dan membuat wap di XtGem, dalam 'file browser' pada 'panel' XtGem, Anda sudah diberikan template style.css sesuai pilihan Anda, tapi kebanyakan dari kita, ingin agar wap yg kita kelola tampil beda dari wap lain nya, maka tak ada salahnya kita membuat sendiri sesuatu yang berbeda agar, tentu memberi rasa puas di hati, juga senang, semangat dalam mengupdate wap yang kita kelola.




Oke, dari saya cukup sampai disini, jumpa di lain waktu dgn artikel yang Insya Allah bermanfaat, tercantik, unik juga menarik.



Alhamdulillaah..