Logoyu genişletmek

phpBB 3.0.x sürümlerindeki stiller / temalar için yapılan rütbe resimleri, ifadeler, avatarlar, butonlar, logolar, bannerler.
Forum kuralları
- Yeni bir başlık açarken lütfen konu başlığına "Acil yardım", "Acele yardım" tarzlarında içerisinde "yardım" kelimesi geçen cümleler yazmayınız. Bu tip başlıklara kesinlikle cevap verilmeyecektir. Lütfen konu başlığına içeriği en iyi özetleyen anlaşılabilir bir cümle yazınız.

- Ayrıca yeni başlıklarınızı kesinlikle ilgili forumlara açınız. Örneğin, phpBB3 kurulum ve çalıştırması hakkında bir sorununuz varsa "3.0.x Destek Forumu" forumuna başlık açınız; phpBB3 temasından kaynaklı bir sorunuz varsa "3.0.x Stil/Tema Geliştirme & Tartışma & Yardım" forumuna başlık açınız; phpBB3 mod/eklentileriyle ilgili sorununuz varsa "3.0.x MOD Destek" forumuna başlık açınız. Bu kurala uymayan kullanıcıların başlıkları silinebilir ve kullanıcı uyarı alabilir ya da süresiz uzaklaştırılabilir.

- Site kurallarımızı okumadan kesinlikle forumlarımıza herhangi bir katılım yapmayınız.
Kilitli
cemal tanış
Kayıtlı Kullanıcı
Mesajlar: 12
Kayıt: 28.01.2011, 00:06

Logoyu genişletmek

Mesaj gönderen cemal tanış »

Merhabalar sitemin logosunu büyütmek istiyorum ne yaptıysam olmadı kullanmış olduğum tema SkyLineGreen temasıdır. Logo boyutu çok ufak kalıyor imageset.cfg dosyasından boyutları ayarlıyorum bu seferde logonun alt kısmında butonlarım saklı kalıyor yardımlarınızı bekliyorum.
satcell
Kayıtlı Kullanıcı
Mesajlar: 769
Kayıt: 25.01.2009, 20:42
Konum: samsun

Re: Logoyu genişletmek

Mesaj gönderen satcell »

stylesheet.css

bul

Kod: Tümünü seç

#logo {
	position: relative;
	float: left;
	width: 182px;
	z-index: 1;
	height: 109px;
}
bu kısımdaki rakamları değiştir

Kod: Tümünü seç

width: 182px;

bu kısımdaki rakamları değiştir

Kod: Tümünü seç

height: 109px;

bul

Kod: Tümünü seç

#headertop {
	background-image: url('./images/panel_1_bg.gif');
	background-repeat: repeat-x;
	height: 109px;
	text-align: center;
}
bu kısmı logonun yüksekliğine göre değiştirmen gerekebilir

Kod: Tümünü seç

height: 109px;

imageset.css

bul ve rakamları değiştir

Kod: Tümünü seç

img_site_logo = site_logo.jpg*109*182
cemal tanış
Kayıtlı Kullanıcı
Mesajlar: 12
Kayıt: 28.01.2011, 00:06

Re: Logoyu genişletmek

Mesaj gönderen cemal tanış »

Öncelikle yardımlarını için çok teşekkür ederim verdiğiniz kodların değişimlerini yaptıktan sonra aşağıdaki görüntü ortaya çıktı.

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

resimdende anlaşılacağı üzere butonlarım logonun altında kalıyor :?
satcell
Kayıtlı Kullanıcı
Mesajlar: 769
Kayıt: 25.01.2009, 20:42
Konum: samsun

Re: Logoyu genişletmek

Mesaj gönderen satcell »

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

stylesheet.css

bul

Kod: Tümünü seç

#wrapheader {
	height: 130px;
}
bununla değiştir

Kod: Tümünü seç

#wrapheader {
	height: 200px;
}
bul

Kod: Tümünü seç

#logo {
	position: relative;
	float: left;
	width: 182px;
	z-index: 1;
	height: 109px;
}

bununla değiştir

Kod: Tümünü seç

#logo {
	position: relative;
	float: left;
	width: 1007px;
	z-index: 1;
	height: 153px;
}
bul

Kod: Tümünü seç

#register {
	position: relative;
	float: right;
	width: 110px;
	z-index: 1;
	height: 81px;
}

bununla değiştir

Kod: Tümünü seç

#register {
	position: relative;
	float: left;
	width: 110px;
	z-index: 1;
	height: 79px;
}

bul

Kod: Tümünü seç

#headertop {
	background-image: url('./images/panel_1_bg.gif');
	background-repeat: repeat-x;
	height: 109px;
	text-align: center;
}

bununla değiştir

Kod: Tümünü seç

#headertop {
	background-repeat: repeat-x;
	height: 180px;
	text-align: center;
}

bul

Kod: Tümünü seç

#menudiv {
	height: 28px;
	position: absolute;
	top: 114px;
	left: 0px;
	width: 100%;
}
bununla değiştir

Kod: Tümünü seç

#menudiv {
	height: 28px;
	position: absolute;
	top: 187px;
	left: 0px;
	width: 100%;
}

bul

Kod: Tümünü seç

#headerbottom {
	background-color: #F9F9F9;
	height: 16px;
	border-bottom: 2px solid #EEEEEE;
	text-align: center;
	font-weight: bold;
	font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
	padding-top: 4px;
	margin-bottom: 14px;
	width: 100%;
	position: relative;
}

bununla değiştir

Kod: Tümünü seç

#headerbottom {
	background-color: #F9F9F9;
	height: 23px;
	border-bottom: 2px solid #EEEEEE;
	text-align: center;
	font-weight: bold;
	font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
	padding-top: 4px;
	margin-bottom: 14px;
	width: 100%;
	position: relative;
}
imageset

bul

Kod: Tümünü seç

img_site_logo = site_logo.jpg*109*182
bununla değiştir

Kod: Tümünü seç

img_site_logo = site_logo.jpg*153*1007
overall_header.html

bul ve sil

Kod: Tümünü seç

<h1>{SITENAME}</h1>
Ön belleği temizle,Görüntü kümelerini yenile,tarayıcı çerezlerini sil
cemal tanış
Kayıtlı Kullanıcı
Mesajlar: 12
Kayıt: 28.01.2011, 00:06

Re: Logoyu genişletmek

Mesaj gönderen cemal tanış »

Çok teşekkür ederim vermiş olduğunuz bilgilere göre logoyu istediğim gibi genişletebildim. Tek bir sorunum kaldı logoyu genişlettim ama her bilgisayarda farklı boyutta çıkıyor onu nasıl ayarlayabilirim acaba. Örneğin bazı bilgisayarlarda logonun sağ tarafında boşluk var bazılarında ise hiçbir sorun yok ekrana tam oturmuş durumda
satcell
Kayıtlı Kullanıcı
Mesajlar: 769
Kayıt: 25.01.2009, 20:42
Konum: samsun

Re: Logoyu genişletmek

Mesaj gönderen satcell »

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

İlk Önce Bu adresteki Bilgiyi Uygula http://efrig.com/viewtopic.php?f=49&t=207
sonra yukarıda ben logo genişliğini 1007 px; olarak ayarladım ona göre çözüm yolunu yazıyorum.

Yukarıdaki adresteki çözünürlük width: 900px; demiş sen onu logonun genişliğine göre ayarla ben 1007 px; olarak ayarladım.logodaki 1007px; genişlik bu temaya göre,bilgisayarda 1024x768 çözünürlükte bu temaya göre 1007 px; genişliğindeki logo uygun ve burdaki uygulamaları uyguladıktan sonra her türlü çözünürlükte otomatik.

Aşağıdaki işlemleri uygula

stylesheet.css

bul

Kod: Tümünü seç

#menubar {
	background-image: url('./images/panel_2_bg.gif');
	background-repeat: repeat-x;
	height: 28px;
	position: relative;
	text-align: center;
	width: 100%;
}
bununla değiştir

Kod: Tümünü seç

#menubar {
	background-image: url('./images/panel_2_bg.gif');
	background-repeat: repeat-x;
	height: 28px;
	position: relative;
	text-align: center;
	width: 1007px;
}

bul

Kod: Tümünü seç

#menudiv {
	height: 28px;
	position: absolute;
	top: 187px;
	left: 0px;
	width: 100%;
}

bununla değiştir

Kod: Tümünü seç

#menudiv {
	height: 28px;
	position: absolute;
	top: 187px;
	width: 1007px;
}
bul

Kod: Tümünü seç

#wrapfooter {
	height: 62px;
	clear: both;
	background-image: url('./images/footer_bg.gif');
	background-repeat: repeat-x;
}

bununla değiştir

Kod: Tümünü seç

#wrapfooter {
	height: 62px;
	clear: both;
	background-image: url('./images/footer_bg.gif');
	background-repeat: repeat-x;
	width: 1007px;
}

bul

Kod: Tümünü seç

#footerlink {
	position: absolute;
	padding-top: 2px;
	width: 60px;
	height: 0px;
	left: 20px;
	z-index: 2;
}

bununla değiştir

Kod: Tümünü seç

#footerlink {
	position: absolute;
	padding-top: 2px;
	width: 60px;
	height: 0px;
	z-index: 2;
}
Ön belleği temizle,tarayıcı çerezlerini sil
Kilitli

“3.0.x Stil Grafikleri” sayfasına dön

Kimler çevrimiçi

Bu forumu görüntüleyen kullanıcılar: Hiç bir kayıtlı kullanıcı yok ve 5 misafir