Skocz do zawartości
  • 👋 Witaj na MPCForum!

    Przeglądasz forum jako gość, co oznacza, że wiele świetnych funkcji jest jeszcze przed Tobą! 😎

    • Pełny dostęp do działów i ukrytych treści
    • Możliwość pisania i odpowiadania w tematach
    • System prywatnych wiadomości
    • Zbieranie reputacji i rozwijanie swojego profilu
    • Członkostwo w jednej z największych społeczności graczy

    👉 Dołączenie zajmie Ci mniej niż minutę – a zyskasz znacznie więcej!

    Zarejestruj się teraz

[Pytanie] Menu


Rekomendowane odpowiedzi

Opublikowano

Witam. Może mi ktoś dokładnie napisać co mam zrobić żeby po najechaniu na "przycik" do strony w menu się wyświetlał inny? Chodzi mi o takie coś jak jest tutaj http://metin2mod.tk/ - że po najechaniu na np. multihack wyświetlał się szary kwadracik (wygląda jak wciśnięty). Z góry dziękuje za pomoc.

Jeżeli pomogłem podziękuj klikając Lubie to! <3


sygna1.png

Opublikowano

chyba najprosciej bedzie uzyc czegos gotowego - tylko dostosowac

http://www.1stwebdesigner.com/css/35-excellent-jquery-and-css3-navigation-menus/

^^ tu masz 35 takich menusow - mozesz wybrac cos dla siebie :)

 

albo uzyc kodu z podanej strony

<!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 http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>menu</title>
<style>
.clr {
	background : none;
	clear : both;
	margin : 0;
	padding : 0;
}
.menu ul {
	border : 0;
	float : right;
	list-style : none;
	margin : 7px 30px 0 0;
	padding : 0;
}
.menu ul li {
	float : left;
	margin : 0;
	padding : 0;
}
.menu ul li a {
	color : #C8C8C8;
	float : left;
	font : normal 11px Arial, Helvetica, sans-serif;
	margin : 0 1px 0 0;
	padding : 15px 0;
	text-decoration : none;
}
.menu ul li a span {
	background : none;
	margin : 0;
	padding : 15px;
}
.menu ul li a.active {
	background : url(images/r_menu.gif) no-repeat right;
	color : #60B6FF;
}
.menu ul li a.active span {
	background : url(images/l_menu.gif) no-repeat left;
	color : #60B6FF;
}
.menu ul li a:hover {
	background : url(images/r_menu.gif) no-repeat right;
	color : #60B6FF;
}
.menu ul li a:hover span {
	background : url(images/l_menu.gif) no-repeat left;
	color : #60B6FF;
}
</style>
</head>

<body>
<div class="menu">
  <ul>
    <li><a href="http://experionmt2.com/prezentacja.html"><span><font color="#FAB002">ExperionMt2.com</font></SPAN></A> </li>
    <li><a href="http://umetin2.pl/umetin.html"><span><img src="umetin.png" width="11" height="11"><font color="#FA5002"> uMetin2.pl</font></SPAN></A> </LI>
    <li><a href="index.html" class="active"><span>Home page</SPAN></A> </LI>
    <li><a href="multihack.html"><span>Multihack</SPAN></A> </LI>
    <li><a href="privateservers.html"><span>Mod 2011SF</SPAN></A> </LI>
    <li><a href="metin2pl.html"><span>Metin2mod PL</SPAN></A> </LI>
    <li><a href="metin2sg.html"><span>Mod SG/PH</SPAN></A> </LI>
    <li><a href="downloads.html"><span>Inne</SPAN></A> </LI>
    <li><a href="kontakt.html"><span>Kontakt</SPAN></A> </LI>
  </UL>
</DIV>
<div class="clr"></DIV>
</body>
</html>

wystarczy tylko dodac obrazki do images/r_menu.gif i images/l_menu.gif i bedzie identyczne ale wtedy tyo bedzie kradziez, ale jak zrobisz swoje obrazki juz chyba nie

Lepiej jest nie odzywać się wcale i pozwolić ludziom myśleć, że jesteś glupi, niż odezwać się i rozwiać wszelkie wątpliwości.
Mark Twain

Opublikowano

Ok dzięki. Teraz mam problem z tłem... Wyświetla się tylko kawałek (u góry) a reszta jest biała. Tu macie zawartość pliku style - http://wklej.to/FqWHi

A jak w pliku style dopisze w 1liniicje kolor to jest kolor inny niż biały np zielony. W tedy 1 linijka wygląda tak: body{background: #82AB19 url('../img/background.png')... Co mam zrobić żeby tło było na całej stronie?

Jeżeli pomogłem podziękuj klikając Lubie to! <3


sygna1.png

Opublikowano

z tego co widze masz

body{
    background : url('../img/background.png') repeat-x;
    color : #FFFFFF;
    font : 12px/20px Verdana, Arial, sens-serif;
    height : 100%;
    width : 100%;
}

wiec tlo bedzie powtarzane tylko w poziomie - jesli nie jest wysokie to raczej nie pokryje calej strony - daj link do strony to bedzie mozna powiedziec cos wiecej

 

usun repeat-x; to tlo "rozleje sie" po calej stronie

Lepiej jest nie odzywać się wcale i pozwolić ludziom myśleć, że jesteś glupi, niż odezwać się i rozwiać wszelkie wątpliwości.
Mark Twain

Opublikowano

OK, już zrobiłem.

Teraz nwm jak dać tło w danym miejscu. Chodzi mi o to żeby pod newsem było białe tło.

Jeżeli pomogłem podziękuj klikając Lubie to! <3


sygna1.png

Opublikowano

nikt nie ma szklanej kuli :)

 

daj link albo kod budujacy newsa

Lepiej jest nie odzywać się wcale i pozwolić ludziom myśleć, że jesteś glupi, niż odezwać się i rozwiać wszelkie wątpliwości.
Mark Twain

Zarchiwizowany

Ten temat przebywa obecnie w archiwum. Dodawanie nowych odpowiedzi zostało zablokowane.

×
×
  • Dodaj nową pozycję...