Suffiso class CSS menu. Come si scrive?

[eliospeppe]

Quasi ogni modulo ha il "Suffiso class CSS menu", ma non so come o cosa scrivere!
quand'è che si mettono i simboli (#, -, .)?
esempio:
ho un class per il menù che si chiama "ja-cssmenu", con tutti le sue sottoclassi (#ja-cssmenu li ul a, #ja-cssmenu li ul a:hover, ecc...)
che devo scrivere?
Grazie!

[= odino =]

le classi si identificano col .
l'id viene richiamato con #

Se hai un :

Codice: [Seleziona]

<div class="menu"></div>
il tuo CSS sarà:

Codice: [Seleziona]

.menu {
text-align:etc etc;
}
OPPURE

Codice: [Seleziona]

<div id="menu"></div>
e CSS:

Codice: [Seleziona]

#menu {
example:etc etc;
}

[eliospeppe]

grazie ora provo

[eliospeppe]

strano!!
metto le classi che m'interessano in "Suffiso class CSS menu" del modulo, ma non cambia niente.
Che sbaglio?

[= odino =]

posta pure il codice...

[eliospeppe]

ecco il css

Codice: [Seleziona]

body {
font-family: Tahoma, Arial, Helvetica, sans-serif;
font-size: 11px;
background-color: #fff;
background-image: url(../images/bgrd.jpg);
background-repeat: repeat-x;
background-position: top;
}*
{
margin: 0;
padding-top: 0;
}
.head
{
height: 185px;
background-image: url(../images/logo.jpg);
background-repeat: no-repeat;
width: 265px;
position: absolute;
top: 0;
left: 0;
}
#corpo
{
height: 100%;
width: 100%;
background-position: top;
}
.down{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9px;
color: #000000;
}
.down ul{
padding: 3px 9px 2px 5px;
list-style-type: none;
text-align: center; /*set to left, center, or right to align the menu as desired*/
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
color: #000000;
}
.down li {
display: inline;
margin: 0;
color: #000000;
}
.down a{
text-decoration: none;
padding: 3px 9px 2px 5px;
color: #000000;
}
.down li a:visited{
color: #000000;
}
.down li a:hover{
background-color: #949494;
color: #A5D05C;

}
.linea
{
background-image: url(../images/linea.bmp);
background-repeat: repeat-x;
background-position: center;
}
.rechts
{
margin-top: 157px;
margin-left: 250px;
margin-right: 1%;
background-image: url(../images/links.gif);
background-position: left top;
background-repeat: no-repeat;
padding-left: 20px;
}
.rechtsbox
{
background-position: right top;
background-image: url(../images/rechts.gif);
background-repeat: no-repeat;
padding-top: 44px;
padding-right: 8%;
padding-bottom: 40px;
padding-left: 15px;
}
.links
{
width:140px;
position:absolute;
left: 34px;
top: 215px;
padding-top: 2px;
color: #000000;
}
.linkss
{
position:absolute;
right: 4%;
top: 215px;
padding-top: 2px;
z-index: auto;
}
.navi
{
list-style: none;
line-height: 20px;
color: #000000;
}
a#active_menu {

color: #FF0000;
font-style: italic;
font-size: 1em
}
a#active_menu:hover {
color: #000;
text-decoration: none
}
a:hover {
color: #123456;
text-decoration: none
}
a:link {
color: #ff8502;
text-decoration: none
}
a:visited {
color: #ff8502;
text-decoration: none
}
a.mainlevel:link, a.mainlevel:visited {
background-image: url(../images/menu_bg.png);
background-repeat: repeat-x;
display: block;
font-size: 11px;
padding-bottom: 3px;
padding-top: 2px;
padding-left: 3px;
width: 150px;
color: #000;
line-height: 20px;
text-align: left;
text-decoration: none
}
a.mainlevel:hover {
color: #0000CC;
background-image: url(../images/menu_bg_ac.png);
background-repeat: repeat-x}
a.mainlevel_active-top:hover {
color: #123456;
background-color: #fafafa;
}
a.mainlevel-top:hover {
color: #123456;
background-color: #f8fcfd
}
a.mainlevel#active_menu {
background-image: url(../images/menu_bg_ac.png);
background-repeat: repeat-x;
}
a.mainlevel-top#active_menu-top {
border-right: #ededed 1px solid;
padding-right: 8px; display: block;
padding-left: 8px;
font-weight: normal;
font-size: 11px;
margin-bottom: 0px;
width: 80px; color: #123456;
line-height: 59px;
height: 59px;
background-color: #f8fcfd;
text-align: center;
text-decoration: none
}
a.readon:link, a.readon:visited {
clear: right;
display: block;
font-size: 11px;
float: none;
background-image: url(../images/btn1.gif);
color: #009EE0;
background-repeat: repeat-x;
padding-left: 9px;
}
a.readon:hover, .comment:hover {
color: #fff;
background-color: transparent;
text-decoration: none
}
a.sublevel:link, a.sublevel:visited  {

font-size: 11px;
color: #666;
letter-spacing: 2px;
text-align: left;
text-decoration: none;
padding-left: 1px
vertical-align: middle;
}
a.sublevel:hover {
color: #A5D05C;
text-decoration: none
}
a.weblinks:link, a.weblinks:visited {
font-weight: normal;
color: #ff9900;
text-decoration: none
}
a.weblinks:hover {
color: #999999;
text-decoration: underline
}
li {
line-height: 20px;
list-style-type: square
}
td {
font-size: 11px;
color: #123456;
line-height: 17px;
letter-spacing: 0px;
padding: 0.1em 0.1em
}
tr {
font-size: 11px;
color: #123456;
line-height: 17px;
letter-spacing: 0px
}
.button {
margin-top: 3px;
font-size: 11px;
border-right: #2E82A4 1px solid;
border-top: #2E82A4 1px solid;
border-left: #2E82A4 1px solid;
border-bottom: #2E82A4 1px solid;
background-color: #cccccc
}
.button:hover {
color: #009EE0
}
.mainbody {
border-left: #2E82A4 1px solid;
border-right: #2E82A4 1px solid;
text-align: left
}
#mainbody li {
list-style-position: inside;
line-height: 20px;
list-style-type: square
}
img {
border-right: 0px;
border-top: 0px;
border-left: 0px;
border-bottom: 0px
}
input.inputbox, input.inputbox#mod_login_password {
margin-top: 3px;
background-color: #f1efe8;
font-size: 11px;
color: #666666;
border-right: #999999 1px solid;
border-top: #999999 1px solid;
border-left: #999999 1px solid;
border-bottom: #999999 1px solid
}
.componentheading {
font-family: "Trebuchet MS", Verdana, Helvetica, Arial, "Lucida Sans", Tahoma, Sans-Serif;
font-size: 1.4em;
line-height:1em;
color:#123456;
} /* Format des Titel der Komponente */
.contentheading{
font-size:15px;
font-weight:bold;
color:#009EE0;
padding-left:20px;
background:url(../images/icon1.png) left no-repeat;
} /* Format des Titel des Inhalts*/
.contentpane {
font-family: "Trebuchet MS", Verdana, Helvetica, Arial, "Lucida Sans", Tahoma, Sans-Serif;
font-size: 1.4em;
font-weight:normal;
padding:5px
}
.contentpaneopen {
font-family: "Trebuchet MS", Verdana, Helvetica, Arial, "Lucida Sans", Tahoma, Sans-Serif;
font-size: 1.4em;
border-bottom:1px dotted;
border-color:#A2BEC9;
margin:5px 10px 8px 5px
} /* Tabelle die den aktuellen Text eines Artikels hat */
.contentpagetitle, a.contentpagetitle:hover, a.contentpagetitle:link, a.contentpagetitle:visited, .contentdescription  {
font-family: "Trebuchet MS", Verdana, Helvetica, Arial, "Lucida Sans", Tahoma, Sans-Serif;
font-size: medium;
padding:5px;
} /*Titel eines Artikel */
table.contenttoc, table.contenttoc td, table.contenttoc th, table.contenttoc td.toclink, a.toclink:link, a.toclink:visited, a.toclink:hover {
font-family: "Trebuchet MS", Verdana, Helvetica, Arial, "Lucida Sans", Tahoma, Sans-Serif;
font-size: 1.4em;
padding:5px;
background-color: #EDEDED;
} /* Format für die Tabelle einer Tabelle mit mehreren Inhalten oder Artikel */
/* JOOMLA! SEKTION LISTE EINSTELLUNG*/
.sectiontableheader, .sectiontableentry1, .sectiontableentry2 {
font-family: "Trebuchet MS", Verdana, Helvetica, Arial, "Lucida Sans", Tahoma, Sans-Serif;
font-size: 1.4em;
padding:5px
} /* Format für die Liste der Sektione */
.createdate, .modifydate {
font-family: "Trebuchet MS", Verdana, Helvetica, Arial, "Lucida Sans", Tahoma, Sans-Serif;
font-size: 1.4em
} /*Format für Datum und Autor */
.small {
font-family: "Trebuchet MS", Verdana, Helvetica, Arial, "Lucida Sans", Tahoma, Sans-Serif;
font-size:10px;color:#123456} /* Format für "Written by:...." */
.smalldark {
font-family: "Trebuchet MS", Verdana, Helvetica, Arial, "Lucida Sans", Tahoma, Sans-Serif;
font-size:10px;color:#B60000
} /* Formatfür Umfrageergebnisseite, für " Number of Voters" */
/* Umfrage */
.poll {
font-weight:normal;
padding:5px;
background: #EDEDED
} /* Format für td der Umfragetabelle */
.pollstableborder {
font-weight:normal;
padding:5px;
background: #EDEDED
} /* Eigenschaften der Umfragetabelle */
/* Weblinks */
.weblinks, a.weblinks:hover{
font-weight:normal;
padding:5px;
background: #EDEDED
}
/* Newsfeeds */
.newsfeedheading, .newsfeeddate  {
font-weight:normal;
padding:5px;
background: #EDEDED
} /* Format des Newsfeed Titels */
/* Suche */
table.searchintro {
text-align:left;
font-size: 1.4em;
line-height:1em;
color:#123456;
line-height: 1.5
} /* Format für "Search Keyword: test returned 4 matches" Box, die nach der Suche angezeigt wird. */
/* Top-Menu*/
#slantedmenu {
position: absolute;
margin-top: -118px;
margin-left: 20px;
font-weight: bold;
font-size: 80%;
}
h1{font-size: 0.8em;line-height:1.5em;margin:0 0 0.5em;padding:0;color:#123456}
h2{font-size:1.5em;line-height:1.5em;margin:0 0 0.5em;padding:0;color:#123456}
h3{font-size:1.3em;line-height:1.3em;margin:0 0 0.5em;padding:0;color:#123456}
h4{font-size:1.2em;line-height:1.3em;margin:0 0 0.25em;padding:0;color:#123456}
h5{font-size:1.1em;line-height:1.3em;margin:0 0 0.25em;padding:0;color:#123456}
h6{font-size:1em;line-height:1.3em;margin:0 0 0.25em;padding:0;color:#123456}
p {
font-size:1em;
margin:0 0 1.5em;
padding:0;
line-height:1.4em
}

ul {
line-height:1.4em;
margin:0 0 1.5em;
padding:0
}
li {
list-style-type:none;

}
a, a:link {
color: #000;
}
a:visited {
color: #333;
}
a:hover, a:active {
color: #009EE0;
}

ul li a, ul li a:link {
border-color: #bbb;
}
.halfmoon{
margin-bottom: 1em;
}
.halfmoon ul{
padding: 3px 9px 2px 5px;
margin-left: 0;
margin-top: 1px;
margin-bottom: 0;
font: 12px Verdana, Arial, Helvetica, sans-serif;
list-style-type: none;
text-align: left; /*set to left, center, or right to align the menu as desired*/
}
.halfmoon li {
display: inline;
margin: 0;
}
.halfmoon a{
text-decoration: none;
padding: 3px 9px 2px 5px;
margin: 0;
margin-right: 3px; /*distance between each tab*/
border-left: 1px solid #DDD;
border-right: 1px solid #DDD;
border-top: 1px solid #DDD;
color: #ffffff;
font-size: 17px;
background:  #F6F6F6 url(../images/taba.gif) top right no-repeat;
}
.halfmoon li a:visited{
color: #F6F6F6;
}
.halfmoon li a:hover{
background-color: #949494;
color: #A5D05C;
background:  url(../images/tabb.gif) top right no-repeat;
}
.path
{ position: absolute;
margin-top: -27px;
color: #000000;
padding-left: 3px;
padding-bottom: 5px;
}
.head h1{
font-size: 0.8em;
line-height:1.5em;
margin:0 0 0.5em;
padding: 192px 5px 20px 34px;
color:#123456;
}
devo mettere un suffiso per un menù

[= odino =]

allora, ricorda che se è un elemento linkato ci va anche la 'a', i menu per joomla 1.5 si chiamano:

Codice: [Seleziona]

.menu li a

[redpanda]

ciao
per assegnare un suffisso ad una classe per poi magari assegnarla ad un modulo basta aggiungere
nomeclasse_nomesuffisso e nelle appisite aree di joomla scrivere _nomesuffisso

mi spiego meglio:
table.moduletable {
   width: 100%;
   margin-bottom: 10px;
   padding: 0px;
   border-spacing: 0px;
   border-collapse: collapse;
}
se con questo cosice gestiamo la formattazione generica dei moduli basterà aggiungere a tale classe un suffisso del tipo
table.moduletable_rosso {
   width: 100%;
   margin-bottom: 10px;
   padding: 0px;
   border-spacing: 0px;
   border-collapse: collapse;
}
e poi richiamre _rosso nel campo di joomla che lo richiede

spero di essere stato chiaro

ciao

[= odino =]

esatto 

scemo io che avevo postato la soluzione per la 1.5    e non per la 1.0

[Maxdesck]

Salve, Mi puoi spiegare meglio come funziona per la 1.5?

Saluti

[= odino =]

cosa? il suffisso dei menu?

Unlinked

Codice: [Seleziona]

.menu liLinkati

Codice: [Seleziona]

.menu li a