karikaturstix - Css Tasarımlar

Duyurulu Menü

Menüsü Vardır Ancak Resimde Menü Gözükmüor İsterseniz Menüyü değiştirebilirsiniz...
Önizleme

ÜST

<table width="905" height="196" border="0" align="center" cellpadding="0" cellspacing="0"> <tr> <td width="979" height="196" align="center" valign="top" background="https://img.webme.com/pic/r/resimuploadkrktr/duyurulu_01.png"><table width="905" border="0" cellpadding="0" cellspacing="0"> <tr> <td width="578" height="14"> </td> <td width="298"> </td> <td width="29"> </td> </tr> <tr> <td height="30"></td> <td align="center"><br /></td> <td></td> </tr> <tr> <td height="81"></td> <td align="center"><html> <body> <font face="tahoma" size="3" color="#F0F8FF">Duyuru!(Kısa Bişiler Yaz LAN <img src="//theme.webme.com/smiles/smiley.gif" border="0" width="15" height="15" alt="" />)</font> <br></td> <td></td> </table> </table> <table width="905" height="63" border="0" align="center" cellpadding="0" cellspacing="0"> <tr> <td width="904" align="left" valign="top" background="https://img.webme.com/pic/r/resimuploadkrktr/duyurulu_03.png"><table width="893" height="339" border="0" cellpadding="0" cellspacing="0"> <tr> <td width="16" height="339"> </td> <td width="227" align="left" valign="top"><style type="text/css"> /*Credits: Dynamic Drive CSS Library */ /*URL: http://www.dynamicdrive.com/style/ */ .arrowlistmenu{ width: 198px; /*width of menu*/ } .arrowlistmenu .headerbar{ font: bold 14px Arial; color: white; background: black url(http://www.dynamicdrive.com/cssexamples/media/titlebar.png) repeat-x center left; margin-bottom: 10px; /*bottom spacing between header and rest of content*/ text-transform: uppercase; padding: 4px 0 4px 10px; /*header text is indented 10px*/ } .arrowlistmenu ul{ list-style-type: none; margin: 0; padding: 0; margin-bottom: 8px; /*bottom spacing between each UL and rest of content*/ } .arrowlistmenu ul li{ padding-bottom: 2px; /*bottom spacing between menu items*/ } .arrowlistmenu ul li a{ color: #A70303; background: url(http://www.dynamicdrive.com/cssexamples/media/arrowbullet.png) no-repeat center left; /*custom bullet list image*/ display: block; padding: 2px 0; padding-left: 19px; /*link text is indented 19px*/ text-decoration: none; font-weight: bold; border-bottom: 1px solid #dadada; font-size: 90%; } .arrowlistmenu ul li a:visited{ color: #A70303; } .arrowlistmenu ul li a:hover{ /*hover state CSS*/ color: #243942; background-color: #A70303; } </style> <div class="arrowlistmenu"> <ul> <li><a href="http://www.krktrkmdy.tr.gg" _fcksavedurl="http://www.krktrkmdy.tr.gg">Anasayfa</a></li> <li><a href="http://www.krktrkmdy.tr.gg" _fcksavedurl="http://www.krktrkmdy.tr.gg">İletişim</a></li> <li><a href="http://www.krktrkmdy.tr.gg" _fcksavedurl="http://www.krktrkmdy.tr.gg">Dost Siteler</a></li> <li><a href="http://www.krktrkmdy.tr.gg" _fcksavedurl="http://www.krktrkmdy.tr.gg">Banner Değişim Ağı</a></li> <li><a href="http://www.krktrkmdy.tr.gg" _fcksavedurl="http://www.krktrkmdy.tr.gg">Banner Değişim Ağı</a></li> </ul> <h3 class="headerbar">CSS Drive</h3> <ul> <li><a href="http://www.krktrkmdy.tr.gg" _fcksavedurl="http://www.krktrkmdy.tr.gg">CSS Gallery</a></li> <li><a href="http://www.krktrkmdy.tr.gg" _fcksavedurl="http://www.krktrkmdy.tr.gg">Menu Gallery</a></li> <li><a href="http://www.krktrkmdy.tr.gg" _fcksavedurl="http://www.krktrkmdy.tr.gg">Web Design News</a></li> <li><a href="http://www.krktrkmdy.tr.gg" _fcksavedurl="http://www.krktrkmdy.tr.gg">CSS Examples</a></li> <li><a href="http://www.krktrkmdy.tr.gg" _fcksavedurl="http://www.krktrkmdy.tr.gg">CSS Compressor</a></li> <li><a href="http://www.krktrkmdy.tr.gg" _fcksavedurl="http://www.krktrkmdy.tr.gg">CSS Forums</a></li> </ul> </div> </td> <td width="7"> </td> <td width="634" align="left" valign="top">

ALT

</td> <td width="9"> </td> </tr> </table></td> </tr> </table> <table width="905" border="0" align="center" cellpadding="0" cellspacing="0"> <tr> <td width="906" height="71" align="left" valign="top" background="https://img.webme.com/pic/r/resimuploadkrktr/duyurulu_05.png"> </td> </tr> </table>

Css

table {margin-left: auto;margin-right: auto} iframe{border:Solid 3px #D7EEFE;} 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;} body,td,th { font-family:"Century Gothic", Arial, Helvetica, sans-serif; font-size: 14px; color: #00000; font-weight: normal; } a { font-family:"Century Gothic", Arial, Helvetica, sans-serif; font-size: 14px; color: #333399; font-weight: normal; } body { background-image: url(hhttp://www.backgroundlabs.com/thumbnails/t221.jpg); } a:hover { text-decoration: none; }

Metal tasarım

Önizleme

Üst

<table width="905" height="265" border="0" align="center" cellpadding="0" cellspacing="0"> <tr> <td width="979" height="265" align="center" valign="top" background="https://img.webme.com/pic/r/resimuploadkrktr/metal_01.png"><table width="905" height="184" border="0" cellpadding="0" cellspacing="0"> <tr> <td width="139" height="14"> </td> <td width="749"> </td> <td width="17"> </td> </tr> <tr> <td height="121"></td> <td align="center"><br /></td> <td></td> </tr> <tr> <td height="38"></td> <td align="center"><marquee direction=left><br> <font face="comic sans ms" size="3" color="#ffffff">YAZI</font> <br></marquee></td> <td></td> </table> </table> <table width="905" height="63" border="0" align="center" cellpadding="0" cellspacing="0"> <tr> <td width="904" align="left" valign="top" background="https://img.webme.com/pic/r/resimuploadkrktr/metal_02.png"><table width="893" height="293" border="0" cellpadding="0" cellspacing="0"> <tr> <td width="16" height="293"> </td> <td width="195" align="left" valign="top">Burayada Yan Menü Olabilir!</td> <td width="33"> </td> <td width="640" align="left" valign="top">

Alt

</td> <td width="9"> </td> </tr> </table></td> </tr> </table> <table width="905" border="0" align="center" cellpadding="0" cellspacing="0"> <tr> <td width="906" height="73" align="left" valign="top" background="https://img.webme.com/pic/r/resimuploadkrktr/metal_03.png"> </td> </tr> </table>

Css

table {margin-left: auto;margin-right: auto} iframe{border:Solid 3px #D7EEFE;} 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;} body,td,th { font-family:"Century Gothic", Arial, Helvetica, sans-serif; font-size: 14px; color: #00000; font-weight: normal; } a { font-family:"Century Gothic", Arial, Helvetica, sans-serif; font-size: 14px; color: #333399; font-weight: normal; } body { background-image: url(http://www.backgroundlabs.com/thumbnails/t114.jpg); } a:hover { text-decoration: none; }<br />

Saydam Tasarım

Önizleme

Üst
<table width="905" height="248" border="0" align="center" cellpadding="0" cellspacing="0"> <tr> <td width="979" height="248" align="center" valign="top" background="https://img.webme.com/pic/r/resimuploadkrktr/yeni_01.png"><table width="905" border="0" cellpadding="0" cellspacing="0"> <tr> <td width="219" height="14"> </td> <td width="657"> </td> <td width="29"> </td> </tr> <tr> <td height="114"></td> <td align="center"><br /></td> <td></td> </tr> <tr> <td height="52"></td> <td align="center"><marquee direction=left><br> <font face="comic sans ms" size="5" color="#00FFFF">Duyurunu Buraya Yaz Lan Kerkenez</font> <br></marquee></td> <td></td> </table> </table> <table width="905" height="63" border="0" align="center" cellpadding="0" cellspacing="0"> <tr> <td width="904" align="left" valign="top" background="https://img.webme.com/pic/r/resimuploadkrktr/yeni_02.png"><table width="893" height="335" border="0" cellpadding="0" cellspacing="0"> <tr> <td width="16" height="335"> </td> <td width="192" align="left" valign="top">Burayada Yan Menü Olabilir!</td> <td width="34"> </td> <td width="642" align="left" valign="top">
Alt
</td> <td width="9"> </td> </tr> </table></td> </tr> </table> <table width="905" border="0" align="center" cellpadding="0" cellspacing="0"> <tr> <td width="906" height="205" align="left" valign="top" background="https://img.webme.com/pic/r/resimuploadkrktr/yeni_03.png"> </td> </tr> </table>
Css
table {margin-left: auto;margin-right: auto} iframe{border:Solid 3px #D7EEFE;} 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;} body,td,th { font-family:"Century Gothic", Arial, Helvetica, sans-serif; font-size: 14px; color: #00000; font-weight: normal; } a { font-family:"Century Gothic", Arial, Helvetica, sans-serif; font-size: 14px; color: #333399; font-weight: normal; } body { background-image: url(http://www.backgroundlabs.com/thumbnails/t86.jpg); } a:hover { text-decoration: none; }

Devamı Gelecektir...