(gelöst) Menüschriftart

Für Fragen und Diskussionen zum Layout und Design, Templates und Stylesheets sowie Themes
Post Reply
Konzertjunkie
New Member
New Member
Posts: 2
Joined: Mon Jun 29, 2009 11:58 pm

(gelöst) Menüschriftart

Post 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]
Last edited by Konzertjunkie on Thu Jul 02, 2009 2:34 pm, edited 1 time in total.
Andiministrator

Re: Menüschriftart

Post 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
antibart
Power Poster
Power Poster
Posts: 1162
Joined: Sun Aug 17, 2008 9:29 am

Re: Menüschriftart

Post 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.
Konzertjunkie
New Member
New Member
Posts: 2
Joined: Mon Jun 29, 2009 11:58 pm

(gelöst)Re: Menüschriftart

Post by Konzertjunkie »

Vielen Dank für die Antworten!  :)
Auch wenn ich es nicht auf Anhieb verstanden habe  ;D
Post Reply

Return to “Layout und Design”