mcetin0501

Tasarim 1

Ramazan Ayi Tasarimi

Önizleme için tıklayınız!

Bu tasarım sitemde paylaşacağım ilk tasarımım olduğu için heyecanlıyım...

Neyse biraz tasarımın özelliklerinden bahsedelim:

+ Tasarım %75 saydamdır..
+ Sade ve güzel..
+ Az yer kaplayan bir tasarımdır...

İnşallah başka tasarımlarda görüşürüz. Eleştirilerinize açığız.

Tasarım Üstü:

<div id="ramazan-design"> <div id="ust"> <div id="logo">175x75 logo</div> </div> <div id="menu">Duyurular Buraya<a href="#" _fcksavedurl="#"></a></div> <div id="icerik"> <div id="icerikyazi"><div id="content">

Tasarım Altı:

</div></div> </div> <div id="bilgi">Bilgiler Buraya</div> <div id="alt"><img src="https://img.webme.com/pic/g/gl0bal/ramazan-design_05.gif" _fcksavedurl="https://img.webme.com/pic/g/gl0bal/ramazan-design_05.gif" width="800" height="113" border="0" usemap="#Map"> <map name="Map"> <area shape="rect" coords="250,32,332,53" href="http://www.mcetin0501.tr.gg/" _fcksavedurl="http://www.mcetin0501.tr.gg/" alt="www.MCetin0501.tr.gg"> </map> </div> </div>

CSS:

<style type="text/css"> #ramazan-design { height: auto; width: 800px; margin-right: auto; margin-left: auto; margin-top: 30px; } #ust { background-image: url(https://img.webme.com/pic/g/gl0bal/ramazan-design_01.gif); height: 197px; width: 800px; } #menu { background-image: url(https://img.webme.com/pic/g/gl0bal/ramazan-design_02.gif); height: 23px; width: 800px; color: #FFF; text-decoration: none; font-family: Arial, Helvetica, sans-serif; padding-right: 3px; padding-left: 3px; text-align: center; padding-top: 6px; font-size: 14px; } #icerik { font-size: 16px; color: #FFF; text-decoration: none; background-image: url(https://img.webme.com/pic/g/gl0bal/ramazan-design_03.gif); height: auto; width: 800px; } #bilgi { background-image: url(https://img.webme.com/pic/g/gl0bal/ramazan-design_02.gif); height: 23px; width: 800px; color: #FFF; text-decoration: none; font-family: Arial, Helvetica, sans-serif; padding-right: 3px; padding-left: 3px; text-align: center; padding-top: 6px; font-size: 14px; } #alt { font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #FFF; text-decoration: none; height: 113px; width: 800px; } #icerikyazi { width: 514px; margin-right: auto; margin-left: auto; height: auto; padding-top: 2px; padding-bottom: 2px; padding-right: 18px; padding-left: 18px; } #menu a { font-style: italic; color: #FFF; text-decoration: none; } #icerikyazi a { font-style: italic; color: #FFF; text-decoration: none; } #bilgi a { font-style: italic; color: #FFF; text-decoration: none; } #logo { height: 75px; width: 175px; margin-left: 170px; margin-top: 80px; } </style>