[TYPO3-german] Schrift im grafischen Menue mit css

[Bernd Wilke]

On Tue, 11 Apr 2006 17:27:45 +0200, Holm Kapschitzki wrote
with subject "[TYPO3-german] Schrift im grafischen Menue mit css":

> Hallo,
> 
> irgendwie benötige ich mal den Anstoß wie ich meine Schrift, die ich ins 
> Menue ( Hintergrundgrafik ) rendere mit einem CSS versehen kann, bzw, 
> wie kann ich die Klasse im CSS extra für dieses grafische Menue 
> bestimmen? Soweit ich das gereade verstehe kann ich in meiner 
> designvorlage zwar für die Tabellenspalte eine css Klasse einstellen, 
> aber die gilt doch nur für ein Textmenue und nicht für gerenderte 
> Schrift auf einen Hintergrund ? Ziel ist es einfach das die Schrift zum 
> Beispiel fett geschrieben wird.

???
du willst Bildinhalte per CSS beeinflussen?
das geht nicht.
Mein Vorschlag wäre: verzichte auf Grafik und gestalte rein in CSS.

z.B.:
<style type="text/css">
<!--
.menu li	{
		font-family:Verdana, Arial, sans serif;
		font-size:9px;
		display:inline;
		background-image:url(fileadmin/menuhintergrund.gif);
		pading:2px;
		width:12em;
		}
-->
</style>

<ul class="menu">
  <li>Titel 1</li>
  <li>Titel 1</li>
  <li>Titel 1</li>
</ul>


Wenn es denn grafik sein muss: wäre das wohl eine Lösung:
> Ich benutze die Extension css_styled_content.
> 
> So sieht mein script aus auszugsweise:
> 
> seite.stylesheet = fileadmin/style.css
> 
> marks.MENU_OBEN = HMENU
> marks.MENU_OBEN.1 = GMENU
> marks.MENU_OBEN.1.expAll = 1
> marks.MENU_OBEN.1.NO {
>    backColor = #4A85AD
>    XY = [10.w]+35, 22
>    10 = TEXT
>    10.text.field = title
>    10.fontFile = fileadmin/fonts/verdana.ttf
     10.fontFile = fileadmin/fonts/verdanabold.ttf
     # eine andere Fontdatei
>    10.fontColor = white
>    10.niceText = 1
>    10.fontSize = 09
>    10.offset = 4,15
>    5 = IMAGE
>    5.file = fileadmin/menuhintergrund.gif
>    wrap = |
> }
> 
> Gruß Holm

oder andere Effekte:
     10.emboss {
         offset = 1, -1
         highColor = #F8F8F8
         lowColor = #F8F8F8
         opacity = 100
         intensity = 100
     }
     10.shadow {
         offset = 3, 4
         color = #818181
         opacity = 10
         intensity = 10
     }


Bernd
-- 
----------------
Bernd Wilke     
Annweilerstr.20 
40229 Düsseldorf
0211/229 2800