eglence--portali
tasarimm aşk css
Tasarım Ön izlemesi: (BKZ: Denemesitemw.tr.gg )--------------------------------------------
Tasarım Kodları:
Tasarımın üstü:
<div id="tasarim">
<div id="ust">
<div class="baslik"><h1>Site baslığını buraya yazcan tamam mı? Logoda olur.</div>
</div>
<div id="orta">
<div class="sol">
<div class="arrowlistmenu">
<h3 class="headerbar">Ana Menü</h3>
<ul>
<li><a href="/ana-sayfa.htm">-Ana Sayfa</a></li>
<li><a href="/iletisim.htm">-İletişim</a></li>
<li><a href="/hakkimizda.htm">-Hakkımda</a></li>
<li><a href="/yorum-yap.htm">-Yorum yap</a></li>
<li><a href="/Top-List.htm">-Toplist</a></li>
<li><a href="/Yazarlarimiz.htm">-Yazarlarımız</a></li>
</ul>
<h3 class="headerbar">Kategoriler</h3>
<ul>
<li><a href="/ana-sayfa.htm">-Genel</a></li>
<li><a href="/bedava-sitem.htm">-Bedava Sitem (BS)</a></li>
<li><a href="/css-grafik.htm">-CSS-Grafik</a></li>
<li><a href="/film-ve-dizi.htm">-Film ve Dizi</a></li>
<li><a href="/geyik-eglence.htm">-Geyik | Eğlence</a></li>
<li><a href="/site-tanitimlari.htm">-Site Tanıtımları</a></li>
<li><a href="/videolar.htm">-Videolar</a></li>
<li><a href="/guzel-sozler.htm">-Güzel Söz - Şiir</a></li>
<li><a href="/muzikler.htm">-Müzikler</a></li>
<li><a href="/gunluk-olaylar.htm">-Günlük Olaylar</a></li>
<li><a href="/kisisel-yazilar.htm">-Kişisel Yazılar</a></li>
<li><a href="/tv-sinema.htm">-TV - Sinema</a></li>
<li><a href="/sosyal-medya.htm">-Sosyal Medya</a></li>
<li><a href="/teknoloji.htm">-Teknoloji</a></li>
<li><a href="/oyun.htm">-Oyun</a></li>
<li><a href="/diger.htm">-Diğer Şeyler</a></li>
</ul>
<h3 class="headerbar">Diğer şeyler</h3>
<ul>
<li><a href="/Javascript.htm">-Javascript</a></li>
<li><a href="/HTML.htm">-HTML</a></li>
<li><a href="/Facebook-Yardim.htm">-Facebook YArdim</a></li>
<li><a href="/oyun-hileleri.htm">-Oyun Hileleri</a></li>
<li><a href="/ask.htm">-Ask</a></li>
</ul>
<h3 class="headerbar">Arşiv</h3>
<ul>
<li><a href="/">-Toplam</a></li>
<li><a href="/cok-tutulanlar.htm">-Çok tutulanlar</a></li>
<li><a href="/gecen-hafta.htm">-Geçen Hafta</a></li>
<li><a href="/mayis-ayi.htm">-Mayis Ayı</a></li>
<li><a href="/nisan-ayi.htm">-Nisan Ayı</a></li>
</ul>
<h3 class="headerbar">Dostlar</h3>
<ul>
<li><a href="http://zaloyun.tr.gg/">-ZalOyun</a></li>
<li><a href="/iletisim.htm">-Dost 1</a></li>
<li><a href="/iletisim.htm">-Dost 2</a></li>
</ul>
</div>
</div>
<div class="sag">--------------------------------------------
Tasarımın Altına:
</div>
</div>
<div id="alt">Coypirit yazabilirsiniz buraya...</div>
</div>
--------------------------------------------Css Koduna:
h1#title{display: none;}
h2#title span {display: none;}
div.header{display: none;}
li.nav_element{list-style-type: none;}
li.nav_element{display: none;}
table {margin-left: auto;margin-right: auto}
body,td,th {
font-family: Verdana, Geneva, sans-serif;
font-size: 12px;
color: #F2F2F2;
font-weight: bold;
}
body {
background-image: url(http://www.backgroundlabs.com/backgrounds/1.jpg);
}
a {
font-family: Verdana, Geneva, sans-serif;
font-size: 12px;
color: #0CF;
font-weight: bold;
}
a:link {
text-decoration: none;
}
a:visited {
text-decoration: none;
color: #0CF;
}
a:hover {
text-decoration: none;
color: #09F;
}
a:active {
text-decoration: none;
color: #06C;
}
#tasarim{
width: 750px;
margin-left: auto;
margin-right: auto;
}
#ust{
width: 750px;
height: 183px;
background: url(https://img.webme.com/pic/a/anarsicocuk/mini_kirmizi_01.png);
float: left;
}
#orta{
width: 750px;
height: 100%;
background: url(https://img.webme.com/pic/a/anarsicocuk/mini_kirmizi_02.png);
float: left;
}
#alt{
width: 730px;
height: 38px;
background: url(https://img.webme.com/pic/b/bs-aktif/alt-taraf.png);
float: left;
padding: 35px 0 0 20px;
}
.baslik{
width: 700px;
height: 50px;
float: left;
text-align: center;
margin: 55px 0 0 22px;
text-shadow: 0.1em 0.1em 1em black;
}
.sol{
width: 184px;
height: 100%;
margin: 0 0 0 13px;
float: left;
}
.sag{
width: 503px;
height: 100%;
float: right;
margin: 0 25px 0 0;
}
.arrowlistmenu{
width: 184px; /*width of menu*/
}
.arrowlistmenu .headerbar{
font: bold 14px verdana;
color: white;
background: black url(https://img.webme.com/pic/a/anarsicocuk/kirmizi_menu_hover.png) repeat-x center left;
margin-bottom: 10px; /*bottom spacing between header and rest of content*/
padding: 4px 0 4px 10px; /*header text is indented 10px*/
text-shadow: 0.1em 0.1em 1em black;
}
.arrowlistmenu ul{
list-style-type: none;
margin: 0;
padding: 0;
margin-bottom: 8px; /*bottom spacing between each UL and rest of content*/
}
.arrowlistmenu ul li{
padding-bottom: 2px; /*bottom spacing between menu items*/
}
.arrowlistmenu ul li a{
color: #F5F5F5;
background: url(https://img.webme.com/pic/a/anarsicocuk/osd-download-icon.png) no-repeat center left; /*custom bullet list image*/
display: block;
padding: 2px 0;
padding-left: 19px; /*link text is indented 19px*/
text-decoration: none;
font-weight: bold;
border-top: 1px dashed #A80004;
border-bottom: 1px dashed #A80004;
font-size: 90%;
}
.arrowlistmenu ul li a:visited{
color: #F5F5F5;
}
.arrowlistmenu ul li a:hover{ /*hover state CSS*/
color: #A70303;
background-color: #F0F0F0;
}
