menu veranderen is dat mogelijk !!

Hallo,

Ik moest best lang wachten totdat ik toegang tot de site kreeg… door die share popup. Als je dat zo laat gaat het bezoekers kosten want niet iedereen wil sharen.

Je kunt dat probleempje met door elkaar heen staan van menu-items oplossen door z-index toe te voegen aan regel:

.nav-head ul ul {display:none; position: absolute; top: 100%; padding: 0; z-index:999;}

Zou niet weten hoe je dat menu net zo maakt als de socialmedia buttons, sorry.

Guido

Oke , deze popup heb ik ingekort tot op max. 20seconde.
deze krijg je ook maar 1x te zien eens aangemeld.

oke merci dan moet ik verde even zoeken hoe dat te werk gaat.

thnx

Hoi Guido,
Ik zou dat in wordpress willen hebben indien ik later wat wil bijvoegen zonder problemen of bij een update dat het niet verdwijnt of veranderd.
Na veel zoek werk in google heb ik dit deze https://users.skynet.be/javascript/menus/horizmenu.htm deze morgen gevonden, dat is wat ik eigenlijk zocht.
Ik heb gedaan wat er staat en toch lukt het men niet.
Ik heb wel en extra submenulevel bij gemaakt en wat niet als dat juist is gemaakt.
Zou iemand mijn code willen nakijken en zeggen of veranderen wat er fout aan is.

Dit zou in de BODY moeten staan:

<a href="https://www.looksportsnews.com/">Home</a>
<a href="https://www.looksportsnews.com/football-soccer-updates-feeds/">Football-Soccer news</a>
<a href="https://www.looksportsnews.com/all-other-sports-updates/">Other sportsnews</a>
<a href="https://www.looksportsnews.com/our-sportblog-updates/">SportsBlog</a>
<a href="https://www.looksportsnews.com/become-a-guest-writer/">Become a guest writer</a>
<a href="https://www.looksportsnews.com/forum/">Community Forum</a>
<a href="https://www.looksportsnews.com/about/">About Looksportsnews</a>
<a href="https://www.looksportsnews.com/stream-sports-tv/">Watch Sports TV</a>
<a href="https://www.looksportsnews.com/webshop/">Webshop</a>
<a href="https://www.looksportsnews.com/advertise/">Advertise</a>
<a href="https://www.looksportsnews.com/our-looksportsnews-comments-feeds/">Feeds Rss</a>

<div id="menuitems" onmouseout="hide()" onmouseover="show()"></div>

Dit zou in de HEAD moeten:

<style type="text/css">

#menuitems {
background:#FFCC66;
width:"100%"px;
height:16px;
font-family:Verdana;
font-size:80%;
font-weight:bold;
}

a.menu {
color:blue;
}

a:hover.menu {
color:red;
}

</style>

<script type="text/javascript">

var submenu=new Array()

submenu[0]='<a href="">'
submenu[1]='</a><a href="/football-soccer-updates-feeds/all-general-sports-news-updates/">General Sports<\/a> </a><a href="/football-soccer-updates-feeds/transfers-remors-news-updates/">Transfers Centre<\/a> </a><a href="/football-soccer-updates-feeds/football-soccer-news-updates/">Football-Soccer Updates<\/a> </a><a href="/football-soccer-updates-feeds/world-cup-2014-news-updates/">World Cup 2014<\/a>'
submenu[2]='</a><a href="/all-other-sports-updates/nba-basketball/">NBA Basketball<\/a> </a><a href="/all-other-sports-updates/tennis/">Tennis<\/a> </a><a href="/all-other-sports-updates/boxing/">Boxing<\/a> </a><a href="/all-other-sports-updates/f1-formule-one/">F1-Formule-One<\/a> </a><a href="/all-other-sports-updates/moto-gp/">Moto GP<\/a> </a><a href="/all-other-sports-updates/cycling/">Cycling<\/a> </a><a href="/all-other-sports-updates/rugby/">Rugby<\/a> </a><a href="/all-other-sports-updates/cricket/">Cricket<\/a>'
submenu[3]='</a><a href="">'
submenu[4]='</a><a href="">'
submenu[5]='</a><a href="/register/">Forum Register<\/a> </a><a href="/lost-password/">Lost Password Forum<\/a> </a><a href="forums/forum/general-discussion-sportsbooks/">General Discussion & Sportsbooks<\/a> </a><a href="/forums/forum/sports-forums/">Sports Forums<\/a> </a><a href="/forums/forum/more-talk-here/">More Talk Here<\/a>'
submenu[6]='</a><a href="">'
submenu[7]='</a><a href="">'
submenu[8]='</a><a href="">'
submenu[9]='</a><a href="">'
submenu[10]='</a><a href="">'

var submenulevel1=new Array()

submenulevel1[0]='</a><a href="">'
submenulevel1[1]='</a><a href="">'
submenulevel1[2]='</a><a href="">'
submenulevel1[3]='</a><a href="">'
submenulevel1[4]='</a><a href="">'
submenulevel1[5]='</a><a href="/general-discussion-sportsbooks/players-talk/">Players Talk<\/a> </a><a href="/general-discussion-sportsbooks/the-saloon/">The Saloon<\/a> </a><a href="/general-discussion-sportsbooks/sportsbooks/">Sportsbooks<\/a> </a><a href="/general-discussion-sportsbooks/newbie-forum/">Newbie Forum<\/a>'
submenulevel1[5]='</a><a href="/sports-forums/soccer-football/">Soccer – Football<\/a> </a><a href="/sports-forums/college-soccer-football/">College Soccer-Football<\/a> </a><a href="/sports-forums/nba-basketball/">NBA Basketball<\/a> </a><a href="/sports-forums/ncaa-basketball/">NCAA Basketball<\/a> </a><a href="/sports-forums/tennis/">Tennis<\/a> </a><a href="/sports-forums/boxing-mma-ufc/">Boxing, MMA & UFC<\/a> </a><a href="/sports-forums/hockey/">Hockey<\/a> </a><a href="/sports-forums/nfl/">NFL<\/a> </a><a href="/sports-forums/cricket/">Cricket<\/a> </a><a href="/sports-forums/horse-racing/">Horse Racing<\/a> </a><a href="/sports-forums/nascar/">NASCAR<\/a> </a><a href="/sports-forums/more-other-sports/">More Other Sports<\/a>'
submenulevel1[5]='</a><a href="/more-talk-here/entertainment-idol-awards-movies/">Entertainment: Idol, Awards, Movies<\/a> </a><a href="/more-talk-here/politics-economics/">Politics & Economics<\/a> </a><a href="/more-talk-here/nominated-posts/">Nominated Posts<\/a> </a><a href="/more-talk-here/site-suggestions/">Site Suggestions<\/a>'
submenulevel1[6]='</a><a href="">'
submenulevel1[7]='</a><a href="">'
submenulevel1[8]='</a><a href="">'
submenulevel1[9]='</a><a href="">'
submenulevel1[10]='</a><a href="">'

function toon(teller) {
document.getElementById('menuitems').style.visibil ity="visible"
document.getElementById('menuitems').innerHTML=sub menu[teller]}
document.getElementById('menuitems').innerHTML=sub menulevel1[teller]}

function hide() {
document.getElementById('menuitems').style.visibil ity="hidden"}

function show() {
document.getElementById('menuitems').style.visibil ity="visible"}

</script>

[Moderator Note: Please post code & markup between backticks or use the code button. Your posted code may now have been permanently damaged by the forum’s parser.]

Merci voor je hulp.

Hallo,

Inbouwen van statisch (vast) menu is niet iets wat ik zou adviseren.
Ik ga proberen om menu aan te passen zodat subpagina’s horizontaal ipv verticaal getoond worden.

Guido

—

Hi,

Installation of a static menu is not something I would recommend.
I will try to adapt current menu so that submenu items are displayed horizontally instead of vertically.

Guido

Ah oke Guido merci dan hoor ik het snel hopelijk.
Tja zag ook net dat msn.be dat ook zo had deze menu

thnx

Hallo,

Sorry, gaat me niet lukken om het net zo te maken als dat script.
Alternatief is om een 2e menubalk toe te voegen zodat je al jouw pagina’s kunt verdelen over 2 balken ipv 1 balk zoals nu.
Die 2e balk zou bv helemaal bovenaan kunnen, dus boven je logo.

Laat maar weten wat je wilt.

Guido

Oke, da is ook een mogelijkheid.
Dus dan 2 menubalken met submenus is dat wel mogelijk.
Eerst had ik gedacht om enkele menus in widget maar dan heb ik teveel widgets op de pagina staan in de sidebar of footer.

merci Guido

hoe zou ik het dan eigenlijk indelen kwa volgord en de menu met telkens 1 woord te beschrijven.
heb je tips voor mij.

thnx

Om die extra menubalk boven in te bouwen heb ik de volgende 3 files nodig:
header, functions, style

Hoe kan ik je bereiken?

Guido

Mijn email [email protected] of mag ik je email dan kan ik je dat morgen doormailen de header bron, functions bron,css style.

Ik had ook wat logos dat ik zou willen gebruiken als icon voor sommige namen in de menu.
Deze iconen zou 25×25 mogen zijn, zou mooi tonen voor menutekst in de balk.

merci

Enige wat ik je kan aanbieden is 2e menu helemaal bovenaan, voor dat andere heb ik geen tijd momenteel.

Ik stuur je wel even een mail, zodar je die 3 files stuurt pas ik ze even aan voor je.

Mvg, Guido