Forum'da ara:
Ara


« Önceki başlık :: Sonraki başlık »  
Yazar Mesaj
Mesaj06.07.2011, 14:58 (UTC)    
Mesaj konusu: TASARIM ÇİZDİM KODLAYABİLECEK---CSS'Yİ ÇOK İYİ BİLECEK

BİR TASARIM ÇİZDİM KODLARI BURDA ANCAK TASARIMIN ÜSTÜ TASARIMIN ALTI CSS KODU DİYE AYIRAMIYORUM AYIRABİLECEK ARKADAŞLAR WARSA ŞİMDİDEN TEŞEKKÜRLER.

İNDEX.HTML SAYFASI
Kod:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" href="style.css" media="all" type="text/css" />
<style type="text/css">
<!--
body {
   background-image: url(http://www.backgroundlabs.com/backgrounds/196.jpg);
}
-->
</style></head>

<body>
<!-- /////////////////////////////////////////ANADİV BURDAN BAŞLIYOR//////////////////////////////////////-->
<div class="anadiv">
<!-- //////////////GÖRÜNMEYEN DİVLER BURDAN BAŞLIYOR//////////////////////////////////////////////-->
<!-- ///////-----///////BAŞLIK RESMİ BURDA BAŞLIYOR///////-------///////-->
<div class="gorunmeyendiv1">
<div class="baslikresmi"></div>
</div>
<!-- ///////------//////BAŞLIK RESMİ BURDA BİTİYOR/////----/////////-->
<!------- //////////////ÜST MENÜ BURDA BAŞLIYOR//////////////-------------->
<div class="gorunmeyendiv2">
<div class="ustmenu">
ÜST MENÜ BURADA OLACAK :)
</div>
 </div>
<!------------ //////////////ÜST MENÜ BURDA BİTİYOR//////////////---------->

<!-- //////////////---------SOL MENÜ VE İÇERİK BURDA BAŞLIYOR----------//////////////-->
<div class="gorunmeyendiv3">
<div class="solmenu">

<!-- MENÜ-->
<div class="menuler">
<div class="menulerbaslik">KATEGORILER</div>

-><a href="#">Anasayfa</a><br />

-><a href="#">Iletisim</a><br />

-><a href="#">Web Site Ekibimiz</a><br />

-><a href="#">Ziyaretçi Defteri</a><br />

-><a href="#">Siteni Ekle</a><br />

-><a href="#">Referanslarimiz</a><br />


</div>
<!--MENÜ-->




</div>
<div class="sag">İÇERİKzaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa</div>


<div class="temizle"></div>
<div class="temizle2"></div>
</div>
<!-- //////////////-----------SOL MENÜ VE İÇERİK BURDA BİTİYOR--------//////////////-->
<!-- //////////////COPYRİGHT BÖLÜMÜ BURADA BAŞLIYOR//////////////-->
<div class="gorunmeyendiv4">
</div>
<!-- //////////////COPYRİGHT BÖLÜMÜ BURADA BİTİYOR//////////////-->

<!-- //////////////GÖRÜNMEYEN DİVLER BURDA BİTİYOR///////////////////////////////////////////////-->



</div>
<!-- /////////////////////////////////////////////ANADİV BURDAN BİTİYOR////////////////////////////////////////-->






</body>
</html>



style.css sayfası
Kod:
body {
   background-image: url(http://www.backgroundlabs.com/backgrounds/196.jpg);
}



.anadiv{
width:996px;}

.gorunmeyendiv1{
width:987px;}

.gorunmeyendiv2{
width:987px;}

.gorunmeyendiv3{
width:987px;}

.gorunmeyendiv4{
width:984px;}



.baslikresmi{
width:976px;
height:216px;
background-image:url(baslik.png);
margin-bottom:6px;}



.ustmenu{
width:976px;
height:45px;
border:2px dotted #333333;
margin-bottom:6px;
background-color:#993300;}


.solmenu{
width:250px;
height:599px;
float:left;
border:2px solid red;
}

.sag{
background-color:#FFFFFF;;
float:right;
width:680px;
height:597px;
border:2px dashed red;
padding:20px;
}



.temizle{
clear:left;}

.temizle2{
clear:right}





.menuler{
width:250px;
height:599px;
border:2px solid #000000;
color:#CCCCCC;
background-color:#993300;
font:10px Arial;
}
.menuler a:link, .menuler a:visited{
color:#FFFF33;
font:14px Arial;
text-decoration:none;
}
.menuler a:hover{
color:#FFFFFF;
background-color:#000000;
font:20px Arial;
text-decoration:none;
}
.menuler a:active{
color:#FFFFFF;
background-color:#FF0000;
font:20px Arial;
text-decoration:none;
}


.menulerbaslik{
color:#FFFFFF;
border-bottom:2px dashed #00FF00;
font:20px Arial;
padding:14px;
}

Mesaj06.07.2011, 15:42 (UTC)    
Mesaj konusu:

Mesaj06.07.2011, 17:20 (UTC)    
Mesaj konusu:

Css kodunu menü gizlemeyi koymayı unutma.

t.üstü
Kod:
<!-- /////////////////////////////////////////ANADİV BURDAN BAŞLIYOR//////////////////////////////////////-->
<div class="anadiv">
<!-- //////////////GÖRÜNMEYEN DİVLER BURDAN BAŞLIYOR//////////////////////////////////////////////-->
<!-- ///////-----///////BAŞLIK RESMİ BURDA BAŞLIYOR///////-------///////-->
<div class="gorunmeyendiv1">
<div class="baslikresmi"></div>
</div>
<!-- ///////------//////BAŞLIK RESMİ BURDA BİTİYOR/////----/////////-->
<!------- //////////////ÜST MENÜ BURDA BAŞLIYOR//////////////-------------->
<div class="gorunmeyendiv2">
<div class="ustmenu">
ÜST MENÜ BURADA OLACAK :)
</div>
 </div>
<!------------ //////////////ÜST MENÜ BURDA BİTİYOR//////////////---------->

<!-- //////////////---------SOL MENÜ VE İÇERİK BURDA BAŞLIYOR----------//////////////-->
<div class="gorunmeyendiv3">
<div class="solmenu">

<!-- MENÜ-->
<div class="menuler">
<div class="menulerbaslik">KATEGORILER</div>

-><a href="#">Anasayfa</a><br />

-><a href="#">Iletisim</a><br />

-><a href="#">Web Site Ekibimiz</a><br />

-><a href="#">Ziyaretçi Defteri</a><br />

-><a href="#">Siteni Ekle</a><br />

-><a href="#">Referanslarimiz</a><br />


</div>
<!--MENÜ-->




</div>
<div class="sag">


t.altı
Kod:
</div>


<div class="temizle"></div>
<div class="temizle2"></div>
</div>
<!-- //////////////-----------SOL MENÜ VE İÇERİK BURDA BİTİYOR--------//////////////-->
<!-- //////////////COPYRİGHT BÖLÜMÜ BURADA BAŞLIYOR//////////////-->
<div class="gorunmeyendiv4">
</div>
<!-- //////////////COPYRİGHT BÖLÜMÜ BURADA BİTİYOR//////////////-->

<!-- //////////////GÖRÜNMEYEN DİVLER BURDA BİTİYOR///////////////////////////////////////////////-->



</div>
<!-- /////////////////////////////////////////////ANADİV BURDAN BİTİYOR////////////////////////////////////////-->


css
Kod:
body {
   background-image: url(http://www.backgroundlabs.com/backgrounds/196.jpg);
}



.anadiv{
width:996px;}

.gorunmeyendiv1{
width:987px;}

.gorunmeyendiv2{
width:987px;}

.gorunmeyendiv3{
width:987px;}

.gorunmeyendiv4{
width:984px;}



.baslikresmi{
width:976px;
height:216px;
background-image:url(baslik.png);
margin-bottom:6px;}



.ustmenu{
width:976px;
height:45px;
border:2px dotted #333333;
margin-bottom:6px;
background-color:#993300;}


.solmenu{
width:250px;
height:599px;
float:left;
border:2px solid red;
}

.sag{
background-color:#FFFFFF;;
float:right;
width:680px;
height:597px;
border:2px dashed red;
padding:20px;
}



.temizle{
clear:left;}

.temizle2{
clear:right}





.menuler{
width:250px;
height:599px;
border:2px solid #000000;
color:#CCCCCC;
background-color:#993300;
font:10px Arial;
}
.menuler a:link, .menuler a:visited{
color:#FFFF33;
font:14px Arial;
text-decoration:none;
}
.menuler a:hover{
color:#FFFFFF;
background-color:#000000;
font:20px Arial;
text-decoration:none;
}
.menuler a:active{
color:#FFFFFF;
background-color:#FF0000;
font:20px Arial;
text-decoration:none;
}


.menulerbaslik{
color:#FFFFFF;
border-bottom:2px dashed #00FF00;
font:20px Arial;
padding:14px;
}
Mesaj07.07.2011, 07:20 (UTC)    
Mesaj konusu:

teşekkürler
Önceki mesajları göster:   


Powered by phpBB © 2001, 2005 phpBB Group
Türkçe Çeviri: phpBB Türkiye & Erdem Çorapçıoğlu