Ekran Görüntüsü:
Kodlar-Yorum Şablonu:
Yorum Yap
Yorum Yap
Ahmet Talut Taşgıran Demiş Ki↓ 21 Aralık 2012
Fusce eget quam vitae dui feugiat imperdiet. Aliquam ac metus lorem. Quisque porttitor risus nec mauris ultricies vel consectetur quam varius. Nulla commodo, est condimentum feugiat porta, ligula orci vulputate ipsum, in vehicula risus risus a urna.
Ahmet Talut Taşgıran Demiş Ki↓ 21 Aralık 2012
Fusce eget quam vitae dui feugiat imperdiet. Aliquam ac metus lorem. Quisque porttitor risus nec mauris ultricies vel consectetur quam varius. Nulla commodo, est condimentum feugiat porta, ligula orci vulputate ipsum, in vehicula risus risus a urna.
Ahmet Talut Taşgıran Demiş Ki↓ 21 Aralık 2012
Fusce eget quam vitae dui feugiat imperdiet. Aliquam ac metus lorem. Quisque porttitor risus nec mauris ultricies vel consectetur quam varius. Nulla commodo, est condimentum feugiat porta, ligula orci vulputate ipsum, in vehicula risus risus a urna.
/* Yorum Yap */
.yorum-yap {
margin-top:10px;
font-size:11px !important;
}
.yorum-hane {
-webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; padding:3px 0 3px 0; background-color:#FFF; border:1px solid #CCC; margin-bottom:5px; padding:3px; line-height:25px; font-size:11px; float:left; background-image:url(resim/textarka.png); background-repeat:repeat-x; font-family:Tahoma, Geneva, sans-serif; float:left; color:#999;
}
.yorum-yap input {
height:30px;
width:200px;
color:#09C;
margin-top:10px;
border:none;
border:1px solid #F60;
margin-bottom:10px;
margin:10px;
}
.yorum-yap textarea {
width:555px;
height:100px;
max-height:200px;
max-width:555px;
border:none;
margin:10px;
padding:10px;
background-image:url(resim/textarka.png); background-repeat:repeat-x;
-webkit-box-shadow: inset 0px 0px 2px #fff; -moz-box-shadow: inset 0px 0px 2px #fff; box-shadow: inset 0px 0px 2px #fff; border: 1px solid #FF6600; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;font-size:11px; color:#999; transition: .3s ease-in-out; -webkit-transition: .3s ease-in-out; -moz-transition: .3s ease-in-out;
}
#yorum-yazar{ width:175px; height:25px; padding-left:30px; background-image:url(resim/yorumicon.jpg); background-position: 5px -17px; background-repeat:no-repeat}
#e-posta{ width:190px; margin-top:10px; height:25px; padding-left:30px; background-image:url(resim/yorumicon.jpg); background-position: 5px 6px; background-repeat:no-repeat;}
input.yorum-yolla {
float:left; margin-left:10px; background: url(resim/comments-bg.png); -webkit-box-shadow: inset 0px 0px 2px #fff; -moz-box-shadow: inset 0px 0px 2px #fff; box-shadow: inset 0px 0px 2px #fff; border: 1px solid #FF6600; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;font-size:11px; height:32px; width:100px; color:#999; transition: .3s ease-in-out; -webkit-transition: .3s ease-in-out; -moz-transition: .3s ease-in-out; font-weight:bold; color:#FFF;}
input.yorum-yolla:Hover{ color:#666; cursor:pointer; border: 1px solid #FF6600; -webkit-box-shadow: 0px 0px 6px #A0C4E0; -moz-box-shadow: 0px 0px 5px #FF6600; box-shadow: 0px 0px 5px #FF6600; transition: .3s ease-in-out; -webkit-transition: .3s ease-in-out; -moz-transition: .3s ease-in-out;}
/* Yorumlar */
.yorumlar {
font:normal normal normal 13px/1.7em 'Segoe UI','Proxima Nova','Helvetica Neue','Helvetica',Arial,sans-serif;
font-size:14px;
line-height:1.8em;
color:#434343;
margin-bottom:-10px;
}
.yorumlar p{
margin-top:-100px;
margin-bottom:55px;
margin-left:65px;
}
.yorumlar img {
border:5px solid #FFF;
margin-left:-30px;
margin-top: 10px;
}
.yorumlar a {
color:#09C;
text-decoration:none;
}
.yorumlar strong {
color:#09C;
float:right;
margin-right:10px;
}
.yorumlar li {
list-style:none;
display:block;
}