TeknoAnaliz | Teknoloji & Kişisel blog

Resimli Css menü

CSS KODU:
#menuv1 { width: 120px; height: auto; } #menuv1 a { font-family: Arial, Calibri, "Microsoft YaHei"; font-size: 12px; font-weight: bolder; text-decoration: none; height: auto; width: 120px; background-color: #999999; display: block; padding-top: 3px; padding-bottom: 3px; /* [disabled]background-image: url(blacksydm.png); */ -webkit-transition: 1s; -moz-transition: 1s; -o-transition: 1s; box-shadow: 1px 1px 1px #999; color: #000; } #clear { clear: both; } #menuu { height: auto; width: 840px; margin: auto; } #menuv1 a:hover { font-family: Arial, Calibri, "Microsoft YaHei"; font-size: 12px; font-weight: bolder; color: #000; text-decoration: none; height: auto; width: 120px; background-color: #33CCFF; display: block; padding-top: 3px; padding-bottom: 3px; }
 

 

HTML KODU:
<div id="menuu">
<table width="840" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<th width="880" height="56" valign="top" scope="col"><div id="menuv1"> <a href="#"><img src="http://www.defaulticon.com/sites/default/files/styles/icon-front-page-32x32-preview/public/field/image/home.png?itok=4tougUBV" alt="" width="32" height="32" /><br />
ANASAYFA</a></div></th>
<th width="880" height="56" valign="top" scope="col"><div id="menuv1"> <a href="#"><img src="http://www.defaulticon.com/sites/default/files/styles/icon-front-page-32x32-preview/public/field/image/mail.png?itok=k1sL4njV" alt="" width="32" height="32" /><br />
İLETİŞİM</a></div></th>
<th width="880" height="56" valign="top" scope="col"><div id="menuv1"> <a href="#"><img src="http://www.defaulticon.com/sites/default/files/styles/icon-front-page-32x32-preview/public/field/image/edit.png?itok=nb2eY85A" alt="" width="32" height="32" /><br />
YORUM YAP</a></div></th>
<th width="880" height="56" valign="top" scope="col"><div id="menuv1"> <a href="#"><img src="http://www.defaulticon.com/sites/default/files/styles/icon-front-page-32x32-preview/public/field/image/unfold-from-right.png?itok=V5sVTpx1" alt="" width="32" height="32" /><br />
FORUM</a></div></th>
<th width="880" height="56" valign="top" scope="col"><div id="menuv1"> <a href="#"><img src="http://www.defaulticon.com/sites/default/files/styles/icon-front-page-32x32-preview/public/field/image/report.png?itok=RKrkCn3h" alt="" width="32" height="32" /><br />
ÇALIŞMALARIM</a></div></th>
<th width="880" height="56" valign="top" scope="col"><div id="menuv1"> <a href="#"><img src="http://www.defaulticon.com/sites/default/files/styles/icon-front-page-32x32-preview/public/field/image/user-alt-4.png?itok=dsPWoYTC" alt="" width="32" height="32" /><br />
HAKKIMDA</a></div></th>
<th width="880" height="56" valign="top" scope="col"><div id="menuv1"> <a href="#"><img src="http://www.defaulticon.com/sites/default/files/styles/icon-front-page-32x32-preview/public/field/image/badge.png?itok=iVa8i2Iw" alt="" width="32" height="32" /><br />
REKLAM VER</a></div></th>
</tr>
</table>
</div>
 
Bu web sitesi ücretsiz olarak Bedava-Sitem.com ile oluşturulmuştur. Siz de kendi web sitenizi kurmak ister misiniz?
Ücretsiz kaydol