05-05-2018 Saat: 23:17
(Son Düzenleme: 06-05-2018 Saat: 20:52, Düzenleyen: Ripbyrustavi.)
Flat thead nasıl yapılır? Adımlar:
Admin kp > Temalar & şablonlar > temanız > css3.css
İçerisindeki kodları alıp benim vermiş olduğum kodları yapıştırıyoruz:
İşlemlerin ardından böyle gözükecektir:
)
Admin kp > Temalar & şablonlar > temanız > css3.css
İçerisindeki kodları alıp benim vermiş olduğum kodları yapıştırıyoruz:
Kod:
.pos-absolute {
position: absolute;
}
#post {
border-width: 0px 1px 1px 1px;
border-style: solid;
border-color: #000;
}
#post .post_controls {
clear: both;
background: #020202;
border-bottom: 1px solid #000;
padding: 5px;
overflow: hidden;
height: 35px;
opacity: 0.7;
transition: 0.3s;
}
.postbit_buttons > a:link, .postbit_buttons > a:visited {
display: inline-block;
padding: 8px;
margin: 1px;
font-size: 13px;
background: #161616;
border: 1px solid #222;
color: #0060da;
border-radius: 90px;
}
.postbit_buttons > a:hover {
background: #333;
}
#post:hover .post_controls {
opacity: 1;
}
#post .post-avatar {
transition: 0.5s;
}
#post:hover .post-avatar {
border-color: #00a8ff;
transform: rotate(360deg);
-webkit-transform: rotate(360deg);
-moz-transform: rotate(360deg);
-o-transform: rotate(360deg);
}
#post .post-status {
transition: 0.5s;
}
#post:hover .post-status {
border-color: #00a8ff;
}
İşlemlerin ardından böyle gözükecektir:
)