Bedava sitem yesil genis css tasarimi
Tekrar sizler için güzel bir tasarım hazırladık. Yine ortak tasarımdır. Bu sefer cok cok sevileceğinden eminim. Her gün kendimizi geliştiriyoruz. Yeşil geniş süper bir tasarım yaptık. Hem üstte hem sağda menüsü var.. Sağ menüyü kaldırıp resim felan ekleyebilirsiniz. Cok kullanışlı yeşil bir tasarım oldu. Eminim ki cok beğeneceksiniz bu tasarımı. Gülten hocam ile beraber yaptık. Cok emek verildi gerçekten güle güle kullanın inşallah.Sağ menü biraz kötü de dursa işinize yarayacak eminim..| Tasarımız üstüne: <table width="990" border="0" align="center" cellpadding="0" cellspacing="0"> <tr> <td height="84" valign="top" background="https://img.webme.com/pic/g/gulten123123/aktif5_01.png"><table width="975" height="54" border="0" cellpadding="0" cellspacing="0"> <tr> <td width="151" height="19"></td> <td width="824"></td> </tr> <tr> <td height="30"></td> <td valign="middle">buraya duyurular </td> </tr> </table></td> </tr> <tr> <td height="100" valign="top" background="https://img.webme.com/pic/g/gulten123123/aktif5_02.png"><table width="962" border="0" align="left" cellpadding="0" cellspacing="0"> <tr> <td width="25" height="104" align="left" valign="top"></td> <td width="385" align="left" valign="top"> <a href="#"><img class="" alt="" src="https://img.webme.com/pic/g/gulten123123/reklamalan.png" /></a> </td> <td width="41" align="left" valign="top"></td> <td width="511" align="center" valign="middle"> <a href="#"><img class="" alt="" src="https://img.webme.com/pic/b/bs-aktif/468x60reklam.png" /></a> </td> </tr> </table></td> </tr> <tr> <td height="44" background="https://img.webme.com/pic/g/gulten123123/aktif5_03.png"></td> </tr> <tr> <td height="41" valign="top" background="https://img.webme.com/pic/g/gulten123123/aktif5_04.png"><table width="958" border="0" cellpadding="0" cellspacing="0"> <tr> <td width="25" height="41"></td> <td width="933" align="left" valign="middle"> <div class="hmenu"> <link href="http://gultenyilmaz.clanteam.com/menu.css" type="text/css" rel="stylesheet" /><script type="text/javascript" src="http://stresball.clanteam.com/menu2.js"></script> <script type="text/javascript" src="http://stresball.clanteam.com/menu3.js"></script> <div class="jqueryslidemenu" id="myslidemenu"> <ul> <li><a href="http://bs-aktif.tr.gg">Anasayfa 1</a> <ul> <li><a href="http://bs-aktif.tr.gg"><span>Bs-Aktif</span></a></li> <li><a href="http://bs-aktif.tr.gg"><span>Bs-Aktif2</span></a></li> <li><a href="http://bs-aktif.tr.gg"><span>Bs-Aktif3</span></a></li> <li><a href="http://bs-aktif.tr.gg"><span>Bs-Aktif4</span></a></li> <li><a href="http://bs-aktif.tr.gg"><span>Bs-Aktif5</span></a></li> <li><a href="http://bs-aktif.tr.gg"><span>Bs-Aktif6</span></a></li> <li><a href="http://bs-aktif.tr.gg"><span>Bs-Aktif7</span></a></li> </ul> </li> <li><a href="http://bs-aktif.tr.gg">Anasayfa 2</a> <ul> <li><a href="http://bs-aktif.tr.gg"><span>Bs-Aktif</span></a></li> <li><a href="http://bs-aktif.tr.gg"><span>Bs-Aktif2</span></a></li> <li><a href="http://bs-aktif.tr.gg"><span>Bs-Aktif3</span></a></li> <li><a href="http://bs-aktif.tr.gg"><span>Bs-Aktif4</span></a></li> <li><a href="http://bs-aktif.tr.gg"><span>Bs-Aktif5</span></a></li> <li><a href="http://bs-aktif.tr.gg"><span>Bs-Aktif6</span></a></li> <li><a href="http://bs-aktif.tr.gg"><span>Bs-Aktif7</span></a></li> </ul> </li> <li><a href="http://bs-aktif.tr.gg">Anasayfa 3</a> <ul> <li><a href="http://bs-aktif.tr.gg"><span>Bs-Aktif</span></a></li> <li><a href="http://bs-aktif.tr.gg"><span>Bs-Aktif2</span></a></li> <li><a href="http://bs-aktif.tr.gg"><span>Bs-Aktif3</span></a></li> <li><a href="http://bs-aktif.tr.gg"><span>Bs-Aktif4</span></a></li> <li><a href="http://bs-aktif.tr.gg"><span>Bs-Aktif5</span></a></li> <li><a href="http://bs-aktif.tr.gg"><span>Bs-Aktif6</span></a></li> <li><a href="http://bs-aktif.tr.gg"><span>Bs-Aktif7</span></a></li> </ul> </li> <li><a href="http://bs-aktif.tr.gg">Anasayfa 4</a> <ul> <li><a href="http://bs-aktif.tr.gg"><span>Bs-Aktif</span></a></li> <li><a href="http://bs-aktif.tr.gg"><span>Bs-Aktif2</span></a></li> <li><a href="http://bs-aktif.tr.gg"><span>Bs-Aktif3</span></a></li> <li><a href="http://bs-aktif.tr.gg"><span>Bs-Aktif4</span></a></li> <li><a href="http://bs-aktif.tr.gg"><span>Bs-Aktif5</span></a></li> <li><a href="http://bs-aktif.tr.gg"><span>Bs-Aktif6</span></a></li> <li><a href="http://bs-aktif.tr.gg"><span>Bs-Aktif7</span></a></li> </ul> </li> <li><a href="http://bs-aktif.tr.gg">Anasayfa 5</a> <ul> <li><a href="http://bs-aktif.tr.gg"><span>Bs-Aktif</span></a></li> <li><a href="http://bs-aktif.tr.gg"><span>Bs-Aktif2</span></a></li> <li><a href="http://bs-aktif.tr.gg"><span>Bs-Aktif3</span></a></li> <li><a href="http://bs-aktif.tr.gg"><span>Bs-Aktif4</span></a></li> <li><a href="http://bs-aktif.tr.gg"><span>Bs-Aktif5</span></a></li> <li><a href="http://bs-aktif.tr.gg"><span>Bs-Aktif6</span></a></li> <li><a href="http://bs-aktif.tr.gg"><span>Bs-Aktif7</span></a></li> </ul> </li> <li><a href="http://bs-aktif.tr.gg">Anasayfa 6</a> <ul> <li><a href="http://bs-aktif.tr.gg"><span>Bs-Aktif</span></a></li> <li><a href="http://bs-aktif.tr.gg"><span>Bs-Aktif2</span></a></li> <li><a href="http://bs-aktif.tr.gg"><span>Bs-Aktif3</span></a></li> <li><a href="http://bs-aktif.tr.gg"><span>Bs-Aktif4</span></a></li> <li><a href="http://bs-aktif.tr.gg"><span>Bs-Aktif5</span></a></li> <li><a href="http://bs-aktif.tr.gg"><span>Bs-Aktif6</span></a></li> <li><a href="http://bs-aktif.tr.gg"><span>Bs-Aktif7</span></a></li> </ul> </li> <li><a href="http://bs-aktif.tr.gg">Anasayfa 7</a> <ul> <li><a href="http://bs-aktif.tr.gg"><span>Bs-Aktif</span></a></li> <li><a href="http://bs-aktif.tr.gg"><span>Bs-Aktif2</span></a></li> <li><a href="http://bs-aktif.tr.gg"><span>Bs-Aktif3</span></a></li> <li><a href="http://bs-aktif.tr.gg"><span>Bs-Aktif4</span></a></li> <li><a href="http://bs-aktif.tr.gg"><span>Bs-Aktif5</span></a></li> <li><a href="http://bs-aktif.tr.gg"><span>Bs-Aktif6</span></a></li> <li><a href="http://bs-aktif.tr.gg"><span>Bs-Aktif7</span></a></li> </ul> </li> <li><a href="http://bs-aktif.tr.gg">Anasayfa 8</a> <ul> <li><a href="http://bs-aktif.tr.gg"><span>Bs-Aktif</span></a></li> <li><a href="http://bs-aktif.tr.gg"><span>Bs-Aktif2</span></a></li> <li><a href="http://bs-aktif.tr.gg"><span>Bs-Aktif3</span></a></li> <li><a href="http://bs-aktif.tr.gg"><span>Bs-Aktif4</span></a></li> <li><a href="http://bs-aktif.tr.gg"><span>Bs-Aktif5</span></a></li> <li><a href="http://bs-aktif.tr.gg"><span>Bs-Aktif6</span></a></li> <li><a href="http://bs-aktif.tr.gg"><span>Bs-Aktif7</span></a></li> </ul> </li> <li><a href="http://bs-aktif.tr.gg">Anasayfa 9</a> <ul> <li><a href="http://bs-aktif.tr.gg"><span>Bs-Aktif</span></a></li> <li><a href="http://bs-aktif.tr.gg"><span>Bs-Aktif2</span></a></li> <li><a href="http://bs-aktif.tr.gg"><span>Bs-Aktif3</span></a></li> <li><a href="http://bs-aktif.tr.gg"><span>Bs-Aktif4</span></a></li> <li><a href="http://bs-aktif.tr.gg"><span>Bs-Aktif5</span></a></li> <li><a href="http://bs-aktif.tr.gg"><span>Bs-Aktif6</span></a></li> <li><a href="http://bs-aktif.tr.gg"><span>Bs-Aktif7</span></a></li> </ul> </li> </ul> </div> </div> </td> </tr> </table></td> </tr> <tr> <td height="51" background="https://img.webme.com/pic/s/saimilker/aktif5_05.png"></td> </tr> <tr> <td height="189" align="left" valign="top" background="https://img.webme.com/pic/s/saimilker/aktif5_06.png"><table width="958" height="20" border="0" cellpadding="0" cellspacing="0"> <tr> <td width="10" height="196"></td> <td width="219" align="left" valign="top"> <div class="urbangreymenu"> <h3 class="headerbar">BS-AKTİF</h3> <ul> <li><a href="http://bs-aktif.tr.gg">BS-AKTİF</a></li> <li><a href="http://bs-aktif.tr.gg">Menu</a></li> <li><a href="http://bs-aktif.tr.gg">Menu</a></li> <li><a href="http://bs-aktif.tr.gg">Menu</a></li> <li><a href="http://bs-aktif.tr.gg">Menu</a></li> <li><a href="http://bs-aktif.tr.gg">Menu</a></li> <li><a href="http://bs-aktif.tr.gg">Menu</a></li> <li><a href="http://bs-aktif.tr.gg">Menu</a></li> <li><a href="http://bs-aktif.tr.gg">Menu</a></li> <li><a href="http://bs-aktif.tr.gg">Menu</a></li> </ul> <h3 class="headerbar">BS-AKTİF</h3> <ul> <li><a href="http://bs-aktif.tr.gg">Menu</a></li> <li><a href="http://bs-aktif.tr.gg">Menu</a></li> <li><a href="http://bs-aktif.tr.gg">Menu</a></li> <li><a href="http://bs-aktif.tr.gg">Menu</a></li> <li><a href="http://bs-aktif.tr.gg">Menu</a></li> <li><a href="http://bs-aktif.tr.gg">Menu</a></li> <li><a href="http://bs-aktif.tr.gg">Menu</a></li> <li><a href="http://bs-aktif.tr.gg">Menu</a></li> <li><a href="http://bs-aktif.tr.gg">Menu</a></li> </ul> </div> </td> <td width="13"> </td> <td width="10" align="left" valign="top"> </td> <td width="687" height="50" align="left" valign="top"> |
| Tasarımın altına kodu: </td> </tr> </table></td> </tr> <tr> <td height="73" align="left" valign="top" background="https://img.webme.com/pic/s/saimilker/aktif5_07.png"><table width="968" border="0" cellpadding="0" cellspacing="0"> <tr> <td width="186" height="25"></td> <td width="782"></td> </tr> <tr> <td height="38"></td> <td>buraya link takaslar </td> </tr> </table></td> </tr> </table> |
| CSS kodu: table {margin-left: auto;margin-right: auto} 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;} <style type="text/css"> .urbangreymenu{ width: 190px; /*width of menu*/ } .urbangreymenu .headerbar{ font: bold 13px Verdana; color: white; background: #606060 url(media/arrowstop.gif) no-repeat 8px 6px; /*last 2 values are the x and y coordinates of bullet image*/ margin-bottom: 0; /*bottom spacing between header and rest of content*/ text-transform: uppercase; padding: 7px 0 7px 31px; /*31px is left indentation of header text*/ } .urbangreymenu ul{ list-style-type: none; margin: 0; padding: 0; margin-bottom: 0; /*bottom spacing between each UL and rest of content*/ } .urbangreymenu ul li{ padding-bottom: 2px; /*bottom spacing between menu items*/ } .urbangreymenu ul li a{ font: normal 12px Arial; color: black; background: #E9E9E9; display: block; padding: 5px 0; line-height: 17px; padding-left: 8px; /*link text is indented 8px*/ text-decoration: none; } .urbangreymenu ul li a:visited{ color: black; } .urbangreymenu ul li a:hover{ /*hover state CSS*/ color: white; background: black; } body { margin-left: auto; margin-right: auto; background: url(http://www.backgroundlabs.com/backgrounds/451.gif) top center fixed; } </style> |
