hichen, hab auf folgender siete http://www.codedragon.ath.cx/typo3/vitadom das menü mit diesem code gemacht:
###################grafik menü####################################
MENU_OBEN = HMENU
MENU_OBEN {
special.value = 3
entryLevel = 1
# grafikmenü
1 = GMENU
1.NO = 1
1.NO {
# umbruch für html-code
#wrap = |<br>
XY = 68, 30
backColor = #B00000
# text rendern
10 = TEXT
10 {
text.field = title
fontColor = #FFFFFF
fontFile = fileadmin/fonts/arial.ttf
fontSize = 7
offset = 0, 25
}
#grafik ende
}
#roll over (kopie der grafik bzw objekt erstellen)
1.RO < .1.NO
# grfik und text mit schatten
1.RO {
tmp < .backColor
backColor = #edeae6
10.fontColor = #006f9f
10.offset = 5, 15
}
#Menu links ende
}
# markiert wo man grad ist
MENU_LINKS.1.CUR < .MENU_LINKS.1.RO
#Menu links 2. ebene
MENU_LINKS.2 < .MENU_LINKS.1
# Eiegenschaften anders (Farben ect.)
MENU_LINKS.2 {
NO.backColor = #E2F5E5
NO.10.fontColor = #006f9f
RO < .NO
RO.backColor = #FFFFFF
RO.10.fontColor = #FF0000
RO.5 >
# zustand für zweite ebene
CUR < .RO
}
###################grafik menü####################################
jetzt wüsste ich gern ob es möglich ist jedes elemt eine bzw. grafik eine andere farbe zu geben (eigentlich soll es am ende ein farbverlauf von rot nach gelb werden)
ebenso ist es möglich die aufschrift mittig zu setzen statt selber die angeben für oben und links zu setzen?
vielen dank schom mal!
1.NO {
XY = 68, 30
4 = IMAGE
4.file = /img/home.gif
...
kannst dann auch für 1.RO
ein anderes einbauen 😉
aber da mit erhält jedes element ja die selbe grafik oder? mir ging es da drum jedes element anders zu gestallten in dem ein andere hintergrund...
tja das ist schon richtig,
da must du dir dann schon
die mühe machen und das für
jeden deiner menüpunkte seperat
festlegen.
andere mäglichkeit : nimm den
mouse-over Hintergrundfarbw wechselt
weg und ändere bei mouse over nur
das aussehen des textes
dann packst du deinen gewünschten farberlauf
einfach per div in das du das bild packst
hinter das menü
noch was ganz anders :
du solltest deinem content-Bereich eine
min-height verpassen, sonst klebt
dir dein 'footer-menu' oben wenn kein
oder tiefer content
LG
Honk
oky werd ich machen das mit div und farbverlauf *gg* gute idee, bin ich garnet drauf gekommen...
was meinst du mit min-height... mindestgröße oder so was?
kann ich als bgcolor in TS auch transparent einstellen?
ins css des contentbereiches sorgt dafür,
das der contentbereeich unabhängig vom
wirklichen content eine Mindesthöhe von
450 px hat.
Würde für dich Sinn machen, weil ja deine
'footer-nav'unten am conten ausgerichtet
ist.
BEACHTE : IE verarbeitet den css-Befehl nicht
deshalb
erst Vereinbarungen in
#content {
....
height: 450px;
...
}
und dann zusätzlich
/*umgehen des IE fehlers, kenn kein min-width*/
html>body #content { height: auto;
min-height: 450px;
}
EvilDragon schrieb
kann ich als bgcolor in TS auch transparent einstellen?
nich nötig, wenn du nichts festlegst is er
das eh
na das sieht ja schon ganz schick aus
zwei kleine anmerkungen noch
*nerv* :o
- man kann nicht zur home-seite navigieren
- bei langen conten [Bsp. Impressum]
auf jeden 'go top' mit hacken versehen
Bild: img443.imageshack.us/…/gotop6dj.gif
LG
Honk
super!
ich danke dir für deine hilfe *freu*
was "top" angeht, kann bestimmt in TS noch anpassen oder? gegen eine grafik wie z.b. ein kleiner pfeil oder das das rechts ausgerichtet wird, weißt du vielleicht wie?
Moin;
EvilDragon schrieb
was "top" angeht, rechts ausgerichtet wird
wenn du in dein generiertes html reinguckst siehst
du das Typo durch das setzten des Hackens folgendes
einfügt :
<p class="csc-linkToTop"><a href="#">To top</a></p>
wie kriegen wir das jetzt anders positioniert ?
RICHTIG mit css
:p
.csc-linkToTop {
background:red;
padding-left:250px;
...
...
}
Wenn du allerdings ein selbst gestaltetes Bild verwenden willst
würde ich dir folgendes empfehlen :
1.) anker in dein html-template
<div id="topanker"><a href="/" target="_self" name="topAnker"></div>
den dann im css in diesem fall wie folgt positionieren
#topanker{position:absolute;
top:0px;
left0px;}
/hängt natürlich vom design ab
und dann einfach einmal eine Contentseite vom Typ
html mit folgendem Inhalt erstellen
<td>
<a href="#topAnker"> HIER KANN TEXT HIN
<img src=" HIER DEIN VERZEICHNIS/to_top_pfeil.gif[/i]" border="0" alt="" /></a></td>
diese Contentseite kannst du dann einfach als letze Seite
in die Seiten kopieren, die ein to-top brauchen
PS to_top_pfeil.gif muss natürlich noch durch deine gewünschte Grafik
ersetzt werden
z.b.
Bild: img124.imageshack.us/…/totoppfeil1ut.gif
LG
Honk
auch hier kann ich nur danke sagen *auf knie fall*