Skocz do zawartości
  • Przeglądający   0 użytkowników

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

Promowane odpowiedzi

Daniel    2,856

Witam dzisiaj wam pokaże jak zrobić poziome menu z tłem :)

1.Robimy nowy index.html i tworzymy menu

       <div class="menu"> 
           <ul> 
               <li><a href="#" title=""><span>Stona Główna</span></a></li> 
               <li><a href="#" title=""><span>O Mnie</span></a></li> 
               <li><a href="#" title=""><span>Portfolio</span></a></li> 
               <li><a href="#" title=""><span>Cennik</span></a></li> 
               <li><a href="#" title=""><span>Kontakt</span></a></li> 
               <li><a href="#" title=""><span>Polecam</span></a></li> 
               <li><a href="#" title=""><span>Cmsszablony</span></a></li> 
               <b></span></a></li> 
           </ul> 
       </div>


 i Zapisujemy :)

Teraz gotowe tło do menu robimy
http://speedfile.xpag.pl/upload/meni.png
Moje tło.

Teraz tworzymy nowy plik .css i w pliku

Piszemy

/* MENU*/ 
.menu{ 
   background: transparent url(meni.png) no-repeat; 
   height:60px; 
} 
.menu ul{ 
   list-style:none; 
   margin:0 auto; 
} 
.menu li{ 
   float:left; 
   list-style:none; 
   margin-right:15px; 
} 
.menu li a{ 
   float:left; 
   display:block; 
   color:#fff; 
   text-decoration:none; 
   font:14px Myriad Pro; 
   font-weight:bold; 
   padding:0 0 0 7px; 
   text-align:center; 
   height:37px; 
   line-height:62px; 
   cursor:pointer;    
   text-transform:center; 
} 
.menu li a span{ 
   float:left; 
   display:block; 
   padding:0 10px 0 4px; 
} 
.menu li a:hover{ 
   background: #034b60; 
       padding: 10px; 
} 

i teraz tak

background: transparent url(meni.png) no-repeat; (odpowiada za tło zamiast meni.png wpisujemy własne tło "no-repeat" Żeby to się nie powtarzało)
height:60px; (Wysokość naszego tła)

.menu li a:hover{
background: #034b60; (tło po najechaniu myszką)
padding: 10px; (wielkość tła)

Jeżeli macie z czym problem proszę pisać w temacie lub na PW :)
Zyczę miłej zabawy 

Udostępnij tego posta


Odnośnik do posta
Udostępnij na innych stronach
Daniel    2,856

C4 wl0dz!u, To znajdz takie :) Tylko twój .css przebiłem lekko i dodałem tło obrazkowe

Moja własna praca :)

[ Dodano: 2011-10-29, 14:58 ]

Dekke,To co ja zrobię to Tobie się wogule nie podoba. Zero Jesteś

Arth, Opisz dokładnie o co ci chodzi :)

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 s0meth1ng
      Co wykonać?
      Tło (tapeta) zrobione na wzór skórki broni z gry cs:go. Chodzi dokładnie o zrobienie tapety w stylu AK-47 Vulcan.
      Przykład skina: https://pbs.twimg.com/media/CEJoe94WMAA5DTa.png
       
       
      Informacje dodatkowe: 
      Jak ma wyglądać tapeta? A no coś w takim stylu:
      http://cdn.wallpapersafari.com/56/78/2Yekj5.jpg
      http://orig06.deviantart.net/4b7d/f/2015/127/0/1/asiimov_themed_wallpaper_by_very_srs_chopsticks-d8siygx.png
       
      Chodzi mi dokładnie o to żeby były zachowane charakterystyczne elementy z danej skórki.
       
      Wymiary grafiki:
      Najlepiej HD. +1920x1080 (im większa tym lepsza - będzie drukowane)
    • Przez damson
      Opis: Mam do sprzedania header/background pod forum CS. Jest w czerwonej kolorystyce jednak zmiana na dowolny, inny kolor to żaden problem i mogę dostosować pod indywidualne wymagania. Sprzedaję ponieważ Klient nie raczy zapłacić reszty umówionej kwoty i sfinalizować zlecenia  
      Cena: Do uzgodnienia.
      Płatność: Przelew / PayPal.
      Kontakt: GG: 3017661 / PW / Damian "damson" Kubisiak - Strona główna | Facebook 
      Allegro (nie wymagane):  -
      Zdjęcia: Menu, tabela itp. to tylko wizualizacja przygotowana dla forum w/w Klienta, ale wrzucam taki screen żeby lepiej to wszystko zobrazować niż czyste tło bez żadnych elementów.
       

    • Przez Proama
      Witam ostatnio bawię grafiką i nawet mówicie że ładnie i co raz ładniejsze to tu daje tło na FB które zrobiłem dla oceny

      Wymiary takie duże dlatego że jak dodaję grafike przez przeciągniecie na webmasteruj to wymiary są większe xD
    • Przez Mativve
      Witam
      Chciałbym zrobić coś takiego że np: jest <div id="adadad box"></div> i chciałbym aby skrypt pobrał tą wartość i dla tego box'a ustawił taki kolor jaki znajduje się w id.
      Jest takie coś możliwe?
  • Ostatnie tematy

×