Bir Sorunum Var Arkadaşlar Yardım Eder misiniz?

BuRaK_X61

Üye
Kayıt
12 Nisan 2013
Mesaj
6
Tepki
0
Arkadaşlar ben normalde Dreamweaver'da tablo felan orda yapmak istiyorum ama photoshoptaki gibi güzel bir efekt veremiyorsun gerek kenarları Gerek rengi felan. Benim sorunum şu;

Photoshopta Diyelim Bir Dikdörtgen İçine Menümü Yazıyorum. Anasayfa , Hakkında , İletişim Vs. Ben Buna Efekt Vermek İstiyorum Dreamweaver'de. Haliyle Css Kullanıyorum :hover Komutu İle Yapıyorum Fakat Olmuyor. Yazı Rengini Değiştirmek İstiyorum Değişmiyor Ama Sadece 1 Şey Değişiyor O Da, Eğer Kenarlık Verirsem Yazıya Kenarlıklar Çıkıyor Fakat Onda Da Sorun Oluyor Kenarlık Çıkıyor Ama Oluşturduğum Dikdörtken Menü Alanında Kaymalar Oluyor. Yardımcı Olabilecek Var Mı Bana ?
 

hediye54

Üye
Kayıt
8 Aralık 2012
Mesaj
99
Tepki
22
2 tane css yazacaksın

.font1
{
font-family: 'roboto_condensedregular';
font-size:15px;
color:#3c210a;
font-weight:normal;
text-decoration:none;

}
a.font1:hover
{
font-family: 'roboto_condensedregular';
font-size:15px;
color:#a25b1d;
font-weight:normal;
text-decoration:none;
}

yulkarıda örnek verdim css bu şekilde yazacaksin.. csss
 

Emre ÇETİNER

Altın Üye
Altın Üye
Kayıt
23 Eylül 2012
Mesaj
483
Tepki
17
Aşağıda bir örnek yaptım senin için doğru anladıysam.

HTML:
<!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 ***********="Content-Type" content="text/html; charset=utf-8" />
<title>Deneme</title>

<style>
    .menu {
        width:300px;
        border:1px solid #ccc;
        }

    .menu > ul {
        padding:0;
        margin:0;
        list-style:none;
        }
        
    .menu > ul > li {
        }
        
        
    .menu ul > li > a {
        padding:20px;
        display:block;
        background-color:#ededed;
        font-family:Arial, Helvetica, sans-serif;
        font-size:12px;
        text-decoration:none;
        color:#333333;
        }
        
    .menu ul > li > a:hover {
        padding:20px;
        display:block;
        background-color:#999;
        color:#ffffff;
        font-family:Arial, Helvetica, sans-serif;
        font-size:12px;
        text-decoration:none;
        }
        
</style>

</head>

<body>

    <div class="menu">
        <ul>
            <li><a href="#">Menü 1</a></li>
            <li><a href="#">Menü 2</a></li>
            <li><a href="#">Menü 3</a></li>
            <li><a href="#">Menü 4</a></li>
            <li><a href="#">Menü 5</a></li>
        </ul>
    </div>
    
</body>
</html>
 
Yukarı Alt