CSS ÇİÇEK DESENLİ TASARIM,CSS DESİGN
TASARIMIN ÜSTÜNE <style type="text/css"> <!--{12890598202423}--></style> </head> <body> <div id="templatemo_container_wrapper1"> <div id="templatemo_container_wrapper2"> <div id="templatemo_container"> <div id="templatemo_header"> <div id="templatemo_logo"> <!--{12890598202424}--> <div id="templatemo_site_slogan">your website slogan goes here</div> </div> </div> <div id="templatemo_menu"> <ul> <li><a href="#" _fcksavedurl="#" class="current">Home</a></li> <li><a href="#" _fcksavedurl="#">Blog</a></li> <li><a href="#" _fcksavedurl="#">Photo Gallery</a></li> <li><a href="#" _fcksavedurl="#">About</a></li> <li><a href="#" _fcksavedurl="#">Contact</a></li> </ul> </div> <div id="templatemo_content"> <div id="templatemo_left_column"> <div class="templatemo_postbody"> <h1>Welcome to CSS Template</h1> <div class="publish_info">Post Date: 19-10-2020 · Tags: <a href="#" _fcksavedurl="#">XHTML</a> · <a href="#" _fcksavedurl="#">CSS</a> · <a href="#" _fcksavedurl="#">Website Templates</a></div> </div>
TASARIMIN ALTINA </div> <div id="templatemo_right_column"> <div class="templatemo_section"> <form method="get" action="#"> <input name="search" type="text" value="Search Anything" id="keyword" /> <input type="submit" value="Go" class="button" /> </form> </div> <div class="templatemo_section"> <div class="section1_top"></div> <div class="section1_middle"> <h2>Categories</h2> <ul> <li><a href="#" _fcksavedurl="#">» Vestibulum dapibus tortor</a></li> <li><a href="#" _fcksavedurl="#">» Cum sociis natoque penatibus</a></li> <li><a href="#" _fcksavedurl="#">» Lorem ipsum dolor sit amet</a></li> <li><a href="#" _fcksavedurl="#">» Cras urna metus, feugiat non</a></li> <li><a href="http://www.templatemo.com" _fcksavedurl="http://www.templatemo.com" target="_parent">» Free CSS Layouts</a></li> </ul> </div> <div class="section1_bottom"></div> </div> <div class="templatemo_section"> <div class="section2_top"></div> <div class="section2_middle"> <h2>Archives</h2> <ul> <li><a href="#" _fcksavedurl="#">» Suspendisse potenti</a></li> <li><a href="#" _fcksavedurl="#">» Aliquam tristique lacus</a></li> <li><a href="#" _fcksavedurl="#">» Duis pulvinar scelerisque ante</a></li> <li><a href="#" _fcksavedurl="#">» Maecenas aliquam</a></li> <li><a href="#" _fcksavedurl="#">» Vestibulum quis pede</a></li> </ul> </div> <div class="section2_bottom"></div> </div> <div class="templatemo_section"> <div class="section3_top"></div> <div class="section3_middle"> <h2>Quick Links</h2> <ul> <li><a href="#" _fcksavedurl="#">» External Web Link One</a></li> <li><a href="#" _fcksavedurl="#">» Website Link Two</a></li> <li><a href="#" _fcksavedurl="#">» Friend Website Link</a></li> <li><a href="http://www.flashmo.com" _fcksavedurl="http://www.flashmo.com" target="_parent">» Flash Templates</a></li> <li><a href="http://www.templatemo.com" _fcksavedurl="http://www.templatemo.com" target="_parent">» Free CSS Templates</a></li> </ul> </div> <div class="section3_bottom"></div> </div> </div> </div> <div id="templatemo_bottom"></div> <div id="templatemo_footer"> <a href="#" _fcksavedurl="#">Home</a> | <a href="#" _fcksavedurl="#">FAQs</a> | <a href="#" _fcksavedurl="#">Terms of Use</a> | <a href="#" _fcksavedurl="#">Privacy Policy</a> | <a href="#" _fcksavedurl="#">Contact Us</a> <br /> Copyright © 2008 <a href="#" _fcksavedurl="#">Your Company Name</a> | Designed by <a href="http://www.templatemo.com" _fcksavedurl="http://www.templatemo.com" target="_blank">templatemo.com</a> Adaptado por <a href="http://www.musica-zone.es.tl" _fcksavedurl="http://www.musica-zone.es.tl" target="_blank">Musica-Zone</a> </div> </div> </div> </div> </body> </html>
CSS BÖLÜMÜNE 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 { margin:0; padding:0; line-height: 1.5em; font-family: Helvetica, Arial, sans-serif; font-size: 12px; color: #000000; background: #604a40; } a:link, a:visited { color: #3e3939; text-decoration: none; } a:active, a:hover { color: #cc0000;} h1 { margin: 0px; padding: 20px 0px 0px 0px; font-size: 20px; font-weight: bold; color:#990000; height: 20px; background: url(http://img40.xooimage.com/files/7/a/f/templatemo_h1_background-fdbe5b.png) left center no-repeat; } h2 { margin: 0px 0px 8px 0px; padding: 10px 0px 0px 15px; font-size: 14px; color: #000000; } p { margin: 10px 0px; color: #5b5847; text-align: justify; } img { margin: 2px 20px 2px 0px; float:left; border: 1px solid #333333; } #templatemo_container_wrapper1 { background: url(http://img24.xooimage.com/files/f/a/7/background-fdbe88.gif) top center repeat-x; } #templatemo_container_wrapper2 { background: url(http://img46.xooimage.com/files/e/9/9/templatemo_mainbackground-fdbeb6.jpg) top center no-repeat; } #templatemo_container { margin: 0px auto; width: 900px; } /* ----- Header ----- */ #templatemo_header { clear: both; padding: 30px 0px 0px 30px; width: 870px; height: 140px; } #templatemo_logo { height: 134px; background: url(http://img21.xooimage.com/files/f/a/0/templatemo_logo-123fb96.gif) no-repeat; } #templatemo_site_title { padding: 60px 0px 10px 30px; font-size: 40px; font-weight:bold; color: #ff0000; } #templatemo_site_slogan { padding: 90px 0px 10px 160px; font-size: 12px; color: #999999; } /* ----- End of Header ----- */ /* ------------- Menu ------------------ */ #templatemo_menu { clear: both; margin: 0px; padding: 0px; width: 900px; height: 42px; text-align: right; background: url(http://img48.xooimage.com/files/b/1/2/templatemo_menu_bg-fdbeef.png) no-repeat; } #templatemo_menu ul { margin: 0px; padding: 18px 20px 0px 0px; list-style: none; } #templatemo_menu ul li { margin: 0px; display: inline; } #templatemo_menu ul li a { margin: 0px; padding: 0px 20px 0px 0px; font: 14px arial; font-weight: bold; color:#999999; text-decoration: none; } #templatemo_menu ul li a:hover, #templatemo_menu ul li .current { color: #cccccc; } /* ---------- End of Menu ------------- */ /* ----------------- Content ----------------------- */ #templatemo_content { float: left; margin: 0px; width: 900px; background: #c3b595 url(http://img20.xooimage.com/files/e/b/f/templatemo_content_bg-fdbf07.png) no-repeat; } #templatemo_left_column { float: left; margin: 40px 0px 0px 40px; padding: 0px; width: 570px; } /* IE6 Only */ * html #templatemo_left_column { float: left; margin: 40px 20px 0px 20px; padding: 0px; width: 570px; } #templatemo_right_column { float: right; margin: 40px 40px 0px 0px; padding: 0px; width: 200px; } * html #templatemo_right_column { float: right; margin: 40px 20px 0px 20px; padding: 0px; width: 200px; } /* IE6 Only */ #templatemo_bottom { clear: both; margin: 0px; padding: 0px; width: 900px; height: 90px; background: url(http://img42.xooimage.com/files/d/9/7/templatemo_content_bg_bottom-fdbf1c.png) no-repeat; } /* ----------------- End of Content ------------------- */ /* ------------- Section ------------------ */ .templatemo_section { margin: 0px 0px 15px 0px; padding: 0px; color: #3e3939; } .templatemo_section .section1_top { height: 40px; background: url(http://img48.xooimage.com/files/2/7/4/templatemo_section1_top-fdbf3c.png) no-repeat; } .templatemo_section .section1_middle { background: url(http://img44.xooimage.com/files/d/8/e/templatemo_section1_middle-fdbf4e.png) repeat-y; } .templatemo_section .section1_bottom { height: 37px; background:url(http://img24.xooimage.com/files/8/7/e/templatemo_section1_bottom-fdbf5a.png) no-repeat; } .templatemo_section .section2_top { height: 40px; background: url(http://img24.xooimage.com/files/2/1/8/templatemo_section2_top-fdbf73.png) no-repeat; } .templatemo_section .section2_middle { background: url(http://img46.xooimage.com/files/5/b/1/templatemo_section2_middle-fdbf80.png) repeat-y; } .templatemo_section .section2_bottom { height: 37px; background: url(http://img46.xooimage.com/files/9/a/b/templatemo_section2_bottom-fdbf90.png) no-repeat; } .templatemo_section .section3_top { height: 40px; background: url(http://img48.xooimage.com/files/2/7/4/templatemo_section1_top-fdbf3c.png) no-repeat; } .templatemo_section .section3_middle { background: url(http://img44.xooimage.com/files/6/0/9/templatemo_section3_middle-fdbfc0.png) repeat-y; } .templatemo_section .section3_bottom { height: 37px; background: url(http://img42.xooimage.com/files/1/b/c/templatemo_section3_bottom-fdbfce.png) no-repeat; } .templatemo_section ul { margin: 0px 0px 0px 15px; padding: 0px; list-style: none; } .templatemo_section ul li { display: block; } .templatemo_section ul li a { padding: 0px; margin: 0px; color: #3e3939; text-decoration: none; } .templatemo_section ul li a:hover { color: #990000; } /* ---------- End of Section ------------ */ /* ----- Post ------ */ .templatemo_postbody { padding: 0px; margin-bottom: 40px; border-bottom: 1px dotted #333333; } .publish_info { clear: both; margin: 0px; padding: 0px; color:#3e3939; } .comment { clear: both; margin: 10px 0px 0px 0px; width: 570px; text-align: right; padding: 0px; } .comment a { padding: 5px 0px 5px 0px; font-size: 11px; font-weight: bold; background: url(images/templatemo_comment_icon.gif) left center no-repeat; } /* ----- End of Post ------ */ /* ----- Form ----- */ form { width: 190px; margin: 0px; padding: 13px 0px 0px 10px; height: 50px; background: url(http://img47.xooimage.com/files/9/7/a/templatemo_search_box-123fc66.gif) no-repeat; } input { width: 130px; background: none; color: #CCCCCC; border: none; } .button { margin: 2px 0px 0px 8px; height: 32px; width: 40px; color: #000000; font-size: 15px; font-weight: bold; border: none; background: #990000; } /* ----- End of Form ----- */ /* ----- Footer ----- */ #templatemo_footer { clear: both; padding: 10px 0px 0px 15px; width: 870px; height: 60px; text-align: center; color: #999999; text-align: center; } #templatemo_footer a { color: #999999; } #templatemo_footer a:hover { color: #ffffff; } /* ----- End of Footer ----- */
TASARIMIN ALTINA </div> <div id="templatemo_right_column"> <div class="templatemo_section"> <form method="get" action="#"> <input name="search" type="text" value="Search Anything" id="keyword" /> <input type="submit" value="Go" class="button" /> </form> </div> <div class="templatemo_section"> <div class="section1_top"></div> <div class="section1_middle"> <h2>Categories</h2> <ul> <li><a href="#" _fcksavedurl="#">» Vestibulum dapibus tortor</a></li> <li><a href="#" _fcksavedurl="#">» Cum sociis natoque penatibus</a></li> <li><a href="#" _fcksavedurl="#">» Lorem ipsum dolor sit amet</a></li> <li><a href="#" _fcksavedurl="#">» Cras urna metus, feugiat non</a></li> <li><a href="http://www.templatemo.com" _fcksavedurl="http://www.templatemo.com" target="_parent">» Free CSS Layouts</a></li> </ul> </div> <div class="section1_bottom"></div> </div> <div class="templatemo_section"> <div class="section2_top"></div> <div class="section2_middle"> <h2>Archives</h2> <ul> <li><a href="#" _fcksavedurl="#">» Suspendisse potenti</a></li> <li><a href="#" _fcksavedurl="#">» Aliquam tristique lacus</a></li> <li><a href="#" _fcksavedurl="#">» Duis pulvinar scelerisque ante</a></li> <li><a href="#" _fcksavedurl="#">» Maecenas aliquam</a></li> <li><a href="#" _fcksavedurl="#">» Vestibulum quis pede</a></li> </ul> </div> <div class="section2_bottom"></div> </div> <div class="templatemo_section"> <div class="section3_top"></div> <div class="section3_middle"> <h2>Quick Links</h2> <ul> <li><a href="#" _fcksavedurl="#">» External Web Link One</a></li> <li><a href="#" _fcksavedurl="#">» Website Link Two</a></li> <li><a href="#" _fcksavedurl="#">» Friend Website Link</a></li> <li><a href="http://www.flashmo.com" _fcksavedurl="http://www.flashmo.com" target="_parent">» Flash Templates</a></li> <li><a href="http://www.templatemo.com" _fcksavedurl="http://www.templatemo.com" target="_parent">» Free CSS Templates</a></li> </ul> </div> <div class="section3_bottom"></div> </div> </div> </div> <div id="templatemo_bottom"></div> <div id="templatemo_footer"> <a href="#" _fcksavedurl="#">Home</a> | <a href="#" _fcksavedurl="#">FAQs</a> | <a href="#" _fcksavedurl="#">Terms of Use</a> | <a href="#" _fcksavedurl="#">Privacy Policy</a> | <a href="#" _fcksavedurl="#">Contact Us</a> <br /> Copyright © 2008 <a href="#" _fcksavedurl="#">Your Company Name</a> | Designed by <a href="http://www.templatemo.com" _fcksavedurl="http://www.templatemo.com" target="_blank">templatemo.com</a> Adaptado por <a href="http://www.musica-zone.es.tl" _fcksavedurl="http://www.musica-zone.es.tl" target="_blank">Musica-Zone</a> </div> </div> </div> </div> </body> </html>
CSS BÖLÜMÜNE 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 { margin:0; padding:0; line-height: 1.5em; font-family: Helvetica, Arial, sans-serif; font-size: 12px; color: #000000; background: #604a40; } a:link, a:visited { color: #3e3939; text-decoration: none; } a:active, a:hover { color: #cc0000;} h1 { margin: 0px; padding: 20px 0px 0px 0px; font-size: 20px; font-weight: bold; color:#990000; height: 20px; background: url(http://img40.xooimage.com/files/7/a/f/templatemo_h1_background-fdbe5b.png) left center no-repeat; } h2 { margin: 0px 0px 8px 0px; padding: 10px 0px 0px 15px; font-size: 14px; color: #000000; } p { margin: 10px 0px; color: #5b5847; text-align: justify; } img { margin: 2px 20px 2px 0px; float:left; border: 1px solid #333333; } #templatemo_container_wrapper1 { background: url(http://img24.xooimage.com/files/f/a/7/background-fdbe88.gif) top center repeat-x; } #templatemo_container_wrapper2 { background: url(http://img46.xooimage.com/files/e/9/9/templatemo_mainbackground-fdbeb6.jpg) top center no-repeat; } #templatemo_container { margin: 0px auto; width: 900px; } /* ----- Header ----- */ #templatemo_header { clear: both; padding: 30px 0px 0px 30px; width: 870px; height: 140px; } #templatemo_logo { height: 134px; background: url(http://img21.xooimage.com/files/f/a/0/templatemo_logo-123fb96.gif) no-repeat; } #templatemo_site_title { padding: 60px 0px 10px 30px; font-size: 40px; font-weight:bold; color: #ff0000; } #templatemo_site_slogan { padding: 90px 0px 10px 160px; font-size: 12px; color: #999999; } /* ----- End of Header ----- */ /* ------------- Menu ------------------ */ #templatemo_menu { clear: both; margin: 0px; padding: 0px; width: 900px; height: 42px; text-align: right; background: url(http://img48.xooimage.com/files/b/1/2/templatemo_menu_bg-fdbeef.png) no-repeat; } #templatemo_menu ul { margin: 0px; padding: 18px 20px 0px 0px; list-style: none; } #templatemo_menu ul li { margin: 0px; display: inline; } #templatemo_menu ul li a { margin: 0px; padding: 0px 20px 0px 0px; font: 14px arial; font-weight: bold; color:#999999; text-decoration: none; } #templatemo_menu ul li a:hover, #templatemo_menu ul li .current { color: #cccccc; } /* ---------- End of Menu ------------- */ /* ----------------- Content ----------------------- */ #templatemo_content { float: left; margin: 0px; width: 900px; background: #c3b595 url(http://img20.xooimage.com/files/e/b/f/templatemo_content_bg-fdbf07.png) no-repeat; } #templatemo_left_column { float: left; margin: 40px 0px 0px 40px; padding: 0px; width: 570px; } /* IE6 Only */ * html #templatemo_left_column { float: left; margin: 40px 20px 0px 20px; padding: 0px; width: 570px; } #templatemo_right_column { float: right; margin: 40px 40px 0px 0px; padding: 0px; width: 200px; } * html #templatemo_right_column { float: right; margin: 40px 20px 0px 20px; padding: 0px; width: 200px; } /* IE6 Only */ #templatemo_bottom { clear: both; margin: 0px; padding: 0px; width: 900px; height: 90px; background: url(http://img42.xooimage.com/files/d/9/7/templatemo_content_bg_bottom-fdbf1c.png) no-repeat; } /* ----------------- End of Content ------------------- */ /* ------------- Section ------------------ */ .templatemo_section { margin: 0px 0px 15px 0px; padding: 0px; color: #3e3939; } .templatemo_section .section1_top { height: 40px; background: url(http://img48.xooimage.com/files/2/7/4/templatemo_section1_top-fdbf3c.png) no-repeat; } .templatemo_section .section1_middle { background: url(http://img44.xooimage.com/files/d/8/e/templatemo_section1_middle-fdbf4e.png) repeat-y; } .templatemo_section .section1_bottom { height: 37px; background:url(http://img24.xooimage.com/files/8/7/e/templatemo_section1_bottom-fdbf5a.png) no-repeat; } .templatemo_section .section2_top { height: 40px; background: url(http://img24.xooimage.com/files/2/1/8/templatemo_section2_top-fdbf73.png) no-repeat; } .templatemo_section .section2_middle { background: url(http://img46.xooimage.com/files/5/b/1/templatemo_section2_middle-fdbf80.png) repeat-y; } .templatemo_section .section2_bottom { height: 37px; background: url(http://img46.xooimage.com/files/9/a/b/templatemo_section2_bottom-fdbf90.png) no-repeat; } .templatemo_section .section3_top { height: 40px; background: url(http://img48.xooimage.com/files/2/7/4/templatemo_section1_top-fdbf3c.png) no-repeat; } .templatemo_section .section3_middle { background: url(http://img44.xooimage.com/files/6/0/9/templatemo_section3_middle-fdbfc0.png) repeat-y; } .templatemo_section .section3_bottom { height: 37px; background: url(http://img42.xooimage.com/files/1/b/c/templatemo_section3_bottom-fdbfce.png) no-repeat; } .templatemo_section ul { margin: 0px 0px 0px 15px; padding: 0px; list-style: none; } .templatemo_section ul li { display: block; } .templatemo_section ul li a { padding: 0px; margin: 0px; color: #3e3939; text-decoration: none; } .templatemo_section ul li a:hover { color: #990000; } /* ---------- End of Section ------------ */ /* ----- Post ------ */ .templatemo_postbody { padding: 0px; margin-bottom: 40px; border-bottom: 1px dotted #333333; } .publish_info { clear: both; margin: 0px; padding: 0px; color:#3e3939; } .comment { clear: both; margin: 10px 0px 0px 0px; width: 570px; text-align: right; padding: 0px; } .comment a { padding: 5px 0px 5px 0px; font-size: 11px; font-weight: bold; background: url(images/templatemo_comment_icon.gif) left center no-repeat; } /* ----- End of Post ------ */ /* ----- Form ----- */ form { width: 190px; margin: 0px; padding: 13px 0px 0px 10px; height: 50px; background: url(http://img47.xooimage.com/files/9/7/a/templatemo_search_box-123fc66.gif) no-repeat; } input { width: 130px; background: none; color: #CCCCCC; border: none; } .button { margin: 2px 0px 0px 8px; height: 32px; width: 40px; color: #000000; font-size: 15px; font-weight: bold; border: none; background: #990000; } /* ----- End of Form ----- */ /* ----- Footer ----- */ #templatemo_footer { clear: both; padding: 10px 0px 0px 15px; width: 870px; height: 60px; text-align: center; color: #999999; text-align: center; } #templatemo_footer a { color: #999999; } #templatemo_footer a:hover { color: #ffffff; } /* ----- End of Footer ----- */
TASARIMIN ÜSTÜNE
<!--{12890598202425}--> <div id="page"> <!--{12890598202426}--> <div id="header"> <!--{12890598202427}--> <div id="header-info"> <h1><a href="http://bluetec.qualitywordpress.com/" _fcksavedurl="http://bluetec.qualitywordpress.com/">Blue Chrome</a></h1> <div class="description">Wordpress Theme</div> </div> <!--{12890598202428}--> <!--{12890598202429}--> <div id="header-menu"> <ul> <li class="page_item page-item-2"><a href="http://bluetec.qualitywordpress.com/?page_id=2" _fcksavedurl="http://bluetec.qualitywordpress.com/?page_id=2" title="About">About</a></li> <li class="page_item page-item-6"><a href="http://bluetec.qualitywordpress.com/?page_id=6" _fcksavedurl="http://bluetec.qualitywordpress.com/?page_id=6" title="Contact">Contact</a></li> <li class="page_item page-item-5"><a href="http://bluetec.qualitywordpress.com/?page_id=5" _fcksavedurl="http://bluetec.qualitywordpress.com/?page_id=5" title="Services">Services</a></li> </ul> </div> <!--{128905982024210}--> </div> <!--{128905982024211}--> <!--{128905982024212}--> <div id="main"><div id="main-top"><div id="main-bottom"> <!--{128905982024213}--> <div class="sidebar sidebar-left"> <h3>Pages</h3> <ul> <li class="page_item page-item-2"><a href="http://bluetec.qualitywordpress.com/?page_id=2" _fcksavedurl="http://bluetec.qualitywordpress.com/?page_id=2" title="About">About</a></li> <li class="page_item page-item-6"><a href="http://bluetec.qualitywordpress.com/?page_id=6" _fcksavedurl="http://bluetec.qualitywordpress.com/?page_id=6" title="Contact">Contact</a></li> <li class="page_item page-item-5"><a href="http://bluetec.qualitywordpress.com/?page_id=5" _fcksavedurl="http://bluetec.qualitywordpress.com/?page_id=5" title="Services">Services</a></li> </ul> <h3>Categories</h3> <ul> <li class="cat-item cat-item-3"><a href="http://bluetec.qualitywordpress.com/?cat=3" _fcksavedurl="http://bluetec.qualitywordpress.com/?cat=3" title="View all posts filed under Art">Art</a> </li> <li class="cat-item cat-item-4"><a href="http://bluetec.qualitywordpress.com/?cat=4" _fcksavedurl="http://bluetec.qualitywordpress.com/?cat=4" title="View all posts filed under Design">Design</a> </li> <li class="cat-item cat-item-6"><a href="http://bluetec.qualitywordpress.com/?cat=6" _fcksavedurl="http://bluetec.qualitywordpress.com/?cat=6" title="View all posts filed under Other">Other</a> </li> <li class="cat-item cat-item-5"><a href="http://bluetec.qualitywordpress.com/?cat=5" _fcksavedurl="http://bluetec.qualitywordpress.com/?cat=5" title="View all posts filed under Picture">Picture</a> </li> <li class="cat-item cat-item-1"><a href="http://bluetec.qualitywordpress.com/?cat=1" _fcksavedurl="http://bluetec.qualitywordpress.com/?cat=1" title="View all posts filed under Uncategorized">Uncategorized</a> </li> </ul> <h3>Archives</h3> <ul> <li><a href='http://bluetec.qualitywordpress.com/?m=200804' _fcksavedurl='http://bluetec.qualitywordpress.com/?m=200804' title='April 2008'>April 2008</a></li> </ul> <h3>Recent Posts</h3> <ul> <li><a href="http://bluetec.qualitywordpress.com/?p=4" _fcksavedurl="http://bluetec.qualitywordpress.com/?p=4">Picture In Post </a></li> <li><a href="http://bluetec.qualitywordpress.com/?p=3" _fcksavedurl="http://bluetec.qualitywordpress.com/?p=3">Longer Post </a></li> <li><a href="http://bluetec.qualitywordpress.com/?p=1" _fcksavedurl="http://bluetec.qualitywordpress.com/?p=1">Hello world! </a></li> </ul> <h3> </h3><div id="calendar_wrap"><table id="wp-calendar" summary="Calendar"> <caption>July 2009</caption> <thead> <tr> <th abbr="Monday" scope="col" title="Monday">M</th> <th abbr="Tuesday" scope="col" title="Tuesday">T</th> <th abbr="Wednesday" scope="col" title="Wednesday">W</th> <th abbr="Thursday" scope="col" title="Thursday">T</th> <th abbr="Friday" scope="col" title="Friday">F</th> <th abbr="Saturday" scope="col" title="Saturday">S</th> <th abbr="Sunday" scope="col" title="Sunday">S</th> </tr> </thead> <tfoot> <tr> <td abbr="April" colspan="3" id="prev"><a href="http://bluetec.qualitywordpress.com/?m=200804" _fcksavedurl="http://bluetec.qualitywordpress.com/?m=200804" title="View posts for April 2008">« Apr</a></td> <td class="pad"> </td> <td colspan="3" id="next" class="pad"> </td> </tr> </tfoot> <tbody> <tr> <td colspan="2" class="pad"> </td><td>1</td><td>2</td><td>3</td><td>4</td><td>5</td> </tr> <tr> <td id="today">6</td><td>7</td><td>8</td><td>9</td><td>10</td><td>11</td><td>12</td> </tr> <tr> <td>13</td><td>14</td><td>15</td><td>16</td><td>17</td><td>18</td><td>19</td> </tr> <tr> <td>20</td><td>21</td><td>22</td><td>23</td><td>24</td><td>25</td><td>26</td> </tr> <tr> <td>27</td><td>28</td><td>29</td><td>30</td><td>31</td> <td class="pad" colspan="2"> </td> </tr> </tbody> </table></div> </div> <!--{128905982024214}--> <!--{128905982024215}--> <div id="content">
TASARIMIN ALTINA
</div> <!--{128905982024216}--> <!--{128905982024217}--> <div class="sidebar sidebar-right"> <h3>RSS Feed</h3> <div id="sidebar-feed"> <a href="http://bluetec.qualitywordpress.com/?feed=rss" _fcksavedurl="http://bluetec.qualitywordpress.com/?feed=rss"><img src="http://bluetec.qualitywordpress.com/wp-content/themes/bluetec/images/rss_feed.jpg" _fcksavedurl="http://bluetec.qualitywordpress.com/wp-content/themes/bluetec/images/rss_feed.jpg" alt="RSS Feed" width="160" height="60" /></a> </div> <h3>Search</h3> <form id="searchform" method="get" action="http://bluetec.qualitywordpress.com"> <div> <input type="text" name="s" id="s" size="15" /><br /> <input type="submit" value="Search" /> </div> </form> <h3>Blog Roll</h3> <ul> <li><a href="http://wordpress.org/development/" _fcksavedurl="http://wordpress.org/development/">Development Blog</a></li> <li><a href="http://codex.wordpress.org/" _fcksavedurl="http://codex.wordpress.org/">Documentation</a></li> <li><a href="http://wordpress.org/extend/plugins/" _fcksavedurl="http://wordpress.org/extend/plugins/">Plugins</a></li> <li><a href="http://wordpress.org/extend/ideas/" _fcksavedurl="http://wordpress.org/extend/ideas/">Suggest Ideas</a></li> <li><a href="http://wordpress.org/support/" _fcksavedurl="http://wordpress.org/support/">Support Forum</a></li> <li><a href="http://wordpress.org/extend/themes/" _fcksavedurl="http://wordpress.org/extend/themes/">Themes</a></li> <li><a href="http://planet.wordpress.org/" _fcksavedurl="http://planet.wordpress.org/">WordPress Planet</a></li> </ul> <div class="textwidget"><center><img src="http://i31.tinypic.com/2130rpc.jpg" _fcksavedurl="http://i31.tinypic.com/2130rpc.jpg"></center></div> </div> <!--{128905982024218}--> <div class="clear"></div> </div></div></div> <!--{128905982024219}--> <!--{128905982024220}--> <div id="footer"> (c)Copyrighted <a href="http://bluetec.qualitywordpress.com/" _fcksavedurl="http://bluetec.qualitywordpress.com/">Blue Chrome</a>, All Rights Reserved.<br />Design and Code: <a href="http://www.net-tec-online.at/micropages/tiere/hundefutter,63/" _fcksavedurl="http://www.net-tec-online.at/micropages/tiere/hundefutter,63/" title="Bento Hundefutter">Bento Hundefutter</a> | <a href="http://www.hersteller-rundschau.de/naturversand/babysachen,246/" _fcksavedurl="http://www.hersteller-rundschau.de/naturversand/babysachen,246/" title="Babysachen Babyshop">Babysachen Babyshop</a> | <a href="http://www.oeko-experten.de/artikelverzeichnis/technik/64,chiptuning/" _fcksavedurl="http://www.oeko-experten.de/artikelverzeichnis/technik/64,chiptuning/" title="Chiptuning BMW">Chiptuning BMW</a> | <!--{128905982024221}--> <a href="http://www.net-tec.biz/index.php" _fcksavedurl="http://www.net-tec.biz/index.php" title="Webdesign">Webdesign</a> <!--{128905982024222}--> </div> <!--{128905982024223}--> </div> <!--{128905982024224}-->
CSS BÖLÜMÜNE
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: Blue Tec Theme URI: http://bluetecqualitywordpress.com Description: The blue tec theme offers a futuristic modern design for your blog. Version: 1.0 Author: qualitywordpress Author URI: Quality Free & Premium Themes for WordPress */ /* General */ body { margin: 0; background: #000000; } h1, h2, h3, h4 { margin: 0; } img { border: 0; } .clear { clear: both; height: 0; overflow: hidden; } /* Page */ #page { margin: 0 auto; width: 907px; } /* Header */ #header { width: 907px; height: 300px; background: url("http://bluetec.qualitywordpress.com/wp-content/themes/bluetec/images/header.jpg") no-repeat; position: relative; } /* Header - Info */ #header #header-info { position: absolute; top: 65px; left: 480px; } #header #header-info h1 { color: #005C9C; font: bold 28px Verdana; padding-bottom: 5px; } #header #header-info h1 a { color: #005C9C; text-decoration: none; } #header #header-info .description { color: #005C9C; font: bold 15px Verdana; } /* Header - Menu */ #header #header-menu { position: absolute; top: 0px; left: 15px; height: 34px; } #header #header-menu ul { margin: 0; padding: 0; list-style-type: none; height: 34px; } #header #header-menu ul li { float: left; height: 32px; margin-right: 11px; font: bold 12px/30px Verdana; color: #FFFFFF; background: url("http://bluetec.qualitywordpress.com/wp-content/themes/bluetec/images/header_menu.gif") repeat-x; border: 1px solid #000000; padding: 0 30px; } #header #header-menu ul li a { color: #FFFFFF; text-decoration: none; } #header #header-menu ul li a:hover { text-decoration: underline; } #header #header-menu ul li ul { display: none; } /* Main */ #main { width: 907px; background: #262626 url("http://bluetec.qualitywordpress.com/wp-content/themes/bluetec/images/main.gif") repeat-y; } #main-top { width: 907px; background: url("http://bluetec.qualitywordpress.com/wp-content/themes/bluetec/images/main_top.gif") no-repeat; } #main-bottom { width: 907px; min-height: 50px; background: url("http://bluetec.qualitywordpress.com/wp-content/themes/bluetec/images/main_bottom.gif") no-repeat left bottom; } /* Main - Content */ #content { float: left; width: 495px; padding: 12px 16px 0 16px; } /* Main - Content - Post */ #content .post { float: left; margin-bottom: 25px; width: 495px; } /* Post - Date */ #content .post .post-date { background: url("http://bluetec.qualitywordpress.com/wp-content/themes/bluetec/images/post_date.gif") no-repeat; width: 122px; height: 25px; color: #cccccc; text-align: center; font: bold 10px/25px Verdana; } /* Post - Title */ #content .post .post-title { width: 463px; height: 45px; border: 1px solid #000000; background: url("http://bluetec.qualitywordpress.com/wp-content/themes/bluetec/images/post_title.gif") repeat-x; color: #FFFFFF; font: bold 10px Verdana; padding: 0 15px; } #content .post .post-title a { color: #FFFFFF; text-decoration: none; } #content .post .post-title a:hover { text-decoration: underline; } #content .post .post-title h2 { color: #FFFFFF; font: bold 15px/45px Verdana; float: left; } #content .post .post-title h2 a { color: #FFFFFF; text-decoration: none; } #content .post .post-title h2 a:hover { text-decoration: underline; } #content .post .post-title .post-title-info { float: right; line-height: 45px; } /* Post - Entry */ #content .post .post-entry { font: normal 11px/18px Verdana; color: #FFFFFF; padding: 0 15px; width: 465px; background: #000000; float: left; } #content .post .post-entry a { color: #FFFFFF; text-decoration: none; } #content .post .post-entry a:hover { text-decoration: underline; } #content .post .post-entry .more-link { font: bold 11px/20px Verdana; color: #FFFFFF; float: right; padding-bottom: 5px; } #content .post .post-entry .more-link a { color: #FFFFFF; text-decoration: none; } #content .post .post-entry .more-link a:hover { text-decoration: underline; } /* Post - Info */ #content .post .post-info { padding: 0 10px 0 0; width: 485px; clear: both; font: bold 10px/19px Verdana; color: #FFFFFF; background: url("http://bluetec.qualitywordpress.com/wp-content/themes/bluetec/images/post_info.gif") no-repeat; text-align: right; } #content .post .post-info a { color: #FFFFFF; text-decoration: none; } #content .post .post-info a:hover { text-decoration: underline; } /* Post - Comments */ #content .post .post-entry h3 { color: #FFFFFF; font: bold 14px Verdana; margin: 25px 0 5px 0; } #content .post .post-entry .comments { font: normal 11px/18px Verdana; color: #FFFFFF; width: 465px; } #content .post .post-entry .comments a { color: #FFFFFF; text-decoration: none; } #content .post .post-entry .comments a:hover { text-decoration: underline; } #content .post .post-entry .comments ol { margin: 10px 0 10px 0; padding-left: 25px; } #content .post .comments ol li { padding: 5px; } #content .post .post-entry .comments ol li.alt { background: #000000; } #content .post .post-entry .comments ol li cite { color: #FFFFFF; font-style: normal; font-weight: bold; } #content .post .post-entry .comments ol li cite a { color: #FFFFFF; text-decoration: none; } #content .post .post-entry .comments ol li cite a:hover { text-decoration: underline; } #content .post .post-entry .comments ol li .commentmetadata a { color: #FFFFFF; text-decoration: none; } #content .post .post-entry .comments ol li .commentmetadata a:hover { text-decoration: underline; } #content .post .post-entry #commentform { font: normal 11px/18px Verdana; color: #000000; width: 450px; padding-left: 15px; margin: 0; } #content .post .post-entry #commentform a { color: #FFFFFF; text-decoration: none; } #content .post .post-entry #commentform a:hover { text-decoration: underline; } /* Main - Content - Navigation */ #content .navigation { font: bold 11px/25px Verdana; color: #FFFFFF; width: 495px; height: 25px; float: left; margin-bottom: 25px; } #content .navigation a { color: #FFFFFF; text-decoration: none; } #content .navigation a:hover { text-decoration: underline; } #content .navigation .navigation-previous { float: left; } #content .navigation .navigation-next { float: right; } /* Main - Sidebar */ .sidebar { float: left; width: 170px; font: normal 11px/18px Verdana; color: #FFFFFF; } .sidebar a { color: #FFFFFF; text-decoration: none; } .sidebar a:hover { text-decoration: underline; } /* Sidebar - Sides */ .sidebar-left { padding: 12px 3px 15px 16px; } .sidebar-right { padding: 12px 0 15px 3px; } /* Sidebar - Titles */ .sidebar h3 { padding-left: 10px; font: bold 14px/26px Verdana; color: #FFFFFF; width: 159px; height: 26px; background: url("http://bluetec.qualitywordpress.com/wp-content/themes/bluetec/images/sidebar_title.gif") repeat-x; } /* Sidebar - Menus */ .sidebar ul { margin: 5px 0 8px 0; padding: 0; list-style-type: none; } .sidebar ul li { padding-left: 11px; color: #ffffff; font: bold 10px/25px Verdana; background: url("http://bluetec.qualitywordpress.com/wp-content/themes/bluetec/images/sidebar_menu.gif") repeat-x; } .sidebar ul li a { color: #ffffff; text-decoration: none; } .sidebar ul li a:hover { text-decoration: underline; } /* Sidebar - Submenus */ .sidebar ul li ul { margin: 0; padding: 0; } /* Sidebar - Forms */ .sidebar #searchform { margin: 0; padding: 5px 0 8px 0; width: 170px; text-align: center; } .sidebar #searchform #s { width: 140px; } /* Sidebar - Tables */ .sidebar #calendar_wrap { margin: 0 auto; padding: 5px 0 8px 0; width: 130px; } .sidebar #calendar_wrap caption { font-weight: bold; } .sidebar #calendar_wrap tbody { text-align: right; } .sidebar #calendar_wrap tfoot #next { text-align: right; } .sidebar #calendar_wrap #today { font-weight: bold; } /* Sidebar - Texts */ .sidebar .textwidget { padding: 5px 4px 8px 4px; } /* Sidebar - Feed */ .sidebar #sidebar-feed { margin: 5px auto 8px auto; width: 160px; height: 60px; } /* Footer */ #footer { width: 907px; height: 83px; background: #000000; color: #ffffff; font: 10px/20px Verdana; text-align: center; } #footer a { color: #ffffff; text-decoration: underline; } #footer a:hover { text-decoration: underline; }
<!--{12890598202425}--> <div id="page"> <!--{12890598202426}--> <div id="header"> <!--{12890598202427}--> <div id="header-info"> <h1><a href="http://bluetec.qualitywordpress.com/" _fcksavedurl="http://bluetec.qualitywordpress.com/">Blue Chrome</a></h1> <div class="description">Wordpress Theme</div> </div> <!--{12890598202428}--> <!--{12890598202429}--> <div id="header-menu"> <ul> <li class="page_item page-item-2"><a href="http://bluetec.qualitywordpress.com/?page_id=2" _fcksavedurl="http://bluetec.qualitywordpress.com/?page_id=2" title="About">About</a></li> <li class="page_item page-item-6"><a href="http://bluetec.qualitywordpress.com/?page_id=6" _fcksavedurl="http://bluetec.qualitywordpress.com/?page_id=6" title="Contact">Contact</a></li> <li class="page_item page-item-5"><a href="http://bluetec.qualitywordpress.com/?page_id=5" _fcksavedurl="http://bluetec.qualitywordpress.com/?page_id=5" title="Services">Services</a></li> </ul> </div> <!--{128905982024210}--> </div> <!--{128905982024211}--> <!--{128905982024212}--> <div id="main"><div id="main-top"><div id="main-bottom"> <!--{128905982024213}--> <div class="sidebar sidebar-left"> <h3>Pages</h3> <ul> <li class="page_item page-item-2"><a href="http://bluetec.qualitywordpress.com/?page_id=2" _fcksavedurl="http://bluetec.qualitywordpress.com/?page_id=2" title="About">About</a></li> <li class="page_item page-item-6"><a href="http://bluetec.qualitywordpress.com/?page_id=6" _fcksavedurl="http://bluetec.qualitywordpress.com/?page_id=6" title="Contact">Contact</a></li> <li class="page_item page-item-5"><a href="http://bluetec.qualitywordpress.com/?page_id=5" _fcksavedurl="http://bluetec.qualitywordpress.com/?page_id=5" title="Services">Services</a></li> </ul> <h3>Categories</h3> <ul> <li class="cat-item cat-item-3"><a href="http://bluetec.qualitywordpress.com/?cat=3" _fcksavedurl="http://bluetec.qualitywordpress.com/?cat=3" title="View all posts filed under Art">Art</a> </li> <li class="cat-item cat-item-4"><a href="http://bluetec.qualitywordpress.com/?cat=4" _fcksavedurl="http://bluetec.qualitywordpress.com/?cat=4" title="View all posts filed under Design">Design</a> </li> <li class="cat-item cat-item-6"><a href="http://bluetec.qualitywordpress.com/?cat=6" _fcksavedurl="http://bluetec.qualitywordpress.com/?cat=6" title="View all posts filed under Other">Other</a> </li> <li class="cat-item cat-item-5"><a href="http://bluetec.qualitywordpress.com/?cat=5" _fcksavedurl="http://bluetec.qualitywordpress.com/?cat=5" title="View all posts filed under Picture">Picture</a> </li> <li class="cat-item cat-item-1"><a href="http://bluetec.qualitywordpress.com/?cat=1" _fcksavedurl="http://bluetec.qualitywordpress.com/?cat=1" title="View all posts filed under Uncategorized">Uncategorized</a> </li> </ul> <h3>Archives</h3> <ul> <li><a href='http://bluetec.qualitywordpress.com/?m=200804' _fcksavedurl='http://bluetec.qualitywordpress.com/?m=200804' title='April 2008'>April 2008</a></li> </ul> <h3>Recent Posts</h3> <ul> <li><a href="http://bluetec.qualitywordpress.com/?p=4" _fcksavedurl="http://bluetec.qualitywordpress.com/?p=4">Picture In Post </a></li> <li><a href="http://bluetec.qualitywordpress.com/?p=3" _fcksavedurl="http://bluetec.qualitywordpress.com/?p=3">Longer Post </a></li> <li><a href="http://bluetec.qualitywordpress.com/?p=1" _fcksavedurl="http://bluetec.qualitywordpress.com/?p=1">Hello world! </a></li> </ul> <h3> </h3><div id="calendar_wrap"><table id="wp-calendar" summary="Calendar"> <caption>July 2009</caption> <thead> <tr> <th abbr="Monday" scope="col" title="Monday">M</th> <th abbr="Tuesday" scope="col" title="Tuesday">T</th> <th abbr="Wednesday" scope="col" title="Wednesday">W</th> <th abbr="Thursday" scope="col" title="Thursday">T</th> <th abbr="Friday" scope="col" title="Friday">F</th> <th abbr="Saturday" scope="col" title="Saturday">S</th> <th abbr="Sunday" scope="col" title="Sunday">S</th> </tr> </thead> <tfoot> <tr> <td abbr="April" colspan="3" id="prev"><a href="http://bluetec.qualitywordpress.com/?m=200804" _fcksavedurl="http://bluetec.qualitywordpress.com/?m=200804" title="View posts for April 2008">« Apr</a></td> <td class="pad"> </td> <td colspan="3" id="next" class="pad"> </td> </tr> </tfoot> <tbody> <tr> <td colspan="2" class="pad"> </td><td>1</td><td>2</td><td>3</td><td>4</td><td>5</td> </tr> <tr> <td id="today">6</td><td>7</td><td>8</td><td>9</td><td>10</td><td>11</td><td>12</td> </tr> <tr> <td>13</td><td>14</td><td>15</td><td>16</td><td>17</td><td>18</td><td>19</td> </tr> <tr> <td>20</td><td>21</td><td>22</td><td>23</td><td>24</td><td>25</td><td>26</td> </tr> <tr> <td>27</td><td>28</td><td>29</td><td>30</td><td>31</td> <td class="pad" colspan="2"> </td> </tr> </tbody> </table></div> </div> <!--{128905982024214}--> <!--{128905982024215}--> <div id="content">
TASARIMIN ALTINA
</div> <!--{128905982024216}--> <!--{128905982024217}--> <div class="sidebar sidebar-right"> <h3>RSS Feed</h3> <div id="sidebar-feed"> <a href="http://bluetec.qualitywordpress.com/?feed=rss" _fcksavedurl="http://bluetec.qualitywordpress.com/?feed=rss"><img src="http://bluetec.qualitywordpress.com/wp-content/themes/bluetec/images/rss_feed.jpg" _fcksavedurl="http://bluetec.qualitywordpress.com/wp-content/themes/bluetec/images/rss_feed.jpg" alt="RSS Feed" width="160" height="60" /></a> </div> <h3>Search</h3> <form id="searchform" method="get" action="http://bluetec.qualitywordpress.com"> <div> <input type="text" name="s" id="s" size="15" /><br /> <input type="submit" value="Search" /> </div> </form> <h3>Blog Roll</h3> <ul> <li><a href="http://wordpress.org/development/" _fcksavedurl="http://wordpress.org/development/">Development Blog</a></li> <li><a href="http://codex.wordpress.org/" _fcksavedurl="http://codex.wordpress.org/">Documentation</a></li> <li><a href="http://wordpress.org/extend/plugins/" _fcksavedurl="http://wordpress.org/extend/plugins/">Plugins</a></li> <li><a href="http://wordpress.org/extend/ideas/" _fcksavedurl="http://wordpress.org/extend/ideas/">Suggest Ideas</a></li> <li><a href="http://wordpress.org/support/" _fcksavedurl="http://wordpress.org/support/">Support Forum</a></li> <li><a href="http://wordpress.org/extend/themes/" _fcksavedurl="http://wordpress.org/extend/themes/">Themes</a></li> <li><a href="http://planet.wordpress.org/" _fcksavedurl="http://planet.wordpress.org/">WordPress Planet</a></li> </ul> <div class="textwidget"><center><img src="http://i31.tinypic.com/2130rpc.jpg" _fcksavedurl="http://i31.tinypic.com/2130rpc.jpg"></center></div> </div> <!--{128905982024218}--> <div class="clear"></div> </div></div></div> <!--{128905982024219}--> <!--{128905982024220}--> <div id="footer"> (c)Copyrighted <a href="http://bluetec.qualitywordpress.com/" _fcksavedurl="http://bluetec.qualitywordpress.com/">Blue Chrome</a>, All Rights Reserved.<br />Design and Code: <a href="http://www.net-tec-online.at/micropages/tiere/hundefutter,63/" _fcksavedurl="http://www.net-tec-online.at/micropages/tiere/hundefutter,63/" title="Bento Hundefutter">Bento Hundefutter</a> | <a href="http://www.hersteller-rundschau.de/naturversand/babysachen,246/" _fcksavedurl="http://www.hersteller-rundschau.de/naturversand/babysachen,246/" title="Babysachen Babyshop">Babysachen Babyshop</a> | <a href="http://www.oeko-experten.de/artikelverzeichnis/technik/64,chiptuning/" _fcksavedurl="http://www.oeko-experten.de/artikelverzeichnis/technik/64,chiptuning/" title="Chiptuning BMW">Chiptuning BMW</a> | <!--{128905982024221}--> <a href="http://www.net-tec.biz/index.php" _fcksavedurl="http://www.net-tec.biz/index.php" title="Webdesign">Webdesign</a> <!--{128905982024222}--> </div> <!--{128905982024223}--> </div> <!--{128905982024224}-->
CSS BÖLÜMÜNE
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: Blue Tec Theme URI: http://bluetecqualitywordpress.com Description: The blue tec theme offers a futuristic modern design for your blog. Version: 1.0 Author: qualitywordpress Author URI: Quality Free & Premium Themes for WordPress */ /* General */ body { margin: 0; background: #000000; } h1, h2, h3, h4 { margin: 0; } img { border: 0; } .clear { clear: both; height: 0; overflow: hidden; } /* Page */ #page { margin: 0 auto; width: 907px; } /* Header */ #header { width: 907px; height: 300px; background: url("http://bluetec.qualitywordpress.com/wp-content/themes/bluetec/images/header.jpg") no-repeat; position: relative; } /* Header - Info */ #header #header-info { position: absolute; top: 65px; left: 480px; } #header #header-info h1 { color: #005C9C; font: bold 28px Verdana; padding-bottom: 5px; } #header #header-info h1 a { color: #005C9C; text-decoration: none; } #header #header-info .description { color: #005C9C; font: bold 15px Verdana; } /* Header - Menu */ #header #header-menu { position: absolute; top: 0px; left: 15px; height: 34px; } #header #header-menu ul { margin: 0; padding: 0; list-style-type: none; height: 34px; } #header #header-menu ul li { float: left; height: 32px; margin-right: 11px; font: bold 12px/30px Verdana; color: #FFFFFF; background: url("http://bluetec.qualitywordpress.com/wp-content/themes/bluetec/images/header_menu.gif") repeat-x; border: 1px solid #000000; padding: 0 30px; } #header #header-menu ul li a { color: #FFFFFF; text-decoration: none; } #header #header-menu ul li a:hover { text-decoration: underline; } #header #header-menu ul li ul { display: none; } /* Main */ #main { width: 907px; background: #262626 url("http://bluetec.qualitywordpress.com/wp-content/themes/bluetec/images/main.gif") repeat-y; } #main-top { width: 907px; background: url("http://bluetec.qualitywordpress.com/wp-content/themes/bluetec/images/main_top.gif") no-repeat; } #main-bottom { width: 907px; min-height: 50px; background: url("http://bluetec.qualitywordpress.com/wp-content/themes/bluetec/images/main_bottom.gif") no-repeat left bottom; } /* Main - Content */ #content { float: left; width: 495px; padding: 12px 16px 0 16px; } /* Main - Content - Post */ #content .post { float: left; margin-bottom: 25px; width: 495px; } /* Post - Date */ #content .post .post-date { background: url("http://bluetec.qualitywordpress.com/wp-content/themes/bluetec/images/post_date.gif") no-repeat; width: 122px; height: 25px; color: #cccccc; text-align: center; font: bold 10px/25px Verdana; } /* Post - Title */ #content .post .post-title { width: 463px; height: 45px; border: 1px solid #000000; background: url("http://bluetec.qualitywordpress.com/wp-content/themes/bluetec/images/post_title.gif") repeat-x; color: #FFFFFF; font: bold 10px Verdana; padding: 0 15px; } #content .post .post-title a { color: #FFFFFF; text-decoration: none; } #content .post .post-title a:hover { text-decoration: underline; } #content .post .post-title h2 { color: #FFFFFF; font: bold 15px/45px Verdana; float: left; } #content .post .post-title h2 a { color: #FFFFFF; text-decoration: none; } #content .post .post-title h2 a:hover { text-decoration: underline; } #content .post .post-title .post-title-info { float: right; line-height: 45px; } /* Post - Entry */ #content .post .post-entry { font: normal 11px/18px Verdana; color: #FFFFFF; padding: 0 15px; width: 465px; background: #000000; float: left; } #content .post .post-entry a { color: #FFFFFF; text-decoration: none; } #content .post .post-entry a:hover { text-decoration: underline; } #content .post .post-entry .more-link { font: bold 11px/20px Verdana; color: #FFFFFF; float: right; padding-bottom: 5px; } #content .post .post-entry .more-link a { color: #FFFFFF; text-decoration: none; } #content .post .post-entry .more-link a:hover { text-decoration: underline; } /* Post - Info */ #content .post .post-info { padding: 0 10px 0 0; width: 485px; clear: both; font: bold 10px/19px Verdana; color: #FFFFFF; background: url("http://bluetec.qualitywordpress.com/wp-content/themes/bluetec/images/post_info.gif") no-repeat; text-align: right; } #content .post .post-info a { color: #FFFFFF; text-decoration: none; } #content .post .post-info a:hover { text-decoration: underline; } /* Post - Comments */ #content .post .post-entry h3 { color: #FFFFFF; font: bold 14px Verdana; margin: 25px 0 5px 0; } #content .post .post-entry .comments { font: normal 11px/18px Verdana; color: #FFFFFF; width: 465px; } #content .post .post-entry .comments a { color: #FFFFFF; text-decoration: none; } #content .post .post-entry .comments a:hover { text-decoration: underline; } #content .post .post-entry .comments ol { margin: 10px 0 10px 0; padding-left: 25px; } #content .post .comments ol li { padding: 5px; } #content .post .post-entry .comments ol li.alt { background: #000000; } #content .post .post-entry .comments ol li cite { color: #FFFFFF; font-style: normal; font-weight: bold; } #content .post .post-entry .comments ol li cite a { color: #FFFFFF; text-decoration: none; } #content .post .post-entry .comments ol li cite a:hover { text-decoration: underline; } #content .post .post-entry .comments ol li .commentmetadata a { color: #FFFFFF; text-decoration: none; } #content .post .post-entry .comments ol li .commentmetadata a:hover { text-decoration: underline; } #content .post .post-entry #commentform { font: normal 11px/18px Verdana; color: #000000; width: 450px; padding-left: 15px; margin: 0; } #content .post .post-entry #commentform a { color: #FFFFFF; text-decoration: none; } #content .post .post-entry #commentform a:hover { text-decoration: underline; } /* Main - Content - Navigation */ #content .navigation { font: bold 11px/25px Verdana; color: #FFFFFF; width: 495px; height: 25px; float: left; margin-bottom: 25px; } #content .navigation a { color: #FFFFFF; text-decoration: none; } #content .navigation a:hover { text-decoration: underline; } #content .navigation .navigation-previous { float: left; } #content .navigation .navigation-next { float: right; } /* Main - Sidebar */ .sidebar { float: left; width: 170px; font: normal 11px/18px Verdana; color: #FFFFFF; } .sidebar a { color: #FFFFFF; text-decoration: none; } .sidebar a:hover { text-decoration: underline; } /* Sidebar - Sides */ .sidebar-left { padding: 12px 3px 15px 16px; } .sidebar-right { padding: 12px 0 15px 3px; } /* Sidebar - Titles */ .sidebar h3 { padding-left: 10px; font: bold 14px/26px Verdana; color: #FFFFFF; width: 159px; height: 26px; background: url("http://bluetec.qualitywordpress.com/wp-content/themes/bluetec/images/sidebar_title.gif") repeat-x; } /* Sidebar - Menus */ .sidebar ul { margin: 5px 0 8px 0; padding: 0; list-style-type: none; } .sidebar ul li { padding-left: 11px; color: #ffffff; font: bold 10px/25px Verdana; background: url("http://bluetec.qualitywordpress.com/wp-content/themes/bluetec/images/sidebar_menu.gif") repeat-x; } .sidebar ul li a { color: #ffffff; text-decoration: none; } .sidebar ul li a:hover { text-decoration: underline; } /* Sidebar - Submenus */ .sidebar ul li ul { margin: 0; padding: 0; } /* Sidebar - Forms */ .sidebar #searchform { margin: 0; padding: 5px 0 8px 0; width: 170px; text-align: center; } .sidebar #searchform #s { width: 140px; } /* Sidebar - Tables */ .sidebar #calendar_wrap { margin: 0 auto; padding: 5px 0 8px 0; width: 130px; } .sidebar #calendar_wrap caption { font-weight: bold; } .sidebar #calendar_wrap tbody { text-align: right; } .sidebar #calendar_wrap tfoot #next { text-align: right; } .sidebar #calendar_wrap #today { font-weight: bold; } /* Sidebar - Texts */ .sidebar .textwidget { padding: 5px 4px 8px 4px; } /* Sidebar - Feed */ .sidebar #sidebar-feed { margin: 5px auto 8px auto; width: 160px; height: 60px; } /* Footer */ #footer { width: 907px; height: 83px; background: #000000; color: #ffffff; font: 10px/20px Verdana; text-align: center; } #footer a { color: #ffffff; text-decoration: underline; } #footer a:hover { text-decoration: underline; }
TASARIMIN ÜSTÜNE
<style type="text/css"> <!--{128905982024226}--> </style></head> <body> <table width="950" height="588" border="0" align="center" cellpadding="0" cellspacing="0"> <tr> <td height="181" align="center" valign="top" background="http://img.webme.com/pic/m/megatron-byemo/rky_01.gif"><table width="884" height="176" cellpadding="1"> <tr> <td height="35" align="center" valign="top"> </td> </tr> <tr> <td height="133" align="center" valign="top"><p>BURAYA S?TEN?ZE A?T BANNER YADA YAZILAR YAZAB?L?RS?N?Z...</p> <p class="style1">GURURUM5.TR.GG</p></td> </tr> </table></td> </tr> <tr> <td height="66" align="center" valign="top" background="http://img.webme.com/pic/m/megatron-byemo/rky_02.gif"><table width="848" height="52" cellpadding="1"> <tr> <td height="17" colspan="7"> </td> </tr> <tr> <td width="119" height="27" background="http://img.webme.com/pic/m/megatron-byemo/menu.gif"><div align="center"><span class="style2"><a href="menu1" _fcksavedurl="menu1">menu1</a></span></div></td> <td width="113" background="http://img.webme.com/pic/m/megatron-byemo/menu.gif"><div align="center"><a href="menu2" _fcksavedurl="menu2">menu2</a></div></td> <td width="116" background="http://img.webme.com/pic/m/megatron-byemo/menu.gif"><div align="center"><a href="menu3" _fcksavedurl="menu3">menu3</a></div></td> <td width="119" background="http://img.webme.com/pic/m/megatron-byemo/menu.gif"><div align="center"><a href="menu4" _fcksavedurl="menu4">menu4</a></div></td> <td width="116" background="http://img.webme.com/pic/m/megatron-byemo/menu.gif"><div align="center"><a href="menu5" _fcksavedurl="menu5">menu5</a></div></td> <td width="114" background="http://img.webme.com/pic/m/megatron-byemo/menu.gif"><div align="center"><a href="menu6" _fcksavedurl="menu6">menu6</a></div></td> <td width="110" background="http://img.webme.com/pic/m/megatron-byemo/menu.gif"><div align="center"><a href="menu7" _fcksavedurl="menu7">menu7</a></div></td> </tr> </table></td> </tr> <tr> <td height="87" align="center" valign="top" background="http://img.webme.com/pic/m/megatron-byemo/rky_03.gif"> </td> </tr> <tr> <td height="64" align="center" valign="top" background="http://img.webme.com/pic/m/megatron-byemo/rky_04.gif"><table width="858" height="64" cellpadding="1"> <tr> <td width="245" align="center" valign="top">BURAYADA CSS MENU YADA<br /> HTML MENU YA DA FLASH <br /> MENU ONU ARTIK S?Z AYARLARSINIZ... :-)</td> <td width="34" align="center" valign="top"> </td> <td align="center" valign="top"><div id="content"></div>
TASARIMIN ALTINA
</td> </tr> </table></td> </tr> <tr> <td height="42" align="center" valign="top" background="http://img.webme.com/pic/m/megatron-byemo/rky_05.gif"> </td> </tr> <tr> <td height="148" align="center" valign="top" background="http://img.webme.com/pic/m/megatron-byemo/rky_06.gif"><table width="640" height="124" cellpadding="1"> <tr> <td align="center" valign="top"><p>burayada istenizi tan?tacak ufak bi yaz? ve telif hakk? ks?m? olabilir yada ba?ka bir?ey size kalm?? </p> <p> </p> <p>GURURUM5</p></td> </tr> </table></td> </tr> </table>
CSS BÖLÜMÜNE
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 type="text/css"> <!--{128905982024226}--> </style></head> <body> <table width="950" height="588" border="0" align="center" cellpadding="0" cellspacing="0"> <tr> <td height="181" align="center" valign="top" background="http://img.webme.com/pic/m/megatron-byemo/rky_01.gif"><table width="884" height="176" cellpadding="1"> <tr> <td height="35" align="center" valign="top"> </td> </tr> <tr> <td height="133" align="center" valign="top"><p>BURAYA S?TEN?ZE A?T BANNER YADA YAZILAR YAZAB?L?RS?N?Z...</p> <p class="style1">GURURUM5.TR.GG</p></td> </tr> </table></td> </tr> <tr> <td height="66" align="center" valign="top" background="http://img.webme.com/pic/m/megatron-byemo/rky_02.gif"><table width="848" height="52" cellpadding="1"> <tr> <td height="17" colspan="7"> </td> </tr> <tr> <td width="119" height="27" background="http://img.webme.com/pic/m/megatron-byemo/menu.gif"><div align="center"><span class="style2"><a href="menu1" _fcksavedurl="menu1">menu1</a></span></div></td> <td width="113" background="http://img.webme.com/pic/m/megatron-byemo/menu.gif"><div align="center"><a href="menu2" _fcksavedurl="menu2">menu2</a></div></td> <td width="116" background="http://img.webme.com/pic/m/megatron-byemo/menu.gif"><div align="center"><a href="menu3" _fcksavedurl="menu3">menu3</a></div></td> <td width="119" background="http://img.webme.com/pic/m/megatron-byemo/menu.gif"><div align="center"><a href="menu4" _fcksavedurl="menu4">menu4</a></div></td> <td width="116" background="http://img.webme.com/pic/m/megatron-byemo/menu.gif"><div align="center"><a href="menu5" _fcksavedurl="menu5">menu5</a></div></td> <td width="114" background="http://img.webme.com/pic/m/megatron-byemo/menu.gif"><div align="center"><a href="menu6" _fcksavedurl="menu6">menu6</a></div></td> <td width="110" background="http://img.webme.com/pic/m/megatron-byemo/menu.gif"><div align="center"><a href="menu7" _fcksavedurl="menu7">menu7</a></div></td> </tr> </table></td> </tr> <tr> <td height="87" align="center" valign="top" background="http://img.webme.com/pic/m/megatron-byemo/rky_03.gif"> </td> </tr> <tr> <td height="64" align="center" valign="top" background="http://img.webme.com/pic/m/megatron-byemo/rky_04.gif"><table width="858" height="64" cellpadding="1"> <tr> <td width="245" align="center" valign="top">BURAYADA CSS MENU YADA<br /> HTML MENU YA DA FLASH <br /> MENU ONU ARTIK S?Z AYARLARSINIZ... :-)</td> <td width="34" align="center" valign="top"> </td> <td align="center" valign="top"><div id="content"></div>
TASARIMIN ALTINA
</td> </tr> </table></td> </tr> <tr> <td height="42" align="center" valign="top" background="http://img.webme.com/pic/m/megatron-byemo/rky_05.gif"> </td> </tr> <tr> <td height="148" align="center" valign="top" background="http://img.webme.com/pic/m/megatron-byemo/rky_06.gif"><table width="640" height="124" cellpadding="1"> <tr> <td align="center" valign="top"><p>burayada istenizi tan?tacak ufak bi yaz? ve telif hakk? ks?m? olabilir yada ba?ka bir?ey size kalm?? </p> <p> </p> <p>GURURUM5</p></td> </tr> </table></td> </tr> </table>
CSS BÖLÜMÜNE
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;}
TASARIMIN ÜSTÜNE
<div id="wrapper"> <div id="header"> <div id="menu"> <ul> <li class="current_page_item"><a href="#" _fcksavedurl="#">Home</a></li> <li><a href="#" _fcksavedurl="#">Blog</a></li> <li><a href="#" _fcksavedurl="#">Photos</a></li> <li><a href="#" _fcksavedurl="#">About</a></li> <li><a href="#" _fcksavedurl="#">Links</a></li> <li><a href="#" _fcksavedurl="#">Contact</a></li> </ul> </div> <!--{128905982024227}--> <div id="search"> <form method="get" action=""> <fieldset> <input type="text" name="s" id="search-text" size="15" /> <input type="submit" id="search-submit" value="Search" /> </fieldset> </form> </div> <!--{128905982024228}--> </div> <!--{128905982024229}--> <FCK:hr /> <!--{128905982024230}--> <!--{128905982024231}--> <div id="page">
TASARIMIN ALTINA
<div id="sidebar"> <div id="logo"> <h1><a href="#" _fcksavedurl="#">Flattering </a></h1> <p>template design by <a href="http://www.freecsstemplates.org/" _fcksavedurl="http://www.freecsstemplates.org/">Free CSS Templates</a></p> </div> <ul> <li> <h2>Aliquam tempus</h2> <p>Mauris vitae nisl nec metus placerat perdiet est. Phasellus dapibus semper urna. Pellentesque ornare, orci in consectetuer hendrerit, volutpat.</p> </li> <li id="calendar"> <h2>Calendar</h2> <div id="calendar_wrap"> <table summary="Calendar"> <caption> March 2008 </caption> <thead> <tr> <th abbr="Monday" scope="col" title="Monday">M</th> <th abbr="Tuesday" scope="col" title="Tuesday">T</th> <th abbr="Wednesday" scope="col" title="Wednesday">W</th> <th abbr="Thursday" scope="col" title="Thursday">T</th> <th abbr="Friday" scope="col" title="Friday">F</th> <th abbr="Saturday" scope="col" title="Saturday">S</th> <th abbr="Sunday" scope="col" title="Sunday">S</th> </tr> </thead> <tfoot> <tr> <td abbr="February" colspan="3" id="prev"><a href="#" _fcksavedurl="#" title="">« Feb</a></td> <td class="pad"> </td> <td abbr="April" colspan="3" id="next"><a href="#" _fcksavedurl="#" title="">Apr »</a></td> </tr> </tfoot> <tbody> <tr> <td colspan="5" class="pad"> </td> <td>1</td> <td>2</td> </tr> <tr> <td>3</td> <td>4</td> <td>5</td> <td>6</td> <td>7</td> <td>8</td> <td>9</td> </tr> <tr> <td>10</td> <td id="today">11</td> <td>12</td> <td>13</td> <td>14</td> <td>15</td> <td>16</td> </tr> <tr> <td>17</td> <td>18</td> <td>19</td> <td>20</td> <td>21</td> <td>22</td> <td>23</td> </tr> <tr> <td>24</td> <td>25</td> <td>26</td> <td>27</td> <td>28</td> <td>29</td> <td>30</td> </tr> <tr> <td>31</td> <td class="pad" colspan="6"> </td> </tr> </tbody> </table> </div> </li> <li> <h2>Turpis nulla</h2> <ul> <li><a href="#" _fcksavedurl="#"></a><a href="#" _fcksavedurl="#">Nec metus sed donec</a></li> <li><a href="#" _fcksavedurl="#">Magna lacus bibendum mauris</a></li> <li><a href="#" _fcksavedurl="#">Velit semper nisi molestie</a></li> <li><a href="#" _fcksavedurl="#">Eget tempor eget nonummy</a></li> <li><a href="#" _fcksavedurl="#">Nec metus sed donec</a></li> </ul> </li> </ul> </div> <!--{128905982024232}--> <div style="clear: both;"> </div> </div> <div id="bottom-bg"><img src="http://img.webme.com/pic/p/poniex/img07.gif" _fcksavedurl="http://img.webme.com/pic/p/poniex/img07.gif" alt="" /></div> <!--{128905982024233}--> <div id="footer"> <p>Copyright (c) 2008 Sitename.com. All rights reserved. Design by <a href="http://www.freecsstemplates.org/" _fcksavedurl="http://www.freecsstemplates.org/">Free CSS Templates</a>.</p> </div> <!--{128905982024234}--> </div>
CSS BÖLÜMÜ
h1#title{display: none;} h2#title span {display: none;} div.header{display: none;} li.nav_element{list-style-type: none;} li.nav_element{display: none;} /* Design by Free CSS Templates Download free CSS templates - Free CSS Templates Released for free under a Creative Commons Attribution 2.5 License */ body { margin-top: 45px; padding: 0; background: #7A1A1A url(http://img.webme.com/pic/p/poniex/img01.gif) repeat left top; font-family: Georgia, "Times New Roman", Times, serif; font-size: 13px; color: #837669; } h1, h2, h3 { margin: 0; font-family: Georgia, "Times New Roman", Times, serif; font-weight: normal; color: #649632; } h1 { font-size: 44px; } h2 { font-size: 20px; } h3 { } p, ul, ol { margin-top: 0; line-height: 240%; text-align: justify; font-family: Georgia, "Times New Roman", Times, serif; font-size: 11px; } ul, ol { } blockquote { } a { color: #B03336; } a:hover { text-decoration: none; } a img { border: none; } img.left { float: left; margin: 7px 30px 0 0; } img.right { float: right; margin: 7px 0 0 30px; } hr { display: none; } .list1 { } .list1 li { float: left; line-height: normal; } .list1 li img { margin: 0 30px 30px 0; } .list1 li.alt img { margin-right: 0; } #wrapper { } /* Header */ #header-wrapper { width: 880px; margin: 0 auto; } #header { width: 900px; height: 50px; margin: 0 auto; background: url(http://img.webme.com/pic/p/poniex/img02.gif) no-repeat left top; } /* Menu */ #menu { float: left; width: 540px; height: 50px; } #menu ul { margin: 0; padding: 0px 0 0 0px; list-style: none; line-height: normal; } #menu li { display: block; float: left; height: 35px; padding-top: 15px; background: url(http://img.webme.com/pic/p/poniex/img03.gif) no-repeat right center; } #menu a { display: block; float: left; padding: 0px 25px 0 25px; text-decoration: none; font: 14px Georgia, "Times New Roman", Times, serif; color: #FFFFFF; } #menu a:hover { text-decoration: underline; } #menu .current_page_item a { color: #FFFFFF; } /* Search */ #search { float: right; width: 305px; height: 26px; } #search form { float: right; margin: 0; padding: 15px 20px 0 0; } #search fieldset { margin: 0; padding: 0; border: none; } #search input { float: left; font: 12px Georgia, "Times New Roman", Times, serif; border: none; } #search-text { width: 135px; height: 18px; padding: 3px 0 0 5px; background: #ECF9E4; color: #658453; } #search-submit { height: 21px; margin-left: 12px; color: #39561D; } /* Page */ #page { width: 860px; margin: 0 auto; padding: 30px 20px 0px 20px; background: #FFFFFF; } /** LOGO */ #logo { width: 280px; height: 190px; margin: 0 auto; background: url(http://img.webme.com/pic/p/poniex/img04.jpg) no-repeat left top; } #logo h1, #logo p { margin: 0; line-height: normal; text-align: center; } #logo h1 { padding-top: 50px; } #logo h1 a { text-decoration: none; text-transform: lowercase; color: #FFFFFF; } #logo h1 a:hover { text-decoration: underline; } #logo p { margin: 0; padding: 130px 0 0 10px; font: italic 10px Georgia, "Times New Roman", Times, serif; color: #BF7D7F; } #logo p a { text-decoration: none; color: #BF7D7F; } #logo p a:hover { text-decoration: underline; } /* Content */ #content { float: right; width: 550px; } /* Post */ .post { margin-bottom: 25px; } .post .title { height: 30px; margin-bottom: 3px; padding: 8px 0px 2px 20px; background: url(http://img.webme.com/pic/p/poniex/img06.jpg) no-repeat left top; color: #FFFFFF; } .post .date { float: right; margin-top: -45px; padding-right: 20px; font-family: Georgia, "Times New Roman", Times, serif; font-weight: normal; font-size: 18px; color: #FFFFFF; } .post .meta { margin: -30px 0 3px 25px; padding: 2px 30px 2px 0px; font-family: Arial, Helvetica, sans-serif; font-weight: normal; font-size: 10px; color: #FFFFFF; } .post .meta a { color: #B6ACA2; } .post .entry { padding: 25px 20px 0px 20px; } .post .links { margin: 0 250px 0 0; padding: 0 0 0 0px; } .post .links .comments { } .post .links .permalink { padding-left: 17px; } /* Sidebar */ #sidebar { float: left; width: 280px; } #sidebar ul { margin: 0; padding: 0; list-style: none; line-height: normal; } #sidebar li { margin-bottom: 30px; padding: 0 0 20px 0px; } #sidebar li ul { line-height: 200%; } #sidebar li li { margin: 0; padding: 0 20px; } #sidebar p { margin: 0; padding: 0 20px; } #sidebar h2 { height: 33px; margin: 0 0 20px 0px; padding: 8px 0 2px 20px; background: url(http://img.webme.com/pic/p/poniex/img05.jpg) no-repeat left top; font-size: 20px; color: #FFFFFF; } #sidebar p { line-height: 200%; } /* Calendar */ #calendar { } #calendar caption { padding-bottom: 5px; font-weight: bold; } #calendar table { width: 100%; border-collapse: collapse; border-right: 1px solid #F5F2EF; } #calendar thead th { padding: 5px 0; text-align: center; border-top: 1px solid #F5F2EF; border-left: 1px solid #F5F2EF; background: #F5F2EF; } #calendar tbody td { padding: 5px 0; text-align: center; border-top: 1px solid #F5F2EF; border-left: 1px solid #F5F2EF; } #calendar tfoot td { padding: 5px; } #calendar tfoot #next { text-align: right; } #calendar #today { background: #E7F1E1; } /* Footer */ #footer { width: 900px; margin: 0 auto; padding: 0; background: url(http://img.webme.com/pic/p/poniex/img07.jpg) no-repeat left top; height: 61px; } #footer p { margin: 0; padding: 20px 0; text-align: center; line-height: normal; color: #FFFFFF; } #footer a { color: #B03336; } #bottom-bg { width: 900px; margin: 0 auto; }
<div id="wrapper"> <div id="header"> <div id="menu"> <ul> <li class="current_page_item"><a href="#" _fcksavedurl="#">Home</a></li> <li><a href="#" _fcksavedurl="#">Blog</a></li> <li><a href="#" _fcksavedurl="#">Photos</a></li> <li><a href="#" _fcksavedurl="#">About</a></li> <li><a href="#" _fcksavedurl="#">Links</a></li> <li><a href="#" _fcksavedurl="#">Contact</a></li> </ul> </div> <!--{128905982024227}--> <div id="search"> <form method="get" action=""> <fieldset> <input type="text" name="s" id="search-text" size="15" /> <input type="submit" id="search-submit" value="Search" /> </fieldset> </form> </div> <!--{128905982024228}--> </div> <!--{128905982024229}--> <FCK:hr /> <!--{128905982024230}--> <!--{128905982024231}--> <div id="page">
TASARIMIN ALTINA
<div id="sidebar"> <div id="logo"> <h1><a href="#" _fcksavedurl="#">Flattering </a></h1> <p>template design by <a href="http://www.freecsstemplates.org/" _fcksavedurl="http://www.freecsstemplates.org/">Free CSS Templates</a></p> </div> <ul> <li> <h2>Aliquam tempus</h2> <p>Mauris vitae nisl nec metus placerat perdiet est. Phasellus dapibus semper urna. Pellentesque ornare, orci in consectetuer hendrerit, volutpat.</p> </li> <li id="calendar"> <h2>Calendar</h2> <div id="calendar_wrap"> <table summary="Calendar"> <caption> March 2008 </caption> <thead> <tr> <th abbr="Monday" scope="col" title="Monday">M</th> <th abbr="Tuesday" scope="col" title="Tuesday">T</th> <th abbr="Wednesday" scope="col" title="Wednesday">W</th> <th abbr="Thursday" scope="col" title="Thursday">T</th> <th abbr="Friday" scope="col" title="Friday">F</th> <th abbr="Saturday" scope="col" title="Saturday">S</th> <th abbr="Sunday" scope="col" title="Sunday">S</th> </tr> </thead> <tfoot> <tr> <td abbr="February" colspan="3" id="prev"><a href="#" _fcksavedurl="#" title="">« Feb</a></td> <td class="pad"> </td> <td abbr="April" colspan="3" id="next"><a href="#" _fcksavedurl="#" title="">Apr »</a></td> </tr> </tfoot> <tbody> <tr> <td colspan="5" class="pad"> </td> <td>1</td> <td>2</td> </tr> <tr> <td>3</td> <td>4</td> <td>5</td> <td>6</td> <td>7</td> <td>8</td> <td>9</td> </tr> <tr> <td>10</td> <td id="today">11</td> <td>12</td> <td>13</td> <td>14</td> <td>15</td> <td>16</td> </tr> <tr> <td>17</td> <td>18</td> <td>19</td> <td>20</td> <td>21</td> <td>22</td> <td>23</td> </tr> <tr> <td>24</td> <td>25</td> <td>26</td> <td>27</td> <td>28</td> <td>29</td> <td>30</td> </tr> <tr> <td>31</td> <td class="pad" colspan="6"> </td> </tr> </tbody> </table> </div> </li> <li> <h2>Turpis nulla</h2> <ul> <li><a href="#" _fcksavedurl="#"></a><a href="#" _fcksavedurl="#">Nec metus sed donec</a></li> <li><a href="#" _fcksavedurl="#">Magna lacus bibendum mauris</a></li> <li><a href="#" _fcksavedurl="#">Velit semper nisi molestie</a></li> <li><a href="#" _fcksavedurl="#">Eget tempor eget nonummy</a></li> <li><a href="#" _fcksavedurl="#">Nec metus sed donec</a></li> </ul> </li> </ul> </div> <!--{128905982024232}--> <div style="clear: both;"> </div> </div> <div id="bottom-bg"><img src="http://img.webme.com/pic/p/poniex/img07.gif" _fcksavedurl="http://img.webme.com/pic/p/poniex/img07.gif" alt="" /></div> <!--{128905982024233}--> <div id="footer"> <p>Copyright (c) 2008 Sitename.com. All rights reserved. Design by <a href="http://www.freecsstemplates.org/" _fcksavedurl="http://www.freecsstemplates.org/">Free CSS Templates</a>.</p> </div> <!--{128905982024234}--> </div>
CSS BÖLÜMÜ
h1#title{display: none;} h2#title span {display: none;} div.header{display: none;} li.nav_element{list-style-type: none;} li.nav_element{display: none;} /* Design by Free CSS Templates Download free CSS templates - Free CSS Templates Released for free under a Creative Commons Attribution 2.5 License */ body { margin-top: 45px; padding: 0; background: #7A1A1A url(http://img.webme.com/pic/p/poniex/img01.gif) repeat left top; font-family: Georgia, "Times New Roman", Times, serif; font-size: 13px; color: #837669; } h1, h2, h3 { margin: 0; font-family: Georgia, "Times New Roman", Times, serif; font-weight: normal; color: #649632; } h1 { font-size: 44px; } h2 { font-size: 20px; } h3 { } p, ul, ol { margin-top: 0; line-height: 240%; text-align: justify; font-family: Georgia, "Times New Roman", Times, serif; font-size: 11px; } ul, ol { } blockquote { } a { color: #B03336; } a:hover { text-decoration: none; } a img { border: none; } img.left { float: left; margin: 7px 30px 0 0; } img.right { float: right; margin: 7px 0 0 30px; } hr { display: none; } .list1 { } .list1 li { float: left; line-height: normal; } .list1 li img { margin: 0 30px 30px 0; } .list1 li.alt img { margin-right: 0; } #wrapper { } /* Header */ #header-wrapper { width: 880px; margin: 0 auto; } #header { width: 900px; height: 50px; margin: 0 auto; background: url(http://img.webme.com/pic/p/poniex/img02.gif) no-repeat left top; } /* Menu */ #menu { float: left; width: 540px; height: 50px; } #menu ul { margin: 0; padding: 0px 0 0 0px; list-style: none; line-height: normal; } #menu li { display: block; float: left; height: 35px; padding-top: 15px; background: url(http://img.webme.com/pic/p/poniex/img03.gif) no-repeat right center; } #menu a { display: block; float: left; padding: 0px 25px 0 25px; text-decoration: none; font: 14px Georgia, "Times New Roman", Times, serif; color: #FFFFFF; } #menu a:hover { text-decoration: underline; } #menu .current_page_item a { color: #FFFFFF; } /* Search */ #search { float: right; width: 305px; height: 26px; } #search form { float: right; margin: 0; padding: 15px 20px 0 0; } #search fieldset { margin: 0; padding: 0; border: none; } #search input { float: left; font: 12px Georgia, "Times New Roman", Times, serif; border: none; } #search-text { width: 135px; height: 18px; padding: 3px 0 0 5px; background: #ECF9E4; color: #658453; } #search-submit { height: 21px; margin-left: 12px; color: #39561D; } /* Page */ #page { width: 860px; margin: 0 auto; padding: 30px 20px 0px 20px; background: #FFFFFF; } /** LOGO */ #logo { width: 280px; height: 190px; margin: 0 auto; background: url(http://img.webme.com/pic/p/poniex/img04.jpg) no-repeat left top; } #logo h1, #logo p { margin: 0; line-height: normal; text-align: center; } #logo h1 { padding-top: 50px; } #logo h1 a { text-decoration: none; text-transform: lowercase; color: #FFFFFF; } #logo h1 a:hover { text-decoration: underline; } #logo p { margin: 0; padding: 130px 0 0 10px; font: italic 10px Georgia, "Times New Roman", Times, serif; color: #BF7D7F; } #logo p a { text-decoration: none; color: #BF7D7F; } #logo p a:hover { text-decoration: underline; } /* Content */ #content { float: right; width: 550px; } /* Post */ .post { margin-bottom: 25px; } .post .title { height: 30px; margin-bottom: 3px; padding: 8px 0px 2px 20px; background: url(http://img.webme.com/pic/p/poniex/img06.jpg) no-repeat left top; color: #FFFFFF; } .post .date { float: right; margin-top: -45px; padding-right: 20px; font-family: Georgia, "Times New Roman", Times, serif; font-weight: normal; font-size: 18px; color: #FFFFFF; } .post .meta { margin: -30px 0 3px 25px; padding: 2px 30px 2px 0px; font-family: Arial, Helvetica, sans-serif; font-weight: normal; font-size: 10px; color: #FFFFFF; } .post .meta a { color: #B6ACA2; } .post .entry { padding: 25px 20px 0px 20px; } .post .links { margin: 0 250px 0 0; padding: 0 0 0 0px; } .post .links .comments { } .post .links .permalink { padding-left: 17px; } /* Sidebar */ #sidebar { float: left; width: 280px; } #sidebar ul { margin: 0; padding: 0; list-style: none; line-height: normal; } #sidebar li { margin-bottom: 30px; padding: 0 0 20px 0px; } #sidebar li ul { line-height: 200%; } #sidebar li li { margin: 0; padding: 0 20px; } #sidebar p { margin: 0; padding: 0 20px; } #sidebar h2 { height: 33px; margin: 0 0 20px 0px; padding: 8px 0 2px 20px; background: url(http://img.webme.com/pic/p/poniex/img05.jpg) no-repeat left top; font-size: 20px; color: #FFFFFF; } #sidebar p { line-height: 200%; } /* Calendar */ #calendar { } #calendar caption { padding-bottom: 5px; font-weight: bold; } #calendar table { width: 100%; border-collapse: collapse; border-right: 1px solid #F5F2EF; } #calendar thead th { padding: 5px 0; text-align: center; border-top: 1px solid #F5F2EF; border-left: 1px solid #F5F2EF; background: #F5F2EF; } #calendar tbody td { padding: 5px 0; text-align: center; border-top: 1px solid #F5F2EF; border-left: 1px solid #F5F2EF; } #calendar tfoot td { padding: 5px; } #calendar tfoot #next { text-align: right; } #calendar #today { background: #E7F1E1; } /* Footer */ #footer { width: 900px; margin: 0 auto; padding: 0; background: url(http://img.webme.com/pic/p/poniex/img07.jpg) no-repeat left top; height: 61px; } #footer p { margin: 0; padding: 20px 0; text-align: center; line-height: normal; color: #FFFFFF; } #footer a { color: #B03336; } #bottom-bg { width: 900px; margin: 0 auto; }