Oval Köşe Menü / Paylaşım

30-08-2010, 14:22:00

Kimlik doğrulama veya yönetimden onay bekliyor.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Oval Köşe Menü Yapımı by airwebmaster for Fire Fox</title>
<style type="text/css">
body {
	background: #e1e1e1;
	color: #fff;
	font-family: "Lucida Grande", Verdana, Arial, "Bitstream Vera Sans", sans-serif;
	margin: 2em auto 0 auto;
	width: 700px;
	padding: 1em 2em;
	-moz-border-radius: 11px;
	-khtml-border-radius: 11px;
	-webkit-border-radius: 11px;
	border-radius: 11px;
	border: 1px solid #fff;
	}
.menu {  font-weight:bold;
		 margin:0; 
		 text-align:center; 
		 text-decoration:none;  }	
.menu a { color: #0099CC;
		 text-decoration:none;
		 text-transform:capitalize;
		 padding:15px; }
.menu a:hover { color: #996600; 
				border:1px solid #000; 	
				-moz-border-radius: 11px; 
				-khtml-border-radius: 11px; 
				-webkit-border-radius: 11px; 	
				border-radius: 11px;
 }
</style>
</head>

<body>
<div class="menu">
<ul>
<a href="#">anasayfa</a>
<a href="#">şirket profil</a>
<a href="#">referans</a>
<a href="#">İK</a>
<a href="#">hizmet</a>
<a href="#">İletişim</a>
</ul>

</div>

</body>
</html>

Demo

Not: Oval köşeler fire fox'da belirmektedir.

30-08-2010, 18:47:49

#2

_BuKi_

Kimlik doğrulama veya yönetimden onay bekliyor.

chromeda da gözüküyor, operada da gözükmesi lazım ama tam bilmiyorum. Bizi yıldıran IE tabiki

Sağolun hocam paylaşım için. Kullanmak isteyenler için güzel kaynak.

30-08-2010, 19:01:28

#3

airwebmaster

sağolasın

30-08-2010, 19:37:50

#4

liarea

Yılmanıza gerek yok

İlk önce ie adında bir stil dosyası oluşturun ve içine şunları ekleyın.

#ovalDiv {
  behavior: url(border-radius.htc);
  }

daha sonra sayfanıza sadece ie de çalışacak bir stil dosyası ekleyın.

<!--[if IE]><link rel="stylesheet" href="ie.css" type="text/css"/><![endif]-->

daha sonra şu dosyayı indirin

http://rapidshare.com/files/416067695/border-radius.htc

İyi çalışmalar

31-08-2010, 10:34:40

#5

airwebmaster

Liarea İE katkılarından dolayı teşekkürler.