Footer Hakkında

[ayazhan]

Merhaba arkafaşlar Google'de baya bir araştırma yaptım ama bulamadım WMClubu.Com/Forum burası için footere uygun flat bir footer arıyorum nasıl bulabilirim size zahmet yardımcı olurmusunuz birde eklediğim footer kodları footer'de sola ve sağa tam yaklaşmıyor her iki taraftada boşluk kalıyor onu tamı tamına nasıl sığdırabilirim yardımcı olurmusunuz bakarsanız demek istediğimi anlarsınız.

[L34DRi]

Flat footer derken neyi kastediyorsunuz ?
Sağa sola yaklaşmayan kısımları ekran görüntüsü ile gösterirseniz yardımcı olabilirim.

[ayazhan]

@L34DRi yani hocam güzel bir footer link ekleyebileceğim sağ ve sol boşluk diye kastettiğim yer ise ırmızı kutu içerisine aldım.

[#Raptor]

Footer 'ın kodlarını atarsan, @L34dri hocam kodları düzenleyip sana atabilir.

[L34DRi]

Bugün anlama sıkıntısı çekiyorum biraz. Footer tasarımı mı arıyorsunuz yani ?

Admin KP ► Temalar ► Aktif Temanızı Seçin ► global.min.css 'e girin ► Arayın (CTRL+F)

Kod: Tümünü Seç Tümünü Kopyala

#altkisim-icerik {

altında

Kod: Tümünü Seç Tümünü Kopyala

width: 1125px;

bunu şöyle değiştirin:

Kod: Tümünü Seç Tümünü Kopyala

width: 100%;

[ayazhan]

@SmorqAngeL teşekkürler önerinizden dolayı

@SmorqAngeL düzelmedi hocam diğer sayfalar vs yazan linkler olduğu alan genişledi ve arka plandaki gri png resmi kayboldu.

[#Raptor]

L34DRi hocam ilgilenir. ben sadece önerdim.

[ayazhan]

@L34DRi Bekliyorum hocam kodları vermemi istermisiniz ?

[L34DRi]

@L34DRi Bekliyorum hocam kodları vermemi istermisiniz ?

Zaten CSS+HTML olduğu için kodları görebiliyorum gerek yok.

Söylediğim yerdeki width: 1125px; kodunu tamamen silmeyi deneyin ??

[ayazhan]

@L34DRi yaptım uzuyor ama tam kaplamıyor ve arkadaki gri olan resim gidiyor

[L34DRi]

Kod: Tümünü Seç Tümünü Kopyala

<div id="altkisim-icerik">

<div id="altsol">
<div id="altsol-icerik">
<div id="altsol-baslik"><span class="diger-sayfalar"></span>Diğer Sayfalar</div>
<ul>
<li><a href="#" title="Sıkça Sorulan Sorular">Sıkça Sorulan Sorular</a></li>
<li><a href="#" title="WMClubu Düğmeleri">WMClubu Düğmeleri</a></li>
<li><a href="http://wmclubu.com/" title="WMClubu Blog">WMClubu Blog</a></li>
<li><a href="http://wmclubu.com/forum" title="WMClubu Forum">WMClubu Forum</a></li>
</ul>
</div>
</div>


<div id="altorta">
<div id="altorta-icerik">
<div id="altorta-baslik"><span class="falan"></span>Lazım Olabilir</div>
<ul>
<li><a href="http://wmclubu.com">WMClubu Bannerları</a></li>
<li><a href="http://wmclubu.com/forum/gruplar/">Sosyal Gruplar</a></li>
<li><a href="http://wmclubu.com/forum/search.php">Gelişmiş Arama</a></li>
<li><a href="http://wmclubu.com/forum/itrader_main.php">Ticaret Durumu</a></li>
</ul>
</div>
</div>


<div id="altorta">
<div id="altorta-icerik">
<div id="altorta-baslik"><span class="diger-araclar"></span>Popüler Araçlar</div>
<ul>
<li><a href="http://analiz.wmclubu.com/site-analiz">Site Analiz</a></li>
<li><a href="http://analiz.wmclubu.com/seo-analiz">Seo Analiz</a></li>
<li><a href="http://analiz.wmclubu.com/whois">Whois Sorgulama</a></li>
<li><a href="http://analiz.wmclubu.com/sira-bulucu">Sıra Bulucu</a></li>
</ul>
</div>
</div>


<div id="altsag">
<div id="altsag-icerik">
<img src="http://wmclubu.com/forum/images/WMClubu/footer/wclogo.png" alt="wmclubu.com İconu" width="64" height="60">
WMClubu.Com © 2016 - 2017<br>
Webmaster Clubu tescilli bir markadır.<br>
<div id="hakkimizda-iletisim"><a href="http://wmclubu.com" title="wmclubu.com Hakkında">Hakkımızda</a> - <a href="&lt;?php echo YAZILIM_URL; ?&gt;reklam" title="WMClubu  Reklam">Reklam</a> - <a href="&lt;?php echo YAZILIM_URL; ?&gt;iletisim" title="WMForumlari İletişim">İletişim</a></div>
<div id="cesur" style="margin-top:15px"><img src="http://wmclubu.com/forum/images/WMClubu/footer/wclogo1.png" alt="WMClubu" width="30" height="31"> <a href="http://www.analiz.wmclubu.com/" rel="nofollow friend" title="wmclubu.com" target="_blank">WMClubu</a> Webtasarım ve İnternet İnternet Hizmetlerin'de güvenle barınmaktadır.</div>
</div>
</div>
</div>

↑ Bu kodu ↑ 

Kod: Tümünü Seç Tümünü Kopyala

<div id="altkisim">

</div>

↑ Bu kodların arasından çıkarın yani normalde şu şekilde : ↓

Kod: Tümünü Seç Tümünü Kopyala

<div id="altkisim">
<div id="altkisim-icerik">

<div id="altsol">
<div id="altsol-icerik">
<div id="altsol-baslik"><span class="diger-sayfalar"></span>Diğer Sayfalar</div>
<ul>
<li><a href="#" title="Sıkça Sorulan Sorular">Sıkça Sorulan Sorular</a></li>
<li><a href="#" title="WMClubu Düğmeleri">WMClubu Düğmeleri</a></li>
<li><a href="http://wmclubu.com/" title="WMClubu Blog">WMClubu Blog</a></li>
<li><a href="http://wmclubu.com/forum" title="WMClubu Forum">WMClubu Forum</a></li>
</ul>
</div>
</div>


<div id="altorta">
<div id="altorta-icerik">
<div id="altorta-baslik"><span class="falan"></span>Lazım Olabilir</div>
<ul>
<li><a href="http://wmclubu.com">WMClubu Bannerları</a></li>
<li><a href="http://wmclubu.com/forum/gruplar/">Sosyal Gruplar</a></li>
<li><a href="http://wmclubu.com/forum/search.php">Gelişmiş Arama</a></li>
<li><a href="http://wmclubu.com/forum/itrader_main.php">Ticaret Durumu</a></li>
</ul>
</div>
</div>


<div id="altorta">
<div id="altorta-icerik">
<div id="altorta-baslik"><span class="diger-araclar"></span>Popüler Araçlar</div>
<ul>
<li><a href="http://analiz.wmclubu.com/site-analiz">Site Analiz</a></li>
<li><a href="http://analiz.wmclubu.com/seo-analiz">Seo Analiz</a></li>
<li><a href="http://analiz.wmclubu.com/whois">Whois Sorgulama</a></li>
<li><a href="http://analiz.wmclubu.com/sira-bulucu">Sıra Bulucu</a></li>
</ul>
</div>
</div>


<div id="altsag">
<div id="altsag-icerik">
<img src="http://wmclubu.com/forum/images/WMClubu/footer/wclogo.png" alt="wmclubu.com İconu" width="64" height="60">
WMClubu.Com © 2016 - 2017<br>
Webmaster Clubu tescilli bir markadır.<br>
<div id="hakkimizda-iletisim"><a href="http://wmclubu.com" title="wmclubu.com Hakkında">Hakkımızda</a> - <a href="&lt;?php echo YAZILIM_URL; ?&gt;reklam" title="WMClubu  Reklam">Reklam</a> - <a href="&lt;?php echo YAZILIM_URL; ?&gt;iletisim" title="WMForumlari İletişim">İletişim</a></div>
<div id="cesur" style="margin-top:15px"><img src="http://wmclubu.com/forum/images/WMClubu/footer/wclogo1.png" alt="WMClubu" width="30" height="31"> <a href="http://www.analiz.wmclubu.com/" rel="nofollow friend" title="wmclubu.com" target="_blank">WMClubu</a> Webtasarım ve İnternet İnternet Hizmetlerin'de güvenle barınmaktadır.</div>
</div>
</div>
</div>
</div>

↓ Siz şu şekle dönüştürün: ↓

Kod: Tümünü Seç Tümünü Kopyala

<div id="altkisim-icerik">

<div id="altsol">
<div id="altsol-icerik">
<div id="altsol-baslik"><span class="diger-sayfalar"></span>Diğer Sayfalar</div>
<ul>
<li><a href="#" title="Sıkça Sorulan Sorular">Sıkça Sorulan Sorular</a></li>
<li><a href="#" title="WMClubu Düğmeleri">WMClubu Düğmeleri</a></li>
<li><a href="http://wmclubu.com/" title="WMClubu Blog">WMClubu Blog</a></li>
<li><a href="http://wmclubu.com/forum" title="WMClubu Forum">WMClubu Forum</a></li>
</ul>
</div>
</div>


<div id="altorta">
<div id="altorta-icerik">
<div id="altorta-baslik"><span class="falan"></span>Lazım Olabilir</div>
<ul>
<li><a href="http://wmclubu.com">WMClubu Bannerları</a></li>
<li><a href="http://wmclubu.com/forum/gruplar/">Sosyal Gruplar</a></li>
<li><a href="http://wmclubu.com/forum/search.php">Gelişmiş Arama</a></li>
<li><a href="http://wmclubu.com/forum/itrader_main.php">Ticaret Durumu</a></li>
</ul>
</div>
</div>


<div id="altorta">
<div id="altorta-icerik">
<div id="altorta-baslik"><span class="diger-araclar"></span>Popüler Araçlar</div>
<ul>
<li><a href="http://analiz.wmclubu.com/site-analiz">Site Analiz</a></li>
<li><a href="http://analiz.wmclubu.com/seo-analiz">Seo Analiz</a></li>
<li><a href="http://analiz.wmclubu.com/whois">Whois Sorgulama</a></li>
<li><a href="http://analiz.wmclubu.com/sira-bulucu">Sıra Bulucu</a></li>
</ul>
</div>
</div>


<div id="altsag">
<div id="altsag-icerik">
<img src="http://wmclubu.com/forum/images/WMClubu/footer/wclogo.png" alt="wmclubu.com İconu" width="64" height="60">
WMClubu.Com © 2016 - 2017<br>
Webmaster Clubu tescilli bir markadır.<br>
<div id="hakkimizda-iletisim"><a href="http://wmclubu.com" title="wmclubu.com Hakkında">Hakkımızda</a> - <a href="&lt;?php echo YAZILIM_URL; ?&gt;reklam" title="WMClubu  Reklam">Reklam</a> - <a href="&lt;?php echo YAZILIM_URL; ?&gt;iletisim" title="WMForumlari İletişim">İletişim</a></div>
<div id="cesur" style="margin-top:15px"><img src="http://wmclubu.com/forum/images/WMClubu/footer/wclogo1.png" alt="WMClubu" width="30" height="31"> <a href="http://www.analiz.wmclubu.com/" rel="nofollow friend" title="wmclubu.com" target="_blank">WMClubu</a> Webtasarım ve İnternet İnternet Hizmetlerin'de güvenle barınmaktadır.</div>
</div>
</div>
</div>

<div id="altkisim">

</div>

Ayrıcayazdığım CSS kodu değişikliğini de yapın. Kolay Gelsin

[ayazhan]

Pc geçince bakayım teşekkürler.

[ayazhan]

@L34DRi Olmadı hocam malesef aşağıdaki S.S göstereyim..
CSS dediğiniz değişikliğide yaptım.

Kod: Tümünü Seç Tümünü Kopyala

width: 1125px;

olan kısmı bu şekilde değiştirdim.

Kod: Tümünü Seç Tümünü Kopyala

width: 100%;

[L34DRi]

@L34DRi Olmadı hocam malesef aşağıdaki S.S göstereyim..
CSS dediğiniz değişikliğide yaptım.

Kod: Tümünü Seç Tümünü Kopyala

width: 1125px;

olan kısmı bu şekilde değiştirdim.

Kod: Tümünü Seç Tümünü Kopyala

width: 100%;

width: 100%;

kodunu tamamen silerek deneyin. Ben değiştirince düzeliyor. Sayfayı iyice yenileyip tekrar kontrol edebilir misiniz ? Olması lazımdı.