Üç Servis Bir Kalite Yardımlaşma Ve Destek Sitesi

Css Tasarimlar

Tasarımın üzerindeki yazıya

Tasarımın altınaki yazıya

<div id="sidebar"> <ul> <li>
<h2>Menü</h2> <ul> <li><a href="#"
_fcksavedurl="#">Anasayfa</a></li> <li><a
href="#" _fcksavedurl="#">İletişim</a></li>
<li><a href="#"
_fcksavedurl="#">Ziyaretçilerim</a></li> <li><a
href="#" _fcksavedurl="#">Hakkımda</a></li>
<li><a href="#"
_fcksavedurl="#">Topliste</a></li> <li><a
href="#" _fcksavedurl="#">Forum</a></li> </ul>
</li> <li> <h2>Arşiv</h2> <ul>
<li><a href="#" _fcksavedurl="#">İce Blue</a>
(23)</li> <li><a href="#"
_fcksavedurl="#">Red</a> (31)</li> <li><a
href="#" _fcksavedurl="#">Butterfly</a> (31)</li>
<li><a href="#" _fcksavedurl="#">Css</a>
(30)</li> <li><a href="#"
_fcksavedurl="#">Php</a> (31)</li> <li><a
href="#" _fcksavedurl="#">Asp</a> (30)</li>
<li><a href="#" _fcksavedurl="#">Xhtml</a>
(31)</li> <li><a href="#"
_fcksavedurl="#">Html</a> (28)</li> <li><a
href="#" _fcksavedurl="#">xml</a> (31)</li> </ul>
</li> </ul> </div> 
</div> </div>  <div
id="footer"> <p>©2008 Tüm Hakkı Saklıdır; Design by <a
href="http://www.csstasarimi.tr.gg/"
_fcksavedurl="http://www.csstasarimi.tr.gg/">CssTaSaRiMi</a>
 •  Icons by <a href="http://www.csstasarimi.tr.gg/"
_fcksavedurl="http://www.csstasarimi.tr.gg/">CssTaSaRiMi</a>.</p>
</div> </body></html>

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;}
/* Theme Name: Unnamed Theme URI:
http://www.freewpthemes.net/preview/unnamed Description: Widget ready
and tested on WP 2.2+. Version: 2.0 Author: Free WordPress Themes
Author URI: http://www.freewpthemes.net/ */ body { margin-top: 30px;
padding: 0; background: #000000; font-size: 13px; text-align: justify;
color: #ADADAD; } body, th, td, input, textarea, select, option {
font-family: "Trebuchet MS", "Times New Roman", Arial, Times, serif; }
h1, h2, h3 { font-family: Arial, Helvetica, sans-serif; font-weight:
normal; color: #819CDB; } h1 { font-size: 36px; } h2 { font-size: 2em;
} h3 { font-size: 1em; } p, ul, ol { line-height: 200%; } blockquote {
padding-left: 1em; } blockquote p, blockquote ul, blockquote ol {
line-height: normal; font-style: italic; } a { color: #FFFFFF; }
a:hover { color: #FFFFFF; } hr { display: none; } /* Header */ #header
{ width: 800px; height: 143px; margin: 0 auto; padding-bottom: 30px;
background:
url(http://www.freecsstemplates.org/templates/previews/redroses/images/img01.jpg)
no-repeat left top; } #header h1, #header p { float: left; margin: 0;
padding: 50px 0 0 20px; font-family: Georgia, "Times New Roman", Times,
serif; } #header h1 { color: #FFB71C; font-size: 44px; } #header p {
padding: 65px 0 0 10px; font-size: 16px; color: #FFFFFF; } #header a {
text-decoration: none; color: #FFB71C; } /* Page */ #page { width:
800px; margin: 0 auto; } /* Content */ #content { float: right; width:
480px; margin: 0; margin-bottom: 30px; } .post { padding: 0px 0px 0
0px; } .title { margin: 0; padding-bottom: 5px; font-size: 24px;
font-family: Georgia, "Times New Roman", Times, serif; color: #FFFFFF;
} .title a { text-decoration: none; color: #FFFFFF; } .pagetitle {
border-bottom: 2px solid #0F0F0F; } .byline { margin: 0; color:
#646464; } .meta { text-align: left; color: #646464; padding: 10px
10px; margin: 30px 0; background:
url(http://www.freecsstemplates.org/templates/previews/redroses/images/img02.jpg)
repeat-x left top; text-transform: uppercase; font-family: Arial,
Helvetica, sans-serif; font-size: 10px; } .meta .more { background:
url(http://www.freecsstemplates.org/templates/previews/redroses/images/img03.gif)
no-repeat 0px 45%; padding-left: 10px; } .meta .comments { background:
url(http://www.freecsstemplates.org/templates/previews/redroses/images/img03.gif)
no-repeat 0px 45%; padding-left: 10px; } .meta a { } .navigation { }
.alignleft { float: left; } .alignright { float: right; } .posts {
margin: 0; padding: 0; list-style: none; line-height: normal; } .posts
li { padding-bottom: 20px; margin-bottom: 20px; border-bottom: 1px
solid #0F0F0F; } .posts h3 { margin: 0; font-weight: bold; } .posts p {
margin: 0; line-height: normal; } .posts a { } /* Sidebar */ #sidebar {
float: left; width: 260px; } #sidebar ul { margin: 0; padding: 0 0 20px
0; list-style: none; } #sidebar li { } #sidebar li ul { padding: 0px
21px 20px 10px; } #sidebar li li { border-bottom: 1px dotted #363B3F;
background:
url(http://www.freecsstemplates.org/templates/previews/redroses/images/img03.gif)
no-repeat 0px 40%; padding: 0 0 10px 15px; } #sidebar h2 { margin: 0;
height: 35px; padding: 8px 0px 10px 13px; background:
url(http://www.freecsstemplates.org/templates/previews/redroses/images/img02.jpg)
repeat-x left top; font-family: Georgia, "Times New Roman", Times,
serif; font-size: 18px; color: #FFFFFF; } #sidebar h2 a { background:
url(http://www.freecsstemplates.org/templates/previews/redroses/images/img03.gif)
no-repeat left 50%; } #sidebar a { } #sidebar a:hover {
text-decoration: none; } /* Search */ #search input { display: none; }
#search input#s { display: block; width: 230px; padding: 2px 5px;
border: 1px solid #3DD1FF; background: #FFFFFF url(images/img05.gif)
repeat-x; } #search br { display: none; } /* Calendar */ #calendar { }
#calendar h2 { margin-bottom: 15px; } #calendar table { width: 80%;
margin: 0 auto; text-align: center; } #calendar caption { width: 100%;
text-align: center; } #next { text-align: right; } #prev { text-align:
left; } /* Footer */ #footer { clear: both; height: 136px; width:
800px; margin: 0 auto; border-top: 10px solid #1E2223; text-align:
center; font-size: smaller; font-family: Arial, Helvetica, sans-serif;
color: #646464; } #footer p { padding-top: 40px; text-transform:
uppercase; } #footer p a { color: #FFFFFF; } </body></html>

Tasarımın üzerindeki yazıya

Tasarımın altındaki yazıya

<div id="sidebar"> <ul> <li id="search">
<h2>Arama</h2> <form method="get" action="">
<fieldset> <input type="text" id="s" name="s" value="" />
<input type="submit" id="x" value="Search" /> </fieldset>
</form> </li> <li> <h2>Kategori 1</h2>
<ul> <li><a href="#"
_fcksavedurl="#">Anasayfa</a></li> <li><a
href="#" _fcksavedurl="#">Ziyaretçilerim</a></li>
<li><a href="#" _fcksavedurl="#">Forum</a></li>
<li><a href="#"
_fcksavedurl="#">İletişim</a></li> <li><a
href="#" _fcksavedurl="#">Hakkımda</a></li>
<li><a href="#"
_fcksavedurl="#">Toplist</a></li> <li><a
href="#" _fcksavedurl="#">Link ekle</a></li> </ul>
</li> <li> <h2>Kategori2</h2> <ul>
<li><a href="#"
_fcksavedurl="#">Anasayfa</a></li> <li><a
href="#" _fcksavedurl="#">Ziyaretçilerim</a></li>
<li><a href="#" _fcksavedurl="#">Forum</a></li>
<li><a href="#"
_fcksavedurl="#">Hakkımda</a></li> <li><a
href="#" _fcksavedurl="#">Toplist</a></li>
<li><a href="#"
_fcksavedurl="#">İletişim</a></li> <li><a
href="#" _fcksavedurl="#">Link ekle</a></li> </ul>
</li> </ul> </div>  <div
style="clear: both;"> </div> </div>   <div id="footer"> <div
id="footer-wrap"> <p id="legal">(c) 2008 YourSite. Design by
<a href="http://www.csstasarimi.tr.gg/"
_fcksavedurl="http://www.csstasarimi.tr.gg/">CssTaSaRiMi</a>.</p>
</div> </div> 
</body></html>

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;}
/* Design by CssTaSaRiMi http://www.csstasarimi.tr.gg Released for free
under a Creative Commons Attribution 2.5 License */ body { margin: 0;
padding: 0; background:
url(http://www.freecsstemplates.org/templates/previews/subordinate/images/img01.gif)
repeat-x left top; font-family: "Trebuchet MS", Arial, Helvetica,
sans-serif; font-size: 13px; color: #333333; } h1, h2, h3 { margin: 0;
text-transform: lowercase; font-weight: normal; color: #7D7D7D; } h1 {
letter-spacing: -1px; font-size: 32px; } h2 { font-size: 23px; } p, ul,
ol { margin: 0 0 2em 0; text-align: justify; line-height: 26px;
font-size: 11px; } a:link { color: #6DBD0B; } a:hover, a:active {
text-decoration: none; color: #6DBD0B; } a:visited { color: #6DBD0B; }
img { border: 1px dashed #86E714; padding: 2px; } img.left { float:
left; margin-right: 15px; } img.right { float: right; margin-left:
15px; } /* Form */ form { margin: 0; padding: 0; } fieldset { margin:
0; padding: 0; border: none; } legend { display: none; } input,
textarea, select { font-family: "Trebuchet MS", Arial, Helvetica,
sans-serif; font-size: 13px; color: #333333; } /* Header */ #header {
width: 860px; height: 50px; margin: 0 auto; } /* Menu */ #menu { width:
860px; margin: 0; padding: 0; } #menu ul { float: right; display:
block; margin: 0; padding: 0px 0 0 0px; list-style: none; line-height:
normal; } #menu li { display: inline; } #menu a { margin-right: 3px;
padding: 10px 15px 10px 10px; letter-spacing: -.5px; text-decoration:
none; text-transform: lowercase; font: 16px "Trebuchet MS", Arial,
Helvetica, sans-serif; color: #000000; } #menu a:hover {
text-decoration: none; color: #000000; } #menu .current_page_item a {
color: #000000; } #menu .numbertxt { font-size: 28px; color: #C4F28D; }
#menu span { margin: 0; padding: 0; } /** LOGO */ #logo { clear: both;
width: 860px; height: 80px; margin: 0 auto; background:
url(http://www.freecsstemplates.org/templates/previews/subordinate/images/img02.gif)
no-repeat left top; } #logo h1, #logo h2 { margin: 0; padding: 0 0 0
75px; line-height: normal; } #logo h1 { } #logo h1 a { text-decoration:
none; color: #FFFFFF; } #logo h1 a:hover { text-decoration: underline;
} #logo h2 { padding: float: left; font: italic 13px Georgia, "Times
New Roman", Times, serif; color: #66B209; } #logo p a {
text-decoration: none; } #logo p a:hover { text-decoration: underline;
} /* Page */ #page { width: 850px; margin: 0 auto; } /* Content */
#content { float: right; width: 600px; } /* Post */ .post { padding:
15px 15px; } .post .title { margin-bottom: 20px; border-bottom: 1px
dotted #D1D1D1; background:
url(http://www.freecsstemplates.org/templates/previews/subordinate/images/img04.jpg)
repeat-x left bottom; } .post .entry { } .post .meta { height: 70px;
padding: 40px 15px 0px 15px; background:
url(http://www.freecsstemplates.org/templates/previews/subordinate/images/img03.jpg)
repeat-x left top; } .post .meta p { margin: 0; line-height: normal;
color: #999999; } .post .meta .byline { float: left; } .post .meta
.links { float: right; } .post .meta .more { padding: 0 20px 0 18px;
background:
url(http://www.freecsstemplates.org/templates/previews/subordinate/images/img09.gif)
no-repeat left 50%; } .post .meta .comments { padding-left: 22px;
background:
url(http://www.freecsstemplates.org/templates/previews/subordinate/images/img08.gif)
no-repeat left 50%; } .post .meta b { display: none; } /* Sidebar */
#sidebar { float: left; width: 215px; } #sidebar ul { margin: 0;
padding: 0; list-style: none; } #sidebar li { margin-bottom: 40px; }
#sidebar li ul { background:
url(http://www.freecsstemplates.org/templates/previews/subordinate/images/img03.jpg)
repeat-x left bottom; padding-bottom: 20px; } #sidebar li li { margin:
0; padding-left: 12px; } #sidebar h2 { padding-top: 20px;
margin-bottom: 10px; background:
url(http://www.freecsstemplates.org/templates/previews/subordinate/images/img04.jpg)
repeat-x left bottom; border-bottom: 1px dotted #D1D1D1; font-size:
18px; } /* Search */ #search { background:
url(http://www.freecsstemplates.org/templates/previews/subordinate/images/img03.jpg)
repeat-x left bottom; margin-bottom: 20px; } #search h2 {
margin-bottom: 20px; } #s { width: 115px; margin-right: 5px;
margin-left: 15px; margin-bottom: 20px; padding: 3px 0px 3px 15px;
border: 1px solid #F0F0F0; } #x { margin-bottom: 20px; padding: 3px 3px
3px 3px; background: #ECECEC; border: none; text-transform: lowercase;
font-size: 11px; color: #4F4F4F; } /* Boxes */ .box1 { padding: 20px;
background:
url(http://www.freecsstemplates.org/templates/previews/subordinate/images/img05.gif)
no-repeat; } .box2 { color: #BABABA; } .box2 h2 { margin-bottom: 15px;
background: url(images/img10.gif) repeat-x left bottom; font-size:
16px; color: #FFFFFF; } .box2 ul { margin: 0; padding: 0; list-style:
none; } .box2 a:link, .box2 a:hover, .box2 a:active, .box2 a:visited {
color: #EDEDED; } /* Footer */ #footer-wrap { width: 860px; height:
52px; margin: 0 auto; } #footer { margin: 0 auto; height: 52px;
min-height: 52px; padding: 0; background: #A0A0A3
url(http://www.freecsstemplates.org/templates/previews/subordinate/images/img05.gif)
repeat-x left bottom; } html>body #footer { height: auto; } #footer
p { } #legal { clear: both; padding-top: 15px; text-align: center;
color: #FFFFFF; } #legal a { font-weight: bold; color: #FFFFFF; }
</body></html>

Tasarımın Üzerindeki Yazı

Tasarımın Altındaki Yazı

<div id="sidebar"> <ul> <li
id="search"> <h2>Arama</h2> <form method="get"
action=""> <fieldset> <input type="text" id="s" name="s"
value="" /> <input type="submit" id="x" value="Search" />
</fieldset> </form> </li> <li>
<h2>Menü1</h2> <ul> <li><a href="#"
_fcksavedurl="#">CssTaSaRiMi</a></li> <li><a
href="#" _fcksavedurl="#">CssTaSaRiMi</a></li>
<li><a href="#"
_fcksavedurl="#">CssTaSaRiMi</a></li> <li><a
href="#" _fcksavedurl="#">CssTaSaRiMi</a></li>
<li><a href="#"
_fcksavedurl="#">CssTaSaRiMi</a></li> <li><a
href="#" _fcksavedurl="#">CssTaSaRiMi</a></li>
<li><a href="#"
_fcksavedurl="#">CssTaSaRiMi</a></li> </ul>
</li> <li> <h2>Menü2</h2> <ul>
<li><a href="#"
_fcksavedurl="#">CssTaSaRiMi</a></li> <li><a
href="#" _fcksavedurl="#">CssTaSaRiMi</a></li>
<li><a href="#"
_fcksavedurl="#">CssTaSaRiMi</a></li> <li><a
href="#" _fcksavedurl="#">CssTaSaRiMi</a></li>
<li><a href="#"
_fcksavedurl="#">CssTaSaRiMi</a></li> <li><a
href="#" _fcksavedurl="#">CssTaSaRiMi</a></li>
<li><a href="#"
_fcksavedurl="#">CssTaSaRiMi</a></li> </ul>
</li> </ul> </div>  <div
style="clear: both;"> </div> </div>   <div id="footer"> <p
id="legal">2008 Bütün hakları Saklıdır<a
href="http://www.csstasarimi.tr.gg/"
_fcksavedurl="http://www.csstasarimi.tr.gg/">CssTaSaRiMi</a>
designed by <a href="http://www.csstasarimi.tr.gg/"
_fcksavedurl="http://www.csstasarimi.tr.gg/">CssTaSaRiMi</a>.</p>
</div> </div> 
</body></html>

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;}
/* Design by CssTaSaRiMi http://www.csstasarimi.tr.gg Released for free
under a Creative Commons Attribution 2.5 License */ body { margin-top:
50px; padding: 0; background: #B2EBFF
url(http://www.freecsstemplates.org/templates/previews/cloudy/images/img01.gif)
repeat-x left bottom; font-size: 13px; font-family: "Trebuchet MS",
Georgia, "Times New Roman", Times, serif; text-align: justify; color:
#FFFFFF; } h1, h2, h3 { margin: 0; text-transform: lowercase;
font-weight: normal; color: #FFFFFF; } h1 { letter-spacing: -1px;
font-size: 32px; } h2 { font-size: 23px; } p, ul, ol { margin: 0 0 2em
0; text-align: justify; line-height: 26px; } a:link { color: #FFFFFF; }
a:hover, a:active { text-decoration: none; color: #FFFFFF; } a:visited
{ color: #FFFFFF; } img { border: none; } img.left { float: left;
margin-right: 15px; } img.right { float: right; margin-left: 15px; } /*
Form */ form { margin: 0; padding: 0; } fieldset { margin: 0; padding:
0; border: none; } legend { display: none; } input, textarea, select {
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size:
13px; color: #333333; } #wrapper { margin: 0 auto; padding: 0; } /*
Header */ #header { width: 713px; margin: 0 auto; height: 130px; } /*
Menu */ #menu { float: left; width: 713px; height: 70px; background:
url(http://www.freecsstemplates.org/templates/previews/cloudy/images/img03.gif)
no-repeat left top; } #menu ul { margin: 0; padding: 0px 0 0 10px;
list-style: none; line-height: normal; } #menu li { display: block;
float: left; } #menu a { display: block; float: left; margin-top: 5px;
margin-right: 3px; padding: 20px 17px; background:
url(http://www.freecsstemplates.org/templates/previews/cloudy/images/img05.gif)
no-repeat left 52%; text-decoration: none; font-size: 13px; color:
#FFFFFF; } #menu a:hover { color: #FFFFFF; } #menu .current_page_item a
{ background: none; color: #000000; } /** LOGO */ #logo { width: 713px;
height: 130px; margin: 0 auto; background:
url(http://www.freecsstemplates.org/templates/previews/cloudy/images/img02.gif)
no-repeat left top; } #logo h1, #logo h2 { float: left; margin: 0;
padding: 60px 0 0 20px; line-height: normal; } #logo h1 { font-family:
Georgia, "Times New Roman", Times, serif; font-size:40px; } #logo h1 a
{ text-decoration: none; color: #4C4C4C; } #logo h1 a:hover {
text-decoration: underline; } #logo h2 { float: left; padding: 75px 0 0
18px; font: 18px Georgia, "Times New Roman", Times, serif; color:
#0044D1; } #logo p a { text-decoration: none; color: #8BD80E; } #logo p
a:hover { text-decoration: underline; } /* Page */ #page { width:
663px; margin: 0 auto; padding: 0 25px; } /* Content */ #content {
float: left; width: 410px; } /* Post */ .post { padding: 15px 0px;
margin-bottom: 20px; } .post .title { margin-bottom: 20px;
padding-bottom: 5px; } .post h1 { padding: 0px 0 0 35px; background:
url(http://www.freecsstemplates.org/templates/previews/cloudy/images/img06.gif)
no-repeat left top; font-size: 24px; color: #FFFFFF; } .post h2 {
padding: 0px 0 0 35px; background:
url(http://www.freecsstemplates.org/templates/previews/cloudy/images/img06.gif)
no-repeat left top; font-size: 22px; color: #FFFFFF; } .post .entry { }
.post .meta { padding: 15px 15px 30px 0px; font-family: Arial,
Helvetica, sans-serif; font-size: 11px; } .post .meta p { margin: 0;
padding-top: 15px; line-height: normal; color: #FFFFFF; } .post .meta
.byline { float: left; } .post .meta .links { float: right; } .post
.meta .more { padding: 0 10px 0 18px; } .post .meta .comments { } .post
.meta b { display: none; } /* Sidebar */ #sidebar { width: 210px;
float: right; margin: 0; padding: 0; } #sidebar ul { margin: 0;
padding: 0; list-style: none; } #sidebar li { margin-bottom: 40px; }
#sidebar li ul { } #sidebar li li { margin: 0; } #sidebar h2 { width:
250px; margin-bottom: 10px; padding: 0px 0 0 35px; background:
url(http://www.freecsstemplates.org/templates/previews/cloudy/images/img06.gif)
no-repeat left top; font-size: 20px; color: #FFFFFF; } /* Search */
#search { } #search h2 { margin-bottom: 20px; } #s { width: 130px;
margin-right: 5px; padding: 2px; } #x { padding: 2px; border: none;
border: 1px solid #FFFFFF; background: #0157DE; text-transform:
uppercase; font-family: Arial, Helvetica, sans-serif; font-size: 10px;
color: #FFFFFF; } /* Boxes */ .box1 { padding: 20px; } .box2 { color:
#BABABA; } .box2 h2 { margin-bottom: 15px; font-size: 16px; color:
#FFFFFF; } .box2 ul { margin: 0; padding: 0; list-style: none; } .box2
a:link, .box2 a:hover, .box2 a:active, .box2 a:visited { color:
#EDEDED; } /* Footer */ #footer-wrap { } #footer { width: 693px;
margin: 0 auto; padding: 10px 0 10px 0; background:
url(http://www.freecsstemplates.org/templates/previews/cloudy/images/img07.gif)
no-repeat left top; } html>body #footer { height: auto; } #footer p
{ font-size: 11px; } #legal { clear: both; text-align: center; color:
#FFFFFF; } #legal a { font-weight: normal; color: #FFFFFF; }
</body></html>

Tasarımın üzerindeki yazıya

<div id="header"> <div
id="logo"> <h1><a href="#"
_fcksavedurl="#">CssTaSaRiMi</a></h1> <h2><a
href="http://www.csstasarimi.tr.gg/"
_fcksavedurl="http://www.csstasarimi.tr.gg/">Design by
CssTaSaRiMi</a></h2> </div> <div id="menu">
<ul> <li class="active"><a href="#" _fcksavedurl="#"
title="">Anasayfa</a></li> <li><a href="#"
_fcksavedurl="#" title="">Z.Defteri</a></li>
<li><a href="#" _fcksavedurl="#"
title="">Hakkımda</a></li> <li><a href="#"
_fcksavedurl="#" title="">İletişim</a></li>
<li><a href="#" _fcksavedurl="#"
title="">Forum</a></li> </ul> </div>
</div> <div id="content"> <div id="sidebar"> <div
id="login" class="boxed"> <div class="title"> <h2>Üye
Girişi</h2> </div> <div class="content"> <form
id="form1" method="post" action="#"> <fieldset>
<legend>Giriş:</legend> <label
for="inputtext1">E-Mail</label> <input id="inputtext1"
type="text" name="inputtext1" value="" /> <label
for="inputtext2">Şifre:</label> <input id="inputtext2"
type="password" name="inputtext2" value="" /> <input
id="inputsubmit1" type="submit" name="inputsubmit1" value="Sign In"
/> <p><a href="#" _fcksavedurl="#">Şifreni mi
unuttun?</a></p> </fieldset> </form>
</div> </div>  <div
id="updates" class="boxed"> <div class="title">
<h2>Menü</h2> </div> <div class="content">
<ul> <li> <h3></h3> <p><a href="#"
_fcksavedurl="#">1. Xml</a></p> </li> <li>
<h3></h3> <p><a href="#" _fcksavedurl="#">2.
Css</a></p> </li> <li> <h3></h3>
<p><a href="#" _fcksavedurl="#">3. Html</a></p>
</li> <li> <h3></h3> <p><a href="#"
_fcksavedurl="#">4. Asp</a></p> </li> <li>
<h3></h3> <p><a href="#" _fcksavedurl="#">5.
Php</a></p> </li> </ul> </div>
</div>  </div>  </body></html>

Tasarımın altındaki yazıya

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;}
/* Design by Csstasarimi http://www.csstasarimi.tr.gg Released for free
under a Creative Commons Attribution 2.5 License */ * { margin: 0;
padding: 0; } body { margin: 20px 0; background: #FFFFFF; font: normal
small "Trebuchet MS", Arial, Helvetica, sans-serif; color: #666666; }
h1, h2, h3 { color: #333333; } h2 { } h3 { font-size: 1em; } p,
blockquote, ul, ol { margin-bottom: 1.5em; line-height: 1.65em;
text-align: justify; } p { } blockquote { margin-left: 2em;
margin-right: 2em; font-style: italic; } ul { margin-left: 3em; } ul li
{ } ol { margin-left: 3em; } ol li { } a { text-decoration: underline;
color: #3E9722; } a:hover { text-decoration: none; color: #E58C24; }
img { border: none; } img.left { float: left; margin: 5px 20px 0 0; }
img.right { float: right; margin: 5px 0 0 20px; } /* Boxed Style */
.boxed { } .boxed .title { background: #3C74E6
url(http://www.freecsstemplates.org/templates/previews/newfangled/images/img06.gif)
repeat-x; } .boxed .title h2 { height: 28px; padding: 12px 0 0 20px;
text-transform: uppercase; font-size: 1em; color: #FFFFFF; } .boxed
.content { padding: 20px; border-top: 1px solid #FFFFFF; background:
url(http://www.freecsstemplates.org/templates/previews/newfangled/images/img07.gif)
repeat-x; } /* Post */ .post { } .post .title { background: #3C74E6
url(http://www.freecsstemplates.org/templates/previews/newfangled/images/img06.gif)
repeat-x; font-size: 1em; text-transform: uppercase; color: #FFFFFF; }
.post .title span { display: block; height: 28px; padding: 12px 0 0
20px; } .post .date { margin-top: -25px; padding-bottom: 10px;
padding-right: 20px; text-align: right; font-size: x-small; color:
#FFFFFF; } .post .date .month { } .post .date .day { } .post .date
.year { } .post .meta { clear: both; } .post .meta p { margin: 0;
padding: 10px 20px 40px 20px; border-top: 1px dotted #CCCCCC;
line-height: normal; font-size: x-small; } .post .story { padding:
20px; border-top: 1px solid #FFFFFF; background:
url(http://www.freecsstemplates.org/templates/previews/newfangled/images/img07.gif)
repeat-x; } /* Header */ #header { width: 920px; height: 120px; margin:
0 auto; padding: 20px 20px 0 20px; background: #CAE646
url(http://www.freecsstemplates.org/templates/previews/newfangled/images/img01.jpg)
no-repeat; } /* Header > Logo */ #logo { float: left; width: 240px;
height: 50px; } #logo h1 { float: left; margin: 0; padding: 50px 0 0 0;
font-size: 2.6em; } #logo h2 { float: left; margin-top: -5px;
font-size: 1em; } #logo a { text-decoration: none; color: #000000; } /*
Header > Menu */ #menu { float: right; } #menu ul { margin: 0;
padding-top: 79px; list-style: none; } #menu li { display: inline; }
#menu a { display: block; float: left; width: 120px; height: 30px;
margin-left: 2px; padding-top: 10px; background:
url(http://www.freecsstemplates.org/templates/previews/newfangled/images/img03.gif)
no-repeat; text-decoration: none; text-align: center; font-weight:
bold; color: #000000; } #menu a:hover { background-image:
url(images/img04.gif); } #menu .active a { background-image:
url(http://www.freecsstemplates.org/templates/previews/newfangled/images/img05.gif);
} /* Content */ #content { width: 920px; margin: 0 auto; padding: 20px;
background:
url(http://www.freecsstemplates.org/templates/previews/newfangled/images/img02.jpg)
no-repeat; border-top: 1px solid #FFFFFF; } /* Content > Main */
#main { float: left; width: 480px; padding-left: 20px; } /* Content
> Main > Welcome */ #welcome { } /* Content > Main >
Example */ #example { } /* Content > Sidebar */ #sidebar { float:
left; width: 220px; } #sidebar .boxed .title h2 { background:
url(http://www.freecsstemplates.org/templates/previews/newfangled/images/img08.gif)
no-repeat; } /* Content > Sidebar > Login */ #login { } #login
form { } #login fieldset { border: none; } #login legend { display:
none; } #login label { display: block; } #login input { margin-bottom:
10px; padding: 2px 5px; font: normal small "Trebuchet MS", Arial,
Helvetica, sans-serif; color: #666666; } #inputtext1, #inputtext2 {
width: 160px; } #inputsubmit1 { margin: 0; padding: 0; } /* Content
> Sidebar > Updates*/ #updates { } #updates ul { margin: 0;
list-style: none; } #updates h3 { font-size: .8em; } #updates p {
line-height: normal; font-size: .8em; } #updates a { text-decoration:
none; } /* Content > Sidebar2 */ #sidebar2 { float: left; width:
180px; padding-left: 20px; } #sidebar2 .boxed .title h2 { background:
url(http://www.freecsstemplates.org/templates/previews/newfangled/images/img10.gif)
no-repeat right top; } /* Content > Sidebar2 > Sponsors */
#sponsors { } #sponsors ul { margin-left: 0; padding-left: 0;
list-style: inside; } /* Content > Sidebar2 > ad120x600 */
#ad120x600 { text-align: center; } /* Footer */ #footer { clear: both;
width: 960px; height: 80px; margin: 0 auto; padding: 20px 0;
background:
url(http://www.freecsstemplates.org/templates/previews/newfangled/images/img02.jpg)
no-repeat; } #footer p { margin: 0; text-align: center; line-height:
normal; font-size: x-small; } #footer a { text-decoration: underline;
color: #666666; } #footer a:hover { text-decoration: none; } /* Footer
> Legal */ #legal { } /* Footer > Links */ #links {
}</body></html>