Site Tasarımı
-
http://i.hizliresim.com/ozDpbb.jpg
Beyler yapımda yardım edebilecek var mı divleri kullanarak yapıcam notepad++ da donem odevi gibi birşey ama nereden başlayacağımı bilmiyorum
-
Resimleri ps ile kesip parcala. Sonra iki yan yana olan resimleri kod ile yan yana at yada yazilari yaz. Duzenli olmasi icin tablo ici ile calis. Frontpage ile tablo kodlarini incele yada frontpage ile yap
-
Resimleri kestim şimdi hamburgeri logoyu falan geri kalanı zaten yazı onları da kesmicem dimi
-
Ya resimleri parcala iste. Yazilari sen yazican tabi manuel. Menuyude ister ps ile resim ile yap ister yazi ile
-
-
http://livedemo00.template-help.com/muse_52163/index.html
Burdan çek scripti işde ne uğraşıyon baba -
Buyur hacım HTML kodladım, CSS sende. Nasıl yaptım? Gözümle tasarıma baktım, nereleri div ile bölmek gerekiyor şeklinde düşünerek kafamda divlere böldüm. sonra koda geçirdim.
<!doctype html> <html lang="tr"> <head> <title>Site başlığı</title> <meta charset="utf-8"> <link href="style.css" rel="stylesheet" type="text/css" /> </head> <body> <div id="content"> <div id="navbar"> <div id="logo"> </div> <div id="menu"> <ul> <li>Home</li> <li>About us</li> <li>Menu</li> <li>Contacts</li> <li>Blog</li> </ul> </div> <div id="top"> <h1>Farm-to-Table Burgers</h1> </div> <div id="top-2"> <div id="area-1"> <img src="resim1.png" /> <span class="mini-title">Various Fish Dishes</span> lorem ipsum </div> <div id="area-2"> <img src="resim2.png" /> <span class="mini-title">Plenty of soups</span> lorem ipsum </div> <div id="area-3"> <img src="resim3.png" /> <span class="mini-title">A big choice of desserts</span> lorem ipsum </div> <div id="mid"> <div class="left"> <h2>New</h2> <h3>Cheeseburger!</h3> yazilar yazilar yazilar... <button class="btn btn-white">ORDER ONLINE!</button> </div> <div class="right"> <img src="hamburger.jpg" /> </div> <!-- Burada HTML ile HR kullanabiliriz veya ek bir div yaratarak div'e CSS'den border ayarlayabiliriz. --> <!-- buraya clear gerekecek. --> <div class="left"> <img src="pizza.jpg" /> </div> <div class="right"> <h2>Best</h2> <h3>Pizza of the season!</h3> yazilar yazilar yazilar... <button class="btn btn-white">ORDER ONLINE!</button> </div> <!-- buraya clear gerekecek. --> <div id="ref"> resim1 resim2 resim3 </div> <div id="foodmenu"> <h4>What is in the menu</h4> <!-- table kullanmak yerine css'de width'i yüzdeyle vererek otomatik sıralatıyoruz. daha işlevsel, daha az kod. --> <div class="col"> <img src="yemek.jpg" /> </div> <div class="col"> <img src="yemek.jpg" /> </div> <div class="col"> <img src="yemek.jpg" /> </div> <div class="col"> <img src="yemek.jpg" /> </div> <div class="col"> <img src="yemek.jpg" /> </div> <div class="col"> <img src="yemek.jpg" /> </div> </div> </div> <div id="letter"> <h4>Write us a letter</h4> <span>Nemo enim ipsam voluptatem quia volupematur aut odit aut fugit, sed quia consequuntur magni</span> <input type="text" name="txtName" placeholder="Your Name" /> <input type="email" name="txtEmail" placeholder="Your Email" /> <input type="text" name="txtPhone" placeholder="Your Phone Number" /> <textarea>Your message</textarea> <button type="submit" class="btn btn-green">Send</button> </div> <div id="contact"> <h4>Contact Us</h4> <span>yazılar yazılar</span> <div id="twitter"></div> <div id="facebook"></div> <div id="google"></div> <span class="footertext">2014 her hakkı açıktır</span> </div> <div id="googlemaps"> <!-- google maps kodu --> </div> </body> </html>
-
anarsistherif bunu yazdı
Buyur hacım HTML kodladım, CSS sende. Nasıl yaptım? Gözümle tasarıma baktım, nereleri div ile bölmek gerekiyor şeklinde düşünerek kafamda divlere böldüm. sonra koda geçirdim.
<!doctype html>Site başlığı
Dostum sağolasın ama classlar ?
-
kusura bakmayın flood yapıyorum ama
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8" />
<title></title>
<link rel="stylesheet" href="stildosyam\afis.css" />
</head>
<body>
<div id="anadiv">
<div id="header">
<div class="logo">
</div>
<div class="menu">
<a href="">HOME /</a>
<a href="">ABOUT US /</a>
<a href="">MENU /</a>
<a href="">CONTACTS /</a>
<a href="">BLOG /</a>
</div>
<div class="temizle">
</div>
</div>
<div class="anagorsel">
</div>
<div class="altgorsel">
</div>
<div class="altresim">
</div>
</div>
</body>
</html>bunlar kodlar
#anadiv{
height:2699px;
width:965px;
margin-left:auto;
margin-right:auto;
}
#header{
width:965px;
height:48px;
background-color:#28292B;
}
.logo{
float:left;
margin-left:70px;
width:164px;
height:48px;
background-image:url(../images/afisGorsel/afisLogo.jpg)
}
.menu{
float:right;
word-spacing:6px;
background-color:#28292B;
height:48px;
width:278px;
margin-right:70px;
font-size:10px;
line-height:48px;
}
body{
margin:auto;
}
a{
text-decoration:none;
color:#FFFFFF;
}
.temizle
{
clear:both;
}
.anagorsel{
width:965px;
height:350px;
background-image:url(../images/afisGorsel/gorselAlan.jpg)
}
.altgorsel{
width:965px;
height:270px;
background-color:#C83700;
}
.altresim{
width:480px;
height:65px;
background-image:url(../images/afisGorsel/3logo.jpg);
margin-bottom:100px;
}bunlarda css dosyam
son logom şöyle aşşağıda kalıyor nasıl düzelticemhttp://i.hizliresim.com/yn7DEN.png
-
Beyler bi yardım turuncu yeri yapamıyorum
uzengil tarafından 19/Kas/14 21:10 tarihinde düzenlenmiştir -
resim olarak değil, renk olarak koymalısın o arka planları.
