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

BuRaK_X61 · 2 Ağustos 2013

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 · 2 Ağustos 2013

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 · 2 Ağustos 2013

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>

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

BuRaK_X61

Üye

hediye54

Üye

Emre ÇETİNER

Altın Üye