Css-Thema Bilgi Paylaşım Platformu.. - Beyaz Lacivert Tasarım

Beyaz Lacivert Tasarım

Tasarımın Üzerineki Yazı

<center><div id="wrapper"> <div id="logo"> <img src="http://pixelea.com/s/6a43e9dc36.gif" _fcksavedurl="http://pixelea.com/s/6a43e9dc36.gif" _fcksavedurl="http://pixelea.com/s/6a43e9dc36.gif" border="0"> </div> <div class="pro_linedrop"> <ul class="select"> <li><a href="URL LINK'S?PHPSESSID=57afed550e4a9dee2593aec05ec4b1bf" _fcksavedurl="URL LINK'S?PHPSESSID=57afed550e4a9dee2593aec05ec4b1bf" _fcksavedurl="URL LINK'S"><b>Nombre link's</b></a></li> <li class="line"><a href="URL LINK'S?PHPSESSID=57afed550e4a9dee2593aec05ec4b1bf" _fcksavedurl="URL LINK'S?PHPSESSID=57afed550e4a9dee2593aec05ec4b1bf" _fcksavedurl="URL LINK'S"><b>Nombre link's</b></a>  <ul class="sub"> <li><a href="URL LINK'S?PHPSESSID=57afed550e4a9dee2593aec05ec4b1bf" _fcksavedurl="URL LINK'S?PHPSESSID=57afed550e4a9dee2593aec05ec4b1bf" _fcksavedurl="URL LINK'S">Nombre link's</a></li> <li><a href="URL LINK'S?PHPSESSID=57afed550e4a9dee2593aec05ec4b1bf" _fcksavedurl="URL LINK'S?PHPSESSID=57afed550e4a9dee2593aec05ec4b1bf" _fcksavedurl="URL LINK'S">Nombre link's</a></li> <li><a href="URL LINK'S?PHPSESSID=57afed550e4a9dee2593aec05ec4b1bf" _fcksavedurl="URL LINK'S?PHPSESSID=57afed550e4a9dee2593aec05ec4b1bf" _fcksavedurl="URL LINK'S">Nombre link's</a></li> <li><a href="URL LINK'S?PHPSESSID=57afed550e4a9dee2593aec05ec4b1bf" _fcksavedurl="URL LINK'S?PHPSESSID=57afed550e4a9dee2593aec05ec4b1bf" _fcksavedurl="URL LINK'S">Nombre link's</a></li> <li><a href="URL LINK'S?PHPSESSID=57afed550e4a9dee2593aec05ec4b1bf" _fcksavedurl="URL LINK'S?PHPSESSID=57afed550e4a9dee2593aec05ec4b1bf" _fcksavedurl="URL LINK'S">Nombre link's</a></li> </ul>  </li> <li class="line"><a href="URL LINK'S?PHPSESSID=57afed550e4a9dee2593aec05ec4b1bf" _fcksavedurl="URL LINK'S?PHPSESSID=57afed550e4a9dee2593aec05ec4b1bf" _fcksavedurl="URL LINK'S"><b>Nombre link's</b></a>  <ul class="sub"> <li><a href="URL LINK'S?PHPSESSID=57afed550e4a9dee2593aec05ec4b1bf" _fcksavedurl="URL LINK'S?PHPSESSID=57afed550e4a9dee2593aec05ec4b1bf" _fcksavedurl="URL LINK'S">Nombre link's</a></li> <li><a href="URL LINK'S?PHPSESSID=57afed550e4a9dee2593aec05ec4b1bf" _fcksavedurl="URL LINK'S?PHPSESSID=57afed550e4a9dee2593aec05ec4b1bf" _fcksavedurl="URL LINK'S">Nombre link's</a></li> <li><a href="URL LINK'S?PHPSESSID=57afed550e4a9dee2593aec05ec4b1bf" _fcksavedurl="URL LINK'S?PHPSESSID=57afed550e4a9dee2593aec05ec4b1bf" _fcksavedurl="URL LINK'S">Nombre link's</a></li> <li><a href="URL LINK'S?PHPSESSID=57afed550e4a9dee2593aec05ec4b1bf" _fcksavedurl="URL LINK'S?PHPSESSID=57afed550e4a9dee2593aec05ec4b1bf" _fcksavedurl="URL LINK'S">Nombre link's</a></li> </ul>  </li> </ul> </div><br/><br/> <div style="clear: both;"></div> <center> <div id="body_wrapper"> <div id="left_nav"> <div class="nav_box_header">menu</div> <div class="nav_box"> <br /> <ul> <li><a href="#1" _fcksavedurl="#1" _fcksavedurl="#1">Link 1</a></li> <li><a href="#1" _fcksavedurl="#1" _fcksavedurl="#1">Link 2</a></li> <li><a href="#1" _fcksavedurl="#1" _fcksavedurl="#1">Link 3</a></li> <li><a href="#1" _fcksavedurl="#1" _fcksavedurl="#1">Link 4</a></li> <li><a href="#1" _fcksavedurl="#1" _fcksavedurl="#1">Link 5</a></li> </ul> </div> <br /> <div class="nav_box_header">otro menu o box</div> <div class="nav_box"> <br /> <ul> <li><a href="#1" _fcksavedurl="#1" _fcksavedurl="#1">Link 1</a></li> <li><a href="#1" _fcksavedurl="#1" _fcksavedurl="#1">Link 2</a></li> <li><a href="#1" _fcksavedurl="#1" _fcksavedurl="#1">Link 3</a></li> <li><a href="#1" _fcksavedurl="#1" _fcksavedurl="#1">Link 4</a></li> <li><a href="#1" _fcksavedurl="#1" _fcksavedurl="#1">Link 5</a></li> </ul> </div> </div> <div id="content_1"> <div class="nav_box_header">dpruebas.es.tl</div> <div class="nav_box">

Tasarımın Altındaki Yazı

</div> </div> <div id="right_nav"> <div class="nav_box_header">menu derecha</div> <div class="nav_box"> <br /> <ul> <li><a href="#1" _fcksavedurl="#1" _fcksavedurl="#1">Link 1</a></li> <li><a href="#1" _fcksavedurl="#1" _fcksavedurl="#1">Link 2</a></li> <li><a href="#1" _fcksavedurl="#1" _fcksavedurl="#1">Link 3</a></li> <li><a href="#1" _fcksavedurl="#1" _fcksavedurl="#1">Link 4</a></li> <li><a href="#1" _fcksavedurl="#1" _fcksavedurl="#1">Link 5</a></li> </ul> </div> <br /> <div class="nav_box_header">otro menu o box</div> <div class="nav_box"> <br /> <ul> <li><a href="#1" _fcksavedurl="#1" _fcksavedurl="#1">Link 1</a></li> <li><a href="#1" _fcksavedurl="#1" _fcksavedurl="#1">Link 2</a></li> <li><a href="#1" _fcksavedurl="#1" _fcksavedurl="#1">Link 3</a></li> <li><a href="#1" _fcksavedurl="#1" _fcksavedurl="#1">Link 4</a></li> <li><a href="#1" _fcksavedurl="#1" _fcksavedurl="#1">Link 5</a></li> </u> </div> </div> </div> </center> <div style="clear: both;"></div> <br /> <div id="footer"> <a href="http://www.diegovenegas.tk" _fcksavedurl="http://www.diegovenegas.tk" _fcksavedurl="http://www.diegovenegas.tk"><img src="http://pixelea.com/s/beca7361f3.gif" _fcksavedurl="http://pixelea.com/s/beca7361f3.gif" _fcksavedurl="http://pixelea.com/s/beca7361f3.gif" height="15" width="15" border ="0"> Home</a> | <a href="javascript:history.go(0);" _fcksavedurl="javascript:history.go(0);" _fcksavedurl="javascript:history.go(0);"><img width="15" height="15" src="http://pixelea.com/s/e5451c68a9.gif" _fcksavedurl="http://pixelea.com/s/e5451c68a9.gif" _fcksavedurl="http://pixelea.com/s/e5451c68a9.gif" border="0"> Actualizar</a> | <a href="#" _fcksavedurl="#" _fcksavedurl="#"><img width="15" height="15" src="http://pixelea.com/s/6179cb7ac6.gif" _fcksavedurl="http://pixelea.com/s/6179cb7ac6.gif" _fcksavedurl="http://pixelea.com/s/6179cb7ac6.gif" border="0"> Subir</a> | <a href="javascript:history.back ();" _fcksavedurl="javascript:history.back ();" _fcksavedurl="javascript:history.back ();"><img width="15" height="15" src="http://pixelea.com/s/1b7870e201.gif" _fcksavedurl="http://pixelea.com/s/1b7870e201.gif" _fcksavedurl="http://pixelea.com/s/1b7870e201.gif" border="0"> Atras</a> | <a href="javascript:history.forward();" _fcksavedurl="javascript:history.forward();" _fcksavedurl="javascript:history.forward();">Siguiente <img width="15" height="15" src="http://pixelea.com/s/971291c98b.gif" _fcksavedurl="http://pixelea.com/s/971291c98b.gif" _fcksavedurl="http://pixelea.com/s/971291c98b.gif" border="0"></a> | <a href="javascript:agregar()" _fcksavedurl="javascript:agregar()" _fcksavedurl="javascript:agregar()"><img width="15" height="15" src="http://pixelea.com/s/801ffff8bd.gif" _fcksavedurl="http://pixelea.com/s/801ffff8bd.gif" _fcksavedurl="http://pixelea.com/s/801ffff8bd.gif" border="0"> Agregar a Favoritos</a> </div></div> </center> <div style="text-align: center; font-size: 0.75em;">© Diego Venegas | Design by <a target="_blank" href="http://www.diegovenegas.tk" _fcksavedurl="http://www.diegovenegas.tk" _fcksavedurl="http://www.diegovenegas.tk">DIEGOVENEGAS.TK</a> | Plantilla CSS-Desing <a href="http://www.paginawebgratis.es" _fcksavedurl="http://www.paginawebgratis.es" _fcksavedurl="http://www.paginawebgratis.es" target="_blank">PWG</a><br/> <A target="_blank" HREF="http://www.copyscape.com/" _fcksavedurl="http://www.copyscape.com/" _fcksavedurl="http://www.copyscape.com/"><IMG SRC="http://banners.copyscape.com/images/cs-wh-234x16.gif" _fcksavedurl="http://banners.copyscape.com/images/cs-wh-234x16.gif" _fcksavedurl="http://banners.copyscape.com/images/cs-wh-234x16.gif" ALT="Page copy protected against web site content infringement by Copyscape" TITLE="Do not copy content from the page. Plagiarism will be detected by Copyscape." WIDTH="234" HEIGHT="16" BORDER="0"></A></div>

Css Kodu'na

body {background: #FFFFFF; font-family: Tahoma, Verdana; font-size: 10pt; color:#000066;} #top_nav {width: 98%; position: relative;} #logo {width: 98%; background: #FFFFFF; border: 1px solid #000066;} #body_wrapper {width: 98%;} #left_nav {padding-top: 8px; width: 19%; float: left; margin: 0 auto;} #right_nav {padding-top: 8px; width: 20%; float: left; margin: 0 auto;} #content_1 {padding-top: 8px; width: 60%; float: left; margin: 0 auto;} #footer {font-size: 8pt; padding-top: 3px; padding-bottom: 3px; width: 98%; background: #FFFFFF;} #logo h1 {font-size: 20pt; margin-top: 12px; margin-bottom: 12px; color: #000000;} a:link, a:visited, a:active {color: #0099CC; text-decoration: none;} a:hover {color: #0033CC;} #top_nav a:link,#top_nav a:visited, #top_nav a:active {color:#0099CC; font-weight: bold; text-decoration: none;} #top_nav a:hover {color: #0033CC;} img { border: 0px; } .nav_box_header {font-size: 12pt; color: white; font-weight: bold; background: #000066; width: 98%; border: 1px solid #000066; -moz-border-radius: 35px 35px 0px 0px;} .nav_box {background: #FFFFFF; width: 98%; border: 1px solid #000066; text-align: left;} .content_box_header {background: #00CC00; width: 98%; border: 1px solid #000066;} .content_box {background: white; width: 98%; border: 1px solid #000066;} div.nav_box p { margin:0; } #content .nav_box {padding-top: 15px; padding-top: 15px; padding-bottom: 15px;} #content .nav_box {padding-left: 5px; padding-right: 5px; width: 96%;} .nav_box_header { text-transform: uppercase; } ul {list-style-image: url(http://pixelea.com/s/ace1e79772.gif);} #footer {color: #ffffff; background: #000066;} #footer a:link, #footer a:visited, #footer a:active {color: #ffffff;} #counter {position: absolute; right: 3%; top:0px;} #content {padding:10px; color:#000066; font-family: Helvetica, sans-serif; font-size:12px; font-weight:bold; background-color:#transparent; background-image: none; border: 0px solid #000066; overflow:auto;} .nav_element, .header, #content_container h2, #extraDiv1,#extraDiv2,#extraDiv3,#extraDiv4,#extraDiv5,#extraDiv6, #pre_header,#post_header,#pre_content,#nav_heading,div.header, h1#title,h2#title span {display: none;} .pro_linedrop {height:35px; width:98%; background:url(http://pixelea.com/s/224035d6ed.gif); position:relative; font-family:arial, verdana, sans-serif; font-size:11px;} .pro_linedrop .select {margin:0; padding:0; list-style:none; white-space:nowrap;} .pro_linedrop li {float:left; background:url(http://pixelea.com/s/789a3db113.gif);} .pro_linedrop .select a {display:block; height:35px; float:left; background:url(http://pixelea.com/s/224035d6ed.gif); padding:0 0 0 15px; text-decoration:none; line-height:33px; white-space:nowrap; color:#ffffff;} .pro_linedrop .select a b {display:block; padding:0 30px 0 15px; background:url (http://pixelea.com/s/224035d6ed.gif) right top;} .pro_linedrop .select li.line a b {background:url(http://pixelea.com/s/09b84661e9.gif) right top;} .pro_linedrop .select a:hover, .pro_linedrop .select li:hover a {background: url(http://pixelea.com/s/789a3db113.gif); padding:0 0 0 15px; cursor:pointer; color:#0099CC;} .pro_linedrop .select a:hover b, .pro_linedrop .select li:hover a b {display:block; padding:0 30px 0 15px; background:url(http://pixelea.com/s/789a3db113.gif) right top; cursor:pointer;} .pro_linedrop .select li.line a:hover b, .pro_linedrop .select li.line:hover a b {background:url(http://pixelea.com/s/d083a92e1d.gif) right top; } .pro_linedrop .sub {display:none;} .pro_linedrop ul ul {display:none;} .pro_linedrop table {border-collapse:collapse; margin:-1px; font-size:1em; width:0; height:0;} .pro_linedrop .sub {margin:0; padding:0;list-style:none;} .pro_linedrop .sub li {background:transparent;} .pro_linedrop .select :hover .sub {height:25px; display:block; position:absolute; float:left; width:100%; top:35px; left:0; text-align:center; background:#fff url(http://pixelea.com/s/d5a2d4e79b.gif); border:1px solid #aaa;} .pro_linedrop .select :hover .sub li a {display:block; height:25px; line-height:22px; float:left; background:transparent  none; padding:0 16px; margin:0; white-space:nowrap; color:#000066;font-size:10px;} .pro_linedrop .select :hover .sub li.subline a {color:#c00;} .pro_linedrop .select :hover .sub li a:hover, .pro_linedrop .select :hover .sub li:hover {color:#0099CC; line-height:20px; position:relative; background:#fff url(http://pixelea.com/s/d5a2d4e79b.gif) left bottom;}