โค้ด Hi5 Banner,Comment Box, Comment, GiveFives ครบเซ็ท
1. แบนเนอร์ใหญ่ๆ บนโปรไฟล์
<style type="text/css">
#profile-name {background-image:url(http://img98.imageshack.us/img98/4041/bannerdz5.jpg);
width:943px;
height:540px}
</style>
2. กล่องคอมเม้นท์#profile-name {background-image:url(http://img98.imageshack.us/img98/4041/bannerdz5.jpg);
width:943px;
height:540px}
</style>
<style type="text/css">
textarea
{background-image:url(http://img241.imageshack.us/img241/3717/commentboxforwritehg8.jpg);
border-style: inset;
color: #000000;
height: 200px ;
width: 410px ; }</style>
3.ปุ่มคอมเม้นท์textarea
{background-image:url(http://img241.imageshack.us/img241/3717/commentboxforwritehg8.jpg);
border-style: inset;
color: #000000;
height: 200px ;
width: 410px ; }</style>
<style type="text/css">
.commentEditor form input
{background:transparent url(http://img221.imageshack.us/img221/4419/commentbottomnewey9.jpg)
center center no-repeat;
color: #000000;
overflow: hidden;
width: 200px;
height: 72px;
padding: 0; margin: 0; border: 0;
text-indent: -9999px;
line-height: 9999px; cursor:pointer}</style>
4.พื้นหลังส่วนแสดงคอมเมนท์.commentEditor form input
{background:transparent url(http://img221.imageshack.us/img221/4419/commentbottomnewey9.jpg)
center center no-repeat;
color: #000000;
overflow: hidden;
width: 200px;
height: 72px;
padding: 0; margin: 0; border: 0;
text-indent: -9999px;
line-height: 9999px; cursor:pointer}</style>
<style>
comment-picture {height:100px !important; width:100px;}
.comment-picture a img {width:100px; height:100px;align:center}
.section .comment-text {COLOR: #000000;text-align:center;}
.subsection .comment
{background: url(http://img98.imageshack.us/img98/7274/commentboxbk4.jpg); height: 207px; overflow: auto;}
.subsection .comment {border-none }
.subsection .comment {height:104px !important;}
.subsection .comment:hover {height:140% !important;overflow-y:auto;}
.subsection .comment
{
scrollbar-face-color: #e60166;
scrollbar-shadow-color: #e60166;
scrollbar-highlight-color: #e60166;
scrollbar-3dlight-color: #e60166;
scrollbar-darkshadow-color: #e60166;
scrollbar-track-color: #e60166;
scrollbar-arrow-color: #ffffff;
}
</style>
#comments .comment .comment-text{display: none;}
#comments .comment:hover .comment-text{display: block;}
4.ปุ่มขอ Fivecomment-picture {height:100px !important; width:100px;}
.comment-picture a img {width:100px; height:100px;align:center}
.section .comment-text {COLOR: #000000;text-align:center;}
.subsection .comment
{background: url(http://img98.imageshack.us/img98/7274/commentboxbk4.jpg); height: 207px; overflow: auto;}
.subsection .comment {border-none }
.subsection .comment {height:104px !important;}
.subsection .comment:hover {height:140% !important;overflow-y:auto;}
.subsection .comment
{
scrollbar-face-color: #e60166;
scrollbar-shadow-color: #e60166;
scrollbar-highlight-color: #e60166;
scrollbar-3dlight-color: #e60166;
scrollbar-darkshadow-color: #e60166;
scrollbar-track-color: #e60166;
scrollbar-arrow-color: #ffffff;
}
</style>
#comments .comment .comment-text{display: none;}
#comments .comment:hover .comment-text{display: block;}
<style type="text/css">
#user-fives .subsection div {width:47px !important}
#user-fives .subsection .listitem-separator {display:block !important}
#user-fives .subsection {background:url(http://img221.imageshack.us/img221/7771/givemefivelittlenv5.jpg);
background-position:251px;
background-repeat:no-repeat;
#user-fives IMG {HEIGHT: 45px; width: 50px;}
#user-fives img {filter: Alpha(Opacity=0,FinishOpacity=100,Style=1); border: #FFF 3px dotted }
#user-fives .subsection div {width:47px !important}
#user-fives .subsection .listitem-separator {display:block !important}
#user-fives .subsection {background:url(http://img221.imageshack.us/img221/7771/givemefivelittlenv5.jpg);
background-position:251px;
background-repeat:no-repeat;
#user-fives IMG {HEIGHT: 45px; width: 50px;}
#user-fives img {filter: Alpha(Opacity=0,FinishOpacity=100,Style=1); border: #FFF 3px dotted }
0 ความคิดเห็น:
แสดงความคิดเห็น