IRCForumları - IRC ve mIRC Kullanıcılarının Buluşma Noktası
  sohbet

2Beğeni(ler)
  • 1 Post By Sukunet
  • 1 Post By SNOOPY

Yeni Konu aç Cevapla
 
LinkBack Seçenekler Stil
Alt 17 Ağustos 2022, 03:09   #1
Çevrimdışı
Kullanıcıların profil bilgileri misafirlere kapatılmıştır.
vBulletin Duyuru Panosu




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!
{vb:raw navbar}

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...]
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!
{vb:raw navbar}

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...]

Konu SNOOPY tarafından (17 Ağustos 2022 Saat 13:51 ) değiştirilmiştir. Sebep: link düzeltildi
 
Alıntı ile Cevapla

IRCForumlari.NET Reklamlar
sohbet odaları sohbet odaları Sohbet
Alt 17 Ağustos 2022, 09:17   #2
Çevrimiçi
Kullanıcıların profil bilgileri misafirlere kapatılmıştır.
Cevap: vBulletin Duyuru Panosu




Resim yükleme konusunda yardımcı olabilirim report ederseniz.

__________________
BLaCK_and_WHiTe is now known as SNOOPY
 
Alıntı ile Cevapla

Alt 17 Ağustos 2022, 12:42   #3
Çevrimdışı
Kullanıcıların profil bilgileri misafirlere kapatılmıştır.
Cevap: vBulletin Duyuru Panosu




@[Üye Olmadan Linkleri Göremezsiniz. Üye Olmak için TIKLAYIN...] teşekkürler. Düzenle kısmına girdiğinde ekran resmini göreceksin.

 
Alıntı ile Cevapla

Alt 17 Ağustos 2022, 12:46   #4
Çevrimdışı
Kullanıcıların profil bilgileri misafirlere kapatılmıştır.
Cevap: vBulletin Duyuru Panosu




Ellerine Sağlık @[Üye Olmadan Linkleri Göremezsiniz. Üye Olmak için TIKLAYIN...] ..

 
Alıntı ile Cevapla

Alt 17 Ağustos 2022, 12:49   #5
Çevrimdışı
Kullanıcıların profil bilgileri misafirlere kapatılmıştır.
Cevap: vBulletin Duyuru Panosu




@[Üye Olmadan Linkleri Göremezsiniz. Üye Olmak için TIKLAYIN...] teşkkürler dostum.

 
Alıntı ile Cevapla

Alt 17 Ağustos 2022, 13:52   #6
Çevrimiçi
Kullanıcıların profil bilgileri misafirlere kapatılmıştır.
Cevap: vBulletin Duyuru Panosu




Yanlış link atmışsın düzelttim

__________________
BLaCK_and_WHiTe is now known as SNOOPY
 
Alıntı ile Cevapla

Cevapla


Konuyu Toplam 1 Üye okuyor. (0 Kayıtlı üye ve 1 Misafir)
 
Seçenekler
Stil

Yetkileriniz
Konu Acma Yetkiniz Yok
Cevap Yazma Yetkiniz Yok
Eklenti Yükleme Yetkiniz Yok
Mesajınızı Değiştirme Yetkiniz Yok

BB code is Açık
Smileler Açık
[IMG] Kodları Açık
HTML-Kodu Kapalı
Trackbacks are Kapalı
Pingbacks are Açık
Refbacks are Açık


Benzer Konular
Konu Konuyu Başlatan Forum Cevaplar Son Mesaj
Vbulletin 3.8 Gelişmiş Duyuru ve Günün Sözü Paneli Eklentisi Aytac vB 3.8.x Eklentileri 3 29 Mart 2022 08:13
Mybb Forumuna Duyuru Panosu Ekleme DoRe MyBB 0 02 Nisan 2021 14:26
vBulletin if Koşulları - vBulletin if Koşul Kodları - vBulletin if Sınırlamaları PauL vBulletin ve Seo 0 04 Ocak 2018 10:33
Hayal Panosu Burce Ah Kadınlar 0 26 Aralık 2017 15:56
vBulletin 1.8.x İçin Uyarlanmış vBulletin 4 Forum Teması Smith vB 3.8.x Temaları 0 11 Aralık 2016 00:50