Kod İsmi : Mybb Renkli Duyuru Bandı
Kod Sürüm : v1
Kullanım Alanları & Onemli Bilgileri :
Bu Bölümü Doldurmak Zorunludur Örneğin : Arkadaslar Bu Kodları Su Dizini Takip Ederek Kullanabilirsizin
Admin Paneli > Temalar & Şablonlar > Temalar > Kullandıgınız Tema > Css Olustur > Duyuru.css > Kendi içeriğimi yazmak istiyorum
diyip altta vericeğim kodları yapıstırıcaksınız
Ardından
Admin Paneli > Temalar & Şablonlar > Şablonlar > Kullandıgınız Tema > Ana Sayfa İndex Şablonlar > index
buraya girin {header}
altına vericegim kodları yazıcaksınız ve görüntü böyle olucak
Script Görüntüsü :
Kodlar :
PHP Kod:
.alert_green {
background: #D6ECA6;
border-top: 2px solid #8DC93E;
border-bottom: 2px solid #8DC93E;
text-align: center;
margin: 10px auto;
padding: 5px 20px;
}
user agent stylesheet
p {
display: block;
-webkit-margin-before: 1em;
-webkit-margin-after: 1em;
-webkit-margin-start: 0px;
-webkit-margin-end: 0px;
}
.alert_purple {
background: #E0B2FF;
border-top: 2px solid #802F99;
border-bottom: 2px solid #802F99;
text-align: center;
margin: 10px auto;
padding: 5px 20px;
}
user agent stylesheet
p {
display: block;
-webkit-margin-before: 1em;
-webkit-margin-after: 1em;
-webkit-margin-start: 0px;
-webkit-margin-end: 0px;
}
.alert_blue {
background: #adcbe7;
border-top: 2px solid #0F5C8E;
border-bottom: 2px solid #0F5C8E;
text-align: center;
margin: 10px auto;
padding: 5px 20px;
}
user agent stylesheet
p {
display: block;
-webkit-margin-before: 1em;
-webkit-margin-after: 1em;
-webkit-margin-start: 0px;
-webkit-margin-end: 0px;
}
.alert_red {
background: #FFAAAA;
border-top: 2px solid #FF3838;
border-bottom: 2px solid #FF3838;
text-align: center;
margin: 10px auto;
padding: 5px 20px;
}
user agent stylesheet
p {
display: block;
-webkit-margin-before: 1em;
-webkit-margin-after: 1em;
-webkit-margin-start: 0px;
-webkit-margin-end: 0px;
}
.alert_aqua {
background: #9bffff;
border-top: 2px solid #16AFB7;
border-bottom: 2px solid #16AFB7;
text-align: center;
margin: 10px auto;
padding: 5px 20px;
}
user agent stylesheet
p {
display: block;
-webkit-margin-before: 1em;
-webkit-margin-after: 1em;
-webkit-margin-start: 0px;
-webkit-margin-end: 0px;
}
.alert_orange {
background: #FFBB8E;
border-top: 2px solid #FF9D60;
border-bottom: 2px solid #FF9D60;
text-align: center;
margin: 10px auto;
padding: 5px 20px;
}
user agent stylesheet
p {
display: block;
-webkit-margin-before: 1em;
-webkit-margin-after: 1em;
-webkit-margin-start: 0px;
-webkit-margin-end: 0px;
}
.alert_pink {
background: #FFBFF6;
border-top: 2px solid #FF77EC;
border-bottom: 2px solid #FF77EC;
text-align: center;
margin: 10px auto;
padding: 5px 20px;
}
user agent stylesheet
p {
display: block;
-webkit-margin-before: 1em;
-webkit-margin-after: 1em;
-webkit-margin-start: 0px;
-webkit-margin-end: 0px;
}
.alert_grey {
background: #C1C1C1;
border-top: 2px solid #7A7A7A;
border-bottom: 2px solid #7A7A7A;
text-align: center;
margin: 10px auto;
padding: 5px 20px;
}
user agent stylesheet
p {
display: block;
-webkit-margin-before: 1em;
-webkit-margin-after: 1em;
-webkit-margin-start: 0px;
-webkit-margin-end: 0px;
}
.alert_yellow {
background: #FFF1B5;
border-top: 2px solid #FFC456;
border-bottom: 2px solid #FFC456;
text-align: center;
margin: 10px auto;
padding: 5px 20px;
}
user agent stylesheet
p {
display: block;
-webkit-margin-before: 1em;
-webkit-margin-after: 1em;
-webkit-margin-start: 0px;
-webkit-margin-end: 0px;
}
.alert_light_green {
background: #d6eca6;
border-top: 2px solid #A4DB57;
border-bottom: 2px solid #A4DB57;
text-align: center;
margin: 10px auto;
padding: 5px 20px;
}
user agent stylesheet
p {
display: block;
-webkit-margin-before: 1em;
-webkit-margin-after: 1em;
-webkit-margin-start: 0px;
-webkit-margin-end: 0px;
}
.alert_light_blue {
background: #70C3FF;
border-top: 2px solid #23A3FF;
border-bottom: 2px solid #23A3FF;
text-align: center;
margin: 10px auto;
padding: 5px 20px;
}
user agent stylesheet
p {
display: block;
-webkit-margin-before: 1em;
-webkit-margin-after: 1em;
-webkit-margin-start: 0px;
-webkit-margin-end: 0px;
}
.alert_bej {
background: #D1B89E;
border-top: 2px solid #CE9C6B;
border-bottom: 2px solid #CE9C6B;
text-align: center;
margin: 10px auto;
padding: 5px 20px;
}
user agent stylesheet
p {
display: block;
-webkit-margin-before: 1em;
-webkit-margin-after: 1em;
-webkit-margin-start: 0px;
-webkit-margin-end: 0px;
}
.alert_light_red {
background: #FFA3A3;
border-top: 2px solid #FF7777;
border-bottom: 2px solid #FF7777;
text-align: center;
margin: 10px auto;
padding: 5px 20px;
}
user agent stylesheet
p {
display: block;
-webkit-margin-before: 1em;
-webkit-margin-after: 1em;
-webkit-margin-start: 0px;
-webkit-margin-end: 0px;
}
PHP Kod:
<p class="alert_green">Test
<p class="alert_purple">Test
<p class="alert_blue">Test
<p class="alert_red">Test
<p class="alert_aqua">Test
<p class="alert_orange">Test
<p class="alert_pink">Test
<p class="alert_grey">Test
<p class="alert_yellow">Test
<p class="alert_light_green">Test
<p class="alert_light_blue">Test
<p class="alert_bej">Test
<p class="alert_light_red">Test
Eğer Yazıyı Kalınlastırmak İstiosanız
<p class="alert_light_red"><strong>Test</strong>
olarak yazabilirsiniz