[Bài thi thiết kế] Cách quên một người
Blog là nơi nói lên những tâm sự của mình nên mình thường dùng blog như là một người bạn, là một người luôn chia sẻ tâm sự vơi mình, và cũng thật hay khi thấy cuộc thi blog.thietke nên mình rất vui khi có cuộc thi như vậy cho nên minh tham gia hjhj cùng mọi người nếu xấu thì mọi người thông cảm nhá, vì blog mình thiết kế rất đợn giản và trong CSS mình ghi rõ chú thích từngg phần, vì mình không biết về lập trình nên hjhj ghi chú thích ra để dễ sử lý.
<style>
/* xoa tam trang */
#emotion-carousel{display:none;}
#article-top-nav{display:none;}
/* code hinh nen*/
html{background:#F9F7CA url(http://no2.upanh.com/b6.s29.d3/6ece5e07fca15bc362261c7ab0cb03c2_46545232.hinhnenchuan8.jpg) top center fixed;}
/* thay doi icon cho baiviet*/
.article .tag .ico {background:url(http://i118.photobucket.com/albums/o93/olympia41124/Yahoo_360plus/Icon/15.gif) no-repeat;width:20px;height:11px;}
/* chen anh khung commat*/
#comment-textarea {
width:300px;height:98px;background-color:beige;}
/* xoa tieu de modelu */
Blog-title{display:none;font-size:0px;}
Blog-description{display:none;font-size:0px;}
/* xoa phan ban quyen */
#ft {font-size:0px;border-top:0px;padding:0 0 0 0;background:repeat center;margin-top:30px;}
#ft p {margin-bottom:0px;}
#ft li .divider {display:none;}
/* chen anh vao module blog */
#widget-recentComment .bd ul.force-wrap li{list-style-image:url(http://i118.photobucket.com/albums/o93/olympia41124/Yahoo_360plus/Icon/14.gif);}
#widget-recentPost li{background:url(http://i118.photobucket.com/albums/o93/olympia41124/Yahoo_360plus/Icon/14.gif) no-repeat center left;list-style:none;margin-left:0px;}
/* chen anh dau trang */
#blog-title{background:transparent url(http://no3.upanh.com/b2.s26.d1/ae5d265c1cdc40113523c12a238ede7f_46612113.anhdaucopychuan.jpg) top center;height:340px;}
/* thay nen o tam trang */
#article-top-nav {background:url(http://taochu.com/tiny/gif_icon249.gif) no-repeat;height:20px;}
#emotion-carousel {background:url(http://taochu.com/tiny/gif_icon249.gif) no-repeat;}
.emotion-content{display:none;}
#emotion-carousel .emotion-nav a {height:20px;}
/* xoa tên blog và tâm trang */
#asb-header h1 a {display:none;}
#emotion-carousel{display:none;}
#asb-menu{display:none;}
/* anh cuoi */
#ft {background:url(http://no1.upanh.com/b4.s28.d3/54750d17fba5b275e9f9afb6eb55f815_46564931.cuoicopy.jpg) no-repeat center;height:100px;}
/* thay module tu tao */
.widget h3{text-align:center;font-size:0px;color:white;}
#widget-category .hd{background:url(http://img221.imageshack.us/img221/4778/categoryev.png) no-repeat center;height:44px;}
#widget-recentPost .hd{background:url(http://img401.imageshack.us/img401/6093/baimoiev.png) no-repeat center;height:44px;}
#widget-statistic .hd{background:url(http://img707.imageshack.us/img707/9271/thongkeev.png) no-repeat center;height:44px;}
#widget-recentVisitor .hd{background:url(http://img401.imageshack.us/img401/9841/visitorev.png) no-repeat center;height:44px;}
#widget-calendar .hd{background:url(http://img577.imageshack.us/img577/9166/lichev.png) no-repeat center;height:44px;}
#widget-photoslide .hd{background:url(http://img837.imageshack.us/img837/6981/photoev.png) no-repeat center;height:44px;}
#widget-recentComment .hd{background:url(http://img513.imageshack.us/img513/4126/commentev.png) no-repeat center;height:44px;}
#widget-following .hd{background:url(http://img651.imageshack.us/img651/3253/likeev.png) no-repeat center;height:44px;}
/* MOL THONG KE */
#widget-statistic .bd dt {margin-left:17px;margin-right:10px;}
#widget-statistic .bd dd {background:transparent url(http://i118.photobucket.com/albums/o93/olympia41124/Yahoo_360plus/Icon/14.gif) no-repeat center left;margin:0px 0 6px 0;}
ICON TAM TRANG{}
#emotion-carousel .emotion-content .att1, #article-single span.att1, #article-listing span.att1{background:url(http://www.krassota.com/i/smile/022.gif);width:35px;height:30px;}
#emotion-carousel .emotion-content .att2, #article-single span.att2, #article-listing span.att2{background:url(http://www.krassota.com/i/smile/035.gif);width:41px;height:30px;}
#emotion-carousel .emotion-content .att3, #article-single span.att3, #article-listing span.att3{background:url(http://www.krassota.com/i/smile/058.gif);width:32px;height:30px;}
#emotion-carousel .emotion-content .att4, #article-single span.att4, #article-listing span.att4{background:url(http://www.krassota.com/i/smile/036.gif);width:29px;height:30px;}
#emotion-carousel .emotion-content .att5, #article-single span.att5, #article-listing span.att5{background:url(http://www.krassota.com/i/smile/014.gif);width:30px;height:30px;}
#emotion-carousel .emotion-content .att6, #article-single span.att6, #article-listing span.att6{background:url(http://www.krassota.com/i/smile/006.gif);width:31px;height:30px;}
#emotion-carousel .emotion-content .att7, #article-single span.att7, #article-listing span.att7{background:url(http://www.krassota.com/i/smile/011.gif);width:32px;height:30px;}
#emotion-carousel .emotion-content .att8, #article-single span.att8, #article-listing span.att8{background:url(http://www.krassota.com/i/smile/008.gif);width:41px;height:30px;}
#emotion-carousel .emotion-content .att9, #article-single span.att9, #article-listing span.att9{background:url(http://www.krassota.com/i/smile/020.gif);width:32px;height:30px;}
#emotion-carousel .emotion-content .att10, #article-single span.att10, #article-listing span.att10{background:url(http://www.krassota.com/i/smile/015.gif);width:37px;height:30px;}
#emotion-carousel .emotion-content .att11, #article-single span.att11, #article-listing span.att11{background:url(http://www.krassota.com/i/smile/039.gif);width:37px;height:30px;}
#emotion-carousel .emotion-content .att12, #article-single span.att12, #article-listing span.att12{background:url(http://www.krassota.com/i/smile/013.gif);width:34px;height:30px;}
/* NG?I R?NH LÀM CÁI NI ÐÓ HIHI */
Code không kh? thi dâu kh?i copy :D{}
#comment-list .vcard img{float:left;padding:4px 4px 4px 4px;}
#comment-list .vcard{max-width:50%;background:url(http://i1052.photobucket.com/albums/s455/hhung_photos/img_cmt.png) no-repeat center top;height:56px;width:56px;}
#profilecard-hover .hd {background:transparent url(http://i1052.photobucket.com/albums/s455/hhung_photos/img_001_cmt.png) no-repeat center;height:56px;width:76px;border:0px;margin:5px 0 0 4px;}
#profilecard-hover .profilecard-hover-shadow {display:none;}
#profilecard-hover .hd .dd-menu-handler {height:48px;width:16px;background:url(http://i1052.photobucket.com/albums/s455/hhung_photos/cmt_002_a.png);}
#profilecard-hover .hd .dd-menu-handler span,
#profilecard-hover .hd .dd-menu-handler-close span{border-color:#001eff #83c0e6 #83c0e6;margin-top:22px;}
#profilecard-hover .hd .dd-menu-handler:hover{height:48px;width:16px;background:url(http://i1052.photobucket.com/albums/s455/hhung_photos/cmt_002_a-hover.png);}
#profilecard-hover .hd .dd-menu-handler:hover span,
#profilecard-hover .hd .dd-menu-handler-close:hover span {border-color:#ff0000 #4783a6 #4783a6;}
#profilecard-hover .dd-menu {margin:10px 0 0 10px;border:1px solid #999;background:transparent url(http://i1052.photobucket.com/albums/s455/hhung_photos/cmt_003_background.png) repeat;border-color:#b3c9b3 #3b5e3b #001f00 #c5d4c5;border-width:5px 5px 5px 5px;}
#profilecard-hover .dd-menu .nickname {color:white;font-size:17px;text-align:center;text-shadow:0px 0px 3px #ff0!important;}
#profilecard-hover .dd-menu .gender{font-size:11px;color:white;text-shadow:2px 2px 2px #000000!important;text-align:right;}
#profilecard-hover .dd-menu .link {border-top:1px solid #698569;}
#profilecard-hover .dd-menu .link a:hover{background:#035703;color:white;text-shadow:2px 2px 2px #000000!important;}
/* ngandong bai viet */
#article-listing .article{border-top:hidden;background:url(http://s61.radikal.ru/i173/0808/cb/9c820583bd75.gif) no-repeat bottom center;}
/* NUT HOME */
#w-profile-card .status{border-color:#800517;font-size:0px;}
/* rut gon bai viet */
a, .common-text-color {color:#666;}
a:hover, .common-text-color:hover{color:#000;}
#article-listing .article .title{margin:10px 5px 10px 5px;border-bottom:1px solid #ccc;padding:0 0 10px;font-family:Georgia, Times, serif;font-size:110%;color:#438059;}
#article-listing .article .meta,
#article-listing .article .category,
#article-listing .article .tag,
#article-listing .article .actions{display:none;}
#article-list{float:left;padding:0px;}
.article-listing-ft{float:left;width:700px;}
#article-listing .article {width:318px;height:200px;float:left;margin:15px;border:1px solid #999;padding-top:0px;}
#article-listing .img-wrap img{float:left;max-width:115px;height:auto;max-height:150px;border:1px solid #CCC;padding:5px;margin:5px;}
#article-listing .article .summary-short{display:block;font-family:Georgia, Times, serif;font-weight:lighter;font-size:13px;text-align:justify;padding:5px 5px 5px 5px;}
#article-listing .article .summary{display:none;}
#article-listing .first-of-type{width:700px!important;height:280px!important;display:block;margin:0px!important;}
#article-listing .first-of-type .img-wrap img{float:left;width:290px!important;height:200px!important;max-width:290px;max-height:200px;}
</style>
Blog Quân IT
Trackback from Theme: "Cách quên một người"
Blog là nơi nói lên những tâm sự của mình nên mình thường dùng blog như là một người bạn, là một người luôn chia sẻ tâm sự vơi mình, và cũng thật hay khi thấy cuộc thi blog.thietke nên mình rất vui khi có cuộc thi như vậy cho nên minh tham gia hjhj cùng mọi người nếu xấu thì mọi người thông cảm nhá, vì blog mình thiết kế rất đợn giản và trong CSS mình ghi rõ chú thích từngg phần, vì mình không biết về lập trình nên hjhj ghi chú thích ra để dễ sử lý.
CODE:
<style>
/* xoa tam trang */
#emotion-carousel{display:none;}
#article-top-nav{display:none;}
/* code hinh nen*/
html{background:#F9F7CA url(http://no2.upanh.com/b6.s29.d3/6ece5e07fca15bc362261c7ab0cb03c2_46545232.hinhnenchuan8.jpg) top center fixed;}
/* thay doi icon cho baiviet*/
.article .tag .ico {background:url(http://i118.photobucket.com/albums/o93/olympia41124/Yahoo_360plus/Icon/15.gif) no-repeat;width:20px;height:11px;}
/* chen anh khung commat*/
#comment-textarea {
width:300px;height:98px;background-color:beige;}
/* xoa tieu de modelu */
Blog-title{display:none;font-size:0px;}
Blog-description{display:none;font-size:0px;}
/* xoa phan ban quyen */
#ft {font-size:0px;border-top:0px;padding:0 0 0 0;background:repeat center;margin-top:30px;}
#ft p {margin-bottom:0px;}
#ft li .divider {display:none;}
/* chen anh vao module blog */
#widget-recentComment .bd ul.force-wrap li{list-style-image:url(http://i118.photobucket.com/albums/o93/olympia41124/Yahoo_360plus/Icon/14.gif);}
#widget-recentPost li{background:url(http://i118.photobucket.com/albums/o93/olympia41124/Yahoo_360plus/Icon/14.gif) no-repeat center left;list-style:none;margin-left:0px;}
/* chen anh dau trang */
#blog-title{background:transparent url(http://no3.upanh.com/b2.s26.d1/ae5d265c1cdc40113523c12a238ede7f_46612113.anhdaucopychuan.jpg) top center;height:340px;}
/* thay nen o tam trang */
#article-top-nav {background:url(http://taochu.com/tiny/gif_icon249.gif) no-repeat;height:20px;}
#emotion-carousel {background:url(http://taochu.com/tiny/gif_icon249.gif) no-repeat;}
.emotion-content{display:none;}
#emotion-carousel .emotion-nav a {height:20px;}
/* xoa tên blog và tâm trang */
#asb-header h1 a {display:none;}
#emotion-carousel{display:none;}
#asb-menu{display:none;}
/* anh cuoi */
#ft {background:url(http://no1.upanh.com/b4.s28.d3/54750d17fba5b275e9f9afb6eb55f815_46564931.cuoicopy.jpg) no-repeat center;height:100px;}
/* thay module tu tao */
.widget h3{text-align:center;font-size:0px;color:white;}
#widget-category .hd{background:url(http://img221.imageshack.us/img221/4778/categoryev.png) no-repeat center;height:44px;}
#widget-recentPost .hd{background:url(http://img401.imageshack.us/img401/6093/baimoiev.png) no-repeat center;height:44px;}
#widget-statistic .hd{background:url(http://img707.imageshack.us/img707/9271/thongkeev.png) no-repeat center;height:44px;}
#widget-recentVisitor .hd{background:url(http://img401.imageshack.us/img401/9841/visitorev.png) no-repeat center;height:44px;}
#widget-calendar .hd{background:url(http://img577.imageshack.us/img577/9166/lichev.png) no-repeat center;height:44px;}
#widget-photoslide .hd{background:url(http://img837.imageshack.us/img837/6981/photoev.png) no-repeat center;height:44px;}
#widget-recentComment .hd{background:url(http://img513.imageshack.us/img513/4126/commentev.png) no-repeat center;height:44px;}
#widget-following .hd{background:url(http://img651.imageshack.us/img651/3253/likeev.png) no-repeat center;height:44px;}
/* MOL THONG KE */
#widget-statistic .bd dt {margin-left:17px;margin-right:10px;}
#widget-statistic .bd dd {background:transparent url(http://i118.photobucket.com/albums/o93/olympia41124/Yahoo_360plus/Icon/14.gif) no-repeat center left;margin:0px 0 6px 0;}
ICON TAM TRANG{}
#emotion-carousel .emotion-content .att1, #article-single span.att1, #article-listing span.att1{background:url(http://www.krassota.com/i/smile/022.gif);width:35px;height:30px;}
#emotion-carousel .emotion-content .att2, #article-single span.att2, #article-listing span.att2{background:url(http://www.krassota.com/i/smile/035.gif);width:41px;height:30px;}
#emotion-carousel .emotion-content .att3, #article-single span.att3, #article-listing span.att3{background:url(http://www.krassota.com/i/smile/058.gif);width:32px;height:30px;}
#emotion-carousel .emotion-content .att4, #article-single span.att4, #article-listing span.att4{background:url(http://www.krassota.com/i/smile/036.gif);width:29px;height:30px;}
#emotion-carousel .emotion-content .att5, #article-single span.att5, #article-listing span.att5{background:url(http://www.krassota.com/i/smile/014.gif);width:30px;height:30px;}
#emotion-carousel .emotion-content .att6, #article-single span.att6, #article-listing span.att6{background:url(http://www.krassota.com/i/smile/006.gif);width:31px;height:30px;}
#emotion-carousel .emotion-content .att7, #article-single span.att7, #article-listing span.att7{background:url(http://www.krassota.com/i/smile/011.gif);width:32px;height:30px;}
#emotion-carousel .emotion-content .att8, #article-single span.att8, #article-listing span.att8{background:url(http://www.krassota.com/i/smile/008.gif);width:41px;height:30px;}
#emotion-carousel .emotion-content .att9, #article-single span.att9, #article-listing span.att9{background:url(http://www.krassota.com/i/smile/020.gif);width:32px;height:30px;}
#emotion-carousel .emotion-content .att10, #article-single span.att10, #article-listing span.att10{background:url(http://www.krassota.com/i/smile/015.gif);width:37px;height:30px;}
#emotion-carousel .emotion-content .att11, #article-single span.att11, #article-listing span.att11{background:url(http://www.krassota.com/i/smile/039.gif);width:37px;height:30px;}
#emotion-carousel .emotion-content .att12, #article-single span.att12, #article-listing span.att12{background:url(http://www.krassota.com/i/smile/013.gif);width:34px;height:30px;}
/* NG?I R?NH LÀM CÁI NI ÐÓ HIHI */
Code không kh? thi dâu kh?i copy :D{}
#comment-list .vcard img{float:left;padding:4px 4px 4px 4px;}
#comment-list .vcard{max-width:50%;background:url(http://i1052.photobucket.com/albums/s455/hhung_photos/img_cmt.png) no-repeat center top;height:56px;width:56px;}
#profilecard-hover .hd {background:transparent url(http://i1052.photobucket.com/albums/s455/hhung_photos/img_001_cmt.png) no-repeat center;height:56px;width:76px;border:0px;margin:5px 0 0 4px;}
#profilecard-hover .profilecard-hover-shadow {display:none;}
#profilecard-hover .hd .dd-menu-handler {height:48px;width:16px;background:url(http://i1052.photobucket.com/albums/s455/hhung_photos/cmt_002_a.png);}
#profilecard-hover .hd .dd-menu-handler span,
#profilecard-hover .hd .dd-menu-handler-close span{border-color:#001eff #83c0e6 #83c0e6;margin-top:22px;}
#profilecard-hover .hd .dd-menu-handler:hover{height:48px;width:16px;background:url(http://i1052.photobucket.com/albums/s455/hhung_photos/cmt_002_a-hover.png);}
#profilecard-hover .hd .dd-menu-handler:hover span,
#profilecard-hover .hd .dd-menu-handler-close:hover span {border-color:#ff0000 #4783a6 #4783a6;}
#profilecard-hover .dd-menu {margin:10px 0 0 10px;border:1px solid #999;background:transparent url(http://i1052.photobucket.com/albums/s455/hhung_photos/cmt_003_background.png) repeat;border-color:#b3c9b3 #3b5e3b #001f00 #c5d4c5;border-width:5px 5px 5px 5px;}
#profilecard-hover .dd-menu .nickname {color:white;font-size:17px;text-align:center;text-shadow:0px 0px 3px #ff0!important;}
#profilecard-hover .dd-menu .gender{font-size:11px;color:white;text-shadow:2px 2px 2px #000000!important;text-align:right;}
#profilecard-hover .dd-menu .link {border-top:1px solid #698569;}
#profilecard-hover .dd-menu .link a:hover{background:#035703;color:white;text-shadow:2px 2px 2px #000000!important;}
/* ngandong bai viet */
#article-listing .article{border-top:hidden;background:url(http://s61.radikal.ru/i173/0808/cb/9c820583bd75.gif) no-repeat bottom center;}
/* NUT HOME */
#w-profile-card .status{border-color:#800517;font-size:0px;}
/* rut gon bai viet */
a, .common-text-color {color:#666;}
a:hover, .common-text-color:hover{color:#000;}
#article-listing .article .title{margin:10px 5px 10px 5px;border-bottom:1px solid #ccc;padding:0 0 10px;font-family:Georgia, Times, serif;font-size:110%;color:#438059;}
#article-listing .article .meta,
#article-listing .article .category,
#article-listing .article .tag,
#article-listing .article .actions{display:none;}
#article-list{float:left;padding:0px;}
.article-listing-ft{float:left;width:700px;}
#article-listing .article {width:318px;height:200px;float:left;margin:15px;border:1px solid #999;padding-top:0px;}
#article-listing .img-wrap img{float:left;max-width:115px;height:auto;max-height:150px;border:1px solid #CCC;padding:5px;margin:5px;}
#article-listing .article .summary-short{display:block;font-family:Georgia, Times, serif;font-weight:lighter;font-size:13px;text-align:justify;padding:5px 5px 5px 5px;}
#article-listing .article .summary{display:none;}
#article-listing .first-of-type{width:700px!important;height:280px!important;display:block;margin:0px!important;}
#article-listing .first-of-type .img-wrap img{float:left;width:290px!important;height:200px!important;max-width:290px;max-height:200px;}
</style>
Blog Quân IT
