//-->
yazın sanal aleminin eğlence sitesi
Ana Sayfa
İletişim
icon1
icon2
icon3
icon4
icon5
eglence
csstasarımlar
tasarim1
tasarim2
tasarim3
tasarim4
ms222
destekle
eğlence
multimedia
forum
icon
tasa
multi
MENÜ
top
tasarım
msntasraım
tasarım222
Yeni sayfanın başlığı
tasarımdgd
trasarm241215
Yeni rtgdftsayfanın başlığı
google5cb9bfa05184e12e
gasgasg
müzillll
tasarim1
Tasarımı kullanabilirsiniz ama sitelerinizde kod halinde yayınlamayın.
Tasarım Üstü
<!-- wrap starts here --> <div id="wrap"> <!--header --> <div id="header"> <h1 id="logo-text"><a href="index.html" _fcksavedurl="index.html" _fcksavedurl="index.html"></a></h1><p id="slogan"></p><div id="header-links"></p> </div> </div> <!-- menu --> <div id="menu"> <div align="center"> <table border="0" align="center" cellpadding="10" cellspacing="0"> <tr> <td> <ul> <li><a href="/Ana-Sayfa.htm" _fcksavedurl="/Ana-Sayfa.htm" _fcksavedurl="/Ana-Sayfa.htm">Ana Sayfa</a></li> </ul></td> <td> <ul> <li><a href="/Ziyaret%E7i-defteri.htm" _fcksavedurl="/Ziyaret%E7i-defteri.htm" _fcksavedurl="/Ziyaret%E7i-defteri.htm">Z. Defteri</a></li> </ul></td> <td> <ul> <li><a href="/%26%23304%3Bcon-Ar%26%23351%3Bivi.htm" _fcksavedurl="/%26%23304%3Bcon-Ar%26%23351%3Bivi.htm" _fcksavedurl="/%26%23304%3Bcon-Ar%26%23351%3Bivi.htm">İcon Arşivi</a></li> </ul></td> <td> <ul> <li><a href="/Tasar%26%23305%3Bmlar.htm" _fcksavedurl="/Tasar%26%23305%3Bmlar.htm" _fcksavedurl="/Tasar%26%23305%3Bmlar.htm">Tasarımlar</a></li> </ul></td> <td> <ul> <li><a href="/Hit-Art%26%23305%3Brma.htm" _fcksavedurl="/Hit-Art%26%23305%3Brma.htm" _fcksavedurl="/Hit-Art%26%23305%3Brma.htm">Hit Artıma</a></li> </ul></td> <td> <ul> <li><a href="/Site-Haritas%26%23305%3B.htm" _fcksavedurl="/Site-Haritas%26%23305%3B.htm" _fcksavedurl="/Site-Haritas%26%23305%3B.htm">Site Haritası</a></li> </ul></td> <td> <ul> <li><a href="haftan%26%23305%3Bn-program%26%23305%3B.htm" _fcksavedurl="haftan%26%23305%3Bn-program%26%23305%3B.htm" _fcksavedurl="/haftan%26%23305%3Bn-program%26%23305%3B.htm">Haftanın Programı</a></li> </ul></td> </tr> </table> </div> <ul> </ul> </div> <!-- content-wrap starts here --> <div id="content-wrap"> <div id="sidebar"> <div class="left-box"> <p class="align-right"></p> </div> </div>
Tasarım Altı
<!-- content-wrap ends here --> </div> <!--footer starts here--> <div id="footer"> </div> <!-- wrap ends here --> </div>
Css Kodu
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;} table iframe { margin-left: 150px } 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;} /* Top Elements */ * { margin: 0; padding: 0; outline: 0 } body { background-image:url(buraya);background-color:#ffffff; font: 70%/1.5em Verdana, Tahoma, arial, sans-serif; color: #555; text-align: center; } /* links */ a, a:visited { text-decoration: none; color: #2180BC; background: inherit; } a:hover { color: #88ac0b; background: inherit; text-decoration: underline; } /* headers */ h1, h2, h3 { font-family: 'Trebuchet MS', Tahoma, Sans-serif; } h1 { font-size: 150%; font-weight: normal; color: #cccccc; } h2 { font-size: 140%; text-transform: uppercase; color: #cccccc; } h3 { font-size: 120%; color: #cccccc; } h1, h2, h3, p { padding: 10px; margin: 0; } ul, ol { margin: 5px 20px; padding: 0 20px; } /******************************************** Design ********************************************/ #wrap { width: 800px; background: url(https://img.webme.com/pic/f/fakedesign/ake3.png) repeat-y center top; margin: 0 auto; text-align: left; } #content-wrap { clear: both; width: 760px; padding: 0; margin: 10px auto; } #header { width: 800px; position: relative; height: 150px; background: #fff url(https://img.webme.com/pic/f/fakedesign/baslkm.png) no-repeat center top; padding: 0; } #header h1#logo-text a { position: absolute; margin: 0; padding: 0; font: bolder 44px 'Trebuchet MS', Arial, Sans-serif; letter-spacing: -2px; color: #FFF; text-transform: none; text-decoration: none; background: transparent; /* change the values of top and left to adjust the position of the logo*/ top: 25px; left: 47px; } #header p#slogan { position: absolute; margin: 0; padding: 0; font: normal 12px 'Trebuchet MS', Arial, Sans-serif; text-transform: none; color: #FFF; /* change the values of top and left to adjust the position of the slogan*/ top: 70px; left: 55px; } /* header links */ #header #header-links { position: absolute; top: 20px; right: 30px; color: #ffffff; font-size: 10px; } #header #header-links a { color: #FFF; text-decoration: none; } #header #header-links a:hover { color: #000000; } /* Menu */ #menu { clear: both; margin: 0 auto; padding: 0; background: url(https://img.webme.com/pic/f/fakedesign/ake22.png) repeat-x 0 0; font: bold 12px/37px Verdana, Arial, Tahoma, Sans-serif; height: 38px; width: 800px; } #menu ul { float: right; list-style: none; margin:0; padding: 0; } #menu ul li { display: inline; } #menu ul li a { display: block; float: left; padding: 0 12px; color: #000000; text-decoration: none; } #menu ul li.last a { padding-right: 20px; } #menu ul li a:hover { color: #cccccc; } #menu ul li#current a { color: #bc0303; } /* Main Column */ #main { float: left; width: 70%; padding: 0; margin: 0px 0 0 5px; display: inline; } #main h2 { margin-top: 30px; font: Bold 140% 'Trebuchet MS', Tahoma, Sans-serif; color: #88ac0b; padding: 5px 0 5px 25px; border-bottom: 1px solid #EFF0F1; background: #FFF none no-repeat 3px 50%; text-transform: none; } #main h2 a { background: none; color: #88ac0b; text-decoration: none; } #main ul li { list-style-image: none; } .post-footer { background-color: #FAFAFA; padding: 5px; margin: 20px 10px 10px 10px; border: 1px solid #f2f2f2; font-size: 95%; } .post-footer .date { background: none no-repeat left center; padding-left: 20px; margin: 0 10px 0 5px; } .post-footer .comments { background: none no-repeat left center; padding-left: 20px; margin: 0 10px 0 5px; } .post-footer .readmore { background: none no-repeat left center; padding-left: 20px; margin: 0 10px 0 5px; } /* Sidebar */ #sidebar { float: right; width: 26.5%; padding: 0; margin: 0; color: #000; } #sidebar h3 { margin-top: 10px; padding: 20px 20px; font: bold 1.4em 'Trebuchet MS', Tahoma, Sans-serif; color: #bc0303; } #sidebar ul.sidemenu { list-style: none; text-align: left; margin: 7px 4px 8px 0; padding: 0; text-decoration: none; background: none repeat-x left top; } #sidebar ul.sidemenu li { list-style: none; background: none repeat-x left bottom; padding: 4px 0 4px 5px; margin: 0 20px; color: #bc0303; } * html body #sidebar ul.sidemenu li { height: 1%; } #sidebar ul.sidemenu li a { text-decoration: none; background-image: none; color: #666666; } #sidebar ul.sidemenu li a:hover { color: #1773BC; } #sidebar ul.sidemenu ul { margin: 0 0 0 5px; padding: 0; } #sidebar ul.sidemenu ul li { background: none; } /* Footer */ #footer { color: #C6DDEE; background: url(https://img.webme.com/pic/f/fakedesign/nazar3.png) no-repeat center top; clear: both; width: 800px; height: 170px; text-align: center; font-size: 92%; } #footer a { color: #FFF; text-decoration: none; } /* alignment classes */ .float-left { float: left; } .float-right { float: right; } .align-left { text-align: left; } .align-right { text-align: right; } /* display and additional classes */ .clear { clear:
butasarım fakedesign.tr.gg den alıntıdır
Bu web sitesi
Bedava-Sitem.com
ile ücretsiz oluşturuldu. Siz de kendi web sitenizi ister misiniz?
Ücretsiz kayıt ol