Logoyu genişletmek
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.
- 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.
-
- Kayıtlı Kullanıcı
- Mesajlar: 12
- Kayıt: 28.01.2011, 00:06
Logoyu genişletmek
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.
Re: Logoyu genişletmek
stylesheet.css
bul
bu kısımdaki rakamları değiştir
bu kısımdaki rakamları değiştir
bul
bu kısmı logonun yüksekliğine göre değiştirmen gerekebilir
imageset.css
bul ve rakamları değiştir
bul
Kod: Tümünü seç
#logo {
position: relative;
float: left;
width: 182px;
z-index: 1;
height: 109px;
}
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;
}
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
-
- Kayıtlı Kullanıcı
- Mesajlar: 12
- Kayıt: 28.01.2011, 00:06
Re: Logoyu genişletmek
Ö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
[ resmi görüntülemek için tıklayın ]
resimdende anlaşılacağı üzere butonlarım logonun altında kalıyor
Re: Logoyu genişletmek
[ resmi görüntülemek için tıklayın ]
stylesheet.css
bul
bununla değiştir
bul
bununla değiştir
bul
bununla değiştir
bul
bununla değiştir
bul
bununla değiştir
bul
bununla değiştir
imageset
bul
bununla değiştir
overall_header.html
bul ve sil
Ön belleği temizle,Görüntü kümelerini yenile,tarayıcı çerezlerini sil
stylesheet.css
bul
Kod: Tümünü seç
#wrapheader {
height: 130px;
}
Kod: Tümünü seç
#wrapheader {
height: 200px;
}
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;
}
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%;
}
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;
}
bul
Kod: Tümünü seç
img_site_logo = site_logo.jpg*109*182
Kod: Tümünü seç
img_site_logo = site_logo.jpg*153*1007
bul ve sil
Kod: Tümünü seç
<h1>{SITENAME}</h1>
-
- Kayıtlı Kullanıcı
- Mesajlar: 12
- Kayıt: 28.01.2011, 00:06
Re: Logoyu genişletmek
Ç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
Re: Logoyu genişletmek
[ 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
bununla değiştir
bul
bununla değiştir
bul
bununla değiştir
bul
bununla değiştir
Ön belleği temizle,tarayıcı çerezlerini sil
İ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%;
}
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;
}
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;
}
Kimler çevrimiçi
Bu forumu görüntüleyen kullanıcılar: Hiç bir kayıtlı kullanıcı yok ve 0 misafir