Page 1 of 1

(gelöst) Menüschriftart

Posted: Tue Jun 30, 2009 12:39 am
by Konzertjunkie
hallo liebe CMS made simpe German Forum User.
Da ich mich ohne einen Account in diesem Forum schon rumgesucht habe und nicht gefunden habe was ich suche, stelle ich hier meine Frage mal so.

Ich soll für den Kunden die Schriftart des Menüs ändern. Da ich aber in dem Stylesheet des Menüs keine Schriftart gefunden habe, frage ich jetzt hier wie man diese ändern kann. Es kann natürlich auch sein das ich die Schriftart in dem Stylesheet überlesen habe, obwohl ich nicht davon ausgehe. Ich benutze die 1.5.3 Version. Ich werde außerdem das Stylesheet  des Menüs hier posten. Ich hoffe ihr könnt mir helfen.

Danke schon mal!


#menu_vert {
  padding-left: 0;
  margin-left: 1em;
}


/* third level has some padding to have it stand out */
div#menu_vert ul ul ul {
  padding-bottom: 0.5em;
}

/* menu li block */
#menu_vert li {
  list-style: none;
  margin: 0;
  border-bottom: 1px solid #000000;
  display: block;
}

#menu_vert ul ul li {
  border: none;
}

/** fix stupid ie bug with display:block; **/
* html #menu_vert li a { height: 1%; }
* html #menu_vert li hr { height: 1%; }
/** end fix **/

/* first level links */
div#menu_vert a {
  text-decoration:none; /* no underline for links */
  display: block; /* IE has problems with this, fixed above */
  padding: 0.8em 0.5em 0.8em 1.5em; /* some air for it */
  color: #000000; /* this will be link color for all levels */
  background: url(images/cms/arrow-right.gif) no-repeat 0.5em center;
  background: transparent;
  min-height:1em; /* Fixes IE7 whitespace bug */
}

/* next level links, more padding and smaller font */
div#menu_vert ul ul a {
  font-size: 90%;
  padding: 0.5em 0.5em 0.5em 2.8em;
  background-position: 1.5em center;
}

/* third level links, more padding */
div#menu_vert ul ul ul a {
  padding: 0.3em 0.5em 0.3em 4.3em;
  background: url(images/cms/dash.gif) no-repeat 2.8em center;
}

/* hover state for all links */
div#menu_vert a:hover {
  background-color: transperent;
}
div#menu_vert a.activeparent:hover {
  background-color: transperent;
  color: #9acd32;
}

/*
active parent, that is the first-level parent
of a child page that is the current page
*/
div#menu_vert li a.activeparent {
  background: url(images/cms/arrow-down.gif) no-repeat 0.4em center;
  background-color: #FFFFFF;
  color: #fff;
}

div#menu_vert ul ul li a.activeparent {
  background-position: 1.5em center;
  background-color: transparent;
  color: #9acd32;
}


/*
current pages in the default Menu Manager
template are unclickable. This is for current page on first level
*/
div#menu_vert ul h3 {
  background: url(images/cms/arrow-right-active.gif) no-repeat 0.4em center;
  background-color: #9acd32;
  display: block;
  padding: 0.8em 0.5em 0.8em 1.5em;  /* some air for it */
  color: #fff;                                 /* this will be link color for all levels */
  font-size: 1em;                           /* instead of the normal font size for */
  margin: 0;                                  /* as normally has some margin by default */
}

/*
next level current pages, more padding,
smaller font and no background color or bottom border
*/
div#menu_vert ul ul h3 {
  font-size: 90%;
  padding: 0.3em 0.5em 0.3em 2.8em;
  background-position: 1.4em center;
  background-color: transparent;
  border-bottom: none;
  color: #000;    
}

/* current page on third level, more padding */
div#menu_vert ul ul ul h3 {
  padding: 0.3em 0.5em 0.3em 4.3em;
  background: url(images/cms/arrow-right-active.gif) no-repeat 2.7em center;
}

/* section header */
div#menu_vert li.sectionheader {
  border-right: none;
  font-size: 130%;
  font-weight: bold;
  padding: 1.5em 0 0.8em 0;
  background-color: #fff;
  line-height: 1em;
  margin: 0;
  text-align:center;
}



/* separator */
div#menu_vert li.separator {
  height: 1px !important;
  margin-top: -1px;
  margin-bottom: 0;
  padding:2px 0 2px 0;
  background-color: #000;
  overflow:hidden !important;
  line-height:1px !important;
  font-size:1px; /* for ie */
}

div#menu_vert li.separator hr {
  display: none; /* this is for accessibility */
}

[/tt]

Re: Menüschriftart

Posted: Tue Jun 30, 2009 8:07 am
by Andiministrator
Die Schriftart änderst zu mit CSS über font-family, z.B.:

Code: Select all

font-family:Arial;
Mehr darüber kannst Du der CSS-Dokumentation entnehmen, z.B. hier:
http://de.selfhtml.org/css/eigenschaften/schrift.htm#font_family

Re: Menüschriftart

Posted: Tue Jun 30, 2009 10:40 am
by antibart
Wenn die css des Menüs keine Schriftart enthält, werden die eines Elternelementes dargestellt ... also die, die Du global in deinen css angebeben hast (zb für body)

Wenn an einer bestimmten Stelle andere css als die übergordneten angeben, musst Du sie an der gewünschten Stelle definieren.

(gelöst)Re: Menüschriftart

Posted: Thu Jul 02, 2009 2:34 pm
by Konzertjunkie
Vielen Dank für die Antworten!  :)
Auch wenn ich es nicht auf Anhieb verstanden habe  ;D