MyBBDepo - Türkiyenin MyBB Deposu Forumuna Hoşgeldiniz
Eğer sitemize yaptığınız ilk ziyaretiniz ise, lütfen öncelikle Forum Kurallarını okuyunuz. Forumumuzda bilgi alışverişinde bulunabilmeniz için Kayıt olmalısınız. Üye olmayanlar forumumuzdan yararlanamazlar.
Eğer zaten kayıtlı kullanıcı iseniz, lütfen kullanıcı adınız ve şifreniz ile, Giriş yapınız. (Sitemize üyelik ücretsizdir).
ard26tr avatar
Konuyu Oyla:
  • Derecelendirme: 0/5 - 0 oy
  • 1
  • 2
  • 3
  • 4
  • 5

Derecelendirme: 0/5 - 0 oy

Renkli 3'Lü Duyuru [CSS]


Sponsor Reklam
media venus

Çevrimdışı ard26tr
 Tarih: 05-09-2013, Saat:01:14
(Son Düzenleme: 05-09-2013, Saat:01:17, Düzenleyen: ard26tr.)
#1
Evet arkadaşlar yavaş yavaş CSS'ye başlıyorum.CSS'deki ilk çalışmalarımdan biri.
Kodu,
AdminCp=>Temalar Şablonlar=>Kullandığınız tema=>Global.css en altına ekle
Alıntı:.duyuru1 {
background: #00b9f2;
text-align: center;
border: 5px dashed #dedefe;
border-radius: 10px;
}

.duyuru2 {
background: #f5f99a;
text-align: center;
border-bottom: 5px dashed #dedefe;
border-left: 5px dashed #dedefe;
border-right: 5px dashed #dedefe;
border-radius: 10px;
}

.duyuru3 {
background: red;
text-align: center;
border-bottom: 5px dashed #dedefe;
border-left: 5px dashed #dedefe;
border-right: 5px dashed #dedefe;
border-radius: 10px;
}

AdminCp=>Temalar Şablonlar=>Şablonlar=>Kullandığınız tema=>index şablonu:
[$header] in altına [$forums] un üstüne ekleyin
Alıntı:<div class = "duyuru1"><font color = "red" size="5"><span style="text-shadow: 0px 0px 8px ;">DENEME DUYURU</span></font></a></div>
<div class = "duyuru2"><font color = "green" size="5"><span style="text-shadow: 0px 0px 8px ;">DENEME DUYURU</span></font></a></div>
<div class = "duyuru3"><font color = "blue" size="5"><span style="text-shadow: 0px 0px 8px ;">DENEME DUYURU</span></font></a></div>
resim
Not:Bu kod üçlü kullanıım için yazılmıştır.Tek eklemek için

Mavi Duyuru:
CSS
Alıntı:.maviduyuru {
background: #00b9f2;
text-align: center;
border: 5px dashed #dedefe;
border-radius: 10px;
}
HTML
Alıntı:<div class = "maviduyuru"><font color = "red" size="5"><span style="text-shadow: 0px 0px 8px ;">DENEME DUYURU</span></font></a></div>
---------------------------------------
Sarı Duyuru
CSS
Alıntı:.sariduyuru {
background: #f5f99a;
text-align: center;
border: 5px dashed #dedefe;
border-radius: 10px;
text-align: center;
}

HTML
Alıntı:<div class = "sariduyuru"><font color = "green" size="5"><span style="text-shadow: 0px 0px 8px ;">DENEME DUYURU</span></font></a></div>

----------------------------------------
Kırmızı Duyuru
CSS
Alıntı:.kirmiziduyuru {
background: red;
text-align: center;
border: 5px dashed #dedefe;
border-radius: 10px;
text-align: center;
}

HTML
Alıntı:<div class = "kirmiziduyuru"><font color = "blue" size="5"><span style="text-shadow: 0px 0px 8px ;">DENEME DUYURU</span></font></a></div>
Cevapla
Bunu Beğenenler: Smyrna35 , mmtacr5
Sponsor Reklam
sponsor reklam sponsor reklam

Çevrimdışı Forgetus
 Tarih: 14-12-2013, Saat:15:06
#2
başarılı olmuş Gülümseme
Cevapla
Bunu Beğenenler:

 




Konuyu Okuyanlar: 1 Ziyaretçi