Bsground - Web Hosting ve Web Tasarım Sitesi

TASARIMIN ÜSTÜNE

<table width="900" border="0" align="center" cellpadding="0" cellspacing="0" id="Table_01"> 	<tr> 		<td height="33" valign="top" background="http://zeytinkopugu.com/Freecss/images/site_01.png"> </td> 	</tr> 	<tr> 	  <td valign="top" background="http://zeytinkopugu.com/Freecss/images/site_05.png"><table width="100%" border="0" cellspacing="0" cellpadding="0">         <tr>             <td width="4%" height="95"> </td>             <td width="38%"><div align="center"><img src="http://zeytinkopugu.com/Freecss/gglogo.png" _fcksavedurl="http://zeytinkopugu.com/Freecss/gglogo.png" width="331" height="102" /></div></td>             <td width="58%"><div align="left"><img src="http://zeytinkopugu.com/Freecss/images/reklamu.gif" _fcksavedurl="http://zeytinkopugu.com/Freecss/images/reklamu.gif" width="468" height="60" /></div></td>             <td width="0%"> </td>         </tr>         </table>         </td> 	</tr> 	<tr> 	  <td valign="top" background="http://zeytinkopugu.com/Freecss/images/site_02.png"><table width="100%" border="0" cellspacing="0" cellpadding="0">         <tr>           <td width="4%" rowspan="3"> </td>           <td colspan="2">                                 <div id="menu"> <ul> <li><a href="#" _fcksavedurl="#">Anasayfa</a></li> <li><a href="#" _fcksavedurl="#">Xhtml / Css</a></li> <li><a href="#" _fcksavedurl="#">Javascript</a></li> <li><a href="#" _fcksavedurl="#">Photoshop</a></li> <li><a href="#" _fcksavedurl="#">Fireworks</a></li> <li><a href="#" _fcksavedurl="#">Dreamweaver</a></li> <li><a href="#" _fcksavedurl="#">Php / Mysql</a></li> <li><a href="#" _fcksavedurl="#">Flash / AS</a></li><br style="clear:both" /> </ul> </div>          </td>           <td width="3%" rowspan="3"> </td>         </tr>         <tr>           <td width="62%" height="872" rowspan="2" valign="top"><br />             <table id="Table_3" width="560" border="0" cellpadding="0" cellspacing="0">             <tr>               <td height="32" colspan="3" valign="middle" background="http://zeytinkopugu.com/Freecss/images/icerik_01.png"><table width="100%" border="0" cellspacing="0" cellpadding="0">                   <tr>                     <td width="2%"> </td>                     <td width="59%"><div align="left" class="stil10"><marquee> Duyuru</marquee></div></td>                     <td width="9%"> </td>                     <td width="28%"><div align="center" class="stil10">Saat: 00:00</div></td>                     <td width="2%"> </td>                   </tr>               </table></td>             </tr>             <tr>               <td colspan="3" valign="top" background="http://zeytinkopugu.com/Freecss/images/icerik_02.png"><table width="100%" border="0" cellspacing="0" cellpadding="0">                 <tr>                   <td width="2%"> </td>                   <td width="96%" valign="top">                   <div id="content">

TASARIMIN ALTINA

</div>                  </td>                   <td width="2%"> </td>                 </tr>               </table></td>             </tr>             <tr>               <td height="18" colspan="3" valign="top" background="http://zeytinkopugu.com/Freecss/images/icerik_02.png"> </td>             </tr>             <tr>               <td width="6" height="19" valign="top" background="http://zeytinkopugu.com/Freecss/images/site_06.png"> </td>               <td width="463" valign="top" background="http://zeytinkopugu.com/Freecss/images/site_06.png"><div align="left"></div></td>               <td width="91" valign="top" background="http://zeytinkopugu.com/Freecss/images/site_06.png"><div align="center"></div></td>             </tr>           </table>          </td>           <td width="31%" valign="top"><table width="276" border="0" align="center" cellpadding="0" cellspacing="0" id="Table_">               <tr>                 <td valign="top"><img id="menu_01" src="http://zeytinkopugu.com/Freecss/images/menu_01.png" _fcksavedurl="http://zeytinkopugu.com/Freecss/images/menu_01.png" width="276" height="57" alt="." /></td>               </tr>               <tr>                 <td valign="top" background="http://zeytinkopugu.com/Freecss/images/menu_02.png"><table width="95%" border="0" align="center" cellpadding="0" cellspacing="0">                     <tr>                       <td><div class="icerik">                           <form method="post" action="">                             <div class="panel">                               <input name="nick" type="text" id="nick" onfocus_fckprotectedatt="%20onfocus%3D%22if(this.value%20%3D%3D%20'Kullan%C4%B1c%C4%B1%20Ad%C4%B1')%20%7B%20this.value%3D''%3B%20%7D%22" onblur_fckprotectedatt="%20onblur%3D%22if(this.value%3D%3D'')%20%7B%20this.value%3D'Kullan%C4%B1c%C4%B1%20Ad%C4%B1'%3B%20%7D%22" value="Kullanıcı Adı" />                               <br />                               <input name="sifre" type="password" id="sifre" onfocus_fckprotectedatt="%20onfocus%3D%22if(this.value%20%3D%3D%20'%C5%9Eifre')%20%7B%20this.value%3D''%3B%20%7D%22" onblur_fckprotectedatt="%20onblur%3D%22if(this.value%3D%3D'')%20%7B%20this.value%3D'%C5%9Eifre'%3B%20%7D%22" value="Şifre" />                               <br />                               <input class="buton" value=" " type="submit" />                               <br />                             </div>                           </form>                       </div></td>                     </tr>                 </table></td>               </tr>               <tr>                 <td valign="top"><img id="menu_04" src="http://zeytinkopugu.com/Freecss/images/menu_04.png" _fcksavedurl="http://zeytinkopugu.com/Freecss/images/menu_04.png" width="276" height="55" alt="." /></td>               </tr>               <tr>                 <td valign="top" background="http://zeytinkopugu.com/Freecss/images/menu_02.png"><table width="87%" border="0" align="center" cellpadding="0" cellspacing="0">                     <tr>                       <td background="http://zeytinkopugu.com/Freecss/images/menu_baslik.png"><div id="anamenu">                           <ul>                             <li>                               <div align="left"><a href="#" _fcksavedurl="#" tabindex="1"><span class="stil9">Ana Sayfa</span></a></div>                             </li>                             <li>                               <div align="left"><a href="#" _fcksavedurl="#" tabindex="2"><span class="stil9">Hakkımızda</span></a></div>                             </li>                             <li>                               <div align="left"><a href="#" _fcksavedurl="#" tabindex="3"><span class="stil9">Referanslar</span></a></div>                             </li>                             <li>                               <div align="left"><a href="#" _fcksavedurl="#" tabindex="4"><span class="stil9">Ziyaretçi Defteri</span></a></div>                             </li>                             <li>                               <div align="left"><a href="#" _fcksavedurl="#" tabindex="6"><span class="stil9">İletişim</span></a></div>                             </li>                           </ul>                       </div></td>                     </tr>                   </table>                     <div align="center"></div></td>               </tr>               <tr>                 <td valign="top"><img id="menu_06" src="http://zeytinkopugu.com/Freecss/images/menu_06.png" _fcksavedurl="http://zeytinkopugu.com/Freecss/images/menu_06.png" width="276" height="58" alt="." /></td>               </tr>           </table>             <table width="100%" border="0" cellspacing="0" cellpadding="0">             <tr>               <td height="83"><div align="center"><a href="http://www.gencgrafiker.tr.gg" _fcksavedurl="http://www.gencgrafiker.tr.gg"><img src="http://zeytinkopugu.com/Freecss/LOGO.png" _fcksavedurl="http://zeytinkopugu.com/Freecss/LOGO.png" width="252" height="78" border="0" /></a></div></td>             </tr>           </table>           </td>         </tr>         <tr>           <td height="19" valign="top"> </td>         </tr>                </table>         </td>   </tr> 	<tr> 	  <td height="52" valign="middle" background="http://zeytinkopugu.com/Freecss/images/site_7.png"><table width="100%" border="0" cellspacing="0" cellpadding="0">         <tr>           <td valign="top"><div align="center"><span class="stil11">Tüm Hakları Saklıdır. © 2010 l www.GencGrafikeR.tr.gg</span></div></td>         </tr>       </table></td>   </tr> 	 	<tr> 		<td height="55" valign="top" background="http://zeytinkopugu.com/Freecss/images/site_04.png"><table width="100%" border="0" cellspacing="0" cellpadding="0">           <tr>             <td> </td>           </tr>         </table></td> 	</tr> </table>

CSS KODUNA

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 {margin-left: auto;margin-right: auto}   	          <style type="text/css">               body,td,th { 	font-family: Verdana, Arial, Helvetica, sans-serif; 	font-size: 12px; 	color: #000000; }     body { background: url(http://zeytinkopugu.com/Freecss/images/bg.png) top left repeat; color: #000000; font-family: Verdana; font-size: 13px; line-height: 1.4; height: 100%; padding: 0; }   </style>           <style> #anamenu {  font-family: Verdana, Arial, Helvetica, sans-serif;  font-size: 100%;   width: 160px;   padding: 0px;   margin: 0px;   border:1px;   border-color:#000000; } #anamenu h1 {   display: block;     font-size: 90%;   padding: 3px 0 5px 3px;   border:none;   border-color:#FFFFFF;   color: #333333;   margin: 0px;   width:159px;   } #anamenu ul {   list-style: none;   margin: 0px;   padding: 0px;   border: none;   }   #anamenu ul li {   margin: 0px;   padding: 0px;   }   #anamenu ul li a {   font-size: 80%;   display: block;   border-bottom: 1px dashed #27a7d6;   padding: 5px 0px 2px 4px;   text-decoration: none;   color: #666666;   width:223px;   } #anamenu ul li a:hover, #anamenu ul li a:focus {   color: #000000;   background-color: #d5d5d5;   } .stil9 {font-size: 12px} .stil10 { 	color: #FFFFFF; 	font-weight: bold; } a:link { 	color: #000000; 	text-decoration: none; } a:visited { 	text-decoration: none; } a:hover { 	text-decoration: none; } a:active { 	text-decoration: none; } .stil11 {color: #000000; font-weight: bold; }           /*==================== Kullanici Giris kutusu ========================= */ .panel { 	width: 230px; 	margin: auto; } .panel input#nick {/*Nick iletisim kutusu*/ padding: 4px 8px 4px 34px; border: none; background: url(http://zeytinkopugu.com/Freecss/img/giris.png) top left no-repeat; width: 128px; } .panel input#nick:focus {/*Nick iletisim kutusu SECILI*/ background: url(http://zeytinkopugu.com/Freecss/img/giris.png) left -24px no-repeat; }  .panel input#sifre { /*Sifre iletisim kutusu*/ padding: 4px 8px 4px 34px; border: none; background: url(http://zeytinkopugu.com/Freecss/img/sifre.png) top left no-repeat; width: 128px; } .panel input#sifre:focus {/*Sifre iletisim kutusu SECILI*/ background: url(http://zeytinkopugu.com/Freecss/img/sifre.png) left -24px no-repeat; } .buton {/*Giris Buton*/ width: 74px; height: 24px; background: url(http://zeytinkopugu.com/Freecss/img/buton.png) left 0px no-repeat; border: 0; cursor: pointer; } .buton:hover { /*Giris Buton Hover*/ background: url(http://zeytinkopugu.com/Freecss/img/buton.png) left -24px no-repeat; border: 0; }      #wrap {width:880px;margin:0 auto; padding:20px}    #menu {font:14px arial, verdana, sans-serif;-moz-box-shadow:0px 2px 5px  2px #999; -webkit-box-shadow:  0px 2px 5px  2px #999;} /* Burada menümüze bir miktar gölge veriyoruz */  #menu ul{background:#fff url(http://zeytinkopugu.com/Freecss/img/menubg.gif) repeat-x;margin:0;padding:0;list-style:none;border:1px solid #c0c0c0;padding:10px 0px 10px 0px;}  #menu li{margin:0;display:inline;float:left;padding:0px;}  #menu ul li a {padding:10px;color:#444;text-decoration:none;} /* Menü bağlantılarımızı burada tanımlıyoruz */  #menu ul li a:hover { /* Bağlantılarımızın hover durumundaki tanımlamalarını yapıyoruz */ padding:10px; background:#6a6a6a url(http://zeytinkopugu.com/Freecss/img/menu2.gif) repeat-x; color:#fff; text-decoration:none;  -moz-box-shadow:0px 2px 5px  2px #6a6a6a;		/* Bu iki satırda gölge tanımlamaları yapılıyor. */ -webkit-box-shadow:  0px 2px 5px  2px #6a6a6a;  -moz-border-radius: 0px 0px 4px 4px;			/* Bu iki satırda ise yuvarlak köşeler için tanımlamalar yapılıyor */ -webkit-border-radius: 0px 0px 4px 4px; }  /* Buradan sonraki satırlar önizleme sayfamızda yaptığımız açıklama alanlarını tanımlıor */  .bilgi {margin:0 auto;width:860px;background:#eee;color:#333;border:2px solid #ddd;margin:30px 0px 10px 0px;padding:10px;font:14px/24px arial, verdana, sans-serif;text-align:left;} .bilgi h2 {font:bold 18px arial, verdana, sans-serif;color:#f91365;} .bilgi a {color:#fff; background:#2e83ff;padding:4px;text-decoration:none} .bilgi a:hover {color:#fff; background:#333;padding:4px;text-decoration:none} .bilgi em {border-bottom:1px solid #999;}     </style>

Tasarımın Üzerindeki Yazı

<div id="tasarim"> <div id="ust">   <div class="logo">  <a target="_self" href="http://www.osmantalay.tr.gg" _fcksavedurl="http://www.osmantalay.tr.gg"><img border="0" alt="" src="https://img.webme.com/pic/o/osmantalay/logooto.png" _fcksavedurl="https://img.webme.com/pic/o/osmantalay/logooto.png" style="width: 300px; height: 85px;" /></a>     </div> <div class="reklamalani">            <a href="  " _fcksavedurl="  " target="_self"><img border="0" src="https://img.webme.com/pic/o/osmantalay/rklamotl.gif" _fcksavedurl="https://img.webme.com/pic/o/osmantalay/rklamotl.gif" </a>     <div class="ustmenuosman"> </div>   </div></div>    <div id="orta">     <div class="menuosman">      <div class="urbangreymenu">  <div class="urbangreymenu">  <h3 class="headerbar">Ana Menü</h3> <ul> <li><a href="http://osmantalay.tr.gg/" _fcksavedurl="http://osmantalay.tr.gg/">Ana Sayfa</a></li> <li><a href="http://osmantalay.tr.gg/Destek-Ol.htm" _fcksavedurl="http://osmantalay.tr.gg/Destek-Ol.htm">Destek Ol</a></li> <li><a href="http://osmantalay.tr.gg/Siteni-Ekle.htm" _fcksavedurl="http://osmantalay.tr.gg/Siteni-Ekle.htm">Siteni Ekle</a></li> <li><a href="http://osmantalay.tr.gg" _fcksavedurl="http://osmantalay.tr.gg">Dost Siteler</a></li> <li><a href="http://osmantalay.tr.gg/iletisim.htm" _fcksavedurl="http://osmantalay.tr.gg/iletisim.htm">Bana Ulaşın</a></li> <li><a href="http://osmantalay.tr.gg" _fcksavedurl="http://osmantalay.tr.gg">Site Haritası</a></li> <li><a href="http://osmantalay.tr.gg/defter.htm" _fcksavedurl="http://osmantalay.tr.gg/defter.htm">Konuk Defteri</a></li>  </ul>  <h3 class="headerbar">Sİten İçİn</h3> <ul> <li><a href="http://osmantalay.tr.gg/html-kodlari.htm" _fcksavedurl="http://osmantalay.tr.gg/html-kodlari.htm">Html Kodları</a></li> <li><a href="http://osmantalay.tr.gg/Web-Dersleri.htm" _fcksavedurl="http://osmantalay.tr.gg/Web-Dersleri.htm">Web Dersleri</a></li> <li><a href="http://osmantalay.tr.gg/Grafik-Odamiz.htm" _fcksavedurl="http://osmantalay.tr.gg/Grafik-Odamiz.htm">Grafik Odamız</a></li> <li><a href="http://osmantalay.tr.gg/Css-Tasarimlar.htm" _fcksavedurl="http://osmantalay.tr.gg/Css-Tasarimlar.htm">Css Tasarımlar</a></li>   <h3 class="headerbar">BİZİM Oda</h3> <ul> <li><a href="http://osmantalay.tr.gg/Aksaray.htm" _fcksavedurl="http://osmantalay.tr.gg/Aksaray.htm">Aksaray</a></li> <li><a href="http://osmantalay.tr.gg/Messenger.htm" _fcksavedurl="http://osmantalay.tr.gg/Messenger.htm">Messenger</a></li> <li><a href="http://osmantalay.tr.gg/incelemeler.htm" _fcksavedurl="http://osmantalay.tr.gg/incelemeler.htm">İncelemeler</a></li> <li><a href="http://osmantalay.tr.gg/Bilmedikleriniz.htm" _fcksavedurl="http://osmantalay.tr.gg/Bilmedikleriniz.htm">Bilmedikleriniz</a></li>   <h3 class="headerbar">İSlaMİYEt</h3> <ul> <li><a href="http://osmantalay.tr.gg/" _fcksavedurl="http://osmantalay.tr.gg/">Eklenecek</a></li> <li><a href="http://osmantalay.tr.gg" _fcksavedurl="http://osmantalay.tr.gg">Eklenecek</a></li> <li><a href="http://osmantalay.tr.gg" _fcksavedurl="http://osmantalay.tr.gg">Eklenecek</a></li> <li><a href="http://osmantalay.tr.gg" _fcksavedurl="http://osmantalay.tr.gg">Eklenecek</a></li> <li><a href="http://osmantalay.tr.gg" _fcksavedurl="http://osmantalay.tr.gg">Eklenecek</a></li>  <h3 class="headerbar">Sağlık BİLGİSİ</h3> <ul> <li><a href="http://osmantalay.tr.gg/" _fcksavedurl="http://osmantalay.tr.gg/">Eklenecek</a></li> <li><a href="http://osmantalay.tr.gg" _fcksavedurl="http://osmantalay.tr.gg">Eklenecek</a></li> <li><a href="http://osmantalay.tr.gg" _fcksavedurl="http://osmantalay.tr.gg">Eklenecek</a></li> <li><a href="http://osmantalay.tr.gg" _fcksavedurl="http://osmantalay.tr.gg">Eklenecek</a></li> <li><a href="http://osmantalay.tr.gg" _fcksavedurl="http://osmantalay.tr.gg">Eklenecek</a></li>  <h3 class="headerbar">Haftanın Vİdeosu</h3> <div style="background-color: rgb(9, 9, 9); width: 177px;"><embed width="177" height="150" allowfullscreen="true" allowscriptaccess="always" bgcolor="#090909" wmode="window" type="application/x-shockwave-flash" src="http://www.vidivodo.com/VideoPlayerShare.swf?u=BFdAS1tEXxI="></embed></div>     </div> </div> </div><div class="icerikosman">

Tasarımın Altındaki Yazı

</div> </div>   <div id="alt">    <div id="footer"><p class="altreklam">   <br>  <center> <span style="font-size: small;"> <strong> <span style="color: rgb(255, 255, 255);"><span style="font-family: Trebuchet MS;">Copyright <span class="style9">©</span> 2010 Osmantalay.tr.gg | V2 Beta  Design | Tüm Hakları Saklıdır  | Emeğe Saygı  | Aksaray  </span></span><span style="color: rgb(0, 0, 0);"><span style="font-family: Trebuchet MS;"><span style="color: rgb(255, 255, 255);">|</span></span></span><span style="font-family: Trebuchet MS;"><span class="style8"> </span></span></strong></span><strong><span class="style8"><span style="font-size: small;"><a target="_self" href="http://osmantalay.tr.gg/Hakkimda.htm" _fcksavedurl="http://osmantalay.tr.gg/Hakkimda.htm"><span style="font-family: Arial;">Hakkımda</span></a></span><span style="font-size: medium;"><span style="font-size: small;"><span style="font-family: Arial;"> <span style="color: rgb(255, 255, 255);">| </span></span></span></span><span style="font-size: small;"><span style="font-family: Arial;"><a href="http://www.osmantalay.tr.gg/iletisim.htm" _fcksavedurl="http://www.osmantalay.tr.gg/iletisim.htm" target="_self">İletişim</a> <span style="color: rgb(255, 255, 255);">|</span> <a href="http://www.osmantalay.tr.gg/defter.htm" _fcksavedurl="http://www.osmantalay.tr.gg/defter.htm" target="_self">Yorumlar</a> </span></span></span></strong> <center>    </div></div>

Css Kodu

iframe{border:solid 1px #000000;}  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;}  * {padding: 0; margin:0 }  body { margin-left:  auto; margin-right: auto; background: url(https://img.webme.com/pic/o/osmantalay/otbgrl.bmp) top center fixed; }    #tasarim{ width: 875px; margin-left:  auto; margin-right: auto; }      #ust{ margin-left:  auto; margin-right: auto; background: url(https://img.webme.com/pic/o/osmantalay/otustl.bmp); width: 875px; height: 159px; float: left; }    .logo { width:325px; padding: 30px 0 0 35px; float: left; overflow: hidden;        } .reklamalani { width:468px; height:68px; padding: 43px 0 0 20px; float: left; overflow: hidden; }         #orta{ margin-left:  auto; margin-right: auto; background: url( https://img.webme.com/pic/o/osmantalay/otortl.bmp); width: 875px; height: 100%; float: left; }    .menuosman{ width:177px; float: left; padding: 0 0 0 23px; overflow: hidden; }   .icerikosman { width:630px; float: left; padding: 0 0 0 22px; overflow: hidden; text-align: justify; }  .altreklam{ float: left; width:800px; height:70px; padding: 24px 0  0 70px;}  #alt{ margin-left:  auto; margin-right: auto; background: url(https://img.webme.com/pic/o/osmantalay/otaltl.bmp); width: 875px; height: 146px; float: left;   }          input[type="text"]  { font-family : "Trebuchet MS"; font-size : 11px; font-weight : normal; color : #333333; border : 1px solid #cccccc; background : #f6f6f6 url(http://turk.jotform.com/images/styles/style1_txt_bg.gif) repeat-x top; } input[type="text"]:focus, input[type="text"]:active { border-color : #777; } input[type="submit"] { cursor : pointer; font-family : "Trebuchet MS"; font-size : 11px; font-weight : normal; color : #333333; border : 1px solid #c6c7ca; background : #e4e4e4 url(https://img.webme.com/pic/m/mrossi/style1_btn_bg.gif) repeat-x top; } textarea { font-family : "Trebuchet MS"; font-size : 11px; font-weight : normal; color : #333333; border : 1px solid #cccccc; background : #f6f6f6 url(https://img.webme.com/pic/m/mrossi/style1_txt_bg.gif) repeat-x top; }     Sol Menü <style type="text/css">  /*Credits: Dynamic Drive CSS Library */ /*URL: http://www.dynamicdrive.com/style/ */  .urbangreymenu{ width: 190px; height: 10px; /*width of menu*/ }  .urbangreymenu .headerbar{ width: 190px; height: 10px; font: bold  12px Trebuchet MS; color: white; background: #4f6b78 url( https://img.webme.com/pic/o/osmantalay/mncnl.png) no-repeat 3px 4px; /*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: 4px 0 9px 20px; /*20px 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  bold 12px Arial; color: black; background: #dbe6ec; display: block; padding: 5px 0; line-height: 12px; padding-left: 4px; /*link text is indented 4px*/ text-decoration: none; }  .urbangreymenu ul li a:visited{ color: black; }  .urbangreymenu ul li a:hover{ /*hover state CSS*/ color: white; background: #80bbd9; }  </style>  <style>  A{ text-decoration : none; } <!-- a{color:#0e9dc1;text-decoration:none;font:bold} a:hover{color:#C0C0C0;text-decoration:none;font:bold}  </style>   <style> A{ text-decoration : none; }  A:Hover{ text-decoration : underline; } </style>