Not: Yapılan tüm değişikliklerde ‘ cache ‘ klasörünü boşaltın ve eğer boşaltmadan önce sayfayı açtıysanız sayfayı yenileyin.
Tema Sorunları:
-Prosilveri Yanlardan Daraltma:
prosilver/theme/common.css dosyasının içinden kod değiştirme yöntemiyle bu sorunu çözebilirsiniz.Dosyada ;
- Kod: Tümünü seç
#wrap {
padding: 0 auto;
min-width: 650px;
width: 780px;
}
Bu kodları bulup istediğiniz ebatları ayarlayarak kullana bilirsiniz.
-Sabit Arka plan:
AÇ
styles/prosilver/templates/overall_header.html
BUL:
- Kod: Tümünü seç
<BODY
SATIR İÇİNDE SONRASINA EKLE:
style="BACKGROUND-ATTACHMENT: fixed"
*Sabit Arka plan css:
AÇ
styles/prosilver/theme/common.css
BUL
- Kod: Tümünü seç
body {
SONRASINA (ALT SATIRA) EKLE
- Kod: Tümünü seç
background-attachment: fixed;
Sonuç: (ekleme bittikten sonra bu şekilde olmalı)
- Kod: Tümünü seç
body {
background-attachment: fixed;
-Internet Explorer 6 da boşluk sorunu:
tweaks.css de
- Kod: Tümünü seç
* html #search-box {
margin-right: 35px;
35 px değeri uygun boyutta küçülttün ve sorun çözüldüsün.
-Forumda Renk Ayarı Hangı Klasörden Yapılır?
Renk ayarlarının tamamı colours.css dosyasında bulunur.Bu dosyadan gerekli kod değişiklikleriyle renk değiştirilebilir.
-Tema Rengi Değiştirme Sitesi:
Buda çok sorulmuştu bende sormuştum şu adreslerden adreste bulunan temaları seçip renkleriyle görsel olarak oynayıp kullanma imkanınız verdir.
http://beta.colorizeit.com/
Pro Silver:
http://beta.colorizeit.com/index.php?style=prosilver
-Logo Değiştirme:
Evet arkadaşlar logo değiştirme yeni başlayanların çok sorduğu sorulardandır logo resim olarak temadan değiştirilir genelde bazı kullanıcılar logonun boş zeminini kullanıcıya dosya içinde verirler bu varsa bunun üzerine rahatça logonuzu yapıp temanın içindeki logo yerine atabilirsiniz.Genelde temada images klasöründe bulunur genelde diyorum çünkü yapan kişi başka yere koyarsa oradan değiştirmeniz lazım ama bu güne kadar ben hiç rastlamadım böle olana.Bunun yolu şu şekildedir:
\styles\kullandığın tema\imageset\site_logo.gif
-Bölüm adının sonunda son ileti yerinde son konu çıkması:
Soru rc3 zamanında sorulmuş ;
Resim:
http://sourceforge.net/dbimage.php?id=130902
Aşağıdaki adresten indirdiğiniz materyal sayesinde bu mümkün:
http://downloads.sourceforge.net/nickve ... ex_021.zip
-Navbar Yapımı:
benim kullandığım taktiği söyleyeyim..
mesela yapmak istediğin menü için kullanılan css kodlarında
Kod:
- Kod: Tümünü seç
.navbar
gibi bir şey olsun. Aynı zamanda phpbb3'ün de kendi css dosyasında aynı şeyin başka bi şekilde tanımlı olduğunu varsayalım...
Bu gibi durumlarda, ben kendimce yeni eklediğim her css tanımlamasında bir ön ek kullanıyorum.
Yani örnekteki menü için kullandığım
Kod:
- Kod: Tümünü seç
.navbar
etiketini
Kod:
- Kod: Tümünü seç
.simuzer_navbar
olarak değiştiriyorum. Sonra HTML kodunda da gerekli değişikliği yapıyorum...
Mesela
Kod:
- Kod: Tümünü seç
<div class="navbar">
yerine
Kod:
- Kod: Tümünü seç
<div class="simuzer_navbar">
kullanıyorum.
Yalnız bu kendi başına yeterli değil. Biraz daha css'den anlıyor olmak gerekir. Çünkü menülerde ul li gibi bir listeleme sisteminden faydalanılıyor. Bunların tanımlamalarında ise direkt olarak ul şu şu şu diye tanımlanıyor. Bunlar için ayrı bir etiket ismi kullarak tanımlamak gerekir.
-Bağlantı Eklemek:
[ AÇ ]
styles/prosilver/template/overall_header.html
[ BUL ]
- Kod: Tümünü seç
<a href="{U_FAQ}" title="{L_FAQ_EXPLAIN}" class="icon-faq">{L_FAQ}</a>
[ SONRASINA EKLE ]
Kod:
- Kod: Tümünü seç
<a href="link" title="title">title</a>
İkon koyacaksanız class="icon-faq" sınıfını CSS dosyalarında bularak bunu kopyala/değiştir yapabilirsiniz, adını değiştirerek tabi.
-Link Verme:
Template dosyandaki overall_header.html dosyasında
bunu bulun
Kod:
- Kod: Tümünü seç
<a href="{U_INDEX}" accesskey="h">{L_INDEX}</a>
Bunun önüne arkasına ekleme yapabilirsiniz.
Kod:
- Kod: Tümünü seç
<a class="icon-home" href="{U_PORTAL}">{L_PORTAL}</a> »
<a href="{U_INDEX}" accesskey="h">{L_INDEX}</a> <!-- BEGIN navlinks --> <strong>‹</strong>
-Üst Araçlar:
"css tabs", "css menu" gibi şekillerde aratın yüzlerce örnek bulacaksınız, gerisi edit...
Mesela ayak üstü birkaç örnek:
http://exploding-boy.com/images/cssmenus/menus.html
Top 71 CSS Menus Navigation Tabs
http://webdeveloper.econsultant.com/css ... tion-tabs/
Nasıl yapıldığına örnek:
http://24ways.org/2005/centered-tabs-with-css
Bu uygulamayı kendiniz yapmalısınız yaptığınız menüyü sitenizde kullana bilirsiniz bu açıdan hazır bulunmamaktadır.
-Konu Görüntülemede Üye profilini Sola Almak:
styles/prosilver/imageset/en/icon_user_online.gif Bu resmi 90 derece saat yönü tersinde çeviriyoruz...
Kod: Tümünü seç
--[ AÇ ]-----
styles/prosilver/theme/content.css
--[ BUL ]-----
- Kod: Tümünü seç
.postbody {
padding: 0;
line-height: 1.48em;
color: #333333;
width: 76%;
float: left;
clear: both;
}
--[ BUNUNLA DEĞİŞTİR ]-----
- Kod: Tümünü seç
.postbody {
padding: 0;
line-height: 1.48em;
color: #333333;
width: 76%;
float: right;
clear: both;
}
--[ BUL ]-----
- Kod: Tümünü seç
.postprofile {
/* Also see tweaks.css */
margin: 5px 0 10px 0;
min-height: 80px;
color: #666666;
border-left: 1px solid #FFFFFF;
width: 22%;
float: right;
display: inline;
}
--[ BUNUNLA DEĞİŞTİR ]-----
- Kod: Tümünü seç
.postprofile {
/* Also see tweaks.css */
margin: 5px 0 10px 0;
min-height: 80px;
color: #666666;
border-right: 1px solid #FFFFFF;
width: 22%;
float: left;
display: inline;
}
--[ BUL ]-----
- Kod: Tümünü seç
.online {
background-image: none;
background-position: 100% 0;
background-repeat: no-repeat;
}
--[ BUNUNLA DEĞİŞTİR ]-----
- Kod: Tümünü seç
.online {
background-image: none;
background-position: 0 0;
background-repeat: no-repeat;
}
Kaynak: http://www.easytutorials.org
Çevrimiçi resminde sorun yaşarsanız:
Resmin yerini değiştirin yada küçük yeşil resimlerden kullanın…
-Logo Ebatları:
styles/prosilver/imageset/imageset.cfg
Kod:
- Kod: Tümünü seç
img_site_logo = site_logo.gif*52*139
52 ve 139 olan kısmını değiştirmeniz yeterlidir.
-Tema Uyarlama:
Yüzeysel olarak anlatmaya çalışacağım, geri kalanı tamamen sizin HTML ve CSS tecrübeniz ile alakalı.
Elinizdeki tema blog tarzı bir temadır ve bu tür temalar genelde 4 kısımdan oluşur.
1. üst (footer)
2. orta/içerik (content)
3. sağ/sol menü (nav)
4. alt (footer)
Bu temayı parçalayıp phpbb temasına ekleyeceğiz. İçeriğin başladığı ve bittiği yerden başlangıç kısmınndan öncesini kopyalayıp overall_header.html ye, içerğin bitti yerden ise kopyalayıp overall_footer.html ye yapıştırıyoruz.
Menü ve orta kısım askıda kalmış oldu, menüyü silebiliriz.
Dikkat etmemiz gereken orta yani içerik kısmını başlatan HTML etiketi (genelde div) header'de, bu etiketin kapatma etiketi de footer'da kalacak.
Ufak bir örnek yazayım, bu bizim basit bir CSS temamız olsun:
- Kod: Tümünü seç
<div id="#header">
<!-- üst -->
</div>
<div id="#content">
<!-- içerik -->
</div>
<div id="#footer">
<!-- alt -->
</div>
Bunu phpBB3 şöyle uygularız, + ile işaretli kısım tema dosyasının başlangıcı ve - işareti de bitişini temsil ediyor. içerik kısmı askıda kalıyor, yani içindeki diğer html kodlarıonı veya bilgilerini kullanmıyoruz, orta kısım sayfaya göre değişiyor çünkü phpBB de:
- Kod: Tümünü seç
// + phpBB3 overall_header.html
<div id="#header">
<!-- üst -->
</div>
<div id="#content">
// - phpBB3 overall_header.html
<!-- içerik -->
// + phpBB3 overall_footer.html
</div>
<div id="#footer">
<!-- alt -->
</div>
// - phpBB3 overall_footer.html
CSS kısmını ise CSS dosyalarına aktarmadan direk header içinde kullanmanız, geliştirme aşamasındaki olası ön-bellek sorunlarını aşmanızı sağlar.
Anlatabileceğim herşey bu kadar, gerisi HTML,/CSS tecrübe ve beceri işi.
--------------------------------------------Genel Sorunlar:-------------------------------------
-Avatar Nasıl Yüklenir:
images/avatars/gallery klasörü içerisine "kategori" olması için bir klasör daha açmalısınız.
* Kullanıcı Paneli > Hesap Bilgileri > Avatarınız kısmında gelip Galeriyi Göster dediğinizde, bu oluşturduğunuz "kategori" klasörlerinin adını ve (eğer yaptıysanız) içindeki resim dosyalarını görürsün.
-Smile Sayısının Azaltılması:
Yönetim Paneli -> Gönderim -> (sol tarafta) İfadeler
Açılan sayfada ifalerin listesi oalcak. Bu listeden istediklerini göstermek istemediklerni de göstermemek istiyorsan, yeşil buton olan bu butona tıkladığında, seçeneklerde;
Gönderim sayfasında göster
kutucuğunu işaretlemen veya işaretlememen gerekiyor. Buna göre, gösterilmeyenler, mesaj yazarken Tüm İfadeleri göster linki çıkar ve bu linke tıkladığınızda gösterilmeyen bütün ifadeler de gösterilir.
Arkadaşlar bu çalışma birilerine faydası olucaksa güncelligim ve eklemeler yapım ama siz derseniz hiç kimseye faydası olmaz o zaman böle bir çalışma olarak kalsın.LÜTFEN YORUM...