Forum'da ara:
Ara


« Önceki başlık :: Sonraki başlık »  
Yazar Mesaj
Mesaj22.01.2012, 16:33 (UTC)    
Mesaj konusu: CSS TASARIM-9 (suleymanseyidoglu.tr.gg)

ÖNİZLEME: http://www.ezwpthemes.com/examples/



TASARIM ÜZERİ
Kod:
<body>
<!-- wrapper start -->
<div id="wrapper"><div id="bottom_frame"><div id="top_frame">
<!-- header start -->
   <div id="header">
      <h1><a href="http://limitsiz-Paylasim.tr.gg/">Limitsiz-Paylasim</a></h1>
      <h2>Burası Tek Adresi</h2>
      <div id="navigation">

         <ul>
            <li><a href="hhttp://limitsiz-Paylasim.tr.gg/">Home</a></li>
            <li><a href="http://limitsiz-Paylasim.tr.gg/2">About</a></li>
            <li><a href="http://limitsiz-Paylasim.tr.gg/">Contact</a></li>
            <li><a href="http://limitsiz-Paylasim.tr.gg/">FAQ</a></li>
         </ul>
      </div>

      <div id="rss"><a href="http://limitsiz-Paylasim.tr.gg/"><img src="http://www.ezwpthemes.com/examples/wp-content/themes/tech-world/images/spacer.gif" width="94" height="81" alt="RSS" /></a></div>
   </div>
<!-- header end -->
<!-- hello start -->
   <div id="hello"><div><span><!-- replace the content with your welcome text -->

Sitenizin hakkında Düşündüklerinizi Veya Özgeçmişinizi Amacınızı Yazabilirsiniz</span></div></div>
<!-- hello end -->
<!-- container start -->
   <div id="container">
<!-- content start -->
      <div id="content">

                              <div class="post">
            <h2><a href="http://limitsiz-Paylasim.tr.gg" title="Düşünceleriniz">Limitsiz-Paylasim Templates</a></h2>
            

            <div class="post_date"><div class="date_day">19</div>Çrm</div>
            <div class="entry">





TASARIM ALTI
Kod:
</div>

</div>
                                    </div>

<!-- content end -->
<!-- sidebar start -->
      <div id="sidebar">
         <div id="searchform"><form method="get" action="http://www.ezwpthemes.com/examples">
               <input name="s" type="text" class="searchtext" id="s" value="" />
               <input type="image" src="http://www.ezwpthemes.com/examples/wp-content/themes/tech-world/images/spacer.gif" id="searchsubmit" alt="Search" value="" />
            </form></div>
         <ul>
                     <li class="recent_posts">
               <div><h3>Recent Posts</h3></div>

               <ul>
                     <li><a href='http://www.ezwpthemes.com/examples/?p=255' title='10 inventions of 20th century that changed our world'>10 inventions of 20th century that changed our world</a></li>
   <li><a href='http://www.ezwpthemes.com/examples/?p=251' title='This year’s winner of national invention competition'>This year’s winner of national invention competition</a></li>
   <li><a href='http://www.ezwpthemes.com/examples/?p=262' title='Einstein’s mass-energy formula is proved to be true'>Einstein’s mass-energy formula is proved to be true</a></li>
               </ul>
            </li>

            <li class="recent_comments">
               <div><h3>Recent Comments</h3></div><ul id="recentcomments"><li class="recentcomments"><a href='http://www.nexenta.org/os/AirTicketsm?action=AttachFile&amp;do=get&amp;target=dubai-airlines-m3.txt' rel='external nofollow'>elecize</a> on <a href="http://www.ezwpthemes.com/examples/?attachment_id=166#comment-139">family</a></li><li class="recentcomments"><a href='http://test.com' rel='external nofollow'>Test</a> on <a href="http://www.ezwpthemes.com/examples/?p=163#comment-136">You can do it with…</a></li><li class="recentcomments"><a href='http://www.univie.ac.at/ospg/cgi-bin/moin.cgi/AirTicketsm/?action=AttachFile&amp;do=get&amp;target=cheapest-airfare-tickets-m2' rel='external nofollow'>Cefwoosse</a> on <a href="http://www.ezwpthemes.com/examples/?attachment_id=166#comment-119">family</a></li><li class="recentcomments"><a href='http://iicwiki.bio.jhu.edu/iicwiki/AirTicketsm/?action=AttachFile&amp;do=get&amp;target=cheap-air-travel-m' rel='external nofollow'>nednadway</a> on <a href="http://www.ezwpthemes.com/examples/?attachment_id=166#comment-108">family</a></li><li class="recentcomments"><a href='http://health.duvv.com' rel='external nofollow'>Kathey M. Wingler</a> on <a href="http://www.ezwpthemes.com/examples/?p=317#comment-98">Delicious chocolate recipe!!</a></li><li class="recentcomments"><a href='http://health.duvv.com' rel='external nofollow'>Aurelio C. Klima</a> on <a href="http://www.ezwpthemes.com/examples/?attachment_id=295#comment-97">health-1</a></li><li class="recentcomments"><a href='http://www.cancer-questions.info' rel='external nofollow'>Krissa</a> on <a href="http://www.ezwpthemes.com/examples/?attachment_id=295#comment-95">health-1</a></li></ul>            </li>

            <li>
               <h3>Categories</h3>
               <ul>
                     <li class="cat-item cat-item-83"><a href="http://www.ezwpthemes.com/examples/?cat=83" title="View all posts filed under Concept design">Concept design</a>
</li>
   <li class="cat-item cat-item-80"><a href="http://www.ezwpthemes.com/examples/?cat=80" title="View all posts filed under Inventions &amp; Inspirations">Inventions &amp; Inspirations</a>
</li>

   <li class="cat-item cat-item-82"><a href="http://www.ezwpthemes.com/examples/?cat=82" title="View all posts filed under Product reviews">Product reviews</a>
</li>
   <li class="cat-item cat-item-81"><a href="http://www.ezwpthemes.com/examples/?cat=81" title="View all posts filed under Tech news">Tech news</a>
</li>
               </ul>
            </li>
            <li>
               <h3>Archives</h3>

               <ul>
                     <li><a href='http://www.ezwpthemes.com/examples/?m=200901' title='January 2009'>January 2009</a></li>
               </ul>
            </li>
            <li>
               <h3>Links<span style="display:none">Blogroll</span></h3>
   <ul class='xoxo blogroll'>

<li><a href="http://wordpress.org/development/">Development Blog</a></li>
<li><a href="http://codex.wordpress.org/">Documentation</a></li>
<li><a href="http://wordpress.org/extend/plugins/">Plugins</a></li>
<li><a href="http://wordpress.org/extend/ideas/">Suggest Ideas</a></li>
<li><a href="http://wordpress.org/support/">Support Forum</a></li>
<li><a href="http://wordpress.org/extend/themes/">Themes</a></li>
<li><a href="http://planet.wordpress.org/">WordPress Planet</a></li>

   </ul>

            </li>
            <li>
               <h3>Meta</h3>
               <ul>
                                    <li><a href="http://www.ezwpthemes.com/examples/wp-login.php">Log in</a></li>
                  <li><a href="http://validator.w3.org/check/referer">Valid <abbr title="eXtensible HyperText Markup Language">XHTML</abbr></a></li>

                  <li><a href="http://gmpg.org/xfn/"><abbr title="XHTML Friends Network">XFN</abbr></a></li>
                                 </ul>
            </li>
                  </ul>
      </div>
<!-- sidebar end -->      <div class="endline"></div>
   </div>
   <div id="content_bottom"></div>

<!-- container end -->
<!-- footer start -->
   <div id="footer">
      <div class="credit">
            Copyright &copy; 2009
            <a href="http://limitsiz-paylasim.tr.gg">Limitsiz-Paylasim</a>
            All rights reserved | Powered by
            <a href="http://wordpress.org/">WordPress</a>
            <br/>

            
            Tüm Hakları Saklıdır      </div>
   </div>
<!-- footer end -->
</div></div></div>
<!-- wrapper end -->
</body>
</html>




CSS KODU
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;}

/*
Theme Name: Tech World
Theme URI: http://www.ezwpthemes.com/templates/tech-world.html
Description: This theme is designed and coded by <a href="http://www.ezwpthemes.com/">EZwpthemes</a>.
Version: 1.0
Author: EZwpthemes
Author URI: http://www.ezwpthemes.com/
Tags: dark, fixed width, two columns, left sidebar, threaded comments, widget ready, adsense ready, pagenavi, social bookmarking, valid xhtml, valid css
*/


/* Global */
* {
   margin: 0;
   padding: 0;
}
body {
   font-size: 62.5%; /* Resets 1em to 10px */
   font-family: Verdana, Arial, Helvetica, sans-serif;
   color: #96a9c4;
   background: url(http://www.ezwpthemes.com/examples/wp-content/themes/tech-world/images/bg.gif) #C0C0C0;
}
a {
   text-decoration: none;
   color: #687c99;
}
a:hover {
   color: #ff9d1f;
   text-decoration: underline;
}
a img {
   border: none;
}
img {
   border: none;
}
h1, h2, h3 {
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-weight: bold;
}
h1 {
   font-size: 4em;
}
h2 {
   font-size: 1.6em;
}
h3 {
   font-size: 1.6em;
}
acronym, abbr, span.caps {
   font-size: 0.9em;
   letter-spacing: .07em;
   cursor: help;
   border-bottom: 1px dashed #666;
}
blockquote {
   margin: 5px 20px;
   padding: 0;
   color: #333;
   border: 1px dashed #333;
   background: #B7C2CC;
}
blockquote p {
   padding: 10px 20px;
   display: block;
}
code {
   display: block;
   margin: 5px 20px;
   padding: 10px 20px;
   font-size: 1.2em;
   color: #333;
   border: 1px dashed #333;
   background: #C4CDD6;
}
.endline {
   clear: both;
}

/* Layout Map */
/*
   wrapper
      - bottom_frame
         - top_frame
            - header
            - hello
            - container
               - content
               - sidebar
            - content_bottom
            - footer
*/

/* Layout */
#wrapper {
   min-width: 940px; /* not working in IE6 */
   margin: 0 auto;
}
#bottom_frame {
   padding-bottom: 25px;
   margin: 0 auto;
   background: url(http://www.ezwpthemes.com/examples/wp-content/themes/tech-world/images/bottom_frame.jpg) repeat-x center bottom;
}
#top_frame {
   margin: 0 auto;
   background: url(http://www.ezwpthemes.com/examples/wp-content/themes/tech-world/images/top_frame.jpg) repeat-x center top;
}
#header {
   width: 940px;
   height: 143px;
   overflow: hidden;
   position: relative;
   margin: 0 auto;
   background: url(http://www.ezwpthemes.com/examples/wp-content/themes/tech-world/images/header_bg.jpg) no-repeat left top;
}
#hello {
   width: 940px;
   height: 304px;
   background: url(http://www.ezwpthemes.com/examples/wp-content/themes/tech-world/images/hello_bg.jpg) no-repeat left top;
   font-size: 1.2em;
   line-height: 18px;
   margin: 0 auto;
   color: #96a9c4;
   clear: both;
}
#container {
   width: 940px;
   background: url(http://www.ezwpthemes.com/examples/wp-content/themes/tech-world/images/content_bg.jpg) repeat-y left top;
   margin: 0 auto;
}
#content_bottom {
   width: 940px;
   height: 25px;
   margin: 0 auto;
   background: url(http://www.ezwpthemes.com/examples/wp-content/themes/tech-world/images/content_bottom.jpg) no-repeat left top;
}
#content {
   width: 641px;
   padding: 20px 0 0 0;
   margin: 0 0 0 0;
   background: url(http://www.ezwpthemes.com/examples/wp-content/themes/tech-world/images/content_top.jpg) no-repeat left top;
   float: left;
}
#sidebar {
   width: 299px;
   padding: 0;
   margin: 0;
   background: url(http://www.ezwpthemes.com/examples/wp-content/themes/tech-world/images/sidebar_bg.jpg) repeat-y left top;
   float: left;
}
#footer {
   width: 940px;
   margin: 0 auto;
   background: url(http://www.ezwpthemes.com/examples/wp-content/themes/tech-world/images/footer_bg.jpg) repeat-x;
   clear: both;
   color: #c0e4f9;
   line-height: 16px;
   font-size: 1.2em;
   text-align: left;
}

/* Header */
#header h1 {
   font-size: 3.6em; /* Blog title */
   text-align: left;
   padding: 24px 307px 0 15px;
}
#header h1 a {
   text-decoration: none;
   color: #56657a;
}
#header h2 {
   color: #56657a;
   text-align: left;
   font-size: 1.2em; /* Blog Description */
   margin-top: -4px;
   padding: 0 307px 0 17px;
}
/* Navigation */
#navigation {
   width: 940px;
   height: 20px;
   overflow: hidden;
   margin: 33px 0 0 0px;
}
#navigation ul {
   list-style-type: none;
}
#navigation ul li {
   /*width: 126px;*/
   padding: 0 16px;
   line-height: 20px;
   font-size: 1.8em; /* Navigation Font Size */
   text-align: center;
   float: left;
}
#navigation ul li a {
   text-decoration: none;
   color: #ff9218;
}
#navigation ul li a:hover {
   color: #B7C2CC;
}
#rss {
   width: 94px;
   height: 81px;
   position: absolute;
   right: 207px;
   top: 23px;
}
/* hello */
#hello div {
   width: 462px;
   height: 154px;
   overflow: hidden;
   padding: 90px 85px 30px 397px;
}
#hello div div {
   margin: 0;
   padding: 0;
}

/* Content */
.post {
   width: 504px;
   padding: 16px 0 0 0;
   margin: 0 0 15px 64px;
   position: relative;
}
.post h2 {
   font-size: 1.6em; /* Post title */
   padding: 6px 0 5px 0;
   /*background: url(http://www.ezwpthemes.com/examples/wp-content/themes/tech-world/images/post_title_bg.gif) no-repeat left 3px;*/
}
.post h2 a {
   color: #ff9d1f;
}
.postmetadata {
   margin: 2px 0 0 0;
   display: block;
   text-align: right;
   color: #687c9b;
   font-size: 1.1em;
}
.postmetadata a {
   color: #687c9b;
   text-decoration: underline;
}
.postmetadata a:hover {
   color: #ff9d1f;
   text-decoration: none;
}
.post_date {
   width: 36px;
   height: 52px;
   padding: 2px 0 0 8px;
   position: absolute;
   top: 20px;
   left: -54px;
   color: #8190a2;
   line-height: 16px;
   font-weight: bold;
   font-size: 1.2em;
   border-right: 1px dashed #8190a2;
   /*background: url(http://www.ezwpthemes.com/examples/wp-content/themes/tech-world/images/date_bg.gif) no-repeat;*/
}
.post_date div.date_day {
   font-size: 1.4em;
   padding: 0 0 0 1px;
   color: #8190a2;
}
.entry {
   width: 100%;
   overflow: hidden;
   padding: 0px 0 0 0px;
   color: #96a9c4;
   font-size: 1.2em;
   line-height: 20px;
}
.tags {
   font-size: 1.2em;
   color: #687c9b;
   margin: 10px 0 0 0px;
}
.tags a {
   color: #687c9b;
   text-decoration: underline;
}
.tags a:hover {
   color: #ff9d1f;
   text-decoration: none;
}
.notfound {
   margin: 100px auto;
   text-align:center;
   font-size: 4em;
   font-weight: bold;
   color: #96a9c4;
}
.post_ads {
   padding-left: 64px;
}

/* searchform */
#searchform {
   width: 251px;
   height: 62px;
   padding: 53px 0 0 48px;
   background: url(http://www.ezwpthemes.com/examples/wp-content/themes/tech-world/images/search_bg.jpg) no-repeat left top;
}
.searchtext {
   width: 152px;
   color: #96a9c4;
   border: 0;
   background: none;
}
#searchsubmit {
   border: 0;
   width: 42px;
   height: 21px;
}
/* Sidebar */
#sidebar h3 {
   font-size: 1.8em; /* Sidebar Title */
   padding: 5px 0 5px 6px;
   border: 1px dashed #131b26;
   font-weight: normal;
   color: #131b26;
}
#sidebar ul {
   width: 250px;
   overflow: hidden;
   margin: 0 0 0 10px;
   list-style-type: none;
}
#sidebar ul li {
   margin: 15px 0 0 0;
}
#sidebar ul li a {
   color:#687c99;
}
#sidebar ul li a:hover {
   color: #ff9d1f;
}
#sidebar ul ul {
   margin: 5px 0 0 0;
   padding: 0 0 0 7px;
   background: none;
}
#sidebar ul ul li {
   width: 194px;
   margin: 0 0 0 5px;
   line-height: 16px;
   font-size: 1.2em;
   background: url(http://www.ezwpthemes.com/examples/wp-content/themes/tech-world/images/sidebar_li.gif) no-repeat left 9px;
   padding: 3px 0 2px 12px;
}
#sidebar ul ul li li {
   font-size: 1em;
}
#sidebar select {
   margin: 5px 3px;
   width: 95%;
}
.sidebar_ads {
   width: 250px;
   height: 250px;
   margin: 20px 0 10px 13px;
}
#sidebar .recent_posts h3, #sidebar .recent_comments h3 {
   display: inline;
   padding-right: 5px;
   border: none;
   color: #ff9218;
   background: url(http://www.ezwpthemes.com/examples/wp-content/themes/tech-world/images/bg.gif);
}
.recent_posts div, .recent_comments div {
   background: url(http://www.ezwpthemes.com/examples/wp-content/themes/tech-world/images/recent_bg.jpg) left top;
}
.textwidget div {
   margin: 5px 3px;
}
#sidebar_bottom {
   width: 100%;
   height: 34px;
   background: url(http://www.ezwpthemes.com/examples/wp-content/themes/tech-world/images/sidebar_bottom.jpg) no-repeat left top;
}

/* Footer */
.credit {
   padding: 40px 0 0 63px;
}
.credit a {
   color: #c0e4f9;
   text-decoration: none;
}

/* PageNavi*/
.wp-pagenavi {
   padding: 5px 6px;
   margin-left: 56px;
}
.wp-pagenavi a {
   padding: 2px 4px;
   margin: 2px;
   text-decoration: none;
   border: 1px solid #06c;
   color: #06c;
   background-color: #fff;
}
.wp-pagenavi a:hover {
   border: 1px solid #000;
   color: #000;
}
.wp-pagenavi span.pages, .wp-pagenavi span.current, .wp-pagenavi span.extend {
   padding: 2px 4px;
   margin: 2px;
   border: 1px solid #000;
   color: #000;
   background-color: #fff;
}

/* Calendar */
#wp-calendar {
   empty-cells: show;
   margin: 10px auto 0;
   width: 100%;
}
#wp-calendar #next a {
   padding-right: 10px;
   text-align: right;
   font-size: 1.1em;
}
#wp-calendar #prev a {
   padding-left: 10px;
   text-align: left;
   font-size: 1.1em;
}
#wp-calendar a {
   display: block;
   font-weight: bold;
   text-decoration: none;
}
#wp-calendar a:hover {
   background: #000;
   color: #fff;
}
#wp-calendar caption {
   text-align: center;
   width: 100%;
   font: bold 1.3em Verdana, Arial, Sans-Serif;
}
#wp-calendar td {
   padding: 3px 0;
   font-size: 1.2em;
   text-align: center;
}
#wp-calendar th {
   font-style: normal;
   font-size: 1.2em;
   text-transform: capitalize;
}
/* Social Bookmarking */
.bookmark {
   margin: 18px 0 0 0px;
}
.bookmark ul {
   display: inline;
}
.bookmark ul li {
   background: none;
   display: inline;
   list-style-type: none;
}
.bookmark_line img {
   border: 0;
}

/* Comments */
.read_comments {
   height: 32px;
   text-align: right;
   margin: 10px 0 0 0;
   background: url(http://www.ezwpthemes.com/examples/wp-content/themes/tech-world/images/comments-bg.jpg) no-repeat;
}
.read_comments a {
   font-size: 1.2em;
   font-weight: bold;
}
h3#comments {
   padding: 0 0 0 0px;
}
h3#comments, #respond h3 {
   padding-top: 10px;
   font-size: 1.4em;
   color: #ccc;
}
#commentform {
   margin: 5px 0 0 0;
}
#commentform a {
   color: #fff;
}
#commentform input {
   width: 170px;
   padding: 2px;
   margin: 5px 5px 1px 0;
   font: 0.9em 'Lucida Grande', Verdana, Arial, Sans-Serif;
}
#commentform textarea {
   width: 98%;
   padding: 2px;
   font: 0.9em 'Lucida Grande', Verdana, Arial, Sans-Serif;
}
#commentform p {
   margin: 5px 0;
   font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
}
#commentform #submit {
   margin: 0 0 5px auto;
   float: right;
}
#respond {
   padding: 0 0 0 0px;
   color: #ccc;
}
#respond:after {
   content: ".";
   display: block;
   height: 0;
   clear: both;
   visibility: hidden;
}
.commentlist {
   padding: 0 0 0 0px;
   color: #333;
}
.commentlist li {
   margin: 15px 0 10px;
   padding: 5px 5px 10px 10px;
   list-style: none;
   font-weight: bold;
   font: 0.9em 'Lucida Grande', Verdana, Arial, Sans-Serif;
}
.commentlist li ul li {
   margin-right: -5px;
   margin-left: 10px;
   font-size: 1em;
}
.commentlist p {
   margin: 10px 5px 10px 0;
   font-weight: normal;
   line-height: 1.5em;
   font-size: 1.2em;
   text-transform: none;
}
.commentlist li .avatar {
   float: right;
   border: 1px solid #333;
   padding: 2px;
   background: #fff;
}
.commentlist li a {
   color: #333;
}
.commentlist cite, .commentlist cite a {
   font-weight: bold;
   font-style: normal;
   font-size: 1.2em;
}
.nocomments {
   text-align: center;
}
.commentmetadata {
   font-size: 1.2em;
   display: block;
   font-weight: normal;
}
.thread-alt {
   background-color: #dcbea4;
}

.thread-even {
   background-color: #e3cbb3;
}
.depth-1 {
   border: 1px solid #000;
}
.alt {
   border-left: 1px solid #666; /* odd page */
   background-color: #D3CEBD;
   padding: 10px;
}
.even {
   border-left: 1px solid #666; /* even page */
   background-color: #B8B095;
}

/* http://www.ezwpthemes.com/examples/wp-content/themes/tech-world/images */
p img {
   max-width: 100%; /* not working in IE6 */
}
img.centered {
   display: block;
   margin-left: auto;
   margin-right: auto;
}
img.alignright {
   padding: 4px;
   margin: 0 0 2px 7px;
   display: inline;
}
img.alignleft {
   padding: 4px;
   margin: 0 7px 2px 0;
   display: inline;
}
.alignright {
   float: right;
}
.alignleft {
   float: left
}

/* Captions */
.aligncenter, div.aligncenter {
   display: block;
   margin-left: auto;
   margin-right: auto;
}
.wp-caption {
   border: 1px solid #ddd;
   text-align: center;
   background-color: #f3f3f3;
   padding-top: 4px;
   margin: 10px;
}
.wp-caption img {
   border: 0 none;
}
.wp-caption p.wp-caption-text {
   font-size: 11px;
   line-height: 17px;
   padding: 0 4px 5px;
}
Önceki mesajları göster:   


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