Op deze website gebruiken we cookies om content en advertenties te personaliseren, om functies voor social media te bieden en om ons websiteverkeer te analyseren. Ook delen we informatie over uw gebruik van onze site met onze partners voor social media, adverteren en analyse. Deze partners kunnen deze gegevens combineren met andere informatie die u aan ze heeft verstrekt of die ze hebben verzameld op basis van uw gebruik van hun services. Meer informatie.

Akkoord

Vraag & Antwoord

Webdesign (HTML, CSS, Flash)

Horizontale tabbladen

None
6 antwoorden
  • Hallo,..
    Ik zou graag willen weten hoe je horizontale tab bladen maakt, maar dan zoals op deze site.

    www.wnf.nl

    Je hebt b.v. 6 hoofd rubrieken, en als je op de eerst klikt, krijg je onder je 6 rubrieken weer enkele andere rubrieken die betrekking hebben op de boven genoemde rubriek,..

    ( schrijf ik dit een beetje duidelijk??)

    Maakt men zoiets in CSS, of javascript??
    Ik hoop op een reactie.
    Thanks:
    Melanie
  • Dit voorbeeld is volgens mij in coldfusion geschreven en maakt gebruik van CSS. Maar iets zegt me dat je nog niet aan Cold fusion toe bent ;-) (Ik ben er zelf trouwens ook niet aan toe)
    Ik vermoed dat het menu bovenin een bestand is dat op de server automatisch boven de andere pagina's wordt geplakt. Maar goed, zeker weten doe ik het niet, maar volgens mij werkt het zo.

    Wat je wel kunt doen is zoeken naar scriptjes die je kunt downloaden en op je site kunt zetten. Meestal staat er wel een uitleg bij hoe dat moet en hoe je zo'n scriptje eventueel aan kunt passen aan je eigen wensen. Ik heb even kort gegoogled op "horizontal submenu script" en kwam in ieder geval de volgende twee linkjes tegen.
    http://www.dynamicdrive.com/dynamicindex1/ddtabmenu.htm
    http://www.javascriptkit.com/script/script2/2leveltab.shtml
  • Ja, het is eigenlijk gewoon een "tab menu". Alleen in hun code is het nog al overgecopliceerd.[code:1:32f73c80d3]<li class="nav-item opt2">
    <div class="active-tab">
    <span class="left-corner"></span>
    <span class="right-corner"></span>
    <span class="tab-background"></span>

    </div>
    <div class="menu-item-link"><a href="/nl/actueel/index.cfm" class="hoofdoptie"><span>Actueel</span></a>
    <span class="menu-border"></span>
    </div>
    </li>[/code:1:32f73c80d3]Dit is [u:32f73c80d3]1[/u:32f73c80d3] menu optie…

    Bij AlistApart hebben ze een mooi/efficient css Tab menu met uitgebreide uitleg (voorbeeld).
  • Ik denk dat je daar gelijk in hebt, Cold fusion is idd nog onbekent voor me,.. :?
    Maar m'n eerste site is af, en wil er nu 1 voor mezelf gaan maken, en ik zou graag zulk tab menu willen.

    Ik ga er weer voorzitten, wie weet lukt het me wel,..
    Bedankt voor de reactie,..
    Groet: Melanie
  • Los van coldfusion of wat dan ook is het principe idd een gewoon enkel tabmenu dat verschillende pagina's aanroept (daar is het immers een menu voor)
    En bovenaan die pagina's staat dan weer een menu van links naar rechts, direct onder het tabmenu. Daardoor krijg je het 'effect' van een submenu.
  • of www.google.nl/search?hl=nl&q=css+tab+menu+tutorial
    Nederlandstalige uitleg: www.gigadesign.be/2005/03/tab-bladen-maken-met-css/

    Het idee: je maakt eerst een lijst met menu-links in HTML. Daarna maak je bijpassende plaatjes. Met CSS regel je uiteindelijk dat je in plaats van een kale HTML-lijst een mooi tabmenu ziet.

    Hoe CSS werkt, kun je vinden via links in de topics die elke bezoeker aan dit forum zou moeten lezen:[list:3dab473336][*:3dab473336] Info voor aspirant 'Webdesigners'
    [*:3dab473336]Best practices revisited[/list:u:3dab473336]

Beantwoord deze vraag

Dit is een gearchiveerde pagina. Antwoorden is niet meer mogelijk.