Skocz do zawartości
W Naszym sklepie znajdziesz wiele skinów do cs go, konkurencyjne ceny i natychmiastowa wysyłka to Nasza dywiza!
  • Przeglądający   0 użytkowników

    Brak zarejestrowanych użytkowników, przeglądających tę stronę.

Promowane odpowiedzi

Całość kodu, składa się tylko z HTML i CSS. Chyba nie ma nic w tym trudnego, pytania w komentarzach.

HTML

Tworzymy sobie poziome menu na zakładkach w HTML...

Rozpocznij listę znacznikiem <ul> , aby uzyskać listę wypunktowaną i zakończ znacznikiem </ul>

Każda pozycja listy powinna zaczynać się znacznikiem <li> i kończyć znacznikiem </li>.

Gotowy kod HTMl:
 

<ul> 
<li><a href="#">Rejestracja</a><li> 
</ul>

Między <ul> a </ul>, możemy tworzyć więcej zakładek do menu, tym samym sposobem co tu

<li><a href="#">Rejestracja</a><li>

Teraz nadamy trochę koloru, naszemu menu.

Gotowy kod CSS

<style> 
ul, ul li {  
       display: block;  
       list-style: none;  
       margin: 0;  
       padding: 0;  
}  
ul {  
       border-bottom: 1px solid #888;  
       float: left;  
       width: 100%;  
       padding-left: 20px;  
}  
ul li {  
       float: left;  
       margin-right: 10px;  
}  
ul a:link, ul a:visited {  
width: 100px;  
       text-decoration: none;  
       display: block;  
       background-color: navy;  
       color: white;  
       padding: 5px 10px;  
       border: 1px solid #888;  
       position: relative;  
       top: 1px;  
       font-weight: bold;  
}  
#current a {  
       background-color: #33FFFF;  
       border-bottom-color: #fff;  
       color: black;  
}  
ul a:hover {  
       background-color: #fff;  
       border-bottom-color: #fff;  
       color: black;  
       border-bottom: 1px solid #888;  
} 
</style>  

Już mi się opisywać tego nie chciało, każdy kto zna na poziomie podstawowym HTML/CSS powinien wiedzieć, co w tym kodzie się znajduje, w razie jakiś problemów czy pytań proszę kierować w tym temacie.

Jak widać nasze menu składa się z 2 kolorów Niebieski ciemny i jasny, biały pojawia się po najechaniu myszką na jedną z naszych zakładek w menu. Kolorki oczywiście można sobie pozmieniać w .css jak i rozmieszczenie.

Udostępnij tego posta


Odnośnik do posta
Udostępnij na innych stronach
Gość
Ten temat został zamknięty. Brak możliwości dodania odpowiedzi.

  • Podobna zawartość

    • Przez Luqa
      Witam, mam problem ponieważ posiadam ten szablon:
      i chciałbym mu dodać belki graficzne które były by w image jak w innych szablonach a za bardzo nie wiem jak to zrobić, ten styl niestety posiada belki na kodzie i chciałbym je zamienić na graficzne, proszę o pomoc z góry dzieki !
    • Przez megafon
      Witam,
       
      Moj blog:
      blog.0ad.pl Niestety nie moge znalezc odpowiednich css'ow od menu (przyciskow), siedbar tego po prawo oraz wpisow. JEst ktos w stanie mnie nakierowac gdzie to wszystko znajde? Niby znalazlem urywki od menu ale gdy chociazby dla testu probuje zmienic background color nic sie nie zmienia.
    • Przez megafon
      Witam czy ktos moglby mi wytlumaczyc jak zrobic takie menu jak w zalaczniku?
      Pierw moze byc wytlumaczenie a ja sprobuje

    • Przez megafon
      .footerprogress {color:#000; position:static; margin:0 auto; bottom: 0; left: 0; right: 0; justify-content:center; align-items:center; background-color:#192421; height:76px; width:100%; } #socialicon {background-color:#fff; position:static; bottom: 0; left: 0; right: 0; border-top: 1px solid white; justify-content:center; align-items:center; height:76px; width:100%; }  
      Mam owy css, dlaczego text/obrazki w srodku owych divow:
      nie znajduja sie na srodku calego prostokata. dlaczego oba divy nachodza na siebie? oczekuje cos takiego jak w zalaczniku
×