Menu w postaci kafelek Opcje

[xNorbi]

Witajcie, jako jestem świeży w robieniu stron, (co możecie zobaczć tu: http://norbieu.tk) prosiłbym o zaprezentowanie mi kodu na menu w postaci kafelek czegoś w tym stylu: http://prntscr.com/5xw102 lub http://prntscr.com/5xw1ec albo http://prntscr.com/5xw5uw. Bo moje umiejętności robienia stron nie są tak duże, aby temu podołać.

Ten post edytował xNorbi 27.01.2015, 23:20:53

[in5ane]

Po pierwsze to menu buduje się na listach (ul, ol, li). Po drugie aby zrobić taką "kafelkę", to nadajesz po prostu na takie li padding odpowiedni i np. inny background.

[xNorbi]

Mogę jakiś przykład?

Ja dalej czekam...

[Forti]

To zamiast czekać na gotowe rozwiązanie spróbuj sam coś zrobić. Kolega Ci napisał jak.

[HTML] pobierz, plaintext 
<ul>
    <li></li>
    <li></li
</ul>
[HTML] pobierz, plaintext 

[CSS] pobierz, plaintext 
ul {
    display: inline;
}
 
li {
    background-color: pink;
    width: 100px;
    height: 20px;
    cursor: pointer;
    display: inline // już nie pamiętam.. jakoś tak
}
 
li:hover {
    opacity: 0.5;
}
[CSS] pobierz, plaintext 

Pisane z palca - jakoś tak powinno działać.
Baw się.. co w tym trudnego?

google.pl ->css tile menu

Przestań być leniem.

Ten post edytował Forti 31.01.2015, 23:09:56

[bubx2k]

Przykład: http://jsfiddle.net/ybp7cunn/