View previous topic :: View next topic |
Author |
Message |
Julius
Joined: 18 Dec 2004 Posts: 376 Location: Jastrebarsko
|
Posted: 30.04.2006 21:23 Post subject: Izvedba menija |
|
|
http://www.geocities.com/ivandimnjakovic/problem....jpg
Uglavnom, ne znam kak bi izveo ovo...radi se o tome da kad bi na ovako otvoreni menu kliknuo na početna da se otvori početna stranica i zatvori ovi podlinkovi, pa kad kliknem na prodajni centri da mi se oni otvore, a zatvori zadnje otvoreni...ajd pliz helpajte-...hitno mi je... |
_________________ BOlje biti mrtav Pijan nego mrtav Trijezan... |
|
Back to top |
|
|
:cosmos:
Joined: 12 Sep 2003 Posts: 2098 Location: México
|
Posted: 30.04.2006 21:41 Post subject: |
|
|
javascript.
nije komplicirano, nesto vrlo slicno sam radio na donjem meniju ovdje pa pogledaj i probaj skuziti
Last edited by :cosmos: on 30.04.2006 21:46; edited 1 time in total |
|
|
Back to top |
|
|
nel`chee
Joined: 08 Jul 2004 Posts: 2087 Location: Rijeka
|
Posted: 30.04.2006 21:44 Post subject: |
|
|
markup slozi ovako: http://www.alistapart.com/articles/dropdowns/
i samo :hover zamijeni sa :active i dodaj javascript za IE kao ovdje: http://www.htmldog.com/articles/suckerfish/active/
EDIT: ovo gore mozda i nije to na sto si mislio. ako sam u pravu, onda ti je dovoljno dodat u svaki list item klasu npr "pocetna" "pcentri" itd...
i dodas u body klasu stranice, npr na pocetnoj je "pocetna" na prodajnim centrima "pcentri" itd.
i onda imas slijedece:
Code: | #menu ul {display: none;}
.pocetna #menu .pocetna a {background: red; ... }
.pcentri #menu .pcentri a {background: red; ... }
.pcentri #menu .pcentri ul {display: block;}
...
|
nadam se da kuzis |
|
|
Back to top |
|
|
mile
Joined: 10 Sep 2003 Posts: 1327 Location: Jeruzalem
|
|
Back to top |
|
|
Julius
Joined: 18 Dec 2004 Posts: 376 Location: Jastrebarsko
|
Posted: 01.05.2006 12:28 Post subject: |
|
|
Fala vam...
Radi se o:
http://www.id-julius.com/Proba_plodine/proba1.html
Uglavnom, mislim da ću ovo skužiti...htio sam ovo što je mile linkao...
Sad bi me zanimalo jedno pitanje...kako da napravim da mi div bude kao zasebni frame? Da me se takam meni vrti u njemu, a da se ostalo ne mijenja... |
_________________ BOlje biti mrtav Pijan nego mrtav Trijezan... |
|
Back to top |
|
|
n0p
Joined: 21 Apr 2006 Posts: 39 Location: wWw
|
Posted: 02.05.2006 21:45 Post subject: |
|
|
AJAX
________
Automobile Craiova
Last edited by n0p on 02.02.2011 12:37; edited 1 time in total |
|
|
Back to top |
|
|
sinisa.kusic
Joined: 26 Jul 2005 Posts: 728 Location: Rijeka
|
Posted: 02.05.2006 22:20 Post subject: |
|
|
javascript :
Code: |
<script type="text/javascript">
//<![CDATA[
function HideandUNhideObj(ThisObj){
nav=document.getElementById(ThisObj).style
if(nav.display=="none"){
nav.display='block';
}else{
nav.display='none';
}
}
//]]>
</script>
|
xhtml :
Code: |
<ul>
<li><a href="#" onclick="HideandUNhideObj('div1');">Menu 1</a>
<div style="display: none;" id="div1">
<ul>
<li><a href="#">Submenu 1</a></li>
<li><a href="#">Submenu 2</a></li>
<li><a href="#">Submenu 3</a></li>
<li><a href="#">Submenu 4</a></li>
</ul>
</div>
</li>
</ul>
<ul>
<li><a href="#" onclick="HideandUNhideObj('div2');">Menu 2</a>
<div style="display: none;" id="div2">
<ul>
<li><a href="#">Submenu 1</a></li>
<li><a href="#">Submenu 2</a></li>
<li><a href="#">Submenu 3</a></li>
<li><a href="#">Submenu 4</a></li>
</ul>
</div>
</li>
</ul>
|
|
_________________ some are born awesome, some achieve awesomeness and some have awesomeness thrust upon them |
|
Back to top |
|
|
retro_one
Joined: 16 Sep 2003 Posts: 880 Location: DUBRAVA.
|
Posted: 03.05.2006 09:25 Post subject: |
|
|
n0p wrote: | AJAX |
ma za koji qrac molim te? |
_________________ Just your average eccentric programmer. |
|
Back to top |
|
|
:cosmos:
Joined: 12 Sep 2003 Posts: 2098 Location: México
|
Posted: 03.05.2006 09:34 Post subject: |
|
|
retro_one wrote: | n0p wrote: | AJAX |
ma za koji qrac molim te? |
jel vidis smile velicine njegovoj ljevog oka sa desne strane?
ajax vam ne radi u FFu |
|
|
Back to top |
|
|
gog
Joined: 18 Jun 2004 Posts: 679 Location: zagreb
|
Posted: 03.05.2006 10:49 Post subject: |
|
|
Skoro si me navukao |
|
|
Back to top |
|
|
www.recgr.com
Joined: 28 Apr 2006 Posts: 25 Location: Labin, Croatia
|
Posted: 10.05.2006 22:17 Post subject: |
|
|
CSS, Rollover, linkovi.
Može dodavati što god hoćeš.
Primjer
Izvorni Kod:
CSS
Code: | <style type="text/css">
<!--
BODY {
margin:0px;
}
A:link {
COLOR: #003966;
FONT-WEIGHT: BOLD;
TEXT-DECORATION: none;
FONT-SIZE: 90%;
}
A:active {
COLOR: #003966;
FONT-WEIGHT: BOLD;
TEXT-DECORATION: none;
FONT-SIZE: 90%;
}
A:visited {
COLOR: #003966;
FONT-WEIGHT: BOLD;
TEXT-DECORATION: none;
FONT-SIZE: 90%;
}
A:hover {
TEXT-DECORATION: none;
FONT-WEIGHT: BOLD;
FONT-SIZE: 90%;
COLOR: #C75E1A;
}
#b2 {
width: 178px;
padding: 0 0 0 0;
margin-bottom: 1em;
font-size: 11px;
font-weight: normal;
font-family: Verdana, Lucida, Geneva, Helvetica, Arial, sans-serif;
background-color: #CCCCCC;
color:#999999;
}
#b2 ul {
list-style: none;
margin: 0;
padding: 0;
border: none;
}
#b2 li {
border-bottom: 1px solid #CCCCCC;
margin: 0;
width: auto;
}
#b2 li a {
display: block;
padding: 3px 0px 3px 0.5em;
border-left: 5px solid #CCCCCC;
border-right: 5px solid #CCCCCC;
background-color: #666666;
color: #fff;
text-decoration: none;
width: auto;
}
#b2 li a:hover {
border-left: 5px solid #800000;
border-right: 5px solid #800000;
background-color: #CCCCCC;
color: #000000;
}
.bhz {
width : auto;
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 10px;
text-align : left;
font-weight : bold;
color : #ffffff;
background-color : #666666;
padding-top : 3px;
padding-bottom : 4px;
padding-left : 4px;
border-left: 5px solid #000000;
display : block;
}
.ht1 {
font-size : 10px;
font-weight: bold;
color : #000;
font-family : Verdana, Arial, Helvetica, sans-serif;
text-decoration : none;
}
.hw2 {
font-size : 11px;
font-weight : bold;
color : #ffffff;
font-family : verdana, arial, helvetica, sans-serif;
text-decoration : none;
}
-->
</style> |
(X)HTML Code: |
<div id="b2">
<ul>
<li><div class="bhz"><span class="ht1">> </span><span class="hw2">MAIN MENU</span></div></li>
<li><center><strong><font color="#333333">CROATIAN</font></strong></center></li>
<li><a href="index.php">Index</a></li>
<li><a href="http://clan-csc.com/chat/phpMyChat.php3" target="_blank">Live Chat</a></li>
<li><a href="http://guestbook.sparklit.com/entries?gbID=120858" target="_blank">Knjiga Gostiju</a></li>
<li><a href="http://snino.blog.hr/" target="_blank">Blog dot hr</a></li>
<li><a href="linkovi.php">Linkovi</a></li>
<li><a href="lektire.php">Lektire</a></li>
<li><a href="download.php">Download</a></li>
<li><a href="tup_pogled.php">Tup Pogled</a></li>
<li><a href="master_hardver.php">Master Hardver</a></li>
<li><a href="master_softver.php">Master Softver</a></li>
<li><a href="master_internet.php">Master Internet</a></li>
<li><a href="master_tips.php">Master Tips</a></li>
<li><a href="master_games.php">Games Master</a></li>
<li><a href="calendar.php">Flash Calendars</a></li>
<li><a href="groundwork.php">Groundwork</a></li>
<li><a href="buducnost.php">Buduænost</a></li>
<li><a href="partneri.php">Partneri</a></li>
<li><a href="biografija.php">Autorova Biografija</a></li>
<li><a href="literature.php">Literature</a></li>
<li><center><strong><font color="#333333">ENGLISH</font></strong></center></li>
<li><a href="http://www.forum-grounds.com">-Forum Grounds-</a></li>
<li><a href="http://dev.recgr.com">-Development Grounds-</a></li>
<li><a href="jokes.php">RC Jokes</a></li>
<li><a href="skripte/index.php">MAG Index</a></li>
<li><a href="skripte/mag_asp.php">Mag ASP</a></li>
<li><a href="skripte/php.php">Mag PHP</a></li>
<li><a href="skripte/mag_js.php">Mag JavaScript</a></li>
<li><a href="skripte/mag_thebest.php">Mag The Best</a></li>
<li><a href="skripte/mag_links.php">Mag Links</a></li>
<li><a href="skripte/mag_faq.php">Mag FAQ</a></li>
<li><a href="todo.php">Interlaced Future</a></li>
<li><a href="sms.php">Free SMS</a></li>
<li><a href="free-for-all.php">FFA Page</a></li>
<li><a href="press.php">Press</a></li>
</ul>
</div>
|
-Nino |
_________________ Recruiting Grounds
-Nino |
|
Back to top |
|
|
|