https://instagram.com/alphazzers
   
Konuyu Oyla:
  • Toplam: 0 Oy - Ortalama: 0
  • 1
  • 2
  • 3
  • 4
  • 5
2'li Duyuru Kutusu Kodu
#1
Öncelikle kodlama fikri @karanlık-61 e aittir. D10'un eski versiyon temasında kullanılmıştı yanlış hatırlamıyorsam. Tabii ki aynı kodlar değil, baştan kodladım. Flat ve göz alıcı bu duyuru panosunu eminim siz de beğeneceksiniz.

DEMO: http://codepen.io/anon/pen/bEgqep

Kurulum;
Global.css gir sonuna ekle:
Kod:
#ilkkutu {
 float: left;
 width: 300px;
 background: #fceda4;
 border: 1px solid #fcd200;
 margin-right: 20px;
}

#ikincikutu {
 float: left;
 width: 300px;
 background: #a8ffcf;
 border: 1px solid #00ff72;
 margin-right: 20px;
}

.baslik {
 padding: 10px;
 text-align: center;
 color: #fff;
 font-family: 'Exo 2', Sans-serif;
}

.kirmizi {
 background: #bf0000;
}

.mavi {
 background: #005ebc;
}

.duyuru {
 margin-left: 10px;
 margin-top: 10px;
 margin-bottom: 10px;
 list-style-type: none;
 font-family: 'Exo 2', Sans-Serif;
}

.duyuru li a {
 text-decoration: none;
 color: #bf0000;
 -webkit-transition: all 450ms;
}

.duyuru li a:hover {
 margin-left: 10px;
}

.duyuru2 {
 margin-left: 10px;
 margin-top: 10px;
 margin-bottom: 10px;
 list-style-type: none;
 font-family: 'Exo 2', Sans-Serif;
}

.duyuru2 li a {
 text-decoration: none;
 color: #005ebc;
 -webkit-transition: all 450ms;
}

.duyuru2 li a:hover {
 -webkit-transform: rotate(1deg);
}

Headerinclude şablonuna gir sonuna ekle:
Kod:
<link href='https://fonts.googleapis.com/css?family=Exo+2:500' rel='stylesheet' type='text/css'>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css">

Kutuların gözükmesini istediğiniz yere de bu kodları ekleyin.
Kod:
<div id="ilkkutu">
 <div class="baslik kirmizi"><i class="fa fa-info-circle"></i>
Forum Hakkında</div>
 <div class="duyuru">
   <li><a href="/index.php"><i class="fa fa-comments"></i> Yetkililer hakkında bilgilendirme</a></li>
   <li><a href="/index.php"><i class="fa fa-comments"></i> Yeni kayıt olanlar için kurallar</a></li>
   <li><a href="/index.php"><i class="fa fa-comments"></i> Eski tema hakkında bilgilendirme</a></li>
 </div>
</div>
<div id="ikincikutu">
 <div class="baslik mavi"><i class="fa fa-file-archive-o"></i> En Yeni Sürümler</div>
 <div class="duyuru2">
   <li><a href="/index.php"><i class="fa fa-globe"></i>
MyBB 2.0 Çıktı!</a></li>
   <li><a href="/index.php"><i class="fa fa-globe"></i>
Türkçe Dil Paketini İndir!</a></li>
   <li><a href="/index.php"><i class="fa fa-globe"></i>
Eklenti Paketi Yayımlandı!</a></li>
 </div>
</div>
Ara
Cevapla PGM
Teşekkür verenler:
#2
Mybb resmi destek sitesindekilerede benzemiş. Ellerine sağlık, teşekkürler.
https://instagram.com/alphazzers
Ara
Cevapla PGM
Teşekkür verenler:
#3
(02-01-2016 Saat: 23:17)#Captain Nickli Kullanıcıdan Alıntı: Mybb resmi destek sitesindekilerede benzemiş. Ellerine sağlık, teşekkürler.

Önemli değil, işinize yaradıysa ne mutlu bana.
Ara
Cevapla PGM
Teşekkür verenler:
#4
O tema çok az kullanılmıştı ya özledim açıkçası o temayı. Yapılışını izlemiştim. Aynen benzemiş güzel de olmuş eline sağlık.
Ara
Cevapla PGM
Teşekkür verenler:
#5
Güzel olmuş eline sağlık.
Tüm Destek Forumun Kuralları
Görevli Kuralları
Ücretli Mybb Tema Tasarım ve Kodlama , Bootstrap(html/css) duyarlı kodlamalar Yapılır.
Prof. Dr. MyBB Öğretmeni kaRanLık-61( Mustafa SEVİM )[ 2010-2024 => 10TL'de 14 Sene ]

İki Tarafta Zifiri kaRanLık




Mutlu Son İstiyorsan Çabalamalısın. Sadece Oturduğu Yerden Başarıya ulaşan varlık tavuktur. Bir Kurt Asla Evcilleşip Köpek Olmaz...
Cevapla PGM
Teşekkür verenler:
#6
Çok güzel olmuş eline sağlık.
Ara
Cevapla PGM
Teşekkür verenler:


Hızlı Menü:


Şu anda bu konuyu okuyanlar: 2 Ziyaretçi



Webfast.10tr.net - Dev Paylaşım Platformu -

Online Shopping App
Online Shopping - E-Commerce Platform
Online Shopping - E-Commerce Platform
Feinunze Schmuck Jewelery Online Shopping