MyBB Depo Forum
Renkli 3'Lü Duyuru [CSS] - Baskı Önizleme

+- MyBB Depo Forum (https://mybbdepo.com)
+-- Forum: Webmaster Deposu (https://mybbdepo.com/webmaster-deposu-forumu)
+--- Forum: Web Tabanlı Kodlama Dilleri (https://mybbdepo.com/web-tabanli-kodlama-dilleri-forumu)
+---- Forum: Css (https://mybbdepo.com/css-forumu)
+---- Konu Başlığı: Renkli 3'Lü Duyuru [CSS] (/renkli-3-lu-duyuru-css-konusu.html)



Renkli 3'Lü Duyuru [CSS] - ard26tr - 05-09-2013

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>



Cvp: Renkli 3'Lü Duyuru [CSS] - Forgetus - 14-12-2013

başarılı olmuş Gülümseme