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:
![31949122_1251483834982860_24082880638065...e=5B957CD6](https://scontent-frt3-1.xx.fbcdn.net/v/t1.15752-9/31949122_1251483834982860_240828806380650496_n.png?_nc_cat=0&_nc_eui2=v1%3AAeGFLURDRKKhq1e-1FRc1YAEg97dyRl1E0-P2zX9osH0-AnyPEKB73oQ5XYJxc15MmgQzBzMesnZcYGZnDoLNhD-ewz6jZL7nTmruJ58AtnGiw&oh=60717731acebc416f2dddf9c9ec6d04e&oe=5B957CD6)