[TYPO3-UG Dutch] Navigatie met grafische knoppen
Drs. ing. W.S.M. Perquin
perquin at yniverse.nl
Sat May 8 23:43:07 CEST 2010
Doe in plaats van <span> gewoon <strong>. Dat voegt nog gewicht toe aan de
woorden ook. Zorg wel dat je <ul> een id heeft. Anders doet hij het overal
waar je vetgedrukte lijstjes maakt.
Met de stylesheet (even uit het hoofd):
Ul#menuopzetje li strong {display:none;}
behaal je dan hetzelfde effect.
Dan eet je van 2 walletjes. Mooi ontwerp EN goed vindbaar op Google.
Willem
-----Oorspronkelijk bericht-----
Van: typo3-ug-dutch-bounces at srv02.typo3.org
[mailto:typo3-ug-dutch-bounces at srv02.typo3.org] Namens Jigal van Hemert
Verzonden: zaterdag 8 mei 2010 22:06
Aan: typo3-ug-dutch at srv02.typo3.org
Onderwerp: Re: [TYPO3-UG Dutch] Navigatie met grafische knoppen
Ernst van Altena wrote:
> kan iemand mij helpen om mij typoscript zo te formuleren dat alleen de
> buttons verschijnen zonder tekst.
>
> tempmenu = HMENU
> tempmenu {
> entryLevel = 0
> 1 = TMENU
> 1 {
> expAll = 0
> wrap = <ul> | </ul>
> noBlur = 0
> NO = 1
> NO {
> allWrap = <li id="menu{elementUid}">|</li>
> subst_elementUid = 1
linkWrap = <span class="hidden-menu-text">|</span>
> }
> ACT < .NO
> ACT.ATagParams = class="active"
> }
> 2 < .1
> 3 < .2
> 4 < .3
> 5 < .4
> 6 < .5
> }
In CSS:
span.hidden-menu-text { display: none; }
Een extra span om de link tekst die met CSS vervolgens verborgen wordt.
In de HTML is de tekst nog aanwezig, zodat Google&Friends dit kunnen
lezen en screenreaders ook toegang hebben tot de versie met tekst.
--
Jigal van Hemert
skype:jigal.van.hemert
msn: jigal at xs4all.nl
http://twitter.com/jigalvh
_______________________________________________
TYPO3-UG-Dutch mailing list
TYPO3-UG-Dutch at lists.typo3.org
http://lists.typo3.org/cgi-bin/mailman/listinfo/typo3-ug-dutch
More information about the TYPO3-UG-Dutch
mailing list