mavikirmizi
<style>
a.yukari (
position: fixed;
bottom: 15px;
right: 20px;
font: 11px arial;
text-transform: uppercase;
)
</ style>
<a href="#top" class="yukari"> <img src = "" border = "0" title https://img.webme.com/pic/h/hackerfriend/topimg.png = "Yukarı" / > </ a>
<div id="tasarim">
<div id="baslik"> csstanbul </ div>
<div id="ust"> </ div>
<div id="orta">
<div class="solsutun"> <dl class="menu">
<dd> MENÜ </ dd>
<dt> <a href="link"> Sayfa Adı </ a> </ dt>
<dt> <a href="link"> Sayfa Adı </ a> </ dt>
<dt> <a href="link"> Sayfa Adı </ a> </ dt>
<dt> <a href="link"> Sayfa Adı </ a> </ dt>
<dt> <a href="link"> Sayfa Adı </ a> </ dt>
<dt> <a href="link"> Sayfa Adı </ a> </ dt>
<dt> <a href="link"> Sayfa Adı </ a> </ dt>
<dt> <a href="link"> Sayfa Adı </ a> </ dt>
<dt> <a href="link"> Sayfa Adı </ a> </ dt>
<dt> <a href="link"> Sayfa Adı </ a> </ dt>
<dt> <a href="link"> Sayfa Adı </ a> </ dt>
<dt> <a href="link"> Sayfa Adı </ a> </ dt>
<dt> <a href="link"> Sayfa Adı </ a> </ dt>
<dt> <a href="link"> Sayfa Adı </ a> </ dt>
<dt> <a href="link"> Sayfa Adı </ a> </ dt>
</ dl> </ div>
<div class="sagsutun"> Tasarım Altı
</ div>
</ div>
<div id="alt"> </ div>
</ div>
Css Kodu
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;)
* (Padding: 0; margin: 0)
body (
margin-left: 0 auto;
margin-right: 0 auto;
background: none üst orta https://img.webme.com/pic/c/csstanbul/arkaplan.jpg sabit;
)
# TASARIM (
width: 800px;
margin-left: 0 auto;
margin-right: 0 auto;
)
# baslik (
margin-left: 50auto;
margin-right: 0 auto;
background: none;
width: 900px;
height: 80px;
float: aşağı;
text-decoration: underline;
padding: 55px 0 0 0;
font-size: 20px;
color: # ff0000;
font-family: verdana, arial;
)
# ust (
margin-left: 0 auto;
margin-right: 0 auto;
background: (https://img.webme.com/pic/c/csstanbul/css_01.jpg url);
width: 800px;
height: 228px;
float: left;
)
# orta (
margin-left: 0 auto;
margin-right: 0 auto;
background: (https://img.webme.com/pic/c/csstanbul/css_02.jpg url);
width: 800px;
height: 100%;
float: left;
)
. solsutun (
width: 175px;
float: left;
padding: 0 0 0 25px;
overflow: hidden;
)
. sagsutun (
width: 400px;
float: left;
padding: 0 0 0 25px;
overflow: hidden;
text-align: justify;
)
# alt (
margin-left: 0 auto;
margin-right: 0 auto;
background: (https://img.webme.com/pic/c/csstanbul/css_03.jpg url);
width: 800px;
height: 149px;
float: left;
)
<style type="text/css">
<! --
html, body (
text-decoration: underline;
)
->
</ style>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1254">
<title> Menüsü </ title>
<style type="text/css">
dl.menu (width: 200px; border: 1px solid gray; font-family: verdana, arial, sans-serif; font-weight: bold;)
dl.menu (height: 24px! önemli; height: 30px; background: (menu.png) 0-50px no-repeat; padding: 6px 0 0 3px; margin: 0; font-size: 14px; color: lightyellow url dd )
dl.menu dt (border-top: 1px solid silver; height: 25px; font-size: 12px; overflow: hidden;)
dl.menu a (display blok DT; height: 25px; width: 100%; padding: 5px 0 0 22px; float: left; text-decoration: none; background: # fff url (https://img.webme.com / pic / c / csstanbul / menu.png) top-repeat; color: gray;) hiçbir sol
dl.menu a: hover (background: # fff url (https://img.webme.com/pic/c/csstanbul/menu.png) 0-25px no-repeat; color: # FF6464;
</ style>
</ head>
<body>
