tema header degisikligi resim ortalama yardim

[The_Delicius]

header bi resim koydum komple 900x150 boyutlarinda fakat resim tam oturmuyor phpbbturkiye deki gibi olmadi, kenarlarinda bosluk oluyor arkaplan gözkmesin istiyorum ben, bu sorunu nasil cozebilrim?

Bu sorunun oldugu bi foto
[ resmi görüntülemek için tıklayın ]
Yaptigim uygulama alttaki gibidir

Merhaba,


(prosilver) Header / Logo değiştirme

colours.css
[ BUL ]

Kod: Tümünü seç

/* Round cornered boxes and backgrounds
---------------------------------------- */
.headerbar {
	background-color: #94696B;
	background-image: url("{T_THEME_PATH}/images/bg_header.gif");
	color: #FFFFFF;
}

[ DEĞİŞTİR ]

Kod: Tümünü seç

.headerbar {
   background-color: #94696B;
   background-image: url({IMG_SITE_LOGO_SRC});
   color: #FFFFFF;
}

imageset.cfg

[ BUL ]

Kod: Tümünü seç

# Images
img_site_logo = site_logo.gif*52*130

[ DEĞİŞTİR ]

Kod: Tümünü seç

# Images
img_site_logo = site_logo.png,jpg,gif*xxx*xxx

prosilver/templates/overall_header.html

[ BUL ]

Kod: Tümünü seç

<div id="site-description">
				<a href="{U_INDEX}" title="{L_INDEX}" id="logo">{SITE_LOGO_IMG}</a>
				<h1>{SITENAME}</h1>
				<p>{SITE_DESCRIPTION}</p>
				<p style="display: none;"><a href="#start_here">{L_SKIP}</a></p>
	</div>

[ DEĞİŞTİR ]

Kod: Tümünü seç

<div id="site-description">
				<a href="{U_INDEX}" title="{L_INDEX}" id="logo"><img src="images/spacer.gif" width="xxx" height="xxx" alt="" /></a>
					<!--<h1>{SITENAME}</h1>
				<p>{SITE_DESCRIPTION}</p>-->
				<p style="display: none;"><a href="#start_here">{L_SKIP}</a></p>
	</div>

[ BUL ve SİL ]

Kod: Tümünü seç

<!-- IF S_DISPLAY_SEARCH and not S_IN_SEARCH -->
			<div id="search-box">
				<form action="{U_SEARCH}" method="post" id="search">
				<fieldset>
					<input name="keywords" id="keywords" type="text" maxlength="128" title="{L_SEARCH_KEYWORDS}" class="inputbox search" value="<!-- IF SEARCH_WORDS-->{SEARCH_WORDS}<!-- ELSE -->{L_SEARCH_MINI}<!-- ENDIF -->" onclick="if(this.value=='{LA_SEARCH_MINI}')this.value='';" onblur="if(this.value=='')this.value='{LA_SEARCH_MINI}';" /> 
					<input class="button2" value="{L_SEARCH}" type="submit" /><br />
					<a href="{U_SEARCH}" title="{L_SEARCH_ADV_EXPLAIN}">{L_SEARCH_ADV}</a> {S_HIDDEN_FIELDS}
				</fieldset>
				</form>
			</div>
		<!-- ENDIF -->

--------------------------------------------------------
Makale Hakkında

Yazar: IcEman
Açıklama: Prosilver temasının üst kısmını bizim hazırlamış olduğumuz logo/banner ile değiştiriyoruz örneğin 900*150 gibi.. arama kutusu kaldırılıyor sebebi kaymaların meydana gelmesi (arama bağlantısı koymak) eğer yapabilen olursa makaleyi güncelleyebilir.Resim boyutları "xxx" olarak ifade edildi kendi temanızın ve logonuzun boyutlarına göre değişkenlik gösterebilir o kısmı kendiniz orantılayacaksınız yani bu makale birebir uyan bir şablon değildir sadece işin teorik kısmını gösterir..
Kullanılan kaynaklar: Digital Dilemma teması


KOLAY GELSİN...

[The_Delicius]

yokmu arakadaslar bi yol gosterecek

[VSaBaH]

yokmu arakadaslar bi yol gosterecek

Merhaba,

Arkaplan derken o rengi mi kaldırmak istiyorsunuz? Logoyu büyütmeyi denediniz mi?

Eğer siteniz http://forum.hasanozkan.net ise ve arkaplanı beyaz yapmak istiyorsanız styles/temanız/theme/stylesheet.css dosyası içindeki #EBEBEB olan renk kodunu istediğiniz gibi değiştirebilirsiniz... Ör: Beyaz yapmak için #FFFFFF

Sorununuzun çözülmediğini düşünüyorsanız sitenizin adresini, sorununuzu ve stylesheet.css dosyanızı paylaşmanızı rica edeceğim...

KOLAY GELSİN...

[The_Delicius]

evet arka plandaki turuncu arkaplan rengini kaldirip yaptigim header 900x150 olculerindeki oraya komple entegre etmek istioyrum fakat bi türlü tam oturmuyor oraya boyutlarida denedim cogaltinca kenarlara tasiyor sanirim ölcusu 900x150 olarak diye biliyorum header bolumunun.

[The_Delicius]

yokmu arakadaslar bi yol gosterecek

Merhaba,

Arkaplan derken o rengi mi kaldırmak istiyorsunuz? Logoyu büyütmeyi denediniz mi?

Eğer siteniz http://forum.hasanozkan.net ise ve arkaplanı beyaz yapmak istiyorsanız styles/temanız/theme/stylesheet.css dosyası içindeki #EBEBEB olan renk kodunu istediğiniz gibi değiştirebilirsiniz... Ör: Beyaz yapmak için #FFFFFF

Sorununuzun çözülmediğini düşünüyorsanız sitenizin adresini, sorununuzu ve stylesheet.css dosyanızı paylaşmanızı rica edeceğim...

KOLAY GELSİN...

stylesheet.css dosyasinda bir renk kodu bulamadim ben, buraya yolluyorum dosyayi site adresime gelince http://forum.hasanozkan.net genelde modlari denedigim forum kurulu burada, buradanda sorunu gorebilrisniz. Yardimlar icin simdiden tesekkürler...

[VSaBaH]

stylesheet.css dosyasinda bir renk kodu bulamadim ben, buraya yolluyorum dosyayi site adresime gelince http://forum.hasanozkan.net genelde modlari denedigim forum kurulu burada, buradanda sorunu gorebilrisniz. Yardimlar icin simdiden tesekkürler...

Kusura bakmayın bir an forumunuzun temasını subsilver olarak düşündüm o yüzden öyle dedim...

Eğer siteniz http://forum.hasanozkan.net ise ve arkaplanı değiştirmek istiyorsanız styles/temanız/theme/colours.css dosyası içindeki #94696B olan renk kodunu istediğiniz gibi değiştirebilirsiniz...
Arka plana uydurmanız için tavsiyem #62615F

Sorun yine çözülmezse bu kez colours.css dosyasını rica edeceğim...

[The_Delicius]

stylesheet.css dosyasinda bir renk kodu bulamadim ben, buraya yolluyorum dosyayi site adresime gelince http://forum.hasanozkan.net genelde modlari denedigim forum kurulu burada, buradanda sorunu gorebilrisniz. Yardimlar icin simdiden tesekkürler...

Kusura bakmayın bir an forumunuzun temasını subsilver olarak düşündüm o yüzden öyle dedim...

Eğer siteniz http://forum.hasanozkan.net ise ve arkaplanı değiştirmek istiyorsanız styles/temanız/theme/colours.css dosyası içindeki #94696B olan renk kodunu istediğiniz gibi değiştirebilirsiniz...
Arka plana uydurmanız için tavsiyem #62615F

Sorun yine çözülmezse bu kez colours.css dosyasını rica edeceğim...

Bu arka plana renke verme degilde oraya bi resim koyamazmiyiz phpbbturkey deki gibi bi header, sanirim renkle bi alakasi yok bunun orada bircok renk denemesi yaptim, ama benim istedigim o bolgede bi renk gelmesi degil , 900x150 olculerindeki PS de yaptigim resmi oraya entegre etmek istiyorum. Kenarlarda hep bosluk kaliyor resimi oraya koydugumda, acaba olculerimmi yanlis? colours.css yi yolladim,

buda uyguladigim kod arka plan rengini kaldirabildim,

Kod: Tümünü seç

/* Round cornered boxes and backgrounds

---------------------------------------- */

.headerbar {
   background-color: #FFFFFF;
   background-image: url({IMG_SITE_LOGO_SRC});
   color: #FFFFFF;
}

fakat logo dedgim gibi bicimsiz sekilde kenarlarinda falan bosluklar olarak kaliyor, buda overall_headerdaki degisikligim, galiba burdaki d="site-description"> ile ilgigi bi sorun

Kod: Tümünü seç

<div id="site-description">
            <a href="{U_INDEX}" title="{L_INDEX}" id="logo"><img src="images/headerdeneme.jpg" width="900" height="150" alt="" /></a>
               <!--<h1>{SITENAME}</h1>
            <p>{SITE_DESCRIPTION}</p>-->
            <p style="display: none;"><a href="#start_here">{L_SKIP}</a></p>
   </div>

bu sekilde ayarlamistim

[VSaBaH]

Ben dediğiniz sorunu hala tam olarak anlayamadım... Yani kenarlarında boşluk kalıyor diyorsunuz madem boşluk kalmayacak boyutlarda bir resim koymaya çalışınız... 900 yetmedi mi 1000 yapınız mesela...

Eğer ne kadar büyük boyutta resim koyarsanız koyun her zaman aynı büyüklükte görünüyorsa o zaman herhangi bir .css dosyasında HTML bir kodla bu sınırlama yapılıyordur sonucuna varabiliriz...

Ama dediğim gibi sorunu tam anlamadım ve verdiğiniz adreste de birşey yok. Lütfen http://forum.hasanozkan.net adresinize sorunu yaşadığın hale getirip incelemememiz açısından o halde bırakınız....

[The_Delicius]

Forumda cok fazla degisklik yaptim kodlarla dagildi o yuzden yeniden kurdum temayi o yuzden degismisti suan forum eski halinde bakabilrsiniz.

[quote="VSaBaH"]
Eğer ne kadar büyük boyutta resim koyarsanız koyun her zaman aynı büyüklükte görünüyorsa o zaman herhangi bir .css dosyasında HTML bir kodla bu sınırlama yapılıyordur sonucuna varabiliriz...
quote]
resim boyutuyla ilgili bisey oldugnun sanmam cunku boyutlari degistirdigimde resimde degisiyor mesela buraya bi resim yolldaim 1000x200 yaptim degisti boyutlar hep saga kayiyor resim solda diyelim 2pixel bi bosluk kalio hep. iste sorunumda tam bu bu bosluklar zaten

Kod: Tümünü seç

         <div id="site-description">
            <a href="{U_INDEX}" title="{L_INDEX}" id="logo"><img src="images/headerdeneme.jpg" width="1000" height="200" alt="" /></a>
               <!--<h1>{SITENAME}</h1>
            <p>{SITE_DESCRIPTION}</p>-->
            <p style="display: none;"><a href="#start_here">{L_SKIP}</a></p>

buradan yapicam bisey tahminim ama nedir anlamadim

buda son resim
[ resmi görüntülemek için tıklayın ]

[The_Delicius]

sanirim common.php den ayarlanmais gereknler var oralardan biseyler yaptim olmak uzere

theme/common.css

Kod: Tümünü seç

#logo {
   float: left;

Kod: Tümünü seç

#logo {
   float: center;

yaptim

birde kenrada 1-2 pixel bi bosluklar kaldi onlarida ayarlarsam tam olacak

[The_Delicius]

sorunumu cözdüm, logo nun ortlamasinda common.css dosyasini editledim
su sekilde yaptim ortala komutu ve kenarlara 0 px verdim

Kod: Tümünü seç

#logo {
	float: center;
	width: auto;
	padding: 0px 0px 0 0px;

ve kenrada bi bosluk kaliyordu 1-2 pixel radyobulut hocamizin tavisiyesiyle overall_header.html

Kod: Tümünü seç

<div class="headerbar">

burayi

Kod: Tümünü seç

<div>

olarak degistirdim ve kenardaki bosluk sorunum ortadan kalkti.

Colour.css deki yapilmasi gereken bu degiskligide

Kod: Tümünü seç

.headerbar {
   background-color: #94696B;
   background-image: url({IMG_SITE_LOGO_SRC});
   color: #FFFFFF;
}

kendim su sekilde duzenledim arka plan sorunum ortadan kalkti

Kod: Tümünü seç

.headerbar {
   background-color: #FFFFFF;
   color: #FFFFFF;
}

ve sonuc burada http://www.dostmekan.net/
yardimci olmaya calisan ve bilgilerinden faydalandigim arkadaslara tesekkür ederim.

[VSaBaH]

ve sonuc burada http://www.dostmekan.net/
yardimci olmaya calisan ve bilgilerinden faydalandigim arkadaslara tesekkür ederim.

Sonuç olarak çözüm bulunduysa sorun yoktur...

Biz sadece yol gösterdik dediklerimizi yapıp geliştiren sizsiniz