• 15-01-2015, 16:14:43
    #1
    Buradaki gibi bir footer php tasarıma ihtiyacım var. Googledan baktım ama hazır bulamadım. Nerede nasıl bulabilirim.

  • 16-01-2015, 16:54:37
    #2
    Bunun php ile ilgisi yok html css , istediğiniz bu bölümün panel ile düzenlenebilir şekli mi ?
  • 16-01-2015, 17:17:33
    #3
    FaTe adlı üyeden alıntı: mesajı görüntüle
    Bunun php ile ilgisi yok html css , istediğiniz bu bölümün panel ile düzenlenebilir şekli mi ?
    Aynen html'de olur kodlardan ben yazıları değiştireceğim sadece. Bu olmak zorundada değil farklı bir tasarımda olur. Bu tarz olsun yeterli.
  • 16-01-2015, 18:50:51
    #4
    Üyeliği durduruldu
    <!DOCTYPE HTML>
    <html lang="en-US">
    <head>
    	<meta charset="UTF-8">
    	<title></title>
    	<style type="text/css">
    		.footer { background:#222222;width:100%; height:269px;float:left;color:white; font-family:arial;}
    		.footer #kutu b {font-size:14px;}
    		* {margin:0px;padding:0px;}
    		.footer_container{width:768px; height:175px; margin:30px auto;}
    		ul {list-style-type:none;margin:17px 0;padding:0px;}
    		#kutu {width:auto; height:125px; float:left;}
    		ul li {float:left;font-family:tahoma; font-size:12px; margin-bottom:8px; clear:left; color:#949798; }
    		#kutu:last-child li {float:left;clear:none;margin-right:10px;}
    	</style>
    </head>
    <body>
    <!--Footer-->
    	<div class="footer">
    		<!--Footer_container-->
    		<div class="footer_container">
    			<!--kutu-->
    			<div id="kutu">
    				<b>Sayfalar</b>
    				<ul>
    					<li>Ana Sayfa</li>
    					<li>Hakkımızda</li>
    					<li>Çalışmalarımız</li>
    					<li>Referanslarımız</li>
    					<li>İletişim</li>
    				</ul>
    			</div>
    			<!--kutu###-->
    			<!--kutu-->
    			<div id="kutu" style="margin-left:150px;">
    				<b>İletişim</b>
    				<ul>
    					<li>Davut Gökaydın</li>
    					<li>C: 0 537 278 65 25</li>
    					<li>T: 0 324 481 48 01</li>
    					<li>M: dabutgokaydin@gokaydinenerji.com</li>
    					<li>M: barisgokaydin@gokaydinenerji.com</li>
    				</ul>
    			</div>
    			<!--kutu###-->
    			<!--kutu-->
    			<div id="kutu" style="margin-left:150px;">
    				<b>Sosyal Medya</b>
    				<ul>
    					<li><img src="adsiz.png" alt=""></li>
    					<li><img src="adsiz.png" alt=""></li>
    				</ul>
    			</div>
    			<!--kutu###-->
    		</div>
    		<!--Footer_container###-->
    	</div>
    <!--Footer###-->
    </body>
    </html>
  • 19-01-2015, 12:07:14
    #5
    Armageddon adlı üyeden alıntı: mesajı görüntüle
    <!DOCTYPE HTML>
    <html lang="en-US">
    <head>
    	<meta charset="UTF-8">
    	<title></title>
    	<style type="text/css">
    		.footer { background:#222222;width:100%; height:269px;float:left;color:white; font-family:arial;}
    		.footer #kutu b {font-size:14px;}
    		* {margin:0px;padding:0px;}
    		.footer_container{width:768px; height:175px; margin:30px auto;}
    		ul {list-style-type:none;margin:17px 0;padding:0px;}
    		#kutu {width:auto; height:125px; float:left;}
    		ul li {float:left;font-family:tahoma; font-size:12px; margin-bottom:8px; clear:left; color:#949798; }
    		#kutu:last-child li {float:left;clear:none;margin-right:10px;}
    	</style>
    </head>
    <body>
    <!--Footer-->
    	<div class="footer">
    		<!--Footer_container-->
    		<div class="footer_container">
    			<!--kutu-->
    			<div id="kutu">
    				<b>Sayfalar</b>
    				<ul>
    					<li>Ana Sayfa</li>
    					<li>Hakkımızda</li>
    					<li>Çalışmalarımız</li>
    					<li>Referanslarımız</li>
    					<li>İletişim</li>
    				</ul>
    			</div>
    			<!--kutu###-->
    			<!--kutu-->
    			<div id="kutu" style="margin-left:150px;">
    				<b>İletişim</b>
    				<ul>
    					<li>Davut Gökaydın</li>
    					<li>C: 0 537 278 65 25</li>
    					<li>T: 0 324 481 48 01</li>
    					<li>M: dabutgokaydin@gokaydinenerji.com</li>
    					<li>M: barisgokaydin@gokaydinenerji.com</li>
    				</ul>
    			</div>
    			<!--kutu###-->
    			<!--kutu-->
    			<div id="kutu" style="margin-left:150px;">
    				<b>Sosyal Medya</b>
    				<ul>
    					<li><img src="adsiz.png" alt=""></li>
    					<li><img src="adsiz.png" alt=""></li>
    				</ul>
    			</div>
    			<!--kutu###-->
    		</div>
    		<!--Footer_container###-->
    	</div>
    <!--Footer###-->
    </body>
    </html>
    Hocam yaptım footer oldu ama sitenin menüsü kaydı. Neden olabilir acaba bakabilirmisiniz rica etsem.
  • 19-01-2015, 12:16:15
    #6
    Üyeliği durduruldu
    McCoy adlı üyeden alıntı: mesajı görüntüle
    Hocam yaptım footer oldu ama sitenin menüsü kaydı. Neden olabilir acaba bakabilirmisiniz rica etsem.
    ul li ler için yazdıgım css etkilemiştir diğerlerini.
    Skype ekler misin
  • 24-01-2015, 10:40:32
    #7
    Arkadaşın belirttiği gibi ul ve li'ler çakıştı baktım kodlara ama anlayamadım. Arkadaş yoğunluktan sanırım yardımcı olamadı. Nasıl düzeltebilirim.
  • 24-01-2015, 11:20:15
    #8
    Arkadaş kendi yazdığı style dosyasında ul ve lileri genel vermiş. Düzeltirseniz sorun ortadan kalkar. Yani ;

    Footerdeki ul li elementllerine .liste clası verip, style dosyasında da aynı işi yaoarsanız düzelecektir.


    Satır olarak 11. satırı şu şekilde düzenleyin .liste {list-style-type:none;margin:17px 0;padding:0px;}
    13. Satırı şu şekilde düzenleyin .liste li {float:left;font-family:tahoma; font-size:12px; margin-bottom:8px; clear:left; color:#949798; }

    HTML Kısmında ul yazan yerleri <div class="liste"> Yapın düzelecektir.