Bunlari phpbb'ye entegre etmek oldukca kolay...
En basidinden baslayarak anlatayim...
Dynamic drive sitesinde mevcut bu menüyü phpbb'ye entegre etmek...
Öncelikle asagidaki resimleri indirin ve temanizin theme / images klasörüne isimlerini degistirmeden yükleyin...
Her bir resim üc parcadan olusmaktadir lütfen bu parcalari teker teker indirip yükleyin temanizin theme / images klasörüne...
Resimleri yükledikten sonra , sira css dosyasini yaratmakta...
Stylesheet.css dosyasini acin ve en altina su css kodunu ekleyin
- Kod: Tümünü seç
/*Credits: By Santosh Setty (http://webdesigninfo.wordpress.com) */
/*This menu is compatible with phpbb3 (Anlatim : CitLemBiK) */
.glossymenu{
position: relative;
padding: 0 0 0 34px;
margin: 0 auto 0 auto;
background: url(./images/menur_bg.gif) repeat-x; /*Menü arka plan resmi ana yolu*/
height: 46px;
list-style: none;
}
.glossymenu li{
float:left;
}
.glossymenu li a{
float: left; /*Menunun sagdami yoksa soldami olacagini belirler (varsayilan : Solda)*/
display: block;
color:#000;
text-decoration: none;
font-family: sans-serif;
font-size: 13px;
font-weight: bold;
padding:0 0 0 16px; /*Menü sol resminin padding ayarlari. Degistirmeyin*/
height: 46px;
line-height: 46px;
text-align: center;
cursor: pointer;
}
.glossymenu li a b{
float: left;
display: block;
padding: 0 24px 0 8px; /*Padding of menu items*/
}
.glossymenu li.current a, .glossymenu li a:hover{
color: #fff;
background: url(./images/menur_hover_left.gif) no-repeat; /*Menü sol resim ana yolu*/
background-position: left;
}
.glossymenu li.current a b, .glossymenu li a:hover b{
color: #fff;
background: url(./images/menur_hover_right.gif) no-repeat right top; /*Menü sag resim ana yolu*/
}
Bu koduda ekledikten sonra , sira linklerimizi eklemeye geldi...
temanizin templates klasöründe overal_header.html dosyasini acin , ve menüyü nereye koymak istiyorsaniz , oraya su .html kodunu ekleyin...
- Kod: Tümünü seç
<ul class="glossymenu">
<li class="current"><a href="http://www.phpbbturkiye.net/"><b>Phpbb Turkiye</b></a></li>
<li><a href="index.php"><b>Forum</b></a></li>
<li><a href="ucp.php"><b>Kullanici Paneli</b></a></li>
<li><a href="faq.php"><b>Pano Kilavuzu</b></a></li>
<li><a href="login.php"><b>Giris</b></a></li>
<li><a href="vs..."><b>CitLemBiK</b></a></li>
</ul>
Daha düzenli bir görünüm isterseniz ayri bir menu.css ve menu.html dosyasi yaratip ilgili kodlarini icerige ekleyebilirsiniz , daha sonra stylesheet.css ve overal_header.html dosyasinin icerigine
- Kod: Tümünü seç
@import url("menu.css");
ve
- Kod: Tümünü seç
<!-- INCLUDE menu.html -->
girdilerini ekleyebilirsiniz...
Tüm islemler bittikten sonra tüm sablon , tema ve resim setlerini yenileyin , önbellegi temizleyin...
Hepsi bu kadar...
Menü Önizleme : Css Glossy Horizontal Menu
Not : Bu menü dynamic drive sitesi tarafindan yapilmistir , benle uzaktan yakindan alakasi yoktur , ben sadece bu menüyü phpbb forumuna nasil entegre edilecegini anlattim... Eger baska bir css , dhtml vs... menüyü phpbb'ye entegre etmek istiyorsaniz link verin elimden geldigince yardimci olmaya calisirim... Css ve java bazli menülere bende yeni baslangic yaptigim icin ögrendigim bilgileri paylasmak istedim...
Degisik daha gelismis ve farkli java ve css menülerinin kurulumunu anlatmaya devam edecegim basit birseyle baslayayim istedim...
Iyi günlerde kullanmanizi dilerim...
Saygi ve Sevgiler...
CitLemBiK