MyBB Depo Forum

Code Name : Anasayfa Duyuru Sistemi 1.1
Yapımcı

Code Creative : DevAdam
Güvenlik

Code Security : Güvenli Onay-Cevap

Code Version : 1.1
Araç-Test

Code Test : Denendi - Sorunsuz
Bilgi-Kaynak

Code İnformation : Anasayfaya Şık Sade Duyuru Şablonu Ekler

Html Kod

Code : index / {$header} Altına ;

Kod:

<link href='https://fonts.googleapis.com/css?family=PT+Sans+Narrow' rel='stylesheet' type='text/css'>

<div id="duyuruhepsi">

 <div id="duyuru1"><i class="fa fa-info-circle fa-2x" style="color:#fff; position:relative; top:5px; right:10px; float:right;" ></i>

 <div style="color:#fff;  font-family: 'PT Sans Narrow', sans-serif; font-size:20px; position:relative; top:3px; left:10px;">DevAdam Duyuru Şablonu 2</div></div>   

 <div id="duyuru2"><i class="fa fa-info-circle fa-2x" style="color:#fff; position:relative; top:5px; right:10px; float:right;"></i>

 <div style="color:#fff;  font-family: 'PT Sans Narrow', sans-serif; font-size:20px; position:relative; top:3px; left:10px;">DevAdam Duyuru Şablonu 2</div></div>

 <div id="duyuru3"><i class="fa fa-info-circle fa-2x" style="color:#fff; position:relative; top:5px; right:10px; float:right;"></i>

 <div style="color:#fff;  font-family: 'PT Sans Narrow', sans-serif; font-size:20px; position:relative; top:3px; left:10px;">DevAdam Duyuru Şablonu 2</div></div>     

 <div id="duyuru4"><i class="fa fa-info-circle fa-2x" style="color:#fff; position:relative; top:5px; right:10px; float:right;"></i>

 <div style="color:#fff;  font-family: 'PT Sans Narrow', sans-serif; font-size:20px; position:relative; top:3px; left:10px;">DevAdam Duyuru Şablonu 2</div></div>

 </div>

<br><br><br><br><br>

Code :global.css ;

PHP Kod:

/* Duyuru */

#duyuruhepsi {
 position:relative;
 float:left;
 top:30px;
}

#duyuru1 {
 float:left;
 background:#3498db;
 height:35px;
 width:470px;
 position:relative;
 top:5px;
}

#duyuru2 {
 float:right;
 background:#27ae60;
 height:35px;
 width:470px;
 position:relative;
 top:5px;
}

#duyuru3 {
 float:right;
 background:#e74c3c;
 height:35px;
 width:470px;
 position:relative;
 top:-70px;
 left:0px;
}

#duyuru4 {
 float:left;
 background:#9b59b6;
 height:35px;
 width:470px;
 position:relative;
 top:-70px;
 left:0px;
} 