| 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 |
|
|
|
Forum FAQ
Search
Memberlist
Forum ignore list
Register
Profile
Log in to check your private messages
Log in
