Tasarım Rist ByDoğan
Navigasyon
  Css Seçmeler [Karma]
 
Önizleme Arrow http://test.qualitywordpress.com/?preview_theme=urban



Tasarımı Üstüne

Kod:
<!-- Page -->
<div id="page">

   <!-- Header -->
   <div id="header">
   
      <!-- Menu -->
      <div id="header-menu">
         <ul>
            <li class="page_item page-item-2"><a href="http://test.qualitywordpress.com/?page_id=2" title="About">About</a></li>
<li class="page_item page-item-5"><a href="http://test.qualitywordpress.com/?page_id=5" title="Archives">Archives</a></li>
<li class="page_item page-item-10"><a href="http://test.qualitywordpress.com/?page_id=10" title="Links">Links</a></li>
         </ul>
      </div>
      <!-- /Menu -->
      
      <!-- Title -->
      <div id="header-info">
         <h1><a href="http://test.qualitywordpress.com/">Theme Name</a></h1>
         <div class="description">Wordpress Theme</div>
      </div>
      <!-- /Title -->
      
      <!-- Topbar -->
      <div id="topbar">
         <div id="topbar-left">
                        
         </div>
         <div id="topbar-center">
            <h3></h3>
            <ul>
                  <li><a href="http://test.qualitywordpress.com/?p=15" title="Success with Quality Themes">Success with Quality Themes</a></li>
   <li><a href="http://test.qualitywordpress.com/?p=14" title="Make Money Blogging">Make Money Blogging</a></li>
   <li><a href="http://test.qualitywordpress.com/?p=13" title="Picture in Post">Picture in Post</a></li>
            </ul>
         </div>
         <div id="topbar-right">
            <h3></h3>
            <ul>
               <li><a href="http://test.qualitywordpress.com/?p=8"> @ Longer Post ...</a></li><li><a href="http://test.qualitywordpress.com/?p=1">Mr WordPress @ Hello world! ...</a></li>            </ul>
         </div>
      </div>
      <!-- /Topbar -->

<!-- Feed -->
      <div id="header-feed">
         <a href="http://test.qualitywordpress.com/?feed=rss"><img src="Theme%20Name_files/blank.gif" alt="RSS Feed" width="60" height="60"></a>
      </div>
      <!-- /Feed -->
   

   
   </div>
   <!-- /Header -->
   
   <!-- Main -->
   <div id="main"><div id="main-top"><div id="main-bottom">
         <!-- Sidebar -->
      <div class="sidebar">
      
         <h3>Pages</h3>
         <ul>
            <li class="page_item page-item-2"><a href="http://test.qualitywordpress.com/?page_id=2" title="About">About</a></li>
<li class="page_item page-item-5"><a href="http://test.qualitywordpress.com/?page_id=5" title="Archives">Archives</a></li>
<li class="page_item page-item-10"><a href="http://test.qualitywordpress.com/?page_id=10" title="Links">Links</a></li>
         </ul>

   <h3>Categories</h3>
         <ul>
               <li class="cat-item cat-item-3"><a href="http://test.qualitywordpress.com/?cat=3" title="View all posts filed under Art &amp; Design">Art &amp; Design</a>
</li>
   <li class="cat-item cat-item-5"><a href="http://test.qualitywordpress.com/?cat=5" title="View all posts filed under Business">Business</a>
</li>
   <li class="cat-item cat-item-4"><a href="http://test.qualitywordpress.com/?cat=4" title="View all posts filed under Marketing">Marketing</a>
</li>
   <li class="cat-item cat-item-6"><a href="http://test.qualitywordpress.com/?cat=6" title="View all posts filed under Online">Online</a>
</li>
   <li class="cat-item cat-item-1"><a href="http://test.qualitywordpress.com/?cat=1" title="View all posts filed under Uncategorized">Uncategorized</a>
</li>
         </ul>

         
         <h3>Archives</h3>
         <ul>
               <li><a href="http://test.qualitywordpress.com/?m=200810" title="October 2008">October 2008</a></li>
   <li><a href="http://test.qualitywordpress.com/?m=200809" title="September 2008">September 2008</a></li>
   <li><a href="http://test.qualitywordpress.com/?m=200808" title="August 2008">August 2008</a></li>
   <li><a href="http://test.qualitywordpress.com/?m=200806" title="June 2008">June 2008</a></li>
   <li><a href="http://test.qualitywordpress.com/?m=200805" title="May 2008">May 2008</a></li>
         </ul>
         
                                 <div class="textwidget"></div>
            
      </div>
      <!-- Sidebar -->      
      <div id="contents">
      
                           <!-- Post -->
         <div class="post" id="post-15">
            <div class="post-title">
               <h2></h2>
               </div>
            <div class="post-entry">
               <p>


Tasarımın Altına


Kod:
</p>
            </div>
            <div class="post-info">
               Slogan yada güzel bir söz...
            </div>
         </div>
         <!-- /Post -->
                  
                  <!-- Navigation -->
         <div class="navigation">
            <div class="navigation-previous"></div>
            <div class="navigation-next"></div>
         </div>
         <!-- /Navigation -->
                  
         <div class="clear"></div>
      
      </div>
      
      <!-- Sidebar -->
      <div class="sidebar sidebar-right">
      
               
         <h3>Blogroll</h3>
         <ul>
            <li><a href="http://wordpress.org/development/">Development Blog</a></li>
<li><a href="http://codex.wordpress.org/">Documentation</a></li>
<li><a href="http://wordpress.org/extend/plugins/">Plugins</a></li>
<li><a href="http://wordpress.org/extend/ideas/">Suggest Ideas</a></li>
<li><a href="http://wordpress.org/support/">Support Forum</a></li>
<li><a href="http://wordpress.org/extend/themes/">Themes</a></li>
<li><a href="http://planet.wordpress.org/">WordPress Planet</a></li>
         </ul>
         
                  
         

<h3>Advertisements</h3>
         <div id="spons"><br>
            <center><a href="#"><img src="Theme%20Name_files/ad.jpg" alt="AD SPACE" width="125" height="329"></a><br><br>   <a href="#"><img src="Theme%20Name_files/ad.gif" alt="AD SPACE" width="125" height="125"></a>
         </center></div>

      
      </div>
      <!-- Sidebar -->
      
      <div class="clear"></div>
   
   </div></div></div>
   <!-- /Main -->
   
   <!-- Footer -->
   <div id="footer">
   
      <!-- Copyright -->
      <div id="copyright">
         <br>(c)Copyrighted Theme Name, All Rights Reserved.<br>Designed by: <a href="http://www.sextoysource.com/">Special lady gifts</a><br><a href="http://www.logo-ontwerpers.be/">Logo Ontwerp</a> : <a href="http://bunnyvibrators.com/">Special moments!</a> : <a href="http://www.mangosteenstation.com/">Xango</a></div>
      <!-- /Copyright -->
   
   </div>
   <!-- Footer -->

</div>
<!-- /Page -->



Css Kod Bölümüne


Kod:
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;}

/* General */

body {
   margin: 0;
   background: url("http://test.qualitywordpress.com/wp-content/themes/urban/images/bg.jpg");
}

h1, h2, h3, h4 {
   margin: 0;
}

img {
   border: 0;
}

.clear {
   clear: both;
   height: 1px;
   overflow: hidden;
}


/* Page */

#page {
   margin: 0 auto;
   width: 1004px;
}


/* Header */

#header {
   width: 1004px;
   height: 400px;
   background: url("http://test.qualitywordpress.com/wp-content/themes/urban/images/header.jpg") no-repeat;
   position: relative;
}

   /* Header - Info */
   
   #header #header-info {
      position: absolute;
      top: 145px;
      left: 150px;
   }
   
   #header #header-info h1 {
      color: #ffffff;
      font: bold 30px "Georgia", Georgia;
   }
   
   #header #header-info h1 a {
      color: #ffffff;
      text-decoration: none;
   }
   
   #header #header-info .description {
      color: #ffffff;
      font: bold 15px "Verdana", Verdana;
   }
   
   /* Header - Menu */
   
   #header #header-menu {
      position: absolute;
      top: 2px;
      left: 26px;
      height: 53px;
   }
   
   #header #header-menu ul {
      margin: 0;
      padding: 0;
      list-style-type: none;
      height: 53px;
   }
   
   #header #header-menu ul li {
      float: right;
      height: 53px;
      margin-right: 8px;
      font: bold 10px/43px "Verdana", Verdana;
      color: #ffffff;
      text-transform: lowercase;
      background: url("http://test.qualitywordpress.com/wp-content/themes/urban/images/header_menu_left.gif") no-repeat;
   }
 


TASARIM ÜSTÜ
Kod:
<style type="text/css" media="screen">
<!--
body
{
font-family:  Arial Narrow;
font-size: 00px;
overflow: auto;
padding: 10px;
margin: 0px;
}

ul, li
{
list-style-type: none;
padding: 0px;
margin: 0px;
}

li a
{
padding-right: 20px;padding-top: 5px;
}

div.menu
{
position: absolute;
z-index: 3;
top: 205px;
left: 52%;
margin-left:-185px;
width: 647px;
}

.menu li
{
width: 70px;
float: left;
}

.menu a
{
border: 0px solid #xxxxxx;
background-color: #xxxxxx;
background-image: none;
text-decoration: none;
text-align: center;
font-weight: bold;
cursor: pointer;
margin: 0px;
display: 10px;
height:31px;
color: #000000;
}

.menu a:hover
{
background-color: #transparent;
background-image: none;}

#smenu1, #smenu2, #smenu3, #smenu4, #smenu5
{
font-size: 20px;
display: block;
width: 70px;
float: left;
}

#smenu1 a, #smenu2 a, #smenu3 a, #smenu4 a, #smenu5 a
{
font-weight: bold;
padding-top: 5px;
border-top: 0px;
cursor: pointer;
color: #FFFFFF;
}
//-->

</style>

<script type="text/javascript">
<!--
function montre(id)
{
with (document)
{
if (getElementById)
getElementById(id).style.display = 'block';
else if (all)
all[id].style.display = 'block';
else
layers[id].display = 'block';
}
}

function cache(id)
{
with (document)
{
if (getElementById)
getElementById(id).style.display = 'none';
else if (all)
all[id].style.display = 'none';
else
layers[id].display = 'none';
}
}
//-->
</script>
<div class="menu">

<li><a href="Pagina-Principal.htm">ARAMA</a> </li>   
<li><a href="http://www.pc-mekani.tr.gg">MENÜ</a> </li>   
<li><a href="http://www.pc-mekani.tr.gg">MENÜ</a> </li>  <li><a href="http://www.pc-mekani.tr.gg">MENÜ</a> </li> <li><a href="http://www.pc-mekani.tr.gg">MENÜ</a> </li> <li><a href="http://www.pc-mekani.tr.gg">MENÜ</a> </li>
</div>



<div id="Designmystic">

<div id="text"><h1></h1>
</div>


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">




CSS Kodu


Kod:
lli.nav_element{display: none;}
li.nav_element a{display: none;}
h1#title{display: none;}
h2#title span {display: none;}



#text{
color: ffffff;
position: absolute;
top: 100px;
margin-left:-300px;
left: 50%;
}



body {
background-color:#FFFFFF;}


*{ padding: 0; margin: 0; }

#Designmystic {
margin: 0 auto;
width: 700px;
height:609px;
background-image:url(http://www.hizliupload.com//img/200938adsiz.jpg);}

#content {
position: absolute;
left: 47%;
top: 290px;
margin-left:-310px;
width: 668px;
height: 292px;
padding:10px;
color: #000000;
font-size:13px; c
background-color:#transparent;
background-image: none;
border: 0px solid #FFFFFF;
overflow:auto;}


#Uebersicht{
position: absolute;
left: 50%;
top: 204px;
margin-left:-440px;
font-color:#cccccc;}




a{
color:#000000;
text-decoration: none;
font-size:13px;}

a:hover {
color: #000000;
font-size: 13px;
text-decoration: none;}

a:link {
color: #000000;
font-size: 13px;
text-decoration: none;}

a:active {
color: #000000;
font-size: 13px;
text-decoration: none;}

a:visited {
color: #000000;
font-size: 13px;
text-decoration: none;}          //-->
      </style>
 
  Bugün 1 ziyaretçi (1 klik) kişi burdaydı! Image Hosted by ImageShack.us
 		 
 
Bu web sitesi ücretsiz olarak Bedava-Sitem.com ile oluşturulmuştur. Siz de kendi web sitenizi kurmak ister misiniz?
Ücretsiz kaydol