Şimdi Ara

yardımcı olabilicek birisi html - css

Bu Konudaki Kullanıcılar:
2 Misafir - 2 Masaüstü
5 sn
3
Cevap
0
Favori
208
Tıklama
Daha Fazla
İstatistik
  • Konu İstatistikleri Yükleniyor
0 oy
Öne Çıkar
Sayfa: 1
Giriş
Mesaj
  • merhabalar abilerim , kardeşlerim css ve html öğrenmeye çalışıyor ama bi sorunla karşılaştım bugün
    çözemiyorumda

     yardımcı olabilicek birisi html  - css
     yardımcı olabilicek birisi html  - css

    <html> 
    <head>
    <title>site</title>
    <link rel="stylesheet" href="style.css">
    <meta charset="utf-8">
    <link href='https://fonts.googleapis.com/css?family=Roboto:400,700,900' rel='stylesheet' type='text/css'>
    <script type="text/javascript">
    WebFontConfig = {
    google: { families: [ 'Roboto:400,700,900:latin' ] }
    };
    (function() {
    var wf = document.createElement('script');
    wf.src = ('https:' == document.location.protocol ? 'https' : 'http') +
    '://ajax.googleapis.com/ajax/libs/webfont/1/webfont.js';
    wf.type = 'text/javascript';
    wf.async = 'true';
    var s = document.getElementsByTagName('script')[0];
    s.parentNode.insertBefore(wf, s);
    })();
    </script>
    </head>
    <body>
    <div id="wrapper">
    <header>
    <div class="menu-bg">
    <div class="menu-icon"></div>
    </div>
    <div class="temizle"></div>
    <nav>
    <ul>
    <li>Anasayfa</li>
    <li>Store</li>
    <li>Blog</li>
    <li>About</li>
    <li>Contact</li>
    </ul>
    </nav>
    <div class="ust-bar">
    asdf
    </div>

    </header>



    </div>

    </body>

    </html>


    /*Stil Dosyam*/ 
    *{margin: 0;padding: 0; border:0;text-decoration: none;list-style-type: none;}
    @import url(https://fonts.googleapis.com/css?family=Roboto:400,700,900);
    .temizle{clear: both;}
    body{
    background-color: #4d6681;
    }

    #wrapper
    {
    width: 942px;
    margin: 100px auto;
    }
    header{
    float: left;
    height: 60px; width: 928px;
    background-color: #fff;
    }
    header .menu-bg{
    background-color: #56ccc8;
    width: 60px;
    height: 60px;
    }

    header .menu-icon{
    background: url(menuicon.png) no-repeat; height: 17px; width: 22px;
    position: relative; top:21.5px; left: 19px;
    }
    header nav ul{
    float: left;
    }
    header nav ul li{
    font-family: 'Roboto', sans-serif;
    color:#475055;
    float: left;
    }
    header .ust-bar{
    float:left;
    }


     yardımcı olabilicek birisi html  - css menu ikonu



    < Bu mesaj bu kişi tarafından değiştirildi sahbeewah -- 22 Kasım 2015; 12:36:33 >







  • "header nav ul" içerisine aşağıdaki kodları yazıp bir dene istersen

    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
  • 
Sayfa: 1
- x
Bildirim
mesajınız kopyalandı (ctrl+v) yapıştırmak istediğiniz yere yapıştırabilirsiniz.