Oncellikle Merhaba Bügün Size Efektli Link Yapımını Gösterecegim
##Türk Biri Yapmıştır :)
Öncellikle Video İzliyoruz :)
Bu Kodu Alıp AdminKP>Temalar Şablonlar>Tema>Css Oluştur>Stil Adı:Link.css>[b] Kendi içeriğimi yazmak istiyorum> Oraya Kodu Giriyoruz[/b]
[b]
Sonra Tekrar Temalar ve Şablonlara Gelip>Temanız>Global.css>Gelişmiş Düzenleme[/b]
Bu Kodu Bulup
PHP Kod:
CSS Kodları
.trow1 a::before,
.trow1 a::after {
display: inline-block;
opacity: 0;
-webkit-transition: -webkit-transform 0.3s, opacity 0.2s;
-moz-transition: -moz-transform 0.3s, opacity 0.2s;
transition: transform 0.3s, opacity 0.2s;
}
.trow1 a::before {
margin-right: 5px;
content: '◤';
-webkit-transform: translateX(20px);
-moz-transform: translateX(20px);
transform: translateX(20px);
}
.trow1 a::after {
margin-left: 5px;
content: '◢';
-webkit-transform: translateX(-20px);
-moz-transform: translateX(-20px);
transform: translateX(-20px);
}
.trow1 a:hover::before,
.trow1 a:hover::after,
.trow1 a:focus::before,
.trow1 a:focus::after {
opacity: 1;
-webkit-transform: translateX(0px);
-moz-transform: translateX(0px);
transform: translateX(0px);
}
.trow2 a::before,
.trow2 a::after {
display: inline-block;
opacity: 0;
-webkit-transition: -webkit-transform 0.3s, opacity 0.2s;
-moz-transition: -moz-transform 0.3s, opacity 0.2s;
transition: transform 0.3s, opacity 0.2s;
}
.trow2 a::before {
margin-right: 10px;
content: '◤';
-webkit-transform: translateX(20px);
-moz-transform: translateX(20px);
transform: translateX(20px);
}
.trow2 a::after {
margin-left: 10px;
content: '◢';
-webkit-transform: translateX(-20px);
-moz-transform: translateX(-20px);
transform: translateX(-20px);
}
.trow2 a:hover::before,
.trow2 a:hover::after,
.trow2 a:focus::before,
.trow2 a:focus::after {
opacity: 1;
-webkit-transform: translateX(0px);
-moz-transform: translateX(0px);
transform: translateX(0px);
}
Sonra Tekrar Temalar ve Şablonlara Gelip>Temanız>Global.css>Gelişmiş Düzenleme[/b]
PHP Kod:
a:hover,
a:active {
color: #0072BC;
text-decoration: underline;
Bu Kodu Bulup
PHP Kod:
a:hover,
a:active {
color: #0072BC;
text-decoration: none;
Degiştiriyoruz :)
#Anlatım #Ninjass #Video Üsame Fethullah Avci
