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
media venus

İzinli 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

Çevrimdışı WATER
 Tarih: 08-02-2013, Saat:16:30
#2
Teşekkürler.
Cevapla
Bunu Beğenenler:

İzinli TheLegend
 Tarih: 08-02-2013, Saat:19:04
#3
hoş...
Cevapla
Bunu Beğenenler:

İzinli BlackCat
 Tarih: 17-02-2013, Saat:16:15
#4
Rica ederim arkadaşlar.
Cevapla
Bunu Beğenenler:

 


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



Konuyu Okuyanlar: 1 Ziyaretçi