- CSS TASARIM 11

CSS TASARIM 11

TASARIMIN ÜSTÜNE

<!DOCTYPE  html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"  "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html dir='ltr' xmlns='http://www.w3.org/1999/xhtml'  xmlns:b='http://www.google.com/2005/gml/b'  xmlns:data='http://www.google.com/2005/gml/data'  xmlns:expr='http://www.google.com/2005/gml/expr'> <head>  <link type='text/css' rel='stylesheet'  href='http://www.blogger.com/static/v1/widgets/3651838170-widget_css_bundle.css'  />  <link rel="stylesheet" type="text/css"  href="http://www.blogger.com/dyn-css/authorization.css?targetBlogID=6986158406411447118&zx=396ba8d7-34b6-420a-829e-14504b2995ec"/>   </head> <body> <div  class='navbar section' id='navbar'><div class='widget Navbar'  id='Navbar1'>  <div></div></div></div> <div id='outer-wrapper'><div id='wrap2'>  <div id='header-wrapper'> <div class='header section' id='header'><div class='widget  Header' id='Header1'> <div id='header-inner'> <div class='titlewrapper'> <h1 class='title'> Titulo </h1> </div> <div class='descriptionwrapper'> <p  class='description'><span>Descripcion</span></p> </div> </div> </div></div> <div id='crosscol-wrapper' style='text-align:center'> <div class='crosscol section' id='crosscol'><div class='widget  PageList' id='PageList1'> <h2>Pages</h2> <div class='widget-content'> <ul> <li><a href='#'>Link</a></li> <li><a href='#'>Link</a></li> <li><a href='#'>Link</a></li> <li><a href='#'>Link</a></li> </ul> <div class='clear'></div> <div class='clear'></div> </div> </div></div> <div id='searchbox'> <form action='/search' id='searchthis' method='get'> <div class='content'> <input class='textfield' name='q' size='24' type='text' value=''/> <input class='button' type='submit' value=''/> </div> </form> </div> </div> </div> <div id='content-wrapper'> <div id='content-top'> <div id='main-wrapper'> <div class='main section' id='main'>

TASARIMIN ALTINA

</div> </div> <div  id='sidebar-wrapper'> <div class='sidebar section' id='sidebar'><div class='widget  Label' id='Label1'> <h2>Links</h2> <div class='widget-content list-label-widget-content'> <ul> <li> <a dir='ltr' href='#'>Link</a> </li> <li> <a dir='ltr' href='#'>Link</a> </li> <li> <a dir='ltr' href='#'>Link</a> </li> </ul> <div class='clear'></div> <div class='clear'></div> </div> </div><div class='widget Feed' id='Feed1'> <h2>Links</h2> <div class='widget-content' id='Feed1_feedItemListDisplay'> <ul> <li> <a dir='ltr' href='#'>Link</a> </li> <li> <a dir='ltr' href='#'>Link</a> </li> <li> <a dir='ltr' href='#'>Link</a> </li> </ul> </div> <div class='clear'></div> <div class='clear'></div> </div><div class='widget BlogArchive' id='BlogArchive1'> <h2>Links</h2> <div class='widget-content'> <div id='ArchiveList'> <div id='BlogArchive1_ArchiveList'> <ul> <li> <a dir='ltr' href='#'>Link</a> </li> <li> <a dir='ltr' href='#'>Link</a> </li> <li> <a dir='ltr' href='#'>Link</a> </li> </ul> </div> </div> <div class='clear'></div>  <div class='clear'></div> </div> </div><div class='widget Attribution' id='Attribution1'> <div class='widget-content' style='text-align: center;'> Powered by <a href='http://www.blogger.com'  target='_blank'>Blogger</a>. </div> <div class='clear'></div> <div class='clear'></div> </div></div> </div>  <div class='clear'> </div> </div></div>  </div></div>  <div id='footer-bg'> <div id='footer'>  <div class='first-links'> Copyright (c) 2010 <a  href='http://buzzdungeon.es.tl'>Adaptado por  buzzdungeon</a><</div> <div class='second-links'><a href='#'>links  importantes</a></div></div></div> </body> </html>

CSS BÖLÜMÜ

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;}   /* ----------------------------------------------- Blogger Template Style Name:     Enhance Blog Author: Klodian URL:    www.deluxetemplates.net Date:   September 2010 License:  This free Blogger template is licensed under the Creative  Commons Attribution 3.0 License, which permits both personal and  commercial use. However, to satisfy the 'attribution' clause of the  license, you are required to keep the footer links intact which provides  due credit to its authors. For more specific details about the license,  you may visit the URL below: http://creativecommons.org/licenses/by/3.0 ----------------------------------------------- */ #navbar-iframe, .quickedit { display: none !important; } /* Variable definitions ==================== <Variable name="textcolor" description="Text Color" type="color" default="#333"> <Variable name="linkcolor" description="Link Color" type="color" default="#58a"> <Variable name="pagetitlecolor" description="Blog Title Color" type="color" default="#fff"> <Variable name="descriptioncolor" description="Blog Description  Color" type="color" default="#fff"> <Variable name="titlecolor" description="Post Title Color" type="color" default="#000"> <Variable name="sidebarcolor" description="Sidebar Title Color" type="color" default="#fff"> <Variable name="sidebartextcolor" description="Sidebar Text Color" type="color" default="#333"> <Variable name="visitedlinkcolor" description="Visited Link Color" type="color" default="#3366cc"> <Variable name="bodyfont" description="Text Font" type="font" default="normal normal 110% Arial, Serif"> <Variable name="headerfont" description="Sidebar Title Font" type="font" default="bold 120%/1.4em 'Arial',Trebuchet,Arial,Verdana,Sans-serif"> <Variable name="pagetitlefont" description="Blog Title Font" type="font" default="bold 210% Arial,Serif"> <Variable name="descriptionfont" description="Blog Description Font" type="font" default="normal normal 790%  'Arial',Trebuchet,Arial,Verdana,Sans-serif"> <Variable name="postfooterfont" description="Post Footer Font" type="font" default="normal normal 90%/1.4em  'Arial',Trebuchet,Arial,Verdana,Sans-serif"> <Variable name="startSide" description="Side where text starts in  blog language" type="automatic" default="left"> <Variable name="endSide" description="Side where text ends in blog  language" type="automatic" default="right"> */ /* Use this with templates/template-twocol.html */ body { background:url("http://4.bp.blogspot.com/_ActSVcJ9YKs/TLoMle6tGtI/AAAAAAAABVQ/ND0Fz4ClMZI/s000/body.jpg")  repeat scroll 0 0 transparent; color:#333333; font:small Georgia Serif; margin:0; text-align:center; } a:link { color:#3366cc; text-decoration:none; } a:visited { color:#3366cc; text-decoration:none; } a:hover { color:#CC6600; text-decoration:underline; } a img { border-width:0; } #header-wrapper { background:url("http://3.bp.blogspot.com/_ActSVcJ9YKs/TLoMlkxdQFI/AAAAAAAABVU/xxJOHuCDYu4/s000/header-2.jpg")  no-repeat scroll 0 0 transparent; height:183px; margin:15px auto 0; width:960px; } #header-inner { background:url("http://2.bp.blogspot.com/_ActSVcJ9YKs/TLoMlxZTSEI/AAAAAAAABVY/D009Tga_qAI/s000/logo.png")  no-repeat scroll 38px 59px transparent; height:137px; margin-left:auto; margin-right:auto; } #header { color:#ffffff; text-align:left; } #header h1 { font:bold 210% Arial,Serif; letter-spacing:-1px; margin:0; padding:57px 104px 0; text-shadow:0 1px 0 #000000; text-transform:none; } #header a { color:#ffffff; text-decoration:none; } #header a:hover { color:#EEEEEE; } #header .description { font: normal normal 90% 'Arial',Trebuchet,Arial,Verdana,Sans-serif; color: #ffffff; letter-spacing:0; margin:0; max-width:700px; padding:0 107px 15px; text-shadow:0 1px 0 #000000; text-transform:none; } #header img { margin-left:auto; margin-right:auto; } #outer-wrapper { font:normal normal 110% Arial, Serif; margin:0 auto; text-align:left; width:960px; } #main-wrapper { float:left; margin-left:40px; margin-top:12px; overflow:hidden; width:600px; word-wrap:break-word; } #sidebar-wrapper { float:right; margin-right:34px; margin-top:14px; overflow:hidden; width:256px; word-wrap:break-word; } h2 { background:url("http://2.bp.blogspot.com/_ActSVcJ9YKs/TLoMmCCbOlI/AAAAAAAABVc/oYOHbuKEoeo/s000/h2bg3.png")  no-repeat scroll 0 0 transparent; font:bold 120%/1.4em 'Arial',Trebuchet,Arial,Verdana,Sans-serif; color:#ffffff; letter-spacing:0; margin:0; padding:7px 17px; text-shadow:0 1px 0 #000000; text-transform:none; } h2.date-header { background:none repeat scroll 0 0 transparent; font:12px arial; letter-spacing:0; margin:0; padding:0; text-transform:none; } .post { margin:0.5em 0 1.5em; padding-bottom:1.5em; } .post h3 { color:#000000; font-size:140%; font-weight:normal; line-height:1.4em; margin:0.25em 0 0; padding:0 0 4px; } .post h3 a, .post h3 a:visited, .post h3 strong { color:#000000; display:block; font-weight:bold; text-decoration:none; } .post h3 strong, .post h3 a:hover { color:#333333; } .post-body { line-height:1.6em; margin:0 0 0.75em; } .post-body blockquote { line-height:1.3em; } .post-footer { background:url("http://4.bp.blogspot.com/_ActSVcJ9YKs/TLoMmeFR3tI/AAAAAAAABVg/DdZe4JKOmfo/s000/post-footer.png")  no-repeat scroll center bottom #EBF6FD; border-top:1px solid #B5D6EA; color:#333333; font:normal normal 90%/1.4em 'Arial',Trebuchet,Arial,Verdana,Sans-serif; letter-spacing:0; margin:0.75em 0; padding:11px 15px; text-shadow:0 1px 0 #FFFFFF; text-transform:none; } .comment-link { margin-left:0.6em; } .post img, table.tr-caption-container { border:4px solid #EEEEEE; } .tr-caption-container img { border:medium none; padding:0; } .post blockquote { font:italic 13px georgia; margin:1em 20px; } .post blockquote p { margin:0.75em 0; } #comments h4 { color:#666666; font-size:14px; font-weight:bold; letter-spacing:0; line-height:1.4em; margin:1em 0; text-transform:none; } #comments-block { line-height:1.6em; margin:1em 0 1.5em; } #comments-block .comment-author { -moz-background-inline-policy:continuous; background:none repeat scroll 0 0 #C6E1F2; border:1px solid #C6E1F2; font-size:15px; font-weight:normal; margin-right:20px; padding:5px; } #comments .blogger-comment-icon, .blogger-comment-icon { -moz-background-inline-policy:continuous; background:none repeat scroll 0 0 #E8DEC4; border-color:#E8DEC4; border-style:solid; border-width:2px 1px 1px; line-height:16px; padding:5px; } #comments-block .comment-body { border-left:1px solid #C6E1F2; border-right:1px solid #C6E1F2; margin-left:0; margin-right:20px; padding:7px; } #comments-block .comment-footer { border-bottom:1px solid #C6E1F2; border-left:1px solid #C6E1F2; border-right:1px solid #C6E1F2; font-size:11px; line-height:1.4em; margin:-0.25em 20px 2em 0; padding:5px; text-transform:none; } #comments-block .comment-body p { margin:0 0 0.75em; } .deleted-comment { color:gray; font-style:italic; } #blog-pager-newer-link { float:left; } #blog-pager-older-link { float:right; } #blog-pager { text-align:center; } .feed-links { clear:both; line-height:2.5em; } .sidebar { color:#333333; font-size:90%; line-height:1.5em; } .sidebar ul { list-style:none outside none; margin:0; padding:0; } .sidebar li { border-bottom:1px dotted #CCCCCC; line-height:1.5em; margin:0; padding:2px; } .sidebar .widget, .main .widget { border-bottom:1px dotted #CCCCCC; margin:0 0 1.5em; padding:0 0 1.5em; } .main .Blog { border-bottom-width:0; } .profile-img { border:1px solid #CCCCCC; float:left; margin:0 5px 5px 0; padding:4px; } .profile-data { color:#999999; font:bold 78%/1.6em 'Trebuchet MS',Trebuchet,Arial,Verdana,Sans-serif; letter-spacing:0.1em; margin:0; text-transform:uppercase; } .profile-datablock { margin:0.5em 0; } .profile-textblock { line-height:1.6em; margin:0.5em 0; } .profile-link { font:78% 'Trebuchet MS',Trebuchet,Arial,Verdana,Sans-serif; letter-spacing:0.1em; text-transform:uppercase; } #footer { background:url("http://1.bp.blogspot.com/_ActSVcJ9YKs/TLoMmqvYRXI/AAAAAAAABVk/fd4nuB2erq8/s000/footer1.jpg")  no-repeat scroll 0 0 transparent; clear:both; color:#EEEEEE; font:italic 12px georgia; height:73px; letter-spacing:0; margin:0 auto; padding-top:12px; text-align:center; text-transform:none; width:960px; } .feed-links { display:none; } #Attribution1 { display:none; } body#layout #footer { display:none; } body#layout #addthis_toolbox { display:none; } body#layout #crosscol-wrapper { display:none; } body#layout #searchbox { display:none; } .post-share-buttons { } #sidebar-wrapper .sidebar .widget { border:medium none; margin-bottom:14px; padding-bottom:0; } #sidebar-wrapper .widget-content { padding:5px 16px 15px; } #footer-bg { } .first-links { } .second-links { } #footer a { color:#FFFFFF; } #content-wrapper { background:url("http://1.bp.blogspot.com/_ActSVcJ9YKs/TLoMmwCa9qI/AAAAAAAABVo/1jyJSZXv-2o/s000/content2.png")  repeat-y scroll 0 0 transparent; } #PageList1 { font:bold 12px/120% arial; margin-left:40px; margin-top:2 padding:0; padding-top:128px; } .PageList li a { border-right:1px solid #E09001; color:#222222; font-weight:bold; padding:15px 20px; text-shadow:0 1px 0 #EEEEEE; } .crosscol .PageList li, .footer .PageList li { background:none repeat scroll 0 0 transparent; float:left; list-style:none outside none; margin:0; padding:16px 0; } .PageList li.selected a { background:url("http://2.bp.blogspot.com/_ActSVcJ9YKs/TLoMnHKLjtI/AAAAAAAABVs/5efnEjpnFd8/s000/tab-active.png")  repeat-x scroll 0 0 transparent; font-weight:bold; text-decoration:none; } .PageList li a:hover { background:url("http://2.bp.blogspot.com/_ActSVcJ9YKs/TLoMnHKLjtI/AAAAAAAABVs/5efnEjpnFd8/s000/tab-active.png")  repeat-x scroll 0 0 transparent; font-weight:bold; text-decoration:none; } h2.date-header { background:url("http://4.bp.blogspot.com/_ActSVcJ9YKs/TLoMntfgoYI/AAAAAAAABVw/eG8trxBfC28/s000/1276328132_date.png")  no-repeat scroll left -1px transparent; color:#333333; font:12px arial; letter-spacing:0; margin:0; padding-left:20px; text-shadow:none; text-transform:none; } .post-author { background:url("http://1.bp.blogspot.com/_ActSVcJ9YKs/TLoMnzqPHVI/AAAAAAAABV0/sE9M3TJwc9I/s000/aaa.png")  no-repeat scroll 0 0 transparent; padding-left:20px; } .post-comment-link a { background:url("http://3.bp.blogspot.com/_ActSVcJ9YKs/TLoMoOVuYCI/AAAAAAAABV4/XidLvpWQ0NM/s000/1276328597_comment.png")  no-repeat scroll left center transparent; padding-left:20px; } .post-labels { background:url("http://1.bp.blogspot.com/_ActSVcJ9YKs/TLoMoTjD9xI/AAAAAAAABV8/Tw7_rciUhN4/s000/1276330011_tags.png")  no-repeat scroll left center transparent; padding-left:20px; } #searchbox { -moz-background-inline-policy:continuous; background:url("http://1.bp.blogspot.com/_ActSVcJ9YKs/TLoMoVXeopI/AAAAAAAABWA/0gfNgRKOYI4/s000/searchbox.png")  no-repeat scroll 0 0 transparent; display:block; float:right; height:28px; margin-right:27px; margin-top:-36px; width:190px; } #searchbox .textfield { -moz-background-inline-policy:continuous; background:none repeat scroll 0 0 transparent; border:0 none; float:left; height:14px; margin:6px 1px 10px 8px; width:145px; } #searchbox .button { -moz-background-inline-policy:continuous; background:none repeat scroll 0 0 transparent; border:0 none; cursor:pointer; float:left; height:30px; margin-left:2px; margin-top:6px; width:30px; } #PageList1 .widget-content { } #crosscol-wrapper { } #content-top { } #sidebar-wrapper a { } #sidebar-wrapper a:hover { color:#FBE2B6; } #navbar-iframe { display:block }