Ekran Görüntüsü:
Kodlar-Yorum Şablonu:
Yorum Yap
- Üyelik 13.03.2012
- Yaş/Cinsiyet - /
- Meslek
- Konum
- Ad Soyad ** **
- Mesajlar 996
- Beğeniler 210 / 211
- Ticaret 3, (%100)
Aşağıdaki kodlar ile oluşturduğum bir yorum alanım var. Temamım tüm entegresi bitti sadece bu bölüm kaldı. Ne kadar uğraşsamda çözüme ulaşamadım. Acaba bu tasarımı nasıl wordpress yorum şablonuna entegre ederim?
Ekran Görüntüsü:
Kodlar-Yorum Şablonu:
Ekran Görüntüsü:
Kodlar-Yorum Şablonu:
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.
Kodlar-Stil Css
/* 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;
}