Selamlar,
Uzun zaman oldu muhtemelen paslandık ama güzel şeyler üretmeye devam bir yandan...
Başlayalım.
Modifikasyonun ön izlemesi aşağıdadır.
Bu forumdaki linkleri ve resimleri görebilmek için en az 25 mesajınız olması gerekir.
Admin CP > Stiller Temalar > Stil Yönetimi > Kullandığınız Tema > Şablonu Değiştir
Ardından Forum Home Bölümünden Forum Home Şablonunda Alttaki Kodu Aratıyoruz
Kod: Kodu kopyalamak için üzerine çift tıklayın!
Ve Altına Ekliyoruz
Kod: Kodu kopyalamak için üzerine çift tıklayın!
<link href='https://fonts.googleapis.com/css?family=Yanone+Kaffeesatz' rel='stylesheet' type='text/css'>
<div class="vbduyuru1"><div class="yazi">Duyuru <a href="#">Link</a></div></div>
<div class="vbduyuru2"><div class="yazi">Duyuru <a href="#">Link</a></div></div>
<div class="vbduyuru3"><div class="yazi">Duyuru <a href="#">Link</a></div></div>
Ardından :
Admin CP > Stiller Temalar > Stil Yönetimi > Kullandığınız Tema > Şablonu Değiştir > CSS > Additional.Css
Şablonunda En Alta Alttaki Kodları Ekliyoruz
Kod: Kodu kopyalamak için üzerine çift tıklayın!
.vbduyuru1{
background:linear-gradient(#2980b9,#2980b9);
border-bottom:7px solid #2980b9;
width:370px;
height:80px;
transition-property: background;
transition-duration:0.1s;
transition-delay: 0.2s;
transition:all 1s ease-in-out 0s;
}
.vbduyuru1:hover {
border-bottom:7px solid #444;
background:linear-gradient(#3498db,#3498db);
}
.vbduyuru1 a{
color:#fff;
text-decoration:none;
}
.vbduyuru2{
background:linear-gradient(#c0392b,#c0392b);
border-bottom:7px solid #c0392b;
width:370px;
height:80px;
transition-property: background;
transition-duration:0.1s;
transition:all 1s ease-in-out 0s;
transition-delay: 0.2s;
margin-top:-87px;
left:375px;
position:relative;
}
.vbduyuru2:hover {
border-bottom:7px solid #444;
background:linear-gradient(#e74c3c,#e74c3c);
}
.vbduyuru2 a{
color:#fff;
text-decoration:none;
}
.vbduyuru3{
background:linear-gradient(#2c3e50,#2c3e50);
border-bottom:7px solid #34495e;
width:370px;
height:80px;
transition-property: background;
transition-duration:0.1s;
transition-delay: 0.2s;
transition:all 1s ease-in-out 0s;
margin-top:-87px;
left:755px;
position:relative;
}
.vbduyuru3:hover {
border-bottom:7px solid #444;
background:linear-gradient(#34495e,#34495e);
}
.vbduyuru3 a{
color:#fff;
text-decoration:none;
}
.yazi{
color:#fff;
font-size:23px;
font-family: 'Yanone Kaffeesatz', sans-serif;
text-align:center;
padding:20px;
}
Not : Resim ekleme izni olamadığı için ön izleme koyamadım.PM ile iletişime geçerseniz yardımcı olurum.
@
[Üye Olmadan Linkleri Göremezsiniz. Üye Olmak için TIKLAYIN...] öpüldün kardeşim.
[Üye Olmadan Linkleri Göremezsiniz. Üye Olmak için TIKLAYIN...]