- sitenin-eski-tasarimi

sitenin-eski-tasarimi

Tasarımın Üzerindeki Yazı

<img alt="AÇIKLAMA" width="1110" height="176" src="http://g1210.hizliresim.com/12/x/fdmwh.png" _fcksavedurl="http://g1210.hizliresim.com/12/x/fdmwh.png" _fcksavedurl="http://g1210.hizliresim.com/12/x/fdmwh.png" />   <ul class="semiopaquemenu"> <li><a href="http://www.mayiscrewcity.tr.gg/anasayfa.htm/" _fcksavedurl="http://www.mayiscrewcity.tr.gg/anasayfa.htm/">Anasayfa</a></li><li><a href="http://mayiscrewcity.tr.gg/videos.htm/" _fcksavedurl="http://mayiscrewcity.tr.gg/videos.htm/">Videolar</a></li> <li><a href="http://mayiscrewcity.tr.gg/giris-yap/index.htm/" _fcksavedurl="http://mayiscrewcity.tr.gg/giris-yap/index.htm/">Giriş Yap</a></li> <li><a href="http://mayiscrewcity.tr.gg/giris-yap/anmelden.htm/" _fcksavedurl="http://mayiscrewcity.tr.gg/giris-yap/anmelden.htm/">Kaydol</a></li> <li><a href="http://mayiscrewcity.tr.gg/iletisim.htm/" _fcksavedurl="http://mayiscrewcity.tr.gg/iletisim.htm/">İletişim</a></li> <li><a href="http://mayiscrewcity.tr.gg/film-izle.htm/" _fcksavedurl="http://mayiscrewcity.tr.gg/film-izle.htm/">Film İzle</a></li></li><li><a href="http://mayiscrewcity.tr.gg/bedenine-bak.htm" _fcksavedurl="http://mayiscrewcity.tr.gg/bedenine-bak.htm">Fizik Doktoru</a></li>  </ul> <div class="bottombar"></div>    <script>
  (function() {
    var cx = '014041726426349750511:autfbmsqxbk';
    var gcse = document.createElement('script'); gcse.type = 'text/javascript'; gcse.async = true;
    gcse.src = (document.location.protocol == 'https:' ? 'https:' : 'http:') +
        '//www.google.com/cse/cse.js?cx=' + cx;
    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(gcse, s);
  })();
</script>   <gcse:search></gcse:search>                                               <iframe src="http://sondakika.haber7.com/sondakika-bant.php" frameborder="0" width="1102" height="30" FRAMESPACING="0" MARGINHEIGHT="0" MARGINWIDTH="0" scrolling="no"></iframe> </object><br/><a href="www.mayiscrewcity.tr.gg" _fcksavedurl="www.mayiscrewcity.tr.gg" target="_blank"></a></center>               <script type="text/javascript" src="http://code.jquery.com/jquery-latest.js"></script> <script type="text/javascript" src="http://code.helperblogger.com/hb-smooth-menu.js"></script> <script type="text/javascript">
ddsmoothmenu.init({
 mainmenuid: "smoothmenu1", 
 orientation: 'h', 
 classname: 'ddsmoothmenu', 
 
 contentsource: "markup" 
})
</script>  <style>  .ddsmoothmenu {     width: 100%;     background-image: url(http://b1210.hizliresim.com/12/u/f9c5h.jpg);     vertical-align: middle;     height: 33px;     font-family: Verdana;     font-size: 13px;     font-weight: elegant; }  .ddsmoothmenu ul {     z-index: 100;     margin: 0;     padding: 0;     list-style-type: none; }  .ddsmoothmenu ul li {     position: relative;     display: inline;     float: left; }  .ddsmoothmenu ul li a {     display: block;     color: blue;     padding: 8px 10px;     border-right: 1px solid #778;     color: #666666;     text-decoration: none;     background-image: url(http://b1210.hizliresim.com/12/u/f9c5h.jpg); }  * html .ddsmoothmenu ul li a {     display:block; }  .ddsmoothmenu ul li a:link, .ddsmoothmenu ul li a:visited {     color: gold; }  .ddsmoothmenu ul li a.selected {     background: block;     color: teal; }  .ddsmoothmenu ul li a:hover {     background: firebrick;     color: white; }  .ddsmoothmenu ul li ul {     position: absolute;     left: 0;     display: none;     visibility: list-item; }  .ddsmoothmenu ul li ul li {     display: list-item;     float: none; }  .ddsmoothmenu ul li ul li ul {     top: 0; }  .ddsmoothmenu ul li ul li a {     font: normal 13px Verdana;     width: 160px;     padding: 5px;     margin: 0;     border-top-width: 0;     border-bottom: 1px solid gray; }  * html .ddsmoothmenu {     height: 1%; }  .downarrowclass {     position: absolute;     top: 12px;     right: 7px; }  .rightarrowclass {     position: absolute;     top: 6px;     right: 5px; }  .ddshadow {     position: absolute;     left: 0;     top: 0;     width: 0;     height: 0;     background: silver; }  .toplevelshadow {     opacity: 0.8; }  </style>    <div id="smoothmenu1" class="ddsmoothmenu">      <ul>         <li>             <a href="http://mayiscrewcity.tr.gg/oyunlar.htm/" _fcksavedurl="http://mayiscrewcity.tr.gg/oyunlar.htm/">gelsin mi</a> <li> </li>       <li>             <a href="#" _fcksavedurl="#">Oyunlar</a>             <ul>                 <li>                     <a href="http://mayiscrewcity.tr.gg/Araba-Oyunlari.htm" _fcksavedurl="http://mayiscrewcity.tr.gg/Araba-Oyunlari.htm">Araba Oyunları</a>                 </li>                 <li>                     <a href="http://mayiscrewcity.tr.gg/Komik-Oyunlar.htm" _fcksavedurl="http://mayiscrewcity.tr.gg/Komik-Oyunlar.htm">Komik Oyunlar</a>                 </li> <li><a href='#' _fcksavedurl='#'>Diğer Oyunlar</a> <ul class='children'>   <li><a href='http://mayiscrewcity.tr.gg/Dovus-Oyunlari.htm' _fcksavedurl='http://mayiscrewcity.tr.gg/Dovus-Oyunlari.htm'>Dövüş Oyunları</a></li> <li><a href='http://mayiscrewcity.tr.gg/Motor-Oyunlari.htm' _fcksavedurl='http://mayiscrewcity.tr.gg/Motor-Oyunlari.htm'>Motor Oyunları</a></li> <li><a href='#' _fcksavedurl='#'>Diğer Oyunlar</a> <ul class='children'> <li><a href='http://mayiscrewcity.tr.gg/Yapboz-Oyunlari.htm' _fcksavedurl='http://mayiscrewcity.tr.gg/Yapboz-Oyunlari.htm'>Yapboz Oyunları</a> <li><a href='http://mayiscrewcity.tr.gg/Spor-Oyunlari.htm' _fcksavedurl='http://mayiscrewcity.tr.gg/Spor-Oyunlari.htm'>Spor Oyunları</a> <li><a href='http://mayiscrewcity.tr.gg/Savas-Oyunlari.htm' _fcksavedurl='http://mayiscrewcity.tr.gg/Savas-Oyunlari.htm'>Savaş Oyunları</a> </li> </li></li></ul> </li> </ul> </li>             </ul>         </li>         <li>             <a href="#" _fcksavedurl="#">Dosya 1</a>             <ul>                 <li>                     <a href="#" _fcksavedurl="#">Alt Dosya 1.1</a>                 </li>                 <li>                     <a href="#" _fcksavedurl="#">Alt Dosya 1.2</a>                 </li>             </ul>         </li>         <li>             <a href="www.blogokulu.blogspot.com" _fcksavedurl="www.blogokulu.blogspot.com">Blog Okulu</a>         </li>         <li>             <a href="#" _fcksavedurl="#">Dosya 2</a>             <ul>                 <li>                     <a href="#" _fcksavedurl="#">Alt Dosya 2.1</a>                 </li>             </ul>         </li>         <li>             <a href="http://www.blogokulu.blogspot.com/" _fcksavedurl="http://www.blogokulu.blogspot.com/">Sitene Ekle</a>         </li>     </ul>     <br style="clear: left" />     <br style="clear: left" /> </div>                    <style type="text/css">  </style></head>  <body> <table width="950" height="650" border="0" align="center" cellpadding="0" cellspacing="0">   <tr>     <td height="233" align="center" valign="top" background="https://img.webme.com/pic/m/megatron-byemo/efsane_01.gif"><table width="873" height="170" cellpadding="1">       <tr>         <td height="36"> </td>       </tr>               <tr>         <td><p></p>           <p align="center" class="style1">                       www.mayiscrewcity.tr.gg                     </p></td>       </tr>     </table></td>   </tr>   <tr>     <td height="139" align="center" valign="top" background="https://img.webme.com/pic/m/megatron-byemo/efsane_02.gif"><table width="900" height="80" align="center" cellpadding="1">       <tr>         <td width="30" align="center" valign="top"><div class="outer">       <embed src="http://www.herkesdinlesin.com/hdpl.swf" width="165" height="250" flashvars="&uid=f90a239213e17a23810823f402d0c992"></embed>          <IFRAME marginWidth=0 marginHeight=0 src="http://www.fikrabul.com/wm.asp?color=blue&unit=25&w=top&tur=" frameBorder=0 width=165 height=400></IFRAME>      Doldurulacak alan 3              </div> </div></td>         <td width="42" align="center" valign="top"> </td>         <td width="500" align="center" valign="top"><div id="content"></div>

Tasarımın Altındaki Yazı

</td>       </tr>     </table></td>   </tr>   <tr>     <td height="107" align="center" valign="top" background="https://img.webme.com/pic/m/megatron-byemo/efsane_03.gif"><table width="868" height="103" cellpadding="1">       <tr>         <td width="170" align="center" valign="top">                                </td>         <td width="677" align="center" valign="top"><p><div id="fb-root"></div>        Doldurulacak alan 2                        </p>           <p> </p>           <p>             <a href="http://mayiscrewcity.tr.gg/giris-yap/anmelden.htm/" _fcksavedurl="http://mayiscrewcity.tr.gg/giris-yap/anmelden.htm/">Üye Olmak İçin Buraya tıklayın</a></div>                    </p></td>         <td width="10" align="center" valign="top"> </td>       </tr>     </table></td>   </tr>   <tr>     <td height="171" align="center" valign="top" background="http://g1210.hizliresim.com/12/5/dp2sr.gif"><table width="782" height="114" cellpadding="1">       <tr>         <td height="22" colspan="5"> </td>       </tr>       <tr>         <td width="32"> </td>         <td width="114" align="center" valign="top">    <h5>©Copyright <br /> 2012<br /> Desing By  <br /> <a href="http://www.facebook.com/mavis.rap" _fcksavedurl="http://www.facebook.com/mavis.rap" target="_blank">Dj Maviş aka Bela</a><br /> Tüm hakları saklıdır.</h5>                    </td>         <td width="35"> </td>         <td width="549" align="center" valign="top">                           Doldurulacak Alan 1               </td>         <td width="28"> </td>       </tr>     </table></td>   </tr> </table>

Css Kod Bölümündeki Yazı

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">  div.bottombar{ /* bar that runs across the bottom of the menu */ height: 10px; background: #1a1109; }  ul.semiopaquemenu{ /* main menu UL */ font: bold 14px Georgia ; width: 100%; background: #b1e958; padding: 11px 0 8px 0; /* padding of the 4 sides of the menu */ margin: 0; text-align: left; /* set value to "left", "center", or "right" to align menu accordingly */ }  ul.semiopaquemenu li{ display: inline; }  ul.semiopaquemenu li a{ color:black; padding: 6px 8px 6px 8px; /* padding of the 4 sides of each menu link */ margin-right: 15px; /* spacing between each menu link */ text-decoration: none; }  ul.semiopaquemenu li a:hover, ul.semiopaquemenu li a.selected{ color: black; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwLjgyIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMC4xNiIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); /* IE9+ SVG equivalent  of linear gradients */ background: -moz-linear-gradient(top,  rgba(255,255,255,0.82) 0%, rgba(255,255,255,0.16) 100%); /* fade from white (0.82 opacty) to 0.16 opacity */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0.82)), color-stop(100%,rgba(255,255,255,0.16))); background: -webkit-linear-gradient(top,  rgba(255,255,255,0.82) 0%,rgba(255,255,255,0.16) 100%); background: -o-linear-gradient(top,  rgba(255,255,255,0.82) 0%,rgba(255,255,255,0.16) 100%); background: -ms-linear-gradient(top,  rgba(255,255,255,0.82) 0%,rgba(255,255,255,0.16) 100%); background: linear-gradient(top,  rgba(255,255,255,0.82) 0%,rgba(255,255,255,0.16) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d1ffffff', endColorstr='#29ffffff',GradientType=0 ); -moz-box-shadow: 0 0 5px #595959; /* CSS3 box shadows */ -webkit-box-shadow: 0 0 5px #595959; box-shadow: 0 0 5px #595959; padding-top: 12px; /* large padding to get menu item to protrude upwards */ padding-bottom: 20px; /* large padding to get menu item to protrude downwards */ }  </style>                                                      <style type="text/css"> nav {         width: 960px;         height: 100px;         margin: 120px auto;         text-align: center; } .top-menu li {         display: inline-block;         text-align: center;         margin: 30px 5px;         position: relative;         -webkit-transition: all 0.3s ease;         -moz-transition: all 0.3s ease;         -o-transition: all 0.3s ease; } .top-menu li:hover {         margin: 30px 20px; } .top-menu li:active {         margin: 30px 33px; } .top-menu li a  {         width: 100px;         height: 100px;         z-index: 9999;         position: absolute;         top: 35px;         font-weight: bold;         display: block;         text-decoration: none;         font-size: 20px;         color: #fff;         text-shadow: 0px 1px 1px rgba(0,0,0,0.4), 0px 4px 6px rgba(0,0,0,0.1), 0px 9px 11px rgba(0,0,0,0.1);         -webkit-transition: all 0.1s linear;         -moz-transition: all 0.1s linear;         -o-transition: all 0.1s linear; } .top-menu li:active a {         font-size: 26px;         top: 30px;         text-shadow: none; } .top-menu li div.menu-item {         width: 100px;         height: 100px;         display: block;         -webkit-transition: all 0.2s ease;         -moz-transition: all 0.2s ease;         -o-transition: all 0.2s ease;         -webkit-border-top-left-radius: 100px;         -webkit-border-bottom-right-radius: 100px;         -moz-border-radius-topleft: 100px;         -moz-border-radius-bottomright: 100px;         border-top-left-radius: 100px;         border-bottom-right-radius: 100px;         -webkit-transform: rotate(45deg);         -moz-transform: rotate(45deg);         -o-transform: rotate(45deg); } .top-menu li:hover div.menu-item{         -webkit-border-top-left-radius: 80px;         -webkit-border-bottom-right-radius: 80px;         -moz-border-radius-topleft: 80px;         -moz-border-radius-bottomright: 80px;         border-top-left-radius: 80px;         border-bottom-right-radius: 80px;                 -webkit-transform: rotate(225deg);         -moz-transform: rotate(225deg);         -o-transform: rotate(225deg); } .top-menu li:active div.menu-item{         -webkit-border-top-left-radius: 50px;         -webkit-border-bottom-right-radius: 50px;         -moz-border-radius-topleft: 50px;         -moz-border-radius-bottomright: 50px;         border-top-left-radius: 50px;         border-bottom-right-radius: 50px; } #home { background: #41D05F; } #cataloge { background: #E42B2B;} #price { background: #ff8400; } #about { background: #a800ff; } #contact { background: #49a7f3; } </style>

Önizleme:

sitenin-eski-tasarimi