Forum'da ara:
Ara


« Önceki başlık :: Sonraki başlık »  
Yazar Mesaj
Mesaj24.08.2011, 11:04 (UTC)    
Mesaj konusu: Bedirhan Çoban CSS Tema Paylaşımları

Oyun Sitesi Teması v1



Tasarım Üstü


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>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Game Website Template, Free Download, XHTML/CSS Layout</title>
<meta name="keywords" content="Game Website Template, free templates, website templates, CSS, XHTML" />
<meta name="description" content="Game Website Template - download free XHTML/CSS files from templatemo.com" />
<link href="templatemo_style.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="templatemo_wrapper_outer">
<div id="templatemo_wrapper_inner">
   
    <div id="templatemo_banner"></div> <!-- end of banner -->
   
    <div id="templatemo_menu">
       <ul>
            <li><a href="#" class="current">Home</a></li>
            <li><a href="#">Games</a></li>
            <li><a href="#">Popular</a></li>
            <li><a href="#">Download</a></li>
            <li><a href="#">Contact</a></li>
        </ul>
    </div> <!-- end of menu -->
   
    <div id="templatemo_content_wrapper">
   
       <div class="templatemo_side_bar margin_right_10">
           
            <div class="header_01">Games by Platform</div>
               <ul>
                   <li><a href="#">PC</a></li>
                    <li><a href="#">PLAYSTATION&reg; 3</a></li>
                    <li><a href="#">PSP&reg; 3</a></li>
                    <li><a href="#">GAMECUBE&trade;</a></li>
                    <li><a href="#">NINTENDO&trade;</a></li>
                    <li><a href="#">GAME BOY&reg; ADVANCE</a></li>
                    <li><a href="#">WII&trade;</a></li>
                    <li><a href="#">XBOX 360</a></li>
                </ul>
         
            <div class="margin_bottom_20 horizontal_divider"></div>
         <div class="margin_bottom_20"></div>
 
            <div class="header_01">Search Any Game</div>     
            <form action="" method="post">
                  <input type="text" id="search_field" />
                  <input type="submit" value="" id="search_button" />
            </form>
            <div class="margin_bottom_20"></div>
        </div> <!-- end of left side bar -->
       
        <div class="templatemo_content margin_right_10">
       
           <div class="content_section">
             
           
           <div class="margin_bottom_40"></div>
        </div> <!-- end of content -->
       
     [/quote]



Tasarım Altına

Kod:
<div style="position: absolute; top: 432px; left: 890px">
   <div class="templatemo_side_bar">
             
            <div class="header_01">Latest News</div>
           
            <div class="latest_news border_bottom">
                <div class="header_03"><a href="#">Aenean a bibendum augue</a></div>
                <p>Fusce egestas feugiat turpis, ac ultrices turpis vestibulum at.</p>
         </div>
                       
            <div class="margin_bottom_10"></div>
           
         <div class="latest_news">
                <div class="header_03"><a href="#">Sed nec enim magna</a></div>
                <p>Proin lectus orci, iaculis at facilisis sed, sodales a neque.</p>
         </div>
           
          <div class="margin_bottom_20 horizontal_divider"></div>
         <div class="margin_bottom_20"></div>
           
            <div class="header_01">Sample Video</div>
 
            <div class="latest_news">
               <div class="image_wrapper_02"><span></span><a href="#"><img src="images/templatemo_image_03.jpg" alt="video" /></a></div>
                <p>Donec venenatis tellus non massa blandit vitae volutpat urna fringilla. Aenean ante lorem, vestibulum eu lacinia.</p>
         </div>
                       
          <div class="margin_bottom_10"></div>
        </div> <!-- end of right side bar -->
       
        <div class="cleaner"></div>   
    </div> <!-- end of content wrapper -->
   
</div>
</div>
 </div>
 <div id="templatemo_footer">
        Copyright © 2024 <a href="#">Your Company Name</a> | adaptado por <a href="http://www.buscador1.es.tl/" target="_parent">buscador1</a>
      </div> <!-- end of footer -->
    <div class="margin_bottom_10"></div>
   
    <div class="content_section">
       <center>
       <a href="http://validator.w3.org/check?uri=referer"><img style="border:0;width:88px;height:31px" src="http://www.w3.org/Icons/valid-xhtml10" alt="Valid XHTML 1.0 Transitional" width="88" height="31" vspace="8" border="0" /></a>
<a href="http://jigsaw.w3.org/css-validator/check/referer"><img style="border:0;width:88px;height:31px"  src="http://jigsaw.w3.org/css-validator/images/vcss-blue" alt="Valid CSS!" vspace="8" border="0" /></a>
   </center>
      <div class="margin_bottom_10"></div>
   </div>
</body>
</html>



CSS Kodu

Kod:
lli.nav_element{display: none;}
li.nav_element a{display: none;}
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;}



/*
CSS Credit: http://www.templatemo.com
*/

body {
   margin: 0;
   padding: 0;
   line-height: 1.5em;
   font-family: Arial, Helvetica, sans-serif;
   font-size: 12px;
   color: #999;
   background: #272525 url(http://img26.xooimage.com/files/d/f/f/templatemo_top_bg-12d0aea.jpg) repeat-x;
}

a:link, a:visited { color: #FFFFFF; text-decoration: none; font-weight: normal; }
a:active, a:hover { color: #99FF00; text-decoration: underline; }

p {
   margin: 0px;
   padding: 0px;
   text-align: justify;
}

img {
   margin: 0px;
   padding: 0px;
   border: none;
}

.cleaner { clear: both; width: 100%; height: 0px; font-size: 0px;  }

.margin_bottom_10 { clear: both; width: 100%; height: 10px; font-size: 1px;   }
.margin_bottom_20 { clear: both; width: 100%; height: 20px; font-size: 1px;   }
.margin_bottom_30 { clear: both; width: 100%; height: 30px; font-size: 1px;   }
.margin_bottom_40 { clear: both; width: 100%; height: 40px; font-size: 1px;   }
.margin_bottom_50 { clear: both; width: 100%; height: 50px; font-size: 1px;   }
.margin_bottom_60 { clear: both; width: 100%; height: 60px; font-size: 1px;   }

.margin_right_10 { margin-right: 10px; }
.margin_right_60 { margin-right: 60px; }

.horizontal_divider {
   background: url(http://img24.xooimage.com/files/2/c/8/templatemo_horizo..._divider-12d0af3.jpg) repeat-x bottom;
}

.border_bottom {
   border-bottom: 1px dashed #000;
}

.fl {
   float: left;
}

.fr {
   float: right;
}

.rc_btn_01 a {
   clear: both;
   display: block;
   width: 120px;
   height: 25px;
   font-size: 12px;
   text-align: center;
   color: #000000;
   text-decoration: none;
   border: medium none;
   background: url(http://img44.xooimage.com/files/b/5/9/templatemo_button_01-12d9300.png) no-repeat;; padding-left:0; padding-right:0; padding-top:5px; padding-bottom:0
}

#templatemo_wrapper_outer {
   width: 100%;
   margin: 0 auto;
}

#templatemo_wrapper_inner {
   width: 980px;
   margin: 0 auto;
   background: url(http://img48.xooimage.com/files/f/e/6/templatemo_wrapper_bg-12d9303.png) repeat-y;; padding-left:5px; padding-right:5px; padding-top:0; padding-bottom:0
}

#templatemo_banner {
   width: 980px;
   height: 250px;
   background: url(http://img40.xooimage.com/files/6/7/b/templatemo_banner_bg-12d0b0e.jpg) no-repeat;
}

/* menu */

#templatemo_menu {
   clear: both;
   width: 500px;
   height: 65px;
   background: url(http://img46.xooimage.com/files/5/3/7/templatemo_menu_bg-12d0b1f.jpg) no-repeat;; padding-left:240px; padding-right:240px; padding-top:0; padding-bottom:0
}

#templatemo_menu ul {
   width: 500px;
   margin: 0px;
   padding: 20px 0 0 15px;
   list-style: none;
}

#templatemo_menu ul li {
   display: inline;
}

#templatemo_menu ul li a {
   float: left;
   padding: 0 20px;
   text-align: center;
   font-size: 12px;
   text-align: center;
   text-decoration: none;
   color: #999999;   
   font-weight: bold;
}

#templatemo_menu li a:hover, #templatemo_menu li .current {
   color: #ffffff;
}
/* end of menu*/

#templatemo_content_wrapper {
   clear: both;
   width: 960px;
   padding: 10px;
}

.templatemo_content {
   float: left;
   width: 460px;
   padding: 20px 19px 0 19px;
   background: #1b1919;
   border: 1px solid #363434;
}

.header_01 {
   padding: 0 0 5px 0;
   margin: 0 0 10px 0;
   font-size: 14px;
   font-weight: bold;
   color: #ffffff;
   /*color: #e40b0b;*/
}


.header_02 {
   padding: 0 0 5px 0;
   margin: 0 0 10px 0;
   font-size: 18px;
   font-weight: bold;
   color: #ffffff;
   /*color: #e40b0b;*/
}

.header_03 {
   padding: 0 0 5px 0;
   font-size: 12px;
   font-weight: bold;
   color: #ffffff;
   /*color: #99be29;*/   
}

.header_03 a { color: #ffffff; text-decoration: none; }
.header_03 a:hover { color: #99FF00; }

.templatemo_side_bar {
   float: left;
   width: 180px;
   padding: 20px 19px 0 19px;
   background: #1b1919;
   border: 1px solid #363434;   
}

.templatemo_side_bar ul {
   margin: 0px;
   padding: 0px;
}

.templatemo_side_bar ul li {
   margin: 0px;
   padding: 0 0 0 0;
   margin-bottom: 5px;
   border-left: 5px solid #000;
   list-style: none;
}

.templatemo_side_bar ul li a {
   display: block;
   background: #242224;
   padding: 5px 0 5px 10px;
   color: #b5b1b1;
   text-decoration: none;
}

.templatemo_side_bar ul li a:hover {
   color: #ffffff;
   background: #000;
}

.templatemo_side_bar form {
   margin: 0px;
   padding: 0px;
}

#search_field {
   padding: 5px 0 0 0;
   height: 20px;
   width: 175px;
   margin-bottom: 10px;
}

#search_button {
   float: right;
   width: 120px;
    height: 30px;
   padding: 0;
   margin: 0;
   cursor: pointer;
   font-size: 12px;
   text-align: center;
   white-space: pre;
   background: url(http://img26.xooimage.com/files/e/1/a/templatemo_button_02-12d0b30.png) no-repeat;
   color: #000000;
   border: medium none;
}

.content_section {
   clear: both;
   padding: 0 0 0 0;
}

.content_section p span {
   color: #ffffff;
}

.image_wrapper_01 {
   float: left;
   position: relative;
   margin: 3px 20px 0 0;
   background: #131212;
   padding: 4px;
}

.image_wrapper_01 img {
   border: 1px solid #363434;
}

.image_wrapper_02 {
   position: relative;
   margin: 0 0 10px 0;
   background: #131212;
   padding: 4px;
}

.image_wrapper_02 span {
   position: absolute;
   width: 20px;
   height: 20px;
   bottom: 10px;
   right: 10px;
   background: url(http://img24.xooimage.com/files/9/1/5/templatemo_play_icon-12d0ad9.jpg) no-repeat;
}

.image_wrapper_02:hover span {
   background: url(http://img44.xooimage.com/files/8/d/4/templatemo_play_icon_hover-12d0ae2.jpg) no-repeat;
}

.image_wrapper_02 img {
   border: 1px solid #363434;
}

.image_wrapper img {
   border: 1px solid #363434;
}

.latest_news {
   clear: both;
   padding-bottom: 10px;
}

#templatemo_footer {
   clear: both;
   width: 990px;
   height: 40px;
   margin: 0 auto;
   text-align: center;
   background: url(http://img48.xooimage.com/files/f/f/2/templatemo_footer-12d0b3e.jpg) no-repeat;; padding-left:0; padding-right:0; padding-top:20px; padding-bottom:0
}
Mesaj24.08.2011, 11:08 (UTC)    
Mesaj konusu:

Silverlight Teması




Tasarım Üstüne

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>Silverlight</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<link rel="stylesheet" type="text/css" href="style.css" />
<!--[if lte IE 6]>
<link rel="stylesheet" type="text/css" href="ie.css" />
<script type="text/javascript">var clear="images/clear.gif";</script>
<script type="text/javascript" src="unitpngfix.js"></script>
<![endif]-->
</head>
<body>
<!-- BEGIN wrapper -->
<div id="wrapper">
  <!-- BEGIN header -->
  <div id="header">
    <h1><a href="http://www.free-css.com/">Silverlight</a></h1>
    <div class="ad"><a href="http://www.free-css.com/"><img src="images/ad468x60.gif" alt="" /></a></div>
    <div class="break"></div>
    <ul>
      <li><a href="http://www.free-css.com/">Home</a></li>
      <li><a href="about.html">About Us</a></li>
      <li><a href="page.html">Demo Page</a></li>
      <li><a href="contact.html">Contact Page</a></li>
    </ul>
    <form action="http://www.free-css.com/">
      <input type="text" name="s" id="s" value="" />
      <button type="submit">Search</button>
    </form>
  </div>
  <!-- END header -->
  <!-- BEGIN body -->
  <div id="body">
    <!-- BEGIN content -->
    <div id="content">
      <!-- begin post -->
      <div class="first post">



Tasarım Altına

Kod:
</div>
      <!-- end post -->
    </div>
    <!-- END content -->
    <!-- BEGIN sidebar -->
    <div id="sidebar">
      <!-- begin about  -->
      <div class="about"> <a href="http://www.free-css.com/"><img src="images/about.jpg" alt="" /></a>
        <p><strong>Matt Mullenweg</strong> Duis vel neque. In ac lorem et urna semper pharetra. Integer rhoncus mauris vitae erat.

Aliquam dui. Duis porta, nibh sit amet rutrum vehicula, est diam rutrum magna, et lobortis orci arcu a elit. Sed ac nibh. Sed ut

odio.</p>
      </div>
      <!-- end about  -->
      <!-- begin categories -->
      <h2>Categories</h2>
      <ul>
        <li><a href="http://www.free-css.com/">Blog Updates</a></li>
        <li><a href="http://www.free-css.com/">Environment</a></li>
        <li><a href="http://www.free-css.com/">Graphics</a></li>
        <li><a href="http://www.free-css.com/">Internet</a></li>
        <li><a href="http://www.free-css.com/">Recent News</a></li>
      </ul>
      <!-- end categories -->
      <!-- begin archives -->
      <h2>Archives</h2>
      <ul>
        <li><a href="http://www.free-css.com/">March 2009</a></li>
        <li><a href="http://www.free-css.com/">February 2009</a></li>
        <li><a href="http://www.free-css.com/">January 2009</a></li>
        <li><a href="http://www.free-css.com/">December 2008</a></li>
      </ul>
      <!-- end archives -->
      <!-- begin blogroll -->
      <h2>Blogroll</h2>
      <ul>
        <li><a href="http://www.free-css.com/">Greg's Gallery</a></li>
        <li><a href="http://www.free-css.com/">WebDev Forums</a></li>
        <li><a href="http://www.free-css.com/">Photo Gallery</a></li>
        <li><a href="http://www.free-css.com/">Video Studio</a></li>
      </ul>
      <!-- end blogroll -->
      <!-- begin meta -->
      <h2>Meta</h2>
      <ul>
        <li><a href="http://www.free-css.com/">Login</a></li>
        <li><a href="http://www.free-css.com/">Entries RSS</a></li>
        <li><a href="http://www.free-css.com/">Comments RSS</a></li>
      </ul>
      <!-- end meta -->
    </div>
    <!-- END sidebar -->
    <div class="break"></div>
  </div>
  <!-- END body -->
  <!-- BEGIN footer -->
  <div id="footer">
    <p>Copyright &copy; 2009 - <a href="http://www.free-css.com/">Website Name</a> &middot; All Rights Reserved | Template by:

<a href="http://www.wpthemedesigner.com/">WordPress Designer</a> | Get More <a href="http://www.free-css.com/">Free CSS

Templates</a> | Diseño adaptado : Team-AyudaWebs </p>
  </div>
  <!-- END footer -->
</div>
<!-- END  -->
</body>
</html>


CSS Koduna

Kod:
lli.nav_element{display: none;}
li.nav_element a{display: none;}
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;}


* {
   margin: 0; padding: 0;
}
body {
   text-align: center;
   font: 12px Verdana;
   color: #ffffff;
   background: #000000 url(http://img43.xooimage.com/files/1/a/6/background-1cff782.gif) repeat-x 0 0;
}
a {
   color: #292929;
}
a:hover {
   color: #ff0000;
}
img {
   border: 0;
}

.break {
   font-size: 0;
   width: 0; height: 0;
   clear: both;
}
.alignleft {
   float: left;
   margin: 4px 10px 5px 0;
}
.alignright {
   float: right;
   margin: 4px 0 5px 10px;
}
.aligncenter {
   text-align: center;
}
.hidden {
   display: none;
}
.noimage img {
   display: none;
}

/** BEGIN wrapper **/
#wrapper {
   width: 970px;
   margin: auto auto;
   text-align: left;
   padding-bottom: 20px;
}
/** END wrapper **/

/** BEGIN header **/
#header {
   height: 158px;
   background: url(http://img41.xooimage.com/files/7/a/a/navigation-1cff785.gif) repeat-x 0 bottom;
}
   #header h1 {
      float: left;
      font-size: 0;
      padding: 40px 15px 44px;
   }
      #header h1 a {
         display: block;
         width: 435px; height: 34px;
         background: url(http://img49.xooimage.com/files/b/d/e/logo-1cff786.png) no-repeat 0 0;
         text-indent: -9999px;
      }
   #header .ad {
      float: right;
      padding-top: 30px;
   }
   #header ul {
      list-style-type: none;
      float: left;
   }
      #header ul li {
         float: left;
         font-size: 0.9em;
         font-weight: bold;
         text-transform: uppercase;
         padding-right: 2px;
         background: url(http://img49.xooimage.com/files/d/7/c/divider-1cff788.gif) no-repeat right 0;
      }
      #header ul li a {
         display: block;
         text-decoration: none;
         padding: 13px 12px 14px;
      }
      #header ul li a:hover {
         color: #292929;
         background: url(http://img47.xooimage.com/files/c/1/a/active-1cff789.gif) repeat-x 0 0;
      }
   #header form {
      float: right;
      width: 219px; height: 30px;
      background: url(http://img45.xooimage.com/files/5/3/3/search-1cff78d.gif) no-repeat 0 0;
      margin: 5px;
   }
      #header input {
         border: 0;
         font-size: 1em;
         font-family: Verdana;
         width: 210px;
         background-color: transparent;
         margin: 8px 4px;
      }
      #header button {
         display: none;
      }
/** END header **/

/** BEGIN body **/
#body {
   color: #808080;
   background: #ffffff url(http://img49.xooimage.com/files/3/2/c/sidebar-1cff790.gif) repeat-y right 0;
   padding: 10px 0;
}
/** END body **/

/** BEGIN content **/
#content {
   width: 730px;
   float: left;
}
   #content .post {
      clear: both;
      padding: 10px 20px;
   }
   #content .first {
      padding-top: 0;
   }
      #content .post .l {
         float: left;
         width: 200px;
         font-size: 0.9em;
         color: #292929;
         padding-top: 10px;
      }
         #content .post .l img {
            width: 200px; height: 200px;
            margin-bottom: 15px;
         }
         #content .post .l a {
            text-decoration: none;
         }
      #content .post .r {
         float: right;
         width: 450px;
      }
      #content h2 {
         font-size: 2.5em;
         margin-bottom: 15px;
         color: #292929;
      }
         #content h2 a {
            text-decoration: none;
         }
      #content p {
         line-height: 1.3em;
         margin-bottom: 10px;
      }
      #content ul, #content ol {
         list-style-position: inside;
         margin-bottom: 10px;
      }
      #content li {
         line-height: 1.3em;
      }
      #content h3, #content h4, #content h5, #content h6 {
         font-size: 1.2em;
         margin-bottom: 5px;
      }
      #content blockquote {
         padding: 10px 10px 0;
         background-color: #eeeeee;
         border-width: 1px 0;
         border-style: solid;
         border-color: #e0e0e0;
         margin-bottom: 10px;
      }
      #content .details {
         background: url(http://img47.xooimage.com/files/5/8/6/details-1cff791.gif) repeat-x 0 0;
         float: left;
         font-size: 0.9em;
         padding: 10px;
         border-width: 0 1px;
         border-style: solid;
         border-color: #B5B5B5;
      }
         #content .details a {
            text-decoration: none;
            display: block;
            float: left;
         }
         #content .details a.link1 {
            padding-right: 10px;
            border-right: 1px solid #D6D6D6;
         }
         #content .details .link2 a {
            padding-left: 10px;
            border-left: 1px solid #ffffff;
         }
      #content .details2 {
         font-size: 0.9em;
         padding: 10px 0;
      }
         #content .details2 a {
            text-decoration: none;
         }
   #content .postnav {
      clear: both;
      padding: 25px 20px 0;
   }
      #content .postnav a {

         text-decoration: none;
         font-weight: bold;
         font-size: 0.9em;
      }
   #content h2.title {
      font-size: 0.9em;
      text-transform: uppercase;
      padding: 10px 20px;
   }
/** END content **/

/** BEGIN sidebar **/
#sidebar {
   width: 220px;
   float: right;
}
   #sidebar .about {
      padding: 0 10px 10px;
   }
      #sidebar .about img {
         border: 3px solid #ffffff;
         float: left;
         margin: 4px 5px 5px 0;
      }
      #sidebar .about p {
         font-size: 0.9em;
         color: #292929;
      }
   #sidebar h2 {
      font-size: 0.9em;
      text-transform: uppercase;
      background-color: #CCCCCC;
      color: #ffffff;
      padding: 10px;
      border-bottom: 1px solid #B7B7B7;
      border-top: 1px solid #ffffff;
   }
   #sidebar ul {
      list-style-type: none;
      padding: 10px;
      border-top: 1px solid #ffffff;
   }
      #sidebar ul li {
         font-size: 0.9em;
         padding: 6px 0 6px 16px;
         background: url(http://img47.xooimage.com/files/8/2/3/bullet-1cff792.gif) no-repeat 2px 10px;
      }
      #sidebar ul li a {
         color: #292929;
         font-weight: bold;
      }
/** END sidebar **/

/** BEGIN footer **/
#footer {
   background-color: #CCCCCC;
   color: #292929;
   font-size: 0.9em;
   padding: 10px;
}
   #footer a {
      color: #808080;
   }
/** END footer **/

/** BEGIN miscellaneous **/
#comments {
   padding: 10px;
}
   #comments a {
      text-decoration: none;
   }
   #comments h2 {
      font-size: 1.3em;
   }
   #comments p {
      margin-bottom: 10px;
      line-height: 1.6em;
   }
   #comments form {
      padding: 0 10px;
   }
   #comments form p {
      margin-bottom: 5px;
   }
      #comments form input {
         margin-right: 5px;
      }
      #comments form input, textarea {
         border: 1px solid #cccccc;
         font-size: 0.9em;
         font-family: Verdana;
         padding: 4px;
         background-position: 4px 4px;
         background-repeat: no-repeat;
      }
      #comments form input {
         width: 260px;
         border: 1px solid #cccccc;
      }
      #comments form textarea {
         width: 350px;
         padding: 4px 4px !important;
         border: 1px solid #cccccc;
      }
      #comments form button {
         border: 1px solid #a0a0a0;
         font-size: 1em;
         font-family: Verdana;
         padding: 2px 6px;
      }
   .commentdetails {
      margin-top: 25px;
   }
   .commentauthor {
      margin-bottom: 5px !important;
      font-weight: bold;
   }
   .commentdate {
      font-size: 0.8em;
      margin-bottom: 5px;
      color: #909090;
   }
   .required {
      color: #ff0000;
   }
h2.title {
   font-size: 1em !important;
   text-transform: uppercase;
   padding: 10px;
   color: #565656;
}
.notfound {
   padding: 40px;
}
   .notfound h2 {
      font-size: 18px;
      font-weight: normal;
      margin-bottom: 10px;
   }
/** END miscellaneous **/

/** BEGIN wordpress 2.7 comments **/
#comments ol {
   list-style-type: none;
   clear: both;
   padding: 0 10px 10px;
   margin: 0;
}
   #comments .buffer {
      padding: 0 10px 10px;
   }
   #comments h2 {
      padding-left: 0 !important;
      padding-bottom: 20px !important;
   }
   #comments ol li {
      margin-bottom: 10px;
   }
   #comments ol li ul li {
      border: 1px solid #e0e0e0;
      padding: 10px;
   }
   #comments ol li .avatar {
      float: right;
   }
   #comments ol li .comment-author {
     
   }
      #comments ol li .comment-author .fn {
         font-weight: bold;
         font-size: 1.2em;
      }
   #comments ol li .comment-meta {
      font-size: 0.9em;
      color: #999999;
      margin: 5px 0 10px;
   }
   #comments ol li .reply {
      font-size: 0.9em;
      font-weight: bold;
      padding-bottom: 10px;
   }
   #comments .children {
      list-style-type: none;
   }
#comments .navigation {
   padding: 0 10px 20px;
   font-size: 0.9em;
}
   #comments .navigation a {
      color: #999999;
      padding: 3px 8px;
      border: 1px solid #cccccc;
   }
   #comments .navigation a:hover {
      color: #000000;
      border-color: #000000;
      text-decoration: none;
   }
#comments .says {
   display: none;
}
/** END wordpress 2.7 comments **/
Mesaj24.08.2011, 11:11 (UTC)    
Mesaj konusu:

Bu tasarımlar sizemi ait??
Mesaj24.08.2011, 11:13 (UTC)    
Mesaj konusu:

Gameportal Teması



Tasarım Üstüne

Kod:
<script src="http://img21.xooimage.com/files/b/b/3/jquery-1.3.2.min-b8f180.js" type="text/javascript"></script>
<script src="http://img29.xooimage.com/files/0/4/2/fns-15a43ee.js" type="text/javascript"></script>
<!-- Page -->
<div id="page" class="shell">
  <!-- Header -->
  <div id="header">
    <!-- Top Navigation -->
    <div id="top-nav">
      <ul>
        <li class="home"><a href="http://www.free-css.com/">home</a></li>
        <li><a href="http://www.free-css.com/">pc</a></li>
        <li><a href="http://www.free-css.com/">xbox</a></li>
        <li><a href="http://www.free-css.com/">360</a></li>
        <li><a href="http://www.free-css.com/">wii</a></li>
        <li><a href="http://www.free-css.com/">ps3</a></li>
        <li><a href="http://www.free-css.com/">ps2</a></li>
        <li><a href="http://www.free-css.com/">psp</a></li>
        <li class="last"><a href="http://www.free-css.com/">ds</a></li>
      </ul>
    </div>
    <!-- / Top Navigation -->
    <div class="cl"> </div>
    <!-- Logo -->
    <div id="logo">
      <h1><a href="http://www.free-css.com/">game<span>portal</span></a></h1>
      <p class="description">your game zone</p>
    </div>
    <!-- / Logo -->
    <!-- Main Navigation -->
    <div id="main-nav">
      <div class="bg-right">
        <div class="bg-left">
          <ul>
            <li><a href="http://www.free-css.com/">community</a></li>
            <li><a href="http://www.free-css.com/">forum</a></li>
            <li><a href="http://www.free-css.com/">video</a></li>
            <li><a href="http://www.free-css.com/">cheats</a></li>
            <li><a href="http://www.free-css.com/">features</a></li>
            <li><a href="http://www.free-css.com/">downloads</a></li>
            <li><a href="http://www.free-css.com/">sports</a></li>
            <li><a href="http://www.free-css.com/">tech</a></li>
          </ul>
        </div>
      </div>
    </div>
    <!-- / Main Navigation -->
    <div class="cl"> </div>
    <!-- Sort Navigation -->
    <div id="sort-nav">
      <div class="bg-right">
        <div class="bg-left">
          <div class="cl"> </div>
          <ul>
            <li class="first active first-active"><a href="http://www.free-css.com/">Review</a><span class="sep"> </span></li>
            <li><a href="http://www.free-css.com/">Previews </a><span class="sep"> </span></li>
            <li><a href="http://www.free-css.com/">New Releases</a><span class="sep"> </span></li>
            <li><a href="http://www.free-css.com/">Top Games</a><span class="sep"> </span></li>
            <li><a href="http://www.free-css.com/">All Games</a><span class="sep"> </span></li>
          </ul>
          <div class="cl"> </div>
        </div>
      </div>
    </div>
    <!-- / Sort Navigation -->
  </div>
  <!-- / Header -->
  <!-- Main -->
  <div id="main">
    <div id="main-bot">
      <div class="cl"> </div>
      <!-- Content -->
      <div id="content">
        <div class="block">
<div class="block-bot">



Tasarım Altına


Kod:
</div>
            <div class="cl"> </div>
        </div>
      </div>
    </div>
    <!-- / Content -->
    <!--  -->
    <div id="sidebar">
      <!-- Search -->
      <div id="search" class="block">
        <div class="block-bot">
          <div class="block-cnt">
            <form action="http://www.free-css.com/" method="post">
              <div class="cl"> </div>
              <div class="fieldplace">
                <input type="text" class="field" value="Search" title="Search" />
              </div>
              <input type="submit" class="button" value="GO" />
              <div class="cl"> </div>
            </form>
          </div>
        </div>
      </div>
      <!-- / Search -->
      <!-- Sign In -->
      <div id="sign" class="block">
        <div class="block-bot">
          <div class="block-cnt">
            <div class="cl"> </div>
            <a href="http://www.free-css.com/" class="button button-left">sign in</a> <a href="http://www.free-css.com/" class="button button-right">create account</a>
            <div class="cl"> </div>
            <p class="center"><a href="http://www.free-css.com/">Help?</a>  <a href="http://www.free-css.com/">Forgot Password?</a></p>
          </div>
        </div>
      </div>
      <!-- / Sign In -->
      <div class="block">
        <div class="block-bot">
          <div class="head">
            <div class="head-cnt">
              <h3>Top Games</h3>
            </div>
          </div>
          <div class="image-articles articles">
            <div class="cl"> </div>
            <div class="article">
              <div class="cl"> </div>
              <div class="image"> <a href="http://www.free-css.com/"><img src="css/images/img1.gif" alt="" /></a> </div>
              <div class="cnt">
                <h4><a href="http://www.free-css.com/">TMNT</a></h4>
                <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed elementum molestie </p>
              </div>
              <div class="cl"> </div>
            </div>
            <div class="article">
              <div class="cl"> </div>
              <div class="image"> <a href="http://www.free-css.com/"><img src="css/images/img2.gif" alt="" /></a> </div>
              <div class="cnt">
                <h4><a href="http://www.free-css.com/">F.E.A.R.2</a></h4>
                <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed elementum molestie </p>
              </div>
              <div class="cl"> </div>
            </div>
            <div class="article">
              <div class="cl"> </div>
              <div class="image"> <a href="http://www.free-css.com/"><img src="css/images/img3.gif" alt="" /></a> </div>
              <div class="cnt">
                <h4><a href="http://www.free-css.com/">Steel Fury</a></h4>
                <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed elementum molestie </p>
              </div>
              <div class="cl"> </div>
            </div>
            <div class="cl"> </div>
            <a href="http://www.free-css.com/" class="view-all">view all</a>
            <div class="cl"> </div>
          </div>
        </div>
      </div>
      <div class="block">
        <div class="block-bot">
          <div class="head">
            <div class="head-cnt">
              <h3>Top Videos</h3>
            </div>
          </div>
          <div class="image-articles articles">
            <div class="cl"> </div>
            <div class="article">
              <div class="cl"> </div>
              <div class="image"> <a href="http://www.free-css.com/"><img src="css/images/img1.gif" alt="" /></a> </div>
              <div class="cnt">
                <h4><a href="http://www.free-css.com/">FALLOUT3</a></h4>
                <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed elementum molestie </p>
              </div>
              <div class="cl"> </div>
            </div>
            <div class="article">
              <div class="cl"> </div>
              <div class="image"> <a href="http://www.free-css.com/"><img src="css/images/img2.gif" alt="" /></a> </div>
              <div class="cnt">
                <h4><a href="http://www.free-css.com/">Crysis</a></h4>
                <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed elementum molestie </p>
              </div>
              <div class="cl"> </div>
            </div>
            <div class="article">
              <div class="cl"> </div>
              <div class="image"> <a href="http://www.free-css.com/"><img src="css/images/img3.gif" alt="" /></a> </div>
              <div class="cnt">
                <h4><a href="http://www.free-css.com/">F.E.A.R.2</a></h4>
                <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed elementum molestie </p>
              </div>
              <div class="cl"> </div>
            </div>
            <div class="cl"> </div>
            <a href="http://www.free-css.com/" class="view-all">view all</a>
            <div class="cl"> </div>
          </div>
        </div>
      </div>
      <div class="block">
        <div class="block-bot">
          <div class="head">
            <div class="head-cnt">
              <h3>Latest Articles</h3>
            </div>
          </div>
          <div class="text-articles articles">
            <div class="article">
              <h4><a href="http://www.free-css.com/">Dolor amet sodales leo</a></h4>
              <small class="date">21.07.09</small>
              <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed elementum molestie urna, id scele- risque leo sodales sit amet</p>
            </div>
            <div class="article">
              <h4><a href="http://www.free-css.com/">Amet sed lorem sit</a></h4>
              <small class="date">20.07.09</small>
              <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. </p>
            </div>
            <div class="article">
              <h4><a href="http://www.free-css.com/">Adipsicing elit elementum</a></h4>
              <small class="date">19.07.09</small>
              <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed elementum molestie.</p>
            </div>
            <div class="article">
              <h4><a href="http://www.free-css.com/">Consectetur elit sed molestie</a></h4>
              <small class="date">15.07.09</small>
              <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed elementum molestie.</p>
            </div>
            <div class="cl"> </div>
            <a href="http://www.free-css.com/" class="view-all">view all</a>
            <div class="cl"> </div>
          </div>
        </div>
      </div>
    </div>
    <!-- / Sidebar -->
    <div class="cl"> </div>
    <!-- Footer -->
    <div id="footer">
      <div class="navs">
        <div class="navs-bot">
          <div class="cl"> </div>
          <ul>
            <li><a href="http://www.free-css.com/">community</a></li>
            <li><a href="http://www.free-css.com/">forum</a></li>
            <li><a href="http://www.free-css.com/">video</a></li>
            <li><a href="http://www.free-css.com/">cheats</a></li>
            <li><a href="http://www.free-css.com/">features</a></li>
            <li><a href="http://www.free-css.com/">downloads</a></li>
            <li><a href="http://www.free-css.com/">sports</a></li>
            <li><a href="http://www.free-css.com/">tech</a></li>
          </ul>
          <ul>
            <li><a href="http://www.free-css.com/">pc</a></li>
            <li><a href="http://www.free-css.com/">xbox</a></li>
            <li><a href="http://www.free-css.com/">360</a></li>
            <li><a href="http://www.free-css.com/">wii</a></li>
            <li><a href="http://www.free-css.com/">ps3</a></li>
            <li><a href="http://www.free-css.com/">ps2</a></li>
            <li><a href="http://www.free-css.com/">psp</a></li>
            <li><a href="http://www.free-css.com/">ds</a></li>
          </ul>
          <div class="cl"> </div>
        </div>
      </div>
      <p class="copy">© Sitename.com. Design by <a href="http://chocotemplates.com">ChocoTemplates.com</a>  | Adaptado por <a href="http://www.help-4-pwg.es.tl/">help-4-pwg</a></p>
    </div>
    <!-- / Footer -->
  </div>
</div>
<!-- / Main -->
</div>
<!-- / Page -->



CSS Koduna

Kod:
/*----- Start "Main definitions" -----*/
* { padding: 0; margin: 0; outline: 0; }

body {
    font-size: 12px;
    line-height: 1.2;
    font-family: Arial, "Trebuchet MS", sans-serif;
    color: #a0a0a0;
    background: url(http://img47.xooimage.com/files/a/8/9/bg-14b6789.gif) repeat 0 0;
    text-align: left;
}

a img { border: 0; }
a { color: #a0a0a0; text-decoration: underline; }
a:hover { text-decoration: none; }

.left { float: left; display: inline; }
.right { float: right; display: inline; }

.cl, .clear { display: block; height: 0; font-size: 0; line-height: 0; text-indent: -4000px; clear: both; }
.field { font-size: 12px; color: #484848; font-family: Arial, "Trebuchet MS", sans-serif; color: #000; border: solid 1px #a0a0a0; width: 140px; padding: 2px 5px; }
/*----- End "Main definitions" -----*/
/*----- Adaptado por Help-4-Pwg -----*/

.shell { width: 914px; margin: 0 auto; }

#page { padding-bottom: 30px; }

#header { width: 100%; position: relative; margin-bottom: 5px; }

#logo { text-transform: uppercase; line-height: 1; padding-bottom: 15px; }
#logo h1 { font-family: "Trebuchet MS", Arial, sans-serif; font-weight: bold; font-size: 30px; color: #fff; }
#logo h1 a { color: #fff; text-decoration: none; }
#logo h1 a span { color: #7ab7e2; }
#logo .description { font-size: 10px; color: #cfd2d9; }
/*----- Adaptado por Help-4-Pwg -----*/

#top-nav { float: right; display: inline; margin-bottom: 2px; }
#top-nav ul { float: left; display: inline; font-size: 10px; line-height: 31px; color: #fff; text-transform: uppercase; background: url(http://img42.xooimage.com/files/3/8/1/top-nav-bg-15a33f0.jpg) repeat-x 0 0; }
#top-nav ul li { float: left; display: inline; list-style-type: none; }
#top-nav ul li a { float: left; display: inline; color: #fff; text-decoration: none; padding: 0 10px 0 8px; background: url(http://img46.xooimage.com/files/f/9/2/top-nav-sep-15a34cb.gif) no-repeat right 0; }
#top-nav ul li a:hover { text-decoration: underline; }
#top-nav ul li.last { padding-right: 4px; background: url(http://img46.xooimage.com/files/e/e/f/top-nav-last-15a34dc.giff) no-repeat right 0; }
#top-nav ul li.last a { background: none; }
#top-nav ul li.home { width: 88px; background: url(http://img44.xooimage.com/files/c/5/d/top-nav-home-15a4137.gif) no-repeat 0 0; }
#top-nav ul li.home a { background: none; width: 67px; height: 31px; line-height: 29px; padding: 0; color: #141414; font-weight: bold; padding-left: 21px; }

#main-nav { float: right; display: inline; line-height: 32px; background: url(http://img42.xooimage.com/files/b/e/e/main-nav-bg-15a4126.gif) repeat-x 0 0; }
#main-nav .bg-right { background: url(http://img42.xooimage.com/files/2/d/4/main-nav-bg-right-15a40e6.gif) no-repeat right 0; }
#main-nav .bg-left { background: url(http://img42.xooimage.com/files/d/4/0/main-nav-bg-left-15a40d8.gif) no-repeat 0 0; padding-left: 32px; width: 676px; }
#main-nav ul { height: 32px; font-size: 10px; color: #a8a8a8; text-transform: uppercase; }/*----- Adaptado por Help-4-Pwg -----*/

#main-nav ul li { float: left; display: inline; list-style-type: none; background: url(http://img26.xooimage.com/files/a/7/c/main-nav-sep-15a40cd.gif) no-repeat right 0; }
#main-nav ul li a { float: left; display: inline; text-decoration: none; color: #a8a8a8; padding: 0 11px 0 9px; }
#main-nav ul li a:hover { text-decoration: underline; }

#sort-nav { line-height: 46px; background: url(http://img46.xooimage.com/files/9/5/9/sort-nav-bg-15a40be.gif) repeat-x 0 0; }
#sort-nav .bg-left { background: url(http://img26.xooimage.com/files/3/0/b/sort-nav-bg-left-15a40b0.gif) no-repeat 0 0; position: relative; height: 46px; }
#sort-nav .bg-right { background: url(http://img40.xooimage.com/files/d/7/c/sort-nav-bg-right-15a408d.gif) no-repeat right 0; position: relative; height: 46px; }
#sort-nav ul li { float: left; display: inline; list-style-type: none; height: 46px; }
#sort-nav ul li a { float: left; display: inline; font-size: 13px; font-weight: bold; color: #282828; text-decoration: none; padding: 0 19px; }
#sort-nav ul li span.sep { float: left; display: inline; width: 2px; height: 46px; font-size: 0; line-height: 0; text-indent: -4000px; background: url(http://img24.xooimage.com/files/0/a/b/sort-nav-sep-15a4082.gif); }
#sort-nav ul li a:hover { text-decoration: underline; }
#sort-nav ul li.active a { color: #fff; text-decoration: none; }
#sort-nav ul li.active a:hover { text-decoration: none; }
#sort-nav ul li.first-active a { background: url(http://img48.xooimage.com/files/4/d/7/nav-active-first-15a4079.gif) no-repeat 0 0; }
#sort-nav ul li.active span.sep { background-image: url(http://img46.xooimage.com/files/5/6/3/nav-active-sep-15a406a.gif); }
#sort-nav ul li.active { background: url(http://img44.xooimage.com/files/9/c/8/nav-active-bg-15a4062.gif) repeat-x 0 0; }
/*----- Adaptado por Help-4-Pwg -----*/

#main { background: #050505 url(http://img24.xooimage.com/files/8/6/9/main-bg-15a4054.gif) no-repeat 0 0; padding-top: 10px; }
#main-bot { background: url(http://img48.xooimage.com/files/a/7/c/main-bot-bg-15a4048.gif) no-repeat 0 bottom; padding: 0 10px 2px 10px; height: 100%; position: relative; }
#sidebar { float: left; display: inline; width: 226px; }
#content { float: right; display: inline; width: 657px; }

.block { margin-bottom: 10px; background-repeat: no-repeat; background-position: 0 0; }
.block .block-bot { height: 100%; position: relative; background-repeat: no-repeat; background-position: 0 bottom; }
.block .block-cnt { padding: 10px 10px 10px 9px; }

.block .head { background: url(http://img41.xooimage.com/files/7/9/4/block-head-14b678b.gif) no-repeat 0 0; padding-left: 15px; }
.block .head .head-cnt { background: url(http://img41.xooimage.com/files/7/9/4/block-head-14b678b.gif) no-repeat right 0; line-height: 38px; height: 38px; padding-right: 13px; }
.block .head h3 { font-size: 15px; font-weight: bold; color: #262727; }
.block .head .view-all { float: right; display: inline; width: 61px; height: 18px; line-height: 16px; background: url(http://img45.xooimage.com/files/b/b/c/block-head-view-all-14b6791.gif); margin-top: 12px; }
.block .head .view-all { color: #656565; font-size: 10px; text-decoration: none; text-align: center; }
.block .head .view-all:hover { text-decoration: underline; }

#content .block { background-image: url(http://img49.xooimage.com/files/c/a/7/content-block-top-14b67c1.gif); background-color: #313131; width: 657px; }
#content .block .block-bot { background-image: url(http://img27.xooimage.com/files/5/3/9/content-block-bot-14b67b7.gif); }
/*----- Adaptado por Help-4-Pwg -----*/

#sidebar .block { background-image: url(http://img44.xooimage.com/files/9/d/e/sidebar-block-top-15a3f8c.gif); background-color: #484848; width: 226px; }
#sidebar .block .block-bot { background-image: url(http://img40.xooimage.com/files/7/4/7/sidebar-block-bot-15a3f82.gif); }


#search .block-cnt { padding: 5px 5px 5px 4px; }
#search .fieldplace { float: left; display: inline; width: 170px; height: 22px; background: url(http://img24.xooimage.com/files/a/b/2/search-field-15a3f66.gif) no-repeat 0 0; padding-left: 18px; }
#search .fieldplace .field { padding: 3px 6px 4px; width: 158px; border: none; background: none; }
#search .button { float: left; display: inline; width: 29px; height: 22px; font-size: 0; line-height: 0; text-indent: -4000px; cursor: pointer; border: 0; }
#search .button { background: url(http://img46.xooimage.com/files/8/e/c/search-button-15a3f5b.gif) no-repeat 0 0; }

#sign .block-cnt { padding: 6px 5px 5px 5px; }
#sign .button { display: block; font-size: 11px; font-weight: bold; text-align: center; color: #fff; text-decoration: none; text-transform: uppercase; line-height: 29px; }
#sign .button { width: 105px; height: 29px; background: url(http://img26.xooimage.com/files/d/0/4/sign-button-15a3f49.gif) no-repeat 0 0; }
#sign .button:hover { background-position: 0 bottom; }
#sign .button-left { float: left; display: inline; }
#sign .button-right { float: right; display: inline; }
#sign .center { text-align: center; font-size: 11px; line-height: 16px; margin-top: 4px; }
#sign .center a { color: #35cfd9; }
/*----- Adaptado por Help-4-Pwg -----*/

#sidebar .articles .article { padding: 8px 7px; background: url(http://img24.xooimage.com/files/6/7/a/sidebar-article-sep-15a3f3f.gif) repeat-x 0 bottom; font-size: 11px; color: #a0a0a0; }
#sidebar .articles h4 { color: #fff; font-weight: bold; font-size: 12px; }
#sidebar .articles h4 a { color: #fff; text-decoration: none; }
#sidebar .articles h4 a:hover { color: #ccc; }
#sidebar .articles .view-all { font-size: 10px; letter-spacing: 0.5px; line-height: 24px; float: right; display: inline; margin-right: 6px; }

#sidebar .image-articles .image { float: left; display: inline; width: 55px; }
#sidebar .image-articles .image img { padding: 1px; border: solid 1px #1e1e1e; width: 51px; height: 51px; }
#sidebar .image-articles .cnt { float: right; display: inline; width: 150px; }

#sidebar .text-articles .article { padding: 8px 10px; font-size: 12px; }
#sidebar .text-articles h4 { font-size: 13px; }

#content .articles h4 { font-size: 19px; font-weight: bold; color: #ccc; margin: 4px 0 2px; }
#content .articles h4 a { text-decoration: none; color: #ccc; }
#content .articles h4 a:hover { color: #fff; }

#content .col-articles .image img { padding: 1px; border: solid 1px #050505; width: 194px; height: 194px; }
#content .col-articles .article { float: left; display: inline; margin: 17px 0 10px 15px; width: 198px; }

#content .row-articles .article { padding: 10px 15px 12px 15px; background: url(http://img25.xooimage.com/files/b/e/2/content-article-sep-14b67aa.gif) repeat-x 0 bottom; }
#content .row-articles .last-article { background: none; }
#content .row-articles .image { float: left; display: inline; width: 194px; }
#content .row-articles .image img { width: 194px; }
#content .row-articles .cnt { float: right; display: inline; width: 420px; }
#content .row-articles h4 { margin-top: 0; line-height: 20px; }
#content .row-articles h4 a { color: #e4e4e4; }

#slider { width: 638px; height: 357px; position: relative; }
#slider .buttons { position: absolute; top: 250px; right: 15px; z-index: 101; }
#slider .buttons span { float: left; display: inline; width: 28px; height: 27px; font-size: 0; line-height: 0; text-indent: -4000px; cursor: pointer; margin-left: 2px; }
#slider .buttons span.prev { background: url(http://img47.xooimage.com/files/8/7/a/button-prev-14b67a3.png) no-repeat 0 0; }
#slider .buttons span.next { background: url(http://img43.xooimage.com/files/3/7/c/button-next-14b6799.png) no-repeat 0 0; }
#slider .holder { width: 638px; height: 357px; position: relative; overflow: hidden; }
#slider .content { height: 357px; width: 100000px; position: absolute; top: 0; left: 0; }
#slider .fragment { float: left; display: inline; width: 638px; height: 357px; list-style-type: none; }
#slider .fragment .image { position: relative; width: 638px; height: 287px; }
#slider .frame { width: 638px; height: 287px; position: absolute; top: 0; left: 0; z-index: 100; background: url(http://img42.xooimage.com/files/f/3/8/slider-image-bg-15a3ed6.png) no-repeat 0 0; }
#slider .frame { font-size: 0; line-height: 0; text-indent: -4000px; }
#slider .fragment .cnt { margin-top: 5px; height: 49px; background: url(http://img29.xooimage.com/files/2/8/9/slider-cnt-bg-1622f44.gif) repeat-x; color: #fff; font-size: 11px; line-height: 1.4; padding: 8px 15px; }
#slider .fragment .cnt .side-a { float: left; display: inline; width: 150px; }
#slider .fragment .cnt .side-b { float: right; display: inline; width: 430px; }
#slider .fragment .cnt h4 { font-size: 19px; font-weight: bold; color: #212121; text-transform: uppercase; margin-bottom: 5px; }
#slider .fragment .cnt .rating li { float: left; display: inline; list-style-type: none; font-size: 9px; color: #050505; text-transform: uppercase; margin-right: 1px; }
#slider .fragment .cnt .rating li .star { float: left; display: inline; width: 15px; height: 15px; font-size: 0; line-height: 0; text-indent: -4000px; }
#slider .fragment .cnt .rating li .empty-star { background: url(http://img49.xooimage.com/files/a/e/6/empty-star-14b67d4.gif); }
#slider .fragment .cnt .rating li .full-star { background: url(http://img47.xooimage.com/files/a/f/b/full-star-15a3c90.gif); }
#slider .fragment .cnt .rating li .votes { float: left; display: inline; margin-top: 3px; margin-left: 4px; }/*----- Adaptado por Help-4-Pwg -----*/

 
#footer .copy { font-size: 10px; color: #363636; text-transform: uppercase; text-align: right; padding: 20px 0; }
#footer .copy a{ color: #363636; }
#footer .navs { background: #222 url(http://img42.xooimage.com/files/5/5/9/footer-navs-top-162325c.gif) no-repeat 0 0; text-align: center; font-size: 10px; text-transform: uppercase; color: #656565; height: 100%; position: relative; }
#footer .navs .navs-bot { background: url(http://img45.xooimage.com/files/4/8/f/footer-navs-bot-14b67dc.gif) no-repeat 0 bottom; height: 100%; position: relative; }
#footer .navs ul { margin: 10px 0; }
#footer .navs ul li { list-style-type: none; display: inline; padding: 0 6px; }
#footer .navs ul li a { color: #656565; text-decoration: none; }
#footer .navs ul li a:hover { text-decoration: underline; }
lli.nav_element{display: none;}
li.nav_element a{display: none;}
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;}
Mesaj24.08.2011, 11:15 (UTC)    
Mesaj konusu:

hevesini kırmak gibi olmasın ama yakında kilitlenir bu konu çünkü tasarım paylaşımları sabit başlık altında http://www.bedava-sitem.com/forum/viewtopic.php?t=184931 inceleyiniz
______________
Mesaj24.08.2011, 11:19 (UTC)    
Mesaj konusu:

Beta Tasarımı




Tasarım Üstüne

Kod:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>beta - a free web template by spyka webmaster</title>
<link rel="stylesheet" href="styles.css" type="text/css" />
</head>
<body>
<div id="container">
   <div id="header">
      <h1>Mi sitio web</h1>
      <p>Template by Team-AyudaWebs</p>
   </div>
   <div id="nav">
      <ul>
         <li><a href="#" class="selected" title="home page">Link's</a></li>
      <li><a href="#" class="selected" title="home page">Link's</a></li>
<li><a href="#" class="selected" title="home page">Link's</a></li>
<li><a href="#" class="selected" title="home page">Link's</a></li>
<li><a href="#" class="selected" title="home page">Link's</a></li>
<li><a href="#" class="selected" title="home page">Link's</a></li>
      </ul>
      <form action="#" method="get">
         <p>
            <input type="text" name="q" value="Search..." />
            <input type="submit" value="Go" class="button" />
         </p>
      </form>
   </div>
   <div id="content">
      <div id="page">



Tasarım Altına

Kod:
</div>
      <div id="sidebar">
         <h4>Nombre</h4>
         <p>Pon lo que quieras , Codigos , Chat , etc</p>
         <h4>Link's</h4>
         <ul>
            <li><a href="http://www.spyka.net" title="spyka Webmaster resources">Link's</a></li>
                        <li><a href="http://www.spyka.net" title="spyka Webmaster resources">Link's</a></li>
            <li><a href="http://www.spyka.net" title="spyka Webmaster resources">Link's</a></li>
            <li><a href="http://www.spyka.net" title="spyka Webmaster resources">Link's</a></li>
            <li><a href="http://www.spyka.net" title="spyka Webmaster resources">Link's</a></li>

         </ul>
         <h4>Nombre</h4>
         <ul>
            <li><a href="http://www.spyka.net" title="spyka Webmaster resources">Link's</a></li>
<li><a href="http://www.spyka.net" title="spyka Webmaster resources">Link's</a></li>
<li><a href="http://www.spyka.net" title="spyka Webmaster resources">Link's</a></li>
<li><a href="http://www.spyka.net" title="spyka Webmaster resources">Link's</a></li>
         </ul>
      </div>
      <div class="clear"></div>
   </div>
   <div id="footer">
      <p>© 2010 Design By : <a href="http://www.spyka.net" title="spyka Webmaster">spyka webmaster</a> Desing Adapted by : <a href="http://www.justfreetemplates.com" title="free css templates">Team-AyudaWebs</a></p>
   </div>
         
</div>
</body>
</html>



CSS Kodu

Kod:
lli.nav_element{display: none;}
li.nav_element a{display: none;}
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;}


/* beta - a free web template by spyka webmaster
   http://www.spyka.net
*/

/* page */
html, * {
   padding:0;
   margin:0;
}
body {
   background-color:#555555;
   margin:0 auto;
   font-size:1.0em;
   color:#999999;
   font-family:Geneva, Arial, Helvetica, sans-serif;
}

/* headers */
h1 {
   font-size:3.4em;
   text-align:center;
   padding-top:20px;
   color:#ffffff;
   letter-spacing:3px;
   font-weight:normal;
}
h2 {
   color:#5580B4;
   background-color:#343434;
   display:inline;
   padding:0 5px;
   margin:5px 0;
}
h3 {
   font-size:1.3em;
   font-weight:normal;
   color:#5580B4;
}
h4 {
   background-color:#333333;
   border-bottom:1px solid #222222;
   padding:5px;
   color:#202020;
}

/* paragraphs */
p {
   margin:2px 0 15px 0;
   line-height:1.3em;
}

/* links */
a {
   color:#202020;
   border-bottom:1px dotted #333333;
   text-decoration:none;
}
a:hover {
   border-bottom:1px solid #333333;
}
div#footer a {
   color:#ffffff;
   text-decoration:none;
   border:none;
   background-color:#233C57;
   padding:4px;
}
div#footer a:hover {
   border:none;
}
div#sidebar ul li a {
   color:#5580B4;
   text-decoration:none;
   font-family:"Trebuchet MS", Verdana, Arial;
   font-size:0.9em;
   border:none;
   padding:5px;
}
div#sidebar ul li a:hover {
   background-color:#5580B4;
   color:#ffffff;
}

/* lists */
ul, ol {
   margin:0 0 5px 30px;
}

/* code */
code {
   display:block;
   border:1px solid #cccccc;
   background-color:#dddddd;
   padding:15px;
   margin:5px;
}
   
/* container, header and nav */
div#container {
   background-color:#333333;
   width:70%;
   padding:5px 5px 0 5px;
   margin:60px auto 0 auto;
}
div#header {
   background-image:url('http://img45.xooimage.com/files/6/e/0/headerbg-1c8fc8c.jpg');
   background-repeat:no-repeat;
   background-position:center center;
   background-color:#111111;
   height:120px;
   padding:10px;
}
div#header p {
   text-align:center;
   padding:0;
   margin:0;
   font-size:0.8em;
   color:#ffffff;
}
div#nav {
   background-image:url('http://img49.xooimage.com/files/2/0/3/navbg-1c8fc8e.jpg');
   background-repeat:repeat-x;
   height:50px;
   border-bottom:1px solid #416C9C;
   border-top:1px solid #325277;
}
div#nav ul {
   float:left;
   margin:0;
   padding:0;
}
div#nav ul li {
   display:block;
   float:left;
}
div#nav ul li a {
   float:left;
   border:none;
   padding:15px 15px 0 15px;
   height:35px;
   font-family:"Trebuchet MS", Verdana, Arial;
   font-size:0.8em;
   color:#cccccc;
   text-decoration:none;
   display:block;
}
div#nav ul li a:hover {
   color:#ffffff;
   background-color:#1D2F43;
}
div#nav form {
   float:right;
   margin:10px 15px 0 0;
}
div#nav form input {
   border:1px solid #416C9C;
   background-color:#1D2F43;
   color:#ffffff;
   padding:5px;
   font-family:"Trebuchet MS", Verdana, Arial;
}
div#nav form input.button {
   padding:3px;
}

/* content */
div#content {
   padding:20px 10px 0 10px;
   background-color:#444444;
}
div#page {
   width:67%;
   float:left;
}
div#sidebar {
   width:28%;
   float:right;
}
div#sidebar p {
   padding:3px 5px;
   color:#cccccc;
}
div#sidebar ul {
   list-style:none;
   margin:7px 12px;
}
div#sidebar ul li {
   padding:3px 0;
}

/* footer */
div#footer {
   padding:20px 5px;
   background-color:#325479;
   color:#ffffff;
}
div#footer p {
   font-size:0.6em;
   font-family:Verdana, Arial, Helvetica, sans-serif;
   text-align:center;
   margin:0;
   padding:5px;
}

/* generic classes */
.bold {
   font-weight:bold;
}
.clear {
   clear:both;
}
Mesaj24.08.2011, 11:24 (UTC)    
Mesaj konusu:

Mavi tasarım




Tasarım Üstüne

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

{ list-style-type: none; padding: 3px; margin: 7px; } li a { padding-right: 29px;padding-top: 5px; } div.menu { position: absolute; z-index: 3;

 top: 206px; left: 55%; margin-left:-470px; width: 1000px; } .menu li { width: 98px; float: left; } .menu a { border: 0px solid #xxxxxx;

background-color: #xxxxxx; background-image: url(); text-decoration: none; text-align: center; font-weight: bold; cursor: pointer; margin:

0px; display: block; height:28px; color: #ffffff; } .menu a:hover { background-color: #transparent; background-image: url(); color: #cccccc;}

 #smenu1, #smenu2, #smenu3, #smenu4, #smenu5 { font-size: 15px; display: none; width: 50px; float: left; } #smenu1 a, #smenu2 a, #smenu3 a,

#smenu4 a, #smenu5 a { font-weight: bold; padding-top: 9px; 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"><br /> <li><a href="#" _fcksavedurl="LINK" _fcksavedurl="LINK">Inicio</a>

 </li> <li><a href="#" _fcksavedurl="LINK" _fcksavedurl="LINK">Acerca</a> </li>

<li><a href="#" _fcksavedurl="LINK" _fcksavedurl="LINK">Servicios</a> </li>

 <li><a href="#" _fcksavedurl="LINK" _fcksavedurl="LINK">Portafolio/Trabajos       

  </a> </li>  </div> <div id="Desigbydrakox"> <div id="text"><h1></h1> </div> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html>

<head>



Tasarım Altına

Kod:
<style type="text/css">
<!--
table{margin-left:auto;margin-right:auto}   
--></style>



CSS Koduna

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-image:url

(http://img.webme.com/pic/t/team-drakox/wallpaper.jpg);background-color:#ffffff;} *{ padding: 0; margin: 0; } #Desigbydrakox

{ margin: 0 auto; width: 1000px; height:900px; background-image:url(http://img45.xooimage.com/files/1/a/f/plantilla2-1cbfda6.png);}

 #content { position: absolute; left: 45%; top: 339px; margin-left:-300px; width: 710px; height: 455px; padding:10px; color:

#transparent; font-size:13px; background-color:#transparent; background-image:url(); border: 0px solid #FFFFFF; overflow:auto;}

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

 none; font-size:13px;} a:hover { color: #4A9AF6; 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;} div.lux { position: absolute; z-index: 3; top: 172px; left: 52%; margin-left:-185px; width: 647px; } .lux a { border:

0px solid #xxxxxx; background-color: #xxxxxx; background-image: url(); text-decoration: none; text-align: center; font-weight: bold; cursor:

pointer; margin: 0px; display: block; height:21px; color: #ffffff; font-size: 24px; }
Mesaj24.08.2011, 11:29 (UTC)    
Mesaj konusu:

Tiny News Teması



Tasarım Üstüne

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 profile="http://gmpg.org/xfn/11">
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
</head>
<body>
<div id="wrapper">
<div id="header">
  <div id="top">
    <div class="topleft"><a href="#" title="Register">Registrarse</a> &middot; <a href="#" title="Login">Iniciar Secion</a></div>
    <!--end: topleft-->
    <div class="topright"><span class="top-rss"><a href="#">Suscribase a nuestro feed RSS</a></span></div>
    <!--end: topright-->
  </div>
  <!--end: top-->
  <div id="head"> <a id="logo" href="#"></a>
    <div class="ad468x60">
      <a href="#"><img src="http://www.ztheme.com/demo/tinynews/wp-content/themes/tinynews/images/468x60.gif" alt="Advertisement"/></a>    </div>
  </div>
  <!--end: logo-->
  <div id="menu">


    <ul>
      <li><a href="#">Inicio</a></li>


         <li class="cat-item cat-item-3"><a href="#" title="AnimeFiles">Link</a>
<ul class='children'>
   <li class="cat-item cat-item-13"><a href="#" title="AnimeFiles">sub 1</a>
</li>
   <li class="cat-item cat-item-17"><a href="#" title="AnimeFiles">Sub 2</a>
         <li class="cat-item cat-item-17"><a href="#" title="AnimeFiles">Sub 3</a>
        <li class="cat-item cat-item-17"><a href="#" title="AnimeFiles">Sub 4</a>
        <li class="cat-item cat-item-17"><a href="#" title="AnimeFiles">Sub 5</a>


</li>
</ul>

<li><a href="#">Link</a></li>
<li><a href="#">Link</a></li>
<li><a href="#">Link</a></li>
<li><a href="#">Link</a></li>
<li><a href="#">Link</a></li>
<li><a href="#">Link</a></li>
 



    </ul>


    <form id="searchform" method="get" action="#">
      <input class="search-submit" type="submit" value="Ir" />
      <input class="search-input" name="s" id="s" type="text" value="Anime Files..." onfocus="if (this.value == 'Anime Files...') {this.value = '';}" onblur="if (this.value == '') {this.value = 'Anime Files...';}" />
    </form>
  </div>
  <!--end: menu-->
</div>
<!--end: header-->
<div id="inner">
 
<div id="leftcol">



Tasarım Altına

Kod:
</div>
<!--end: leftcol-->
 
<div class="col3">
<div class="ad300x250">
  <a href="#"><img src="http://www.ztheme.com/demo/tinynews/wp-content/themes/tinynews/images/300x250.gif" alt="Publicidad"/></a>  <span>Publicidad</span> </div>
<div class="right-block">
  <h2>Subscription</h2>
  <div class="box"> <img class="feed" src="http://www.ztheme.com/demo/tinynews/wp-content/themes/tinynews/images/feed.png"> Suscribase y haga historias 0w0
    <div class="clear"></div>
    <p>
    <form id="feedform" action="http://feedburner.google.com/fb/a/mailverify" method="post" target="popupwindow" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=blogohblog', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true">
      <input class="feed-input" name="feed" id="input" value="animefiles( at )live.com..." onfocus="if (this.value == 'animefiles( at )live.com') {this.value = '';}" onblur="if (this.value == '') {this.value = 'animefiles( at )live.com...';}">
      <input type="hidden" value="blogohblog" name="uri"/>
      <input type="hidden" name="loc" value="en_US"/>
      <input class="feed-submit" type="submit" value="Sign up">
    </form>
    </p>
  </div>
</div>
<!--end right-block-->
<div class="right-block">
<h2>Tag Cloud</h2>
<div class="box">
  <ul>
<a href='#' class='tag-link-14' title='1 topic' rel="tag" style='font-size: 8pt;'>Anime Files</a>
<a href='#' class='tag-link-29' title='1 topic' rel="tag" style='font-size: 8pt;'>Anime Files</a>
<a href='#' class='tag-link-31' title='1 topic' rel="tag" style='font-size: 8pt;'>Anime Files</a>
<a href='#' class='tag-link-4' title='2 topics' rel="tag" style='font-size: 9.4pt;'>Anime Files</a>
<a href='#' class='tag-link-34' title='1 topic' rel="tag" style='font-size: 8pt;'>Anime Files</a>
<a href='#' class='tag-link-16' title='1 topic' rel="tag" style='font-size: 8pt;'>Anime Files</a>
<a href='#' class='tag-link-15' title='2 topics' rel="tag" style='font-size: 9.4pt;'>Anime Files</a>
<a href='#' class='tag-link-11' title='3 topics' rel="tag" style='font-size: 10.8pt;'>Anime Files</a>
<a href='#' class='tag-link-6' title='6 topics' rel="tag" style='font-size: 15pt;'>Anime Files</a>
<a href='#' class='tag-link-10' title='2 topics' rel="tag" style='font-size: 9.4pt;'>Anime Files</a>
<a href='#' class='tag-link-22' title='1 topic' rel="tag" style='font-size: 8pt;'>Anime Files</a>
<a href='#' class='tag-link-26' title='1 topic' rel="tag" style='font-size: 8pt;'>Anime Files</a>
<a href='#' class='tag-link-9' title='2 topics' rel="tag" style='font-size: 9.4pt;'>Anime Files</a>
<a href='#' class='tag-link-27' title='1 topic' rel="tag" style='font-size: 8pt;'>Anime Files</a>
<a href='#' class='tag-link-18' title='4 topics' rel="tag" style='font-size: 12.2pt;'>Anime Files</a>
<a href='#' class='tag-link-3' title='11 topics' rel="tag" style='font-size: 22pt;'>Anime Files</a>
<a href='#' class='tag-link-24' title='2 topics' rel="tag" style='font-size: 9.4pt;'>Anime Files</a>
<a href='#' class='tag-link-7' title='5 topics' rel="tag" style='font-size: 13.6pt;'>Anime Files</a>
<a href='#' class='tag-link-12' title='1 topic' rel="tag" style='font-size: 8pt;'>Anime Files</a>
<a href='#' class='tag-link-17' title='3 topics' rel="tag" style='font-size: 10.8pt;'>Anime Files</a>
<a href='#' class='tag-link-30' title='1 topic' rel="tag" style='font-size: 8pt;'>Anime Files</a>
<a href='#' class='tag-link-19' title='2 topics' rel="tag" style='font-size: 9.4pt;'>Tourism</a>
<a href='#' class='tag-link-23' title='1 topic' rel="tag" style='font-size: 8pt;'>Anime Files</a>
<a href='#' class='tag-link-32' title='1 topic' rel="tag" style='font-size: 8pt;'>Anime Files</a>
<a href='#' class='tag-link-28' title='1 topic' rel="tag" style='font-size: 8pt;'>Anime Files</a>
<a href='#' class='tag-link-33' title='1 topic' rel="tag" style='font-size: 8pt;'>Anime Files</a>
<a href='#' class='tag-link-8' title='1 topic' rel="tag" style='font-size: 8pt;'>Anime Files</a>
<a href='#' class='tag-link-25' title='1 topic' rel="tag" style='font-size: 8pt;'>Anime Files</a>
<a href='#' class='tag-link-13' title='3 topics' rel="tag" style='font-size: 10.8pt;'>Anime Files</a>
<a href='#' class='tag-link-21' title='1 topic' rel="tag" style='font-size: 8pt;'>Anime Files</a>
<a href='#' class='tag-link-7' title='5 topics' rel="tag" style='font-size: 13.6pt;'>Anime Files</a>


  </ul>
</div>
<!--end: box-->
</div> <!--end: right-block-->
<!--end: col3-->
</div>
<!--end: inner-->
 
<div class="clear"></div>
<div id="pages-bottom">
  <ul>
    <li><a href="#">Inicio</a></li>
    <li><a href="#">Rss</a></li>
    <li><a href="#">Commentarios</a></li>
    <li class="btt"><a href="#">Hacia Arriba</a></li>
  </ul>
</div>
<!--end pages-bottom-->
<div id="footer"> &copy; 2009 <a href="#">Tinynews</a> by <a href="http://www.ztheme.com/">ZTHEME</a>. Adaptado por <a href="#">Anime Files</a> para PaginaWebGratis.es. </div>
<!--end: footer-->
</div>
<!--end: wrapper-->



CSS Koduna

Kod:
lli.nav_element{display: none;}
li.nav_element a{display: none;}
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;}


body {
background-color:#CFCFCF;
   font: 12px Geneva, Arial, Helvetica, sans-serif;
   margin: 0;
   padding: 0;
}
img {
   border: 0;
}
a {
   color: #047;
   text-decoration: none;
   outline: none;
}
a:hover {
   color: #c03;
   text-decoration: underline;
}
a:active {
   color: #774b90;
}
a:focus {
   color: #c30;
   text-decoration: none;
}
.clear {
   clear: both;
   font-size: 0;
   line-height: 0;
}
.small-feed {
   background: url(http://www.ztheme.com/demo/tinynews/wp-content/themes/tinynews/images/small-feed.png) no-repeat 0 8px;
   padding: 0 5px 10px 10px;
}
.limit-line {
   font-size: 10px;
   margin: 5px 0 0 0;
   font-weight: bold;
   text-transform: uppercase;
}
.limit-line a:link, .limit-line a:hover, .limit-line a:visited {
   color: #999;
}
.limit-line .more {
   padding: 0 6px 0 0;
   background: url(http://www.ztheme.com/demo/tinynews/wp-content/themes/tinynews/images/arrow1.gif) no-repeat right 2px;
}
.limit-line .comments {
   padding: 0 0 0 5px;
}
.mid-thumbnail img {
   width: 175px;
   height: 175px;
   padding: 1px;
   border: 1px solid #e6e6e6;
}
.small-thumbnail img {
   width: 75px;
   height: 75px;
   padding: 1px;
   border: 1px solid #e6e6e6;
}
.skip {
   clear: both;
   margin: 0;
   padding: 5px;
}
.archive-skip {
   clear: both;
   margin: 2px;
   padding: 2px;
}
/* wrapper */
#wrapper {
   background: #fff url(http://www.ztheme.com/demo/tinynews/wp-content/themes/tinynews/images/bgshadow.png) repeat-y;
   margin: 0 auto;
   padding: 0 8px 0 8px;
   width: 960px;

}
#inner {
   margin: 7px 0 0 0;
   padding: 0;
   background: #fff;
}
/* header */
#header {
   width: 100%;
}
#top {
   background: url(http://www.ztheme.com/demo/tinynews/wp-content/themes/tinynews/images/top-bg.gif) repeat-x 50% top;
   font: 12px/200% arial;
   height: 25px
}
.topleft {
   float: left;
   margin-left: 15px;
   line-height: 25px;
   word-spacing: 5px;
}
.topright {
   float: right;
   margin-right: 7px;
   line-height: 25px;
}
.top-rss a {
   padding-right: 25px;
}
.top-rss {
   background: url(http://www.ztheme.com/demo/tinynews/wp-content/themes/tinynews/images/small-rss.gif) no-repeat right 2px;
}
#head {
   width: 100%;
   height: 90px;
   margin: 0;
   padding: 0;
   background: #004469;
}
#logo {
   float: left;
   width: 240px;
   height: 45px;
   margin: 33px 0 auto 10px;
   padding: 0;
   background: url(http://www.ztheme.com/demo/tinynews/wp-content/themes/tinynews/images/logo.png) no-repeat;
}
/* categories menu */
#menu {
   margin: 0;
   padding: 0;
   background: url(http://www.ztheme.com/demo/tinynews/wp-content/themes/tinynews/images/menu-bg.gif) repeat-x;
   width: 100%;
   height: 28px;
}
#menu ul {
   float: left;
   list-style: none;
   margin: 0 0 0 1px;
   padding: 0;
}
#menu li {
   float: left;
   list-style: none;
   margin: 0;
   padding: 0;
}
#menu ul li {
   list-style: none;
   margin: 0 0 0 -1px;
   padding: 0;
   border-right: 1px solid #045;
}
#menu li a, #menu li a:link, #menu li a:visited {
   color: #fff;
   display: block;
   font-size: 13px;
   font-weight: bold;
   margin: 0;
   padding: 6px 12px 6px 12px;
}
#menu li a:hover, #menu li a:active {
   background: #222222 url(http://www.ztheme.com/demo/tinynews/wp-content/themes/tinynews/images/menu-hover.gif) repeat-x;
   color: #FFFFFF;
   display: block;
   text-decoration: none;
   margin: 0;
   padding: 6px 12px 6px 12px;
}
#menu li li a, #menu li li a:link, #menu li li a:visited {
   opacity: .99;
   filter: alpha(opacity=99);
   background: #f6f6f6;
   width: 130px;
   color: #111;
   float: none;
   margin: 0;
   padding: 6px 12px 6px 12px;
   border-bottom: 1px solid #ccc;
   border-left: 1px solid #ccc;
   border-right: 1px solid #ccc;
}
#menu li li a:hover, #menu li li a:active {
   background: #CC0000;
   color: #FFFFFF;
   padding: 6px 12px 6px 12px;
}
#menu li ul {
   z-index: 9999;
   position: absolute;
   left: -999em;
   height: auto;
   width: 155px;
   margin: 0;
   padding: 0;
}
#menu li li {
   border:none;
}
#menu li ul a {
   width: 120px;
}
#menu li ul a:hover, #menu li ul a:active {
}
#menu li ul ul {
   margin: -29px 0 0 156px;
   border: none;
}
#menu li:hover ul ul, #menu li:hover ul ul ul, #menu li.sfhover ul ul, #menu li.sfhover ul ul ul {
   left: -999em;
}
#menu li:hover ul, #menu li li:hover ul, #menu li li li:hover ul, #menu li.sfhover ul, #menu li li.sfhover ul, #menu li li li.sfhover ul {
   left: auto;
}
#menu li:hover, #menu li.sfhover {
   position: static;
}
#menu input {
   font-size: 11px;
}
#menu .search-input {
   float: right;
   height: 12px;
   margin: 5px 0 0 0;
   padding: 2px 2px 2px 6px;
   color: #999;
   border: 1px solid #f0f0f0;
   line-height: 12px;
        width:140px;
font-family:Arial;
}
#menu .search-submit {
   float: right;
   height: 18px;
   margin: 5px 7px 0 3px;
   padding: 1px 1px 3px 1px;
   border: none;
   background: url(images/go.gif) repeat-x;
font-family:Arial;
}
#leftcol {
   float: left;
   margin: 0;
   padding: 0;
}
/* content */
#content {
   width: 610px;
   margin: 7px 0 10px 7px;
   padding: 10px;
   border: solid 1px #e6e6e6;
}
#content h2 {
   font-size: 18px;
   margin: 0;
}
#content .postmeta p {
}
#content .postmeta {
   width: 594px;
   margin: 0 0 20px 0;
   padding: 5px 10px 5px 10px;
   background: #f8f8f8;
   line-height: 18px;
   text-transform: uppercase;
   font-size: 11px;
   border: 1px solid #e6e6e6;
}
#content .postheader {
   margin: 0;
   padding: 5px 0 4px 0;
   border-bottom: 1px solid #ccc;
}
#content h3 {
   margin: 0;
}
#content .tag {
   margin: 0;
   padding: 3px 0 3px 20px;
   background: url(http://www.ztheme.com/demo/tinynews/wp-content/themes/tinynews/images/tag.gif) no-repeat left 1px;
}
/* entry */
.entry {
   margin: 0;
   padding: 10px 0 10px 0;
}
.entry p {
   margin: 0 0 19px 0;
   padding: 0;
}
.entry img {
   margin: 0;
   padding: 2px;
   border: 1px solid #E1E1E1;
}
.entry input {
   padding: 3px;
   border: 1px solid #67afe6;
   margin: 5px;
}
.entry label {
   font-weight: bold;
   margin: 5px;
}
.entry #submit {
   padding: 4px;
}
/* entry Lists */
.entry ul li {
   padding: 0;
   margin: 0;
   font-weight: bold;
   color: #555;
}
.entry ul li a {
   font-weight: normal;
   color: #555;
}
.entry ul li ul li {
   padding: 0;
   margin: 0;
}
.entry ol li {
   list-style: decimal;
   padding: 0;
   margin: 0;
   background: none;
}
/* entry headings */
.entry h1 {
   font-size: 18px;
   font-weight: normal;
   color: #333;
   border-bottom: 3px solid #E1E1E1;
   padding-bottom: 3px;
   margin: 5px 0 3px 0;
}
.entry h2 {
   font-size: 16px;
   font-weight: normal;
   color: #333;
   padding-bottom: 3px;
   margin: 5px 0 3px 0;
   height: auto;
   text-indent: 0;
}
.entry h3 {
   font-size: 13px;
   font-weight: bold;
   color: #444;
   padding-bottom: 3px;
   text-indent: 0;
   margin: 5px 0 3px 0;
}
.entry h4 {
   font-size: 13px;
   font-weight: bold;
   margin: 0;
   line-height: 16px;
   height: auto;
   padding: 5px 0 5px 0;
   color: #555;
   text-indent: 0;
}
.entry h5 {
   font-size: 13px;
   font-weight: bold;
   margin: 0;
   line-height: 16px;
   height: auto;
   padding: 5px 0 5px 0;
   color: #555;
   text-indent: 0;
}
.entry h6 {
   font-size: 12px;
   font-weight: bold;
   margin: 0;
   line-height: 16px;
   height: auto;
   padding: 5px 0 5px 0;
   color: #555;
   text-indent: 0;
}
/* entry image*/
img.centered {
   display: block;
   margin-left: auto;
   margin-right: auto;
   margin-bottom: 10px;
   padding: 0;
}
img.alignnone {
   margin: 0 0 10px 0px;
   padding: 0px;
   display: inline;
}
img.alignright {
   margin: 0 0 10px 10px;
   padding: 0;
   display: inline;
}
img.alignleft {
   padding: 0px;
   margin: 0 10px 10px 0;
   display: inline;
}
.aligncenter {
   display: block;
   margin-left: auto;
   margin-right: auto;
   margin-bottom: 10px;
}
.alignright {
   float: right;
   margin: 0 0 10px 10px;
}
.alignleft {
   float: left;
   margin: 0px 10px 10px 0px;
}
/* blockquote */
blockquote {
   margin: 10px 0 10px 10px;
   padding: 10px;
   border-left: 6px solid #e6e6e6;
   border-right: 1px solid #e6e6e6;
   border-top: 1px solid #e6e6e6;
   border-bottom: 1px solid #e6e6e6;
   background: #f8f8f8;
}
blockquote cite {
   display: block;
   margin: 5px;
   padding: 10px;
   border-left: 6px solid #e6e6e6;
   border-right: 1px solid #e6e6e6;
   border-top: 1px solid #e6e6e6;
   border-bottom: 1px solid #e6e6e6;
   background: #fff;
}
/* homepage columns */
.col1 {
   float: left;
   width: 435px;
   margin: 0;
   padding: 0;
}
.col2 {
   float: left;
   width: 209px;
   margin: 0;
   padding: 0;
}
.col3 {
   float: right;
   width: 307px;
   margin: 0;
   padding: 0;
}
/* advertisment block */
.ad300x250 {
   width: 300px;
   height: 260px;
   margin: 7px 0 10px 0;
   padding: 0;
}
.ad468x60 {
   float: right;
   width: 468px;
   height: 60px;
   margin: 15px 25px 15px 10px;
   padding: 0;
}
.ad300x250 span, .ad468x60 span {
   float: right;
   font-size: 10px;
   text-transform: uppercase;
   color: #ccc;
}
/* left block */
.left-block {
   margin: 7px 0 0 7px;
   padding: 0 0 5px 0;
}
.left-block h2 {
   height: 32px;
   margin: 0;
   padding: 0 10px 5px 10px;
   background: url(http://www.ztheme.com/demo/tinynews/wp-content/themes/tinynews/images/left-h2-bg.gif) repeat-x;
   border-top: 1px solid #afbdc6;
   line-height: 32px;
}
.left-block h2 b {
   float: left;
   font: 18px/32px verdana;
   cursor: pointer;
   color: #c00;
}
.left-block h2 span {
   float: right;
}
.left-block h2 span a {
   margin-left: 10px;
   font: 11px arial;
   color: #333;
}
.left-block h2 span a img {
   vertical-align: middle;
}
.left-block .headline h3 {
   margin: 0;
   padding: 0 0 5px 0;
   font-size: 1.5em;
   font-weight: bold;
}
.left-block .excerpt h4 {
   margin: 0;
   padding: 8px 0 5px 0;
   font-size: 1.2em;
   font-weight: bold;
   line-height: 14px;
}
.left-block .list h4 {
   margin: 0;
   padding: 0 0 0 2px;
   font-size: .9em;
   font-weight: bold;
}
.left-block .list {
   display: block;
   padding: 5px 0 0 0;
}
.left-block .box {
   margin: 5px 0 5px 0;
}
.left-block .box h4 {
   margin: 0;
   padding: 0;
   font-size: 12px;
   line-height: 14px;
}
.left-block .box .h4-right {
   float: left;
   margin: 0 7px 0 0;
   padding: 2px 10px 0 5px;
   width: 110px;
   height: 77px;
   background: #f8f8f8;
}
.underline {
   clear: both;
   margin: 0;
   padding: 3px 0 5px 0;
   border-bottom: 1px dotted #ddd;
}
.left {
   float: left;
}
.right {
   float: left;
   width: 230px;
   margin: 0;
   padding: 0 0 0 8px;
}
.archive-right {
   float: left;
   width: 520px;
   margin: 0;
   padding: 0 0 0 8px;
}
.list-right {
   float: left;
   width: 335px;
   margin: 0;
   padding: 0 0 0 8px;
}
/* middle block */
.mid-block {
   margin: 7px 0 7px 7px;
   padding: 0 0 10px 0;
   border: 1px solid #afbdc6;
}
.mid-block h2 {
   border-bottom: 1px solid #afbdc6;
   height: 31px;
   background: #f1f5f8;
   margin: 0;
}
.mid-block h2 span {
   float: left;
   height: 31px;
   display: inline-block;
   background: url(http://www.ztheme.com/demo/tinynews/wp-content/themes/tinynews/images/mid-h2-bg.gif) no-repeat right top;
   font: bold 14px/31px arial;
   color: #fff;
}
.mid-block h2 span a {
   padding: 0 30px 0 10px;
   font: bold 14px/31px arial;
   color: #fff;
}
.mid-block h2 span a:hover {
   padding: 0 30px 0 10px;
   font: bold 14px/31px arial;
   color: #fff;
   text-decoration: none;
}
.mid-block h4 {
   margin: 0 0 0 5px;
   padding: 0 0 5px 0;
   font-size: 12px;
   line-height: 14px;
}
.mid-block .box {
   margin: 0 5px 0 5px;
   padding: 7px 2px 7px 2px;
   border-bottom: 1px dotted #ddd;
   clear: both;
}
.mid-block .box h3 {
   font-size: 1.2em;
}
.mid-block ul {
   margin: 2px;
   padding: 0 5px 5px 5px;
}
.mid-block ul li {
   padding: 5px 0 5px 16px;
   background: url(http://www.ztheme.com/demo/tinynews/wp-content/themes/tinynews/images/arrow2.gif) no-repeat 0 6px;
   font: 12px/120% arial;
   list-style-type: none;
   border-bottom: 1px dotted #ddd;
}
.mid-block .box .h4-right {
   float: left;
   width: 105px;
}
/* right block */
.right-block {
   margin: 0 7px 7px 0;
   padding: 0;
   background: #fff;
   border:1px #e6e6e6 solid;
}
.right-block h2 {
   height: 32px;
   margin: 0;
   padding: 0 10px 0 10px;
   background: url(http://www.ztheme.com/demo/tinynews/wp-content/themes/tinynews/images/right-h2-bg.gif) repeat-x;
   font: bold 14px/32px arial;
   color: #000;
}
.right-block h2 a {
   color: #c00;
}
.right-block .box {
   margin: 5px 7px 5px 0;
   padding: 0 0 10px 7px;
}
.right-block ul {
   margin: 0;
   padding: 0;
}
.right-block ul li {
   padding: 5px 0 5px 16px;
   background: url(http://www.ztheme.com/demo/tinynews/wp-content/themes/tinynews/images/arrow2.gif) no-repeat 0 6px;
   font: 12px/120% arial;
   list-style-type: none;
   border-bottom: 1px dotted #ddd;
}
.right-block ul li:hover {
}
.right-block h6 {
   margin: 0;
   padding: 0 10px 0 10px;
   border-top: 1px #f5f5f5 solid;
   background: url(http://www.ztheme.com/demo/tinynews/wp-content/themes/tinynews/images/more-bg.gif) repeat-x 50% bottom;
   text-align: right;
}
.right-block h6 a {
   font: 11px/20px arial;
   color: #c00;
}
.right-block .feed {
   float: right;
   width: 32px;
   height: 32px;
   margin: 0;
   padding: 0 0 5px 5px;
}
.right-block .feed-input {
   width: 150px;
   background: url(http://www.ztheme.com/demo/tinynews/wp-content/themes/tinynews/images/email.gif) no-repeat 5px 3px;
   padding: 3px 3px 3px 25px;
   color: #999;
font-family:Arial;
}
.right-block input {
   background: #fff;
   border: 1px solid #ccc;
   margin: 0 2px 0 0;
font-family:Arial;
}
.right-block .feed-input:focus {
   border: 1px solid #191919;
}
.right-block .feed-submit {
   width: 60px;
   margin: 0;
   color: #006699;
   padding: 2px;
   border: 1px solid #ccc;
   background-color: #ecf3f8;
font-family:Arial;
}
/* comments box */
.comments-box {
   zoom: 1;
}
.comments-box img {
   vertical-align: middle;
}
.comments-box h3 {
   color: #333;
   font-size: 1.4em;
   letter-spacing: 0;
   margin: 0;
   padding: 0 0 5px 0;
   border-bottom: 3px solid #ebf3f6;
}
#respond {
   background: #fff;
   margin: 20px 0 0 0;
   padding: 5px;
}
#respond p {
   color: #777;
   line-height: 1.4em;
   margin: 10px 0 0 0;
}
.cancel-comment-reply {
   padding: 5px 0 0 0;
}
.text {
   border-top: 1px solid #ddd;
   border-left: 1px solid #ddd;
   border-right: 1px solid #eee;
   border-bottom: 1px solid #eee;
   padding: 2px;
   color: #777;
   width: 200px;
}
/* framework for comments */
ol.commentlist a:link {
   text-decoration: none;
}
ol.commentlist li div.vcard cite.fn a.url:hover {
   text-decoration: none;
}
ol.commentlist {
   margin: 10px 5px 0 5px;
   padding: 0;
   background: #fff;
}
ol.commentlist li {
   margin: 10px 0 10px 0;
   padding: 10px;
   list-style-type: none;
   border-bottom: 1px dotted #ccc;
}
ol.commentlist li.alt {
}
ol.commentlist li.bypostauthor p {
}
ol.commentlist li.byuser {
}
ol.commentlist li.comment-author-admin {
}
ol.commentlist li.comment {
}
ol.commentlist li div.comment-author {
}
ol.commentlist li div.vcard {
}
ol.commentlist li div.vcard cite.fn {
   font-style: normal;
   font-weight: bold;
}
ol.commentlist li div.vcard cite.fn a.url {
   color: #047;
}
ol.commentlist li div.vcard img.avatar {
   float: right;
}
ol.commentlist li div.vcard img.avatar-32 {
   padding: 2px;
   background: #fff;
   border: 1px solid #ddd;
}
ol.commentlist li div.vcard img.photo {
   padding: 2px;
   background: #fff;
   border: 1px solid #ddd;
}
ol.commentlist li div.vcard span.says {
   color: #888;
}
ol.commentlist li div.commentmetadata {
}
ol.commentlist li div.comment-meta {
   margin: 3px 0 0 0;
   font-size: 0.9em;
}
ol.commentlist li div.comment-meta a {
   color: #aaa;
   text-decoration:none;
}
ol.commentlist li p {
   margin: 15px 0 0 0;
   line-height: 1.4em;
}
ol.commentlist li ul {
}
ol.commentlist li div.reply {
   padding-top: 10px;
}
ol.commentlist li div.reply a {
   color: #047;
}
ol.commentlist li div.reply a:hover {
   color: #c03 !important;
   text-decoration: none;
}
ol.commentlist li ul.children {
}
ol.commentlist li ul.children li {
   margin: 5px 0 0 0;
   background: #fff;
   border: 1px solid #e9e9e9;
}
ol.commentlist li ul.children li li.alt {
   background: #eee;
}
ol.commentlist li ul.children li.bypostauthor {
}
ol.commentlist li ul.children li.byuser {
}
ol.commentlist li ul.children li.comment {
}
ol.commentlist li ul.children li.comment-author-admin {
}
ol.commentlist li ul.children li.depth-2 {
}
ol.commentlist li ul.children li.depth-3 {
}
ol.commentlist li ul.children li.depth-4 {
}
ol.commentlist li ul.children li.depth-5 {
}
ol.commentlist li ul.children li.odd {
}
ol.commentlist li.even {
}
ol.commentlist li.odd {
}
ol.commentlist li.parent {
}
ol.commentlist li.pingback {
}
ol.commentlist li.thread-alt {
}
ol.commentlist li.thread-even {
}
ol.commentlist li.thread-odd {
}
/* comment form */
#commentform {
   margin-top: 5px;
}
#commentform input {
   width: 210px;
   margin: 5px 5px 1px 0;
   padding: 5px;
   border: 1px solid #ccc;
}
#commentform input:focus {
   border: 1px solid #191919;
}
#commentform .author {
   padding: 3px 3px 3px 25px;
   background: url(http://www.ztheme.com/demo/tinynews/wp-content/themes/tinynews/images/user.gif) no-repeat 5px 3px;
   color: #666;
}
#commentform .email {
   padding: 3px 3px 3px 25px;
   background: url(http://www.ztheme.com/demo/tinynews/wp-content/themes/tinynews/images/email.gif) no-repeat 5px 3px;
   color: #666;
}
#commentform .url {
   padding: 3px 3px 3px 25px;
   background: url(http://www.ztheme.com/demo/tinynews/wp-content/themes/tinynews/images/link.gif) no-repeat 5px 3px;
   color: #666;
}
#commentform textarea {
   width: 75%;
   height: 100px;
   padding: 2px;
   border: 1px solid #ccc;
}
#commentform textarea:focus {
   border: 1px solid #191919;
}
#commentform .submit {
   margin: 0;
   padding: 4px;
   color: #006699;
   font-weight: bold;
   border: 1px solid #999999;
   background: #ecf3f8;
   width: 155px;
}
#commentform .submit :hover {
   background: #333;
   border: 1px solid #191919;
   text-decoration: underline;
   color: #fff;
}
/* navigation */
.navigation {
   margin: 5px 10px 5px 10px;
   padding: 5px;
}
.navigation .previous {
   float: left;
   margin: 0;
   padding: 0;
}
.navigation .next {
   float: right;
   margin: 0;
   padding: 0;
}
/* footer */
#pages-bottom {
   clear: both;
   margin-top: 10px;
   background: #004469;
}
#pages-bottom a:link, #pages-bottom a:hover, #pages-bottom a:visited, #footer a:link, #footer a:hover, #footer a:visited {
   color: #f0f0f0;
}
#pages-bottom li a {
   margin: 3px 0 3px 0;
   padding: 5px;
}
#pages-bottom .btt {
   float: right;
   padding: 0 5px 0 0;
}
#pages-bottom ul {
   height: 20px;
   margin: 0 5px 0 5px;
   padding: 5px 0 5px 0;
   border-bottom: 1px #999 dotted;
}
#pages-bottom ul li {
   float: left;
   margin: 0;
   padding: 0 3px 0 3px;
   list-style-type: none;
   font-size: 11px;
   line-height: 20px;
}
#pages-bottom ul li ul {
   display: none;
}
#footer {
   padding: 10px 0 10px 0;
   text-align: center;
   font-size: 11px;
   background: #004469;
   color: #f0f0f0;
   clear: both;
}

Mesaj24.08.2011, 11:36 (UTC)    
Mesaj konusu:

güzel temalar paylaştığın için sağol
Mesaj24.08.2011, 12:06 (UTC)    
Mesaj konusu:

Güzel Bir CSS Tema





Tasarım Üstü

Kod:
<style>table {margin-left: auto;margin-right: auto} </style>
<style type="text/css">
<!--
body{background-image:url(http://i33.tinypic.com/9pwf38.jpg);background-attachment: fixed}
-->
</style>
<style>
<!--
A{text-decoration:none}
-->
</style>
<style type="text/css">
<!--
#arkaplan {
   height: 500px;
   width: 1024px;
   margin-left: -512px;
   position: absolute;
   left: 50%;
   padding: 0px;
   top: 0px;
   z-index: -1;
}
-->
</style>
<div id="arkaplan"><FCK:embed width="980" src="http://s1.directupload.net/images/101228/xn2hoo6o.swf" menu="false" quality="high" wmode="transparent" type="application/x-shockwave-flash" height="250"></FCK:embed></div>
<head>
<FCK:meta name="description" content="CSS, HTML,  tema, theme, web, site, website, kod, code, teknik, bilgi,  google, internet,Bs Tasarımları,Bedava Sitem Tasarımları,İce blue,Css Design,İce Blue Yapımı,İce Blue Tasarımlar,Css Tasarımlar,Photoshop"  />
<FCK:meta name="keywords" content="CSS, HTML,  tema, theme, web, site, website, kod, code, teknik, bilgi,  google, internet,Bs Tasarımları,Bedava Sitem Tasarımları,İce blue,Css Design,İce Blue Yapımı,İce Blue Tasarımlar,Css Tasarımlar,Photoshop"  />
<FCK:meta name="author" content="TrKkn"  />
<FCK:meta name="robots" content="index,follow"  />
</head>
<table width="900" border="0" cellspacing="0" cellpadding="0">
<tr>
<td height="54" background="http://img.webme.com/pic/t/trkkn/mavi_01.gif"><table width="900" height="48" border="0" cellpadding="0" cellspacing="0">
<tr>
<td width="864" align="right"></br><form method="get" action="http://www.google.com/custom" name="google">
<input type="hidden" name="sitesearch" value="www.trkkn.tr.gg" /> <input type="hidden" name="sa" value="Google Search" /> <input type="hidden" name="domains" value="trkkn.tr.gg" /> <input style="border-bottom: #c0c0c0 1px solid; border-left: #c0c0c0 1px solid; font-family: Verdana; font-size: 10px; border-top: #c0c0c0 1px solid; border-right: #c0c0c0 1px solid" name="q" type="text" /> <input class="Arama" type="submit" style="border-bottom: #c0c0c0 1px solid; border-left: #c0c0c0 1px solid; font-family: Verdana; font-size: 10px; border-top: #c0c0c0 1px solid; border-right: #c0c0c0 1px solid" value="Arama" />
</form></td>
<td width="36"> </td>
</tr>
</table></td>
</tr>
<tr>
<td height="158" background="http://img.webme.com/pic/t/trkkn/mavi_02.gif"><table width="900" height="55" border="0" cellpadding="0" cellspacing="0">
<tr>
<td width="354"> </td>
<td width="468" align="center" valign="middle"><a href="http://www.trkkn.tr.gg" _fcksavedurl="http://www.trkkn.tr.gg"><img vspace="0" hspace="0" border="0" alt="" src="http://img.webme.com/pic/s/siir-evimiz/paylasim1_3.png" _fcksavedurl="http://img.webme.com/pic/s/siir-evimiz/paylasim1_3.png" /></a></td>
<td width="78"> </td>
</tr>
</table></td>
</tr>
<tr>
<td height="34px" background="http://img.webme.com/pic/t/trkkn/mavi_03.gif"><table width="900" height="30" border="0" cellpadding="0" cellspacing="0">
<tr>
<td width="15"> </td>
<td valign="middle" align="left"> </td>
<td width="1"> </td>
<td width="845" align="left" valign="middle"> <style type="text/css">
.solidblockmenu{
margin: 0;
padding: 0;
float: left;
font: bold 13px Arial;
width: 845px;
height: 33;
overflow: hidden;
margin-top: 1px;
margin-bottom: 1px;
border: 1px solid #625e00;
border-width: 0px 0;
background: black url(http://s1.directupload.net/images/110317/u5jtq9by.png) center center repeat-x;
}
.solidblockmenu li{
display: inline;
}
.solidblockmenu li a{
float: left;
color: white;
padding: 9px 42px;
text-decoration: none;
border-right: 0px solid white;
}
.solidblockmenu li a:visited{
color: white;
}
.solidblockmenu li a:hover, .solidblockmenu li .current{
color: white;
background: transparent url(http://s7.directupload.net/images/110317/gybdotmg.png) center center repeat-x;
}</style>
<ul class="solidblockmenu">
<li><a href="http://www.trkkn.tr.gg/" _fcksavedurl="http://www.trkkn.tr.gg/">Ana Sayfa</a></li>
<li><a href="http://trkkn.tr.gg/reklam-agi.htm" _fcksavedurl="http://trkkn.tr.gg/reklam-agi.htm">Reklam Ağı</a></li>
<li><a href="http://trkkn.tr.gg/Top-liste.htm" _fcksavedurl="http://trkkn.tr.gg/Top-liste.htm">Toplist</a></li>
<li><a href="http://trkkn.tr.gg/Ziyaretci-defteri.htm" _fcksavedurl="http://trkkn.tr.gg/Ziyaretci-defteri.htm">Defter</a></li>
<li><a href="http://trkkn.tr.gg/hakkimda.htm" _fcksavedurl="http://trkkn.tr.gg/hakkimda.htm">Hakkımda</a></li>
<li><a href="http://trkkn.tr.gg/iletisim.htm" _fcksavedurl="http://trkkn.tr.gg/iletisim.htm">İletişim</a></li>
</ul>
<td width="32"> </td>
</tr>
</table></td>
</tr>
<tr>
<td height="453" background="http://img.webme.com/pic/t/trkkn/mavi_04.gif"><table width="900" height="448" border="0" cellpadding="0" cellspacing="0">
<tr>
<td width="22"> </td>
<td width="200" align="left" valign="top"><script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script><script type="text/javascript" src="http://reklamtrkkn.byethost4.com/ddaccordion.js">



</script><script type="text/javascript">


ddaccordion.init({
   headerclass: "submenuheader", //Shared CSS class name of headers group
   contentclass: "submenu", //Shared CSS class name of contents group
   revealtype: "click", //Reveal content when user clicks or onmouseover the header? Valid value: "click", "clickgo", or "mouseover"
   mouseoverdelay: 200, //if revealtype="mouseover", set delay in milliseconds before header expands onMouseover
   collapseprev: true, //Collapse previous content (so only one open at any time)? true/false
   defaultexpanded: [], //index of content(s) open by default [index1, index2, etc] [] denotes no content
   onemustopen: false, //Specify whether at least one header should be open always (so never all headers closed)
   animatedefault: false, //Should contents open by default be animated into view?
   persiststate: true, //persist state of opened contents within browser session?
   toggleclass: ["", ""], //Two CSS classes to be applied to the header when it's collapsed and expanded, respectively ["class1", "class2"]
   togglehtml: ["suffix", "<img src='http://img.webme.com/pic/t/trkkn/plus.gif' class='statusicon' />", "<img src='http://img.webme.com/pic/t/trkkn/minus.gif' class='statusicon' />"], //Additional HTML added to the header when it's collapsed and expanded, respectively  ["position", "html1", "html2"] (see docs)
   animatespeed: "fast", //speed of animation: integer in milliseconds (ie: 200), or keywords "fast", "normal", or "slow"
   oninit:function(headers, expandedindices){ //custom code to run when headers have initalized
      //do nothing
   },
   onopenclose:function(header, index, state, isuseractivated){ //custom code to run whenever a header is opened or closed
      //do nothing
   }
})


</script><style type="text/css">
.glossymenu{
width: 197px; /*width of menu*/
border: 1px solid #9A9A9A;
border-bottom-width: 0;
}
.glossymenu a.menuitem{
background: black url(http://img.webme.com/pic/t/trkkn/butt.gif) repeat-x bottom left;
font: bold 14px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
color: white;
display: block;
position: relative; /*To help in the anchoring of the ".statusicon" icon image*/
width: auto;
padding: 4px 0;
padding-left: 10px;
text-decoration: none;
}
.glossymenu a.menuitem:visited, .glossymenu .menuitem:active{
color: white;
}
.glossymenu a.menuitem .statusicon{ /*CSS for icon image that gets dynamically added to headers*/
position: absolute;
top: 5px;
right: 5px;
border: none;
}
.glossymenu a.menuitem:hover{
background-image: url(http://img.webme.com/pic/t/trkkn/butt.gif);
}
.glossymenu div.submenu{ /*DIV that contains each sub menu*/
background: white;
}
.glossymenu div.submenu ul{ /*UL of each sub menu*/
list-style-type: none;
margin: 0;
padding: 0;
}
.glossymenu div.submenu ul li{
border-bottom: 1px solid blue;
}
.glossymenu div.submenu ul li a{
display: block;
font: normal 13px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
color: black;
text-decoration: none;
padding: 2px 0;
padding-left: 00px;
}
.glossymenu div.submenu ul li a:hover{
background: #DFDCCB;
colorz: white;
}</style>
<div class="glossymenu"><a class="menuitem submenuheader" href="" _fcksavedurl="">Ana Menü</a>
<div class="submenu">
<ul>
<li><a href="http://www.trkkn.tr.gg/" _fcksavedurl="http://www.trkkn.tr.gg/">Ana Sayfa</a></li>
<li><a href="http://trkkn.tr.gg/reklam-agi.htm" _fcksavedurl="http://trkkn.tr.gg/reklam-agi.htm">Reklam Ağı</a></li>
<li><a href="http://trkkn.tr.gg/Top-liste.htm" _fcksavedurl="http://trkkn.tr.gg/Top-liste.htm">Toplist</a></li>
<li><a href="http://trkkn.tr.gg/Ziyaretci-defteri.htm" _fcksavedurl="http://trkkn.tr.gg/Ziyaretci-defteri.htm">Ziyaretçi Defteri</a></li>
<li><a href="http://trkkn.tr.gg/hakkimda.htm" _fcksavedurl="http://trkkn.tr.gg/hakkimda.htm">Hakkımda</a></li>
<li><a href="http://trkkn.tr.gg/iletisim.htm" _fcksavedurl="http://trkkn.tr.gg/iletisim.htm">İletişim</a></li>
</ul>
</div>
<a class="menuitem submenuheader" href="" _fcksavedurl="">Tasarımlar</a>
<div class="submenu">
<ul>
<li><a href="http://www.trkkn.tr.gg/7.htm" _fcksavedurl="http://www.trkkn.tr.gg/7.htm"><img title="Siyah" alt="" width="100" style="margin: 10px 5px" src="http://s7.directupload.net/images/110320/82egacr4.png" _fcksavedurl="http://s7.directupload.net/images/110320/82egacr4.png" /></a></li>
<li><a href="http://trkkn.tr.gg/8.htm" _fcksavedurl="http://trkkn.tr.gg/8.htm"><img title="Metin2" alt="" width="100" style="margin: 10px 5px" src="http://i1103.hizliresim.com/2011/3/23/8238.png" _fcksavedurl="http://i1103.hizliresim.com/2011/3/23/8238.png" /></a></li>
<li><a href="http://trkkn.tr.gg/8.htm" _fcksavedurl="http://trkkn.tr.gg/8.htm"><img title="Gri" alt="" width="100" height="80" style="margin: 10px 5px" src="http://s10.directupload.net/images/110224/jbyhtnsv.png" _fcksavedurl="http://s10.directupload.net/images/110224/jbyhtnsv.png" /></a></li>
<li><a href="http://trkkn.tr.gg/5.htm" _fcksavedurl="http://trkkn.tr.gg/5.htm"><img title="Mavi Tasarım" alt="" width="100" style="margin: 10px 5px" src="http://s10.directupload.net/images/110225/ujv48qhz.png" _fcksavedurl="http://s10.directupload.net/images/110225/ujv48qhz.png" /></a></li>
<li><a href="http://trkkn.tr.gg/6.htm" _fcksavedurl="http://trkkn.tr.gg/6.htm"><img title="website-tasarimi" alt="" width="100" style="margin: 10px 5px" src="http://s13.directupload.net/images/110226/ad3w2lga.png" _fcksavedurl="http://s13.directupload.net/images/110226/ad3w2lga.png" /></a></li>
<li><a href="http://trkkn.tr.gg/1.htm" _fcksavedurl="http://trkkn.tr.gg/1.htm"><img title="Vista Tasarımı" alt="" width="100" style="margin: 10px 5px" src="https://lh6.googleusercontent.com/-_uIr1sPf_pI/TVU85uKGLXI/AAAAAAAAAIg/Ug4yJJDNFQg/s1600/vista.PNG" _fcksavedurl="https://lh6.googleusercontent.com/-_uIr1sPf_pI/TVU85uKGLXI/AAAAAAAAAIg/Ug4yJJDNFQg/s1600/vista.PNG" /></a></li>
<li><a href="http://trkkn.tr.gg/4.htm" _fcksavedurl="http://trkkn.tr.gg/4.htm"><img title="Gri Tasarım 2" alt="" width="100" style="margin: 10px 5px" src="http://s5.directupload.net/images/110220/nwhndaim.png" _fcksavedurl="http://s5.directupload.net/images/110220/nwhndaim.png" /></a></li>
<li><a href="http://trkkn.tr.gg/9.htm" _fcksavedurl="http://trkkn.tr.gg/9.htm"><img title="Bs Tasarımı" alt="" width="100" style="margin: 10px 5px" src="http://img.webme.com/pic/t/trkkn/bsss.png" _fcksavedurl="http://img.webme.com/pic/t/trkkn/bsss.png" /></a></li>
</ul>
</div>
<a class="menuitem submenuheader" href="" _fcksavedurl="">Html Kodları</a>
<div class="submenu">
<ul>
<li><a href="http://trkkn.tr.gg/Renk-Kodlari.htm" _fcksavedurl="http://trkkn.tr.gg/Renk-Kodlari.htm">Renk Kodları</a></li>
<li><a href="http://trkkn.tr.gg/Haber-Kodlari.htm" _fcksavedurl="http://trkkn.tr.gg/Haber-Kodlari.htm">Haber Kodları</a></li>
<li><a href="http://trkkn.tr.gg/Css-icin-Gereken-Kodlar.htm" _fcksavedurl="http://trkkn.tr.gg/Css-icin-Gereken-Kodlar.htm">Css İçin Kodlar</a></li>
<li><a href="http://trkkn.tr.gg/Saat-Kodlari.htm" _fcksavedurl="http://trkkn.tr.gg/Saat-Kodlari.htm">Saat Kodları</a></li>
<li><a href="http://trkkn.tr.gg/Oyun-Html-Kod.htm" _fcksavedurl="http://trkkn.tr.gg/Oyun-Html-Kod.htm">Oyun Html Kodları</a></li>
<li><a href="http://www.trkkn.tr.gg/Sitene-Radyo-Ekle.htm" _fcksavedurl="http://www.trkkn.tr.gg/Sitene-Radyo-Ekle.htm">Radyo Ekle</a></li>
<li><a href="http://trkkn.tr.gg/Yonlendirme-Kodu.htm" _fcksavedurl="http://trkkn.tr.gg/Yonlendirme-Kodu.htm">Yönlendirme Kodu</a></li>
<li><a href="http://trkkn.tr.gg/Sag-Tiklama-Engeli.htm" _fcksavedurl="http://trkkn.tr.gg/Sag-Tiklama-Engeli.htm">Sağ Tıklama Engeli</a></li>
<li><a href="http://trkkn.tr.gg/Arama-menusu.htm" _fcksavedurl="http://trkkn.tr.gg/Arama-menusu.htm">Arama Menüsü</a></li>
<li><a href="http://trkkn.tr.gg/Status-Barda-Yazi.htm" _fcksavedurl="http://trkkn.tr.gg/Status-Barda-Yazi.htm">Durum Çubuğunda Yazı</a></li>
<li><a href="http://trkkn.tr.gg/Kutu-icinde-kayan-yazi.htm" _fcksavedurl="http://trkkn.tr.gg/Kutu-icinde-kayan-yazi.htm">Kutu İçinde Kayan Yazı</a></li>
<li><a href="http://trkkn.tr.gg/Status-barda-mesaj.htm" _fcksavedurl="http://trkkn.tr.gg/Status-barda-mesaj.htm">Durum Çubuğunda Mesaj</a></li>
<li><a href="http://trkkn.tr.gg/giris-sayfasi-yapma.htm" _fcksavedurl="http://trkkn.tr.gg/giris-sayfasi-yapma.htm">Giriş Sayfası Yap</a></li>
<li><a href="http://trkkn.tr.gg/favorilere-ekle.htm" _fcksavedurl="http://trkkn.tr.gg/favorilere-ekle.htm">Favorilere Ekle</a></li>
<li><a href="http://trkkn.tr.gg/Link-uzerine-gelince-renk.htm" _fcksavedurl="http://trkkn.tr.gg/Link-uzerine-gelince-renk.htm">Link Renkli</a></li>
</ul>
</div>
<a class="menuitem submenuheader" href="" _fcksavedurl="">Bs Dersleri</a>
<div class="submenu">
<ul>
<li><a href="http://trkkn.tr.gg/Kendi-Tema-Yap.htm" _fcksavedurl="http://trkkn.tr.gg/Kendi-Tema-Yap.htm">Kendi Temanı Yap(program)</a></li>
<li><a href="http://trkkn.tr.gg/oylama-sistemi.htm" _fcksavedurl="http://trkkn.tr.gg/oylama-sistemi.htm">Oylama Sistemi Yap</a></li>
<li><a href="http://trkkn.tr.gg/extralar-icin.htm" _fcksavedurl="http://trkkn.tr.gg/extralar-icin.htm">Extralara Arka Plan</a></li>
<li><a href="http://trkkn.tr.gg/intro-Button-kaldirma.htm" _fcksavedurl="http://trkkn.tr.gg/intro-Button-kaldirma.htm">İntro Button Kaldırma</a></li>
<li><a href="http://trkkn.tr.gg/Yeni-Versiyon-ice-blue.htm" _fcksavedurl="http://trkkn.tr.gg/Yeni-Versiyon-ice-blue.htm">İce Blue Yapımı</a></li>
<li><a href="http://www.trkkn.tr.gg/ice-Blue-ust-Menu.htm" _fcksavedurl="http://www.trkkn.tr.gg/ice-Blue-ust-Menu.htm">İce Blue Üst Menü Yap</a></li>
<li><a href="http://trkkn.tr.gg/ice-Blue-Tasarimi-Html.htm" _fcksavedurl="http://trkkn.tr.gg/ice-Blue-Tasarimi-Html.htm">İce Blue Html Çevir</a></li>
<li><a href="http://trkkn.tr.gg/Css-Menu-Uygula.htm" _fcksavedurl="http://trkkn.tr.gg/Css-Menu-Uygula.htm">Css Menü Uygulama</a></li>
<li><a href="http://trkkn.tr.gg/Free-Template-Uygulama.htm" _fcksavedurl="http://trkkn.tr.gg/Free-Template-Uygulama.htm">Free Template Uygulama</a></li>
<li><a href="http://trkkn.tr.gg/Kod-ayirma.htm" _fcksavedurl="http://trkkn.tr.gg/Kod-ayirma.htm">Kod Ayırma</a></li>
<li><a href="http://trkkn.tr.gg/Reklamlari-Ortalama.htm" _fcksavedurl="http://trkkn.tr.gg/Reklamlari-Ortalama.htm">Bs Reklamları Ortala</a></li>
<li><a href="hhttp://trkkn.tr.gg/Menu-Gizleme-kodu-olmadan.htm" _fcksavedurl="hhttp://trkkn.tr.gg/Menu-Gizleme-kodu-olmadan.htm">Menü Gizleme Kodu Olmadan Css</a></li>
<li><a href="http://trkkn.tr.gg/Tasarim-ciz-kodla.htm" _fcksavedurl="http://trkkn.tr.gg/Tasarim-ciz-kodla.htm">Tasarım Çiz Kodla</a></li>
<li><a href="http://www.trkkn.tr.gg/Red-Tasarim-Yapimi.htm" _fcksavedurl="http://www.trkkn.tr.gg/Red-Tasarim-Yapimi.htm">Red Tasarım Yapımı</a></li>
</ul>
</div>
<a class="menuitem submenuheader" href="" _fcksavedurl="">Yardımcı Programlar</a>
<div class="submenu">
<ul>
<li><a href="http://trkkn.tr.gg/Kendi-Tema-Yap.htm" _fcksavedurl="http://trkkn.tr.gg/Kendi-Tema-Yap.htm">Kendi Temanı Yap(program)</a></li>
<li><a href="http://trkkn.tr.gg/Button-Arsivi.htm" _fcksavedurl="http://trkkn.tr.gg/Button-Arsivi.htm">Button Arşivi</a></li>
<li><a href="http://trkkn.tr.gg/Men.ue.-Maker.htm" _fcksavedurl="http://trkkn.tr.gg/Men.ue.-Maker.htm">Menü Maker</a></li>
<li><a href="http://trkkn.tr.gg/Pwg-Maker-v5.htm" _fcksavedurl="http://trkkn.tr.gg/Pwg-Maker-v5.htm">İce Blue Yap(program)</a></li>
<li><a href="http://trkkn.tr.gg/ice-Blue-Editor.htm" _fcksavedurl="http://trkkn.tr.gg/ice-Blue-Editor.htm">İce Blue Editör</a></li>
</ul>
</div>
<a class="menuitem submenuheader" href="" _fcksavedurl="">Pagerank</a>
<div class="submenu">
<ul>
<li><a href="http://trkkn.tr.gg/pagerank-nedir.htm" _fcksavedurl="http://trkkn.tr.gg/pagerank-nedir.htm">Pagerank Nedir?</a></li>
<li><a href="http://trkkn.tr.gg/Pagerank-Nasil-Artar.htm" _fcksavedurl="http://trkkn.tr.gg/Pagerank-Nasil-Artar.htm">Pagerank Nasıl Artar?</a></li>
<li><a href="http://trkkn.tr.gg/Pagerank-Neden-Duser.htm" _fcksavedurl="http://trkkn.tr.gg/Pagerank-Neden-Duser.htm">Pagerank Neden Düşer</a></li>
<li><a href="http://trkkn.tr.gg/Seo-Tavsiyeleri.htm" _fcksavedurl="http://trkkn.tr.gg/Seo-Tavsiyeleri.htm">Seo Tavsiyeleri</a></li>
<li><a href="http://trkkn.tr.gg/Pagerank-Sorgula.htm" _fcksavedurl="http://trkkn.tr.gg/Pagerank-Sorgula.htm">Pagerank Sorgulama</a></li>
</ul>
</div>
<a class="menuitem" style="border-bottom-width: 0px" href="http://www.trkkn.tr.gg/" _fcksavedurl="http://www.trkkn.tr.gg/">Trkkn</a></div>
<div> </div></td>
<td width="10"> </td>
<td width="630" align="left" valign="top"><div id="content"><center>



Tasarım Altına


Kod:
</p></td>
<td width="38"> </td>
</tr>
</table></td>
</tr>
<tr>
<td height="50" align="center" background="http://img.webme.com/pic/w/webrank/mavi_05.gif"><table width="900" height="32" border="0" cellpadding="0" cellspacing="0">
<tr>
<td width="35"> </td>
<td width="192" align="left" valign="middle"></td>
<td width="673" align="left" valign="middle">Link Takas</td>
</tr>
</table></td>
</tr>
<tr>
<td height="27" align="center" valign="middle"><table width="900" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="22"> </td>
<td width="213"><p><a href="http://trkkn.tr.gg" _fcksavedurl="http://trkkn.tr.gg"><img title="Ana Sayfa" border="0" alt="" src="http://img.webme.com/pic/h/hackerfriend/homealtt.png" _fcksavedurl="http://img.webme.com/pic/h/hackerfriend/homealtt.png" /></a> <a href="http://trkkn.tr.gg/hakkimda.htm" _fcksavedurl="http://trkkn.tr.gg/hakkimda.htm"><img title="Hakkımızda" border="0" alt="" src="http://img.webme.com/pic/h/hackerfriend/aboutaltt.png" _fcksavedurl="http://img.webme.com/pic/h/hackerfriend/aboutaltt.png" /></a> <a href="http://trkkn.tr.gg/iletisim.htm" _fcksavedurl="http://trkkn.tr.gg/iletisim.htm"><img title="İletişim" border="0" alt="" src="http://img.webme.com/pic/h/hackerfriend/contactaltt.png" _fcksavedurl="http://img.webme.com/pic/h/hackerfriend/contactaltt.png" /></a> <a target="_blank" href="http://www.bedava-sitem.com/" _fcksavedurl="http://www.bedava-sitem.com/"><img title="Bedava-Sitem" border="0" alt="" src="http://img.webme.com/pic/h/hackerfriend/bsaltt.png" _fcksavedurl="http://img.webme.com/pic/h/hackerfriend/bsaltt.png" /></a></p></td>
<td width="665"> </td>
</tr>
</table></td>
</tr>
</table>
<a  name="top"></a> <style> a.yukari { position:fixed;  bottom:15px; right:20px; font:11px arial; text-transform:uppercase; }  </style> <a href="#top" _fcksavedurl="#top" _fcksavedurl="#top"  class="yukari"><img src="http://img.webme.com/pic/b/bilgi-depom/yukari-cik-capasi1.png" _fcksavedurl="http://img.webme.com/pic/b/bilgi-depom/yukari-cik-capasi1.png"  _fcksavedurl="http://img.webme.com/pic/b/bilgi-depom/yukari-cik-capasi1.png" border="0"  title="Yukarı" /></a>



CSS Koduna


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;}
</style><FCK:meta name="google-site-verification" content="kkt46aI6VvQ6Ua-akTozbCQ4_mSlJnr4CqkJtZbqlT0"  />



İçerik Tablosunun Kodu


Kod:
<table border="1" cellspacing="0" bordercolor="#000000" cellpadding="0" style="padding-bottom: 0px; background-color: rgb(255,255,255); margin: 0px auto; padding-left: 0px; width: 580px; padding-right: 0px; font-family: verdana, geneva, lucida, "lucida grande", arial, helvetica, sans-serif; height: 7px; color: rgb(51,51,51); font-size: 13px; padding-top: 0px">
<tbody style="padding-bottom: 0px; margin: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px">
<tr style="padding-bottom: 0px; margin: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px">
<td height="21" background="http://img.webme.com/pic/e/erkanseker/navbar.png" style="padding-bottom: 0px; margin: 0px; padding-left: 0px; padding-right: 0px; font: 10pt verdana, geneva, lucida, "lucida grande", arial, helvetica, sans-serif; padding-top: 0px"><center style="padding-bottom: 0px; margin: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px"><b style="padding-bottom: 0px; margin: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px"><font size="3" style="padding-bottom: 0px; margin: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px"><font color="#ffffff" size="2">LİNK TAKAS</font><br style="padding-bottom: 0px; margin: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px" />
</font></b></center></td>
</tr>
<tr style="padding-bottom: 0px; margin: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px">
<td style="text-align: center; padding-bottom: 0px; margin: 0px; padding-left: 0px; padding-right: 0px; font: 10pt verdana, geneva, lucida, "lucida grande", arial, helvetica, sans-serif; padding-top: 0px">İÇERİK<br />
 </td>
</tr>
</tbody>
</table>
Mesaj24.08.2011, 12:08 (UTC)    
Mesaj konusu:

Ya Kardesim Böyle 10 Tane Tema Çalacağına 1 Tane Tasarım Yapmayı Yeğlerim. Bence Sende Öyle Yap Emek Hırsızlıgı Yapma.
______________
Mesaj24.08.2011, 12:12 (UTC)    
Mesaj konusu:

Biz sanki bilmiyoruz.Css tasarımlar başlığından alıp buraya yapıştırmayı Wink
Mesaj24.08.2011, 12:19 (UTC)    
Mesaj konusu:

arkadaşlar forum kurallarına aykırıysa kaldırtın bu başlığı Question
Mesaj24.08.2011, 16:02 (UTC)    
Mesaj konusu:

Pay/a$ı/\/\ HArika(._.)
______________
Mesaj24.08.2011, 17:20 (UTC)    
Mesaj konusu:

saol buldukça buradan paylaşacağım
Önceki mesajları göster:   


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