Thema: Moduldesign

Hallo zusammen,

ich habe ein Modul auf der Position "links", dass mir Beiträge aus einer bestimmten Kategorie anzeigt.
Jetzt möchte ich aber, dass die Einträge in diesem Modul etwas anders dargestellt werden. Und zwar möchte ich immer noch ein Aufzählungszeichen für den einzelnen Einträgen haben.
Dazu müsste ich doch ein neues Modul-Klassen-Suffix anlegen, in dem ich das Design des Links beschreibe, oder?

Der link soll so aussehen:
} a:link, a:visited {
color: #0077b6;
text-decoration: none;}

Mir ist jetzt aber nicht klar wie und wo ich das Modul-Klassen-Suffix definieren muss, und wie ich die Aufzählungszeichen (es soll ein Bild aus dem Templateordner Images genommen werden) einbaue.

Kann mir da jemand helfen?

Danke und Gruß
Frank

das modulklassensufix gibts du im modul direkt an unter erweiterte parameter.
ja nach sufix hänst du dann an deine template_css.css deine formatierung an.

Bsp.: suffix _infomenu

a.mainlevel_infomenu,
.mainlevel_infomenu:visited,
.mainlevel_infomenu:active,
.mainlevel_infomenu:hover {
color:#AE4084;
font-family:"Courier New", Courier, monospace;
font-size:14px;
padding-left:5px;
padding-right:5px;
}

Danke schon mal für die Info!
Wie mache ich das mit den Aufzählungszeichen?

Gruß
Frank

Edit: Ich habe den Code genau so in die template.css übernommen und bei dem Modul unter "Modulparameter" => "Modul-Klassen-Suffix", "_infomenu" eingegeben. Aber leider werden die Links nicht anders dargestellt.

jemand ne Idee, warum das suffix nicht übernommen wird?

Edit: Ich bin am verzweifeln :-(
Ich kann in der template.css nur die allgemeinen Linkeinstellungen (a:link, a:visited a:hover) einstellen, so sehen dann die Links in dem Modul aus (und alle anderen Links auf der Homepage) aber das mit dem modul-klassen-suffix will einfach nich funzen :-(

Ich habe jetzt folgendes gefunden:

#left a.mainlevel:link,
#left a.mainlevel:visited,
#right a.mainlevel:link,
#right a.mainlevel:visited,
#left .menu a:link,
#left .menu a:visited,
#left .menu a:active,
#right .menu a:link,
#right .menu a:visited,
#right .menu a:active {
border-left: 3px solid #0E8FB9;
height: 25px;
line-height: 25px;
display: block;
margin: 2px 0px;
color: #000000;
width: auto;
text-indent: 5px;
font-size: 12px;
}
#left a.mainlevel:hover,
#left #active_menu,
#right a.mainlevel:hover,
#right #active_menu,
#left .menu a:hover,
div.moduletable_menu ul.menu li#current a,
#right .menu a:hover,
div.moduletable_menu ul.menu li#current a {
background-color: #ff0000;
text-decoration: none;
border-left: 3px solid #fffa00;
color: #FFFFFF;
}

Hier wird der Link und der Hover für das Hauptmenü festgelegt.
Wie kann ich das verändern, wenn ich es kopiert hab, damit ich das Design für ein Modul (liegt auch auf der Poition left) anpassen kann?

Hi pesto,

danke für den Hinweis!
Das mit den Aufzählungszeichen ist mir mittlerweile gar nicht mehr so wichtig. Viel wichtiger ist es mir, dass ich die Module unabhängig von den anderen mit einem modul-klassen-suffix designen kann.
Aber das mit dem suffix funktioniert einfach nicht

Gruß

Hallo,

also ich hab da jetzt mal ein bisschen rum getüftelt und bei meiner lokalen Installation sieht das jetzt anders aus als online.
Hab auch mal die Screenshots dazu angefügt. Das Bild mit den Aufzählungszeichen ist von der lokalen Installation. Wenn ich das Template dann auf die Produktivseite hochlade verschwinden sie aber wieder
Was muss ich da noch ändern?
Habe auch mal die template.css Datei angefügt.

Bin für jede Antwort dankbar!

Gruß
Frank

ups, sorry.
Kommando zurück. Ich hatte das Modul auf einer falschen Modulposition