lolipop

TASARIMIN GÖRÜNÜMÜ


<= Tasarimin Üzerine =>

<div id="wrap"> <h1><a href="www.css-tasarimm.tr.gg" _fcksavedurl="www.tvizlesene.com">Css Tasarim Merkezi</a></h1> <div id="header"> </div> <div id="content"> <div class="right">

</div> <div class="left"> <h2>Menu :</h2> <ul> <li><a href="#" _fcksavedurl="#">Ana Sayfa</a></li> <li><a href="#" _fcksavedurl="#">Ziyaretci Defteri</a></li> <li><a href="#" _fcksavedurl="#">İletişim</a></li> <li><a href="#" _fcksavedurl="#">Haberler</a></li> <li><a href="#" _fcksavedurl="#">Hakkımızda</a></li> <li><a href="#" _fcksavedurl="#">Son Dakika</a></li> </ul> <h2>Css Tasarimlar</h2> <ul> <li><a href="#" _fcksavedurl="#">CSS Tasarim 1</a></li> <li><a href="#" _fcksavedurl="#">CSS Tasarim 2</a></li> <li><a href="#" _fcksavedurl="#">CSS Tasarim 3</a></li> <li><a href="#" _fcksavedurl="#">CSS Tasarim 4</a></li> <li><a href="#" _fcksavedurl="#">CSS Tasarim 5</a></li> <li><a href="#" _fcksavedurl="#">CSS Tasarim 6</a></li> <li><a href="#" _fcksavedurl="#">CSS Tasarim 7</a></li> <li><a href="#" _fcksavedurl="#">CSS Tasarim 8</a></li> <li><a href="#" _fcksavedurl="#">CSS Tasarim 9</a></li> <li><a href="#" _fcksavedurl="#">CSS Tasarim 10</a></li> <li><a href="#" _fcksavedurl="#">CSS Tasarim 11</a></li> <li><a href="#" _fcksavedurl="#">CSS Tasarim 12</a></li> </ul> </div> <div style="clear: both;"> </div> </div> <div id="bottom"> </div> <div id="footer"> Designed by <a href="http://www.tvizlesene.com/" _fcksavedurl="http://www.tvizlesene.com/">Css Tasarim Merkezi</a>. <br><br> <center><a href="http://www.tvizlesene.com" _fcksavedurl="http://www.tvizlesene.com"><img src="https://img.webme.com/pic/c/css-tasarimm/toplist.gif" _fcksavedurl="https://img.webme.com/pic/c/css-tasarimm/toplist.gif" alt="css tasarim merkezi" /></a></center> </div> </div>

h1#title{display: none;} h2#title span {display: none;} div.header{display: none;} li.nav_element{list-style-type: none;} li.nav_element{display: none;} * { margin: 0; padding: 0; } body { background: #fff; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; line-height: 17px; color: #222; margin: 0; padding: 0; } a { text-decoration: none; color: #FF9600; } a:hover { text-decoration: underline; color: #111; } #wrap { margin: 0 auto; width: 500px; } #header { background: #fff url(https://img.webme.com/pic/c/css-tasarimm/13-header.jpg) no-repeat; height: 180px; } h1 { padding: 10px 0 0 5px; font-size: 18px; color: #000; } h1 a { padding: 10px 0 0 5px; font-size: 18px; color: #000; font-weight: 100; text-decoration: underline; } #content { padding: 0 20px; background: #fff url(https://img.webme.com/pic/c/css-tasarimm/13-content.jpg) repeat-y; } .right { float: right; width: 300px; text-align: justify; } .right h3 { font-size: 18px; font-weight: 100; padding-left: 10px; height: 24px; line-height: 24px; background: #FF9600; } .right h3 a { text-decoration: none; color: #fff; } .right h3 a:hover { color: #111; } .left { float: left; width: 150px; } .left h2 { padding-left: 10px; height: 24px; line-height: 24px; background: #FF9600; color: #fff; font-size: 13px; } .left ul { padding: 10px 0 15px 20px; color: #FF9600; } .left ul li a { text-decoration: none; font-weight: 600; } .left ul li a:hover { } .articles { padding: 10px; } #bottom { background: #fff url(https://img.webme.com/pic/c/css-tasarimm/13-bottom.jpg) no-repeat; padding: 10px 0; } #footer { text-align: center; font-size: 11px; color: #aaa; padding-bottom: 10px; } #footer a { color: #aaa; } #footer a:hover { color: #111; }