Menü Banner über einzelne Module?

**Rogziel** · 15.12.2011 21:02

hy!

ich möchte einen menü banner über ein module setzen, ein bild wo zb. Hauptmenü oder Login und sowas steht...hab das bis jetzt nur bei einem menü geschafft...wie schafft ich das jetz bei die anderen...hier meine seite: http://www.ad-victoriam.at
ich möchte über Teamspeak Viewer ein menübanner wie bei login machn.

bitte um hilfe

mfg Rog

**Rogziel** · 16.12.2011 18:23

keine idee? :O

**anka** · 16.12.2011 21:56

Hallo

Warum willst du es so kompliziert machen?

Du kannst doch die Anzeige der Titel der Module per CSS definieren. Aendere z.B. das hier im template.css und schau dann, was mit den Modultiteln passiert

:

template.css (Zeile 1021)
h3.jsn-moduletitle {
background: url("../images/red/mn.jpg") no-repeat scroll 0 0 transparent; /* neu einfügen */
color: #FFFFFF; /* Farbcode ändern */
font-size: 1.3em; /* Grösse ändern */
margin: 0;
padding: 7px 0 7px 35px; /* neu einfügen */
}

**Rogziel** · 16.12.2011 22:25

das hatte ich schon versucht...das problem ist, dass das bild nicht richtig formatiert ist...es fehlt links und rechts die volle breite wie darüber...und bei jedem modul ein anderes bild

danke für die antwort bis jetzt!

glg rog

**anka** · 16.12.2011 23:21

Zitat von Rogziel

und bei jedem modul ein anderes bild

Dann musst du jedem einzelnen Modul einen anderen Modul-Klassen-Suffix mitgeben, z.B. "bild1", "bild2" usw., und ein eigenes Hintergrundbild definieren:

Code:

.bild1 h3.jsn-moduletitle {
background: url("../images/colors/blue/mn1.jpg") no-repeat 0 0 transparent;
color: #FFFFFF;
font-size: 1.3em;
margin: -8px -10px;
padding: 7px 0 7px 35px; 
}

Zitat von Rogziel

es fehlt links und rechts die volle breite wie darüber...

Spiele ein bisschen mit den Margin-Werten rum:
.bild1 h3.jsn-moduletitle {
background: url("../images/colors/blue/mn.jpg") no-repeat scroll 0 0 transparent;
color: #FFFFFF;
font-size: 1.3em;
margin: -8px -10px;
padding: 7px 0 7px 35px;
}

**Rogziel** · 16.12.2011 23:30

achja...hatte ja fast vergessen, es gibt ja noch die minus werte

DANKE!

**Rogziel** · 17.12.2011 00:19

hm irgndwie funktioniert das so nicht...hab jetz bei 2 module (login & teamspeak) jeweils einen modul-klassen-suffix angegeben und bei template.css so rein geschrieben als test:

Code:

.login h3.jsn-moduletitle {
    background: url("../images/red/mn.jpg") no-repeat scroll 0 0 transparent;
    color: #FFFFFF;
    font-size: 1.3em;
    margin: -8px -10px;
    padding: 7px 0 7px 35px; 
}

.ts3 h3.jsn-moduletitle {
    background: url("../images/red/mn.jpg") no-repeat scroll 0 0 transparent;
    color: #FFFFFF;
    font-size: 1.3em;
    margin: -8px -10px;
    padding: 7px 0 7px 35px; 
}

kein bild wird angezeigt

**anka** · 17.12.2011 00:22

Hast du bei den beiden Modulen die Option "Titel anzeigen" auf "Ja" gesetzt?

**Rogziel** · 17.12.2011 00:25

ist auf nein gesetzt...macht aber kein unterschied hab ich grad gemerkt..

**anka** · 17.12.2011 00:30

Wenn es auf nein gesetzt ist, dann wird kein Titel angezeigt, und somit auch kein Hintergrundbild...

Thema: Menü Banner über einzelne Module?

LinkBack

Themen-Optionen

Thema durchsuchen

Anzeige

Menü Banner über einzelne Module?

Erhielt Danksagungen von:

Lesezeichen

Lesezeichen

Berechtigungen