Hazır Footer Tasarımı

15-01-2015, 16:14:43

#1

McCoy

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

FaTe

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

McCoy

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

~~Armageddon~~

Ü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

McCoy

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

~~Armageddon~~

Ü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

McCoy

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

Bay_Keskin

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.