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).
BlackCat avatar
Konuyu Oyla:
  • Derecelendirme: 5/5 - 1 oy
  • 1
  • 2
  • 3
  • 4
  • 5

Derecelendirme: 5/5 - 1 oy

CSS - Html / Manşet Alanı Oluşturma [Modifikasyon]


Sponsor Reklam

Çevrimdışı BlackCat
 Tarih: 08-02-2013, Saat:16:29
(Son Düzenleme: 08-02-2013, Saat:16:47, Düzenleyen: BlackCat.)
#1
Opacity kodlarıyla donatılmış, benimde Shaker Cat temasında kullandıgım Css/Html manşet alanını sunuyorum arkadaşlar. Kodlarda 4 adet manşet vardır. Siz bunu temanıza göre düşürebilir ya da azaltabilirsiniz.

NOT : Kodları önce not defterine, ardından istenilen yerlere yapıştırınız.

Aşağıdaki Css Kodlarını global.css ' nin en altına ekleyiniz :
Kod:
.blackcat-manset {width: 960px; margin: 10px; auto;}

.blackcat-manset ul li {width: 217px;height: 130px;
position: relative;
float: left;margin-right: 10px;
overflow: hidden;
border: 2px solid #FAFAFA;
}

.blackcat-manset ul li a {width: 217px; height: 130px;
display:block; opacity: .75; filter: alpha(opacity=75);
-ms-filter: "alpha(opacity=75)";
}

.blackcat-manset ul li a:hover {opacity: .99; filter: alpha(opacity=99);
-ms-filter: "alpha(opacity=99)";
}

.blackcat-manset ul li a img {
width: 217px;
}

.blackcat-manset ul li a span#new-slidespan {
position: absolute;
bottom: 0px; left: 0px;
background: #444;
opacity: .90;filter: alpha(opacity=90);-ms-filter: "alpha(opacity=90)";
padding: 4px 8px; display:block;
width: 217px; color: #fff;
font-size: 12px;
}

.new-last {margin-right: 0px !important;}

.new-last span {
position: absolute;
top: 0px;right: 0px;
background: url(images/external.png) no-repeat 3px -19px !important;
font-size: 11px !important;width: 35px;
text-align: right;padding-left: 20px !important;
padding-right: 5px;
color: #333;
}

img.maxwidth {max-width: 300px; max-height: 200px;
float:left; padding-right: 10px;
padding-bottom: 5px;
}

HTML Kodlarını, ana sayfada görüntülemek istiyorsanız index şablonunda {$header} kodunun hemen altına ekleyiniz :
Kod:
<div class='blackcat-manset'>
<ul>
<li><a href='yazi_linki' rel='bookmark'><img alt='resim_bilgisi' src='resmin_adresi'/><span id='new-slidespan'>BlackCat - Slider</span></a></li>

<li><a href='yazi_linki' rel='bookmark'><img alt='resim_bilgisi' src='resmin_adresi'/><span id='new-slidespan'>BlackCat - Slider</span></a></li>

<li><a href='yazi_linki' rel='bookmark'><img alt='resim_bilgisi' src='resmin_adresi'/><span id='new-slidespan'>BlackCat - Slider</span></a></li>

<li><a href='yazi_linki' rel='bookmark'><img alt='resim_bilgisi' src='resmin_adresi'/><span id='new-slidespan'>BlackCat - Slider</span></a></li>
</ul>
</div>

Resim-Grafik Ekran Görüntüsü :
resim
Cevapla
Bunu Beğenenler: WATER , S.G , Pyrotoxin
Sponsor Reklam
Sponsor Reklam Sponsor Reklam

 


Bu Konudaki Yorumlar
CSS - Html / Manşet Alanı Oluşturma [Modifikasyon] - Yazar: BlackCat - 08-02-2013, Saat:16:29

Konu ile Alakalı Benzer Konular
Konular Yazar Yorumlar Okunma Son Yorum
  Kayan Resimli Manşet Plugin Relampago 31 27,971 03-05-2015, Saat:15:37
Son Yorum: EliteMonarch
  [1.6] Ana Sayfada Kim Kimdir ? - (modifikasyon) BlackCat 11 10,486 15-11-2014, Saat:16:40
Son Yorum: Caxing
  [1.6] Anasayfa'da Link Değişim Alanı masterbilgi 1 2,406 28-08-2014, Saat:15:46
Son Yorum: Manager
  [1.4 - 1.6] MyBB Reklam Alanı Kodları PwTeam .. PwTeam 12 6,425 22-07-2014, Saat:15:47
Son Yorum: erinkral
  Anasayfa'ya Canlı Destek Kurmak [Modifikasyon] Screwy 15 11,926 20-07-2014, Saat:13:40
Son Yorum: somkaya38



Konuyu Okuyanlar: 1 Ziyaretçi

istanbul escort - mecidiyeköy escort - şişli escort - ataköy escort - taksim escort - escort mecidiyeköy

sex hikaye - porno izle - türk ifşa - mecidiyeköy escort - seks hikaye - türk porno - escort bayan