Ich stocher hilflos im style.css, bitte um Hilfe

zizz

Hi,
ich stocher hier etwas hilflos in meinem style.css file herum,
ich habe es geschafft den hover im text so zu erstellen wie
ich das auch vorhatte, nur leider gelingt mir das in der
Überschrift nicht und in der nächsten Zeile auch nicht.
(in der wo autor und erstellungsdatum, Kategorie usw steht)

wo ändere ich für die erwähnten stellen die hover einstellungen???

die seite: http://www.zuhaus.org

die style.css:

Code

/* 
Theme Name: Daisy Rae Gemini
Description: Gemini Two Col Fixed Width Centred with RH Menu
Author: <a href="http://www.geeksmakemehot.com">Jennifer Ledbetter</a>
Author URI: <a href="http://www.geeksmakemehot.com">http://www.geeksmakemehot.com</a>


Credits:
Daisy Rae Gemini developed by <a href="http://atthe404.com">Root</a> designed by <a href="http://www.geeksmakemehot.com">geeksmakemehot</a>.
Header Image by <a href="http://sxc.hu/browse.phtml?f=profile&l=mikefroese">Mike Froese</a>.


License -
The CSS, XHTML and design is released under GPL:
[URL="http://www.opensource.org/licenses/gpl-license.php"]http://www.opensource.org/licenses/gpl-license.php[/URL]


*/


/* -------  Layout CSS(   Centered Fixed Width) ------ */


body {
  font-family: 'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif;
  font-size: 12px;
  margin: 0;
  padding: 0;
  text-align: content; /* IE 5.5 hack */
}


#farouter {background: #ffffff;width: 760px; border: 1px solid #3A291F;margin: 20px auto 20px auto;text-align: left;  /* IE 5.5 hack part II */}
#outer {}
#rap {}
#masthead {letter-spacing: 0.2em;margin: 8px 8px 0 8px;padding: 0 10px 10px 60px; font: normal 100% 'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif; height: 180px;
}


#main {padding-left:35px;}
#content {float: left;width: 490px; padding-top: 20px;}
#menu {float: right;width: 175px; margin-right: 3px; border-left: 1px dashed #BAA99F;}
#nav {padding-left: 10px;}
#logo {padding-top: 25px; padding-left: 12px;}
#hmenu {margin: 8px; height: 30px;}
#hnav {margin: 0;padding: 0;}
#clearer { clear: both; margin: 0; padding: 0;}
#footer { margin: 8px 8px 8px 8px; }




/*----------------- Color CSS    ------------------------*/




body {background: #DCD3CE; color:#333;}
#rap {background: #ffffff;}
#masthead {background-image: url('images/header.jpg');}
#footer {background: #BAA99F;}
#hmenu { background: #BAA99F;}
#hnav {
    background: #BAA99F;
}
a {color: #8C0000; text-decoration: none; }
a:visited { color: #8C0000; text-decoration: none; }
a:hover {color: #ffffff;background-color: #BE0303; }
acronym, abbr { border-bottom: #333; }
blockquote {border-left: #573D2E; color: #573D2E;}
h2 {    color: #8C0000;a:hover {color: #ffffff;background-color: #BE0303; }
    font-size: 24px;
    font-weight: normal;}
h3 a {color: #8C0000; }
h3 a:hover {color: #ffffff;}
h3 a:visited {color: #8C0000;}
.meta { color: #DCD3CE} 
.meta a {color: #884400;}
.feedback a{color: #884400;}






/* --------     Core CSS ---------*/




a{text-decoration: none;}
a img { border: none; }
acronym, abbr { border-bottom: 1px dashed; }
acronym, abbr, span.caps { cursor: help; font-size: 90%; letter-spacing: .07em;}
blockquote { border-left: 1px solid #573D2E; border-bottom: 1px solid #573D2E; margin-left: 1.5em; padding-left: 5px;}
cite { font-size: 90%; font-style: normal; }
#header a { color: #F2EEEC; text-decoration: none; }
#header a:hover { text-decoration: none; }
h1 { margin: 0; padding: 20px; text-align: right; }
#hidden {display:none;}


h2 {font: 14px 'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif;
  letter-spacing: 0.2em; margin: 0 20px 20px 0; padding: 10px 0 0 0; }
h2#tagline {margin:0; margin-right: 25px; padding:0;text-align: right;color: #F2EEEC;border: 0;}


.post h2 { font: 100% 'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif;
  letter-spacing: 0.2em; margin: 0 20px 0 30px; padding: 20px 0 30px 0; }
h3 {font: 14px 'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif; margin-left: 0; margin-top: 30px;color: #8C0000;  
}
h3#comments { margin-left: 20px; }
h3#respond { margin-left: 20px; }
h4 {
    font-size: 16px;
    font-weight: normal;
}
ol#comments li p { font-size: 100%; }
img {margin: 10px;padding: 0px; border: 1px solid #573D2E; }
p, .feedback 
{ font: 100%/175% 'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif;}
p {}
.textarea { width:200px; margin:0; }
#archvies {
    font: 150% normal 'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif;
}






/* ------------------------- Classes used by the_meta() ---------------------*/




ul.post-meta {
    list-style: none;
}


ul.post-meta span.post-meta-key {
    font-weight: bold;
}


.credit {
  color: #fff;
  font-size: 90%;
  margin: 10px 0 0 0;
  padding: 3px;
  text-align: center;
}


.credit a, .credit a:hover {color: #fff;text-decoration: none;}
.feedback {text-align: right;clear: both;margin-right: 30px; font-size: 90%}
.meta {font-size: .95em;}
.meta li, ul.post-meta li {display: inline;}
.meta ul {display: inline;list-style: none;margin: 0;padding: 0;}
.meta, .meta a { font-weight: normal; letter-spacing: 0;}
.post { margin: 35px 35px 20px 0; }
.entrytext {margin-left: 30px;}
.storytitle { margin-top: 10px; margin-bottom: 2px; }
.storytitle a { text-decoration: none; }
.storycontent{margin-bottom: 5px; border-bottom: 1px solid #BAA99F;}
#commentform { margin-left: 20px; }
#commentform  #comment { width:450px; }
#commentform #author, #commentform #email, #commentform #url, #commentform textarea {
     background: #fff; padding: .2em; }
#commentform textarea { width:100%;}
#commentlist li {border: 2px solid #BAA99F; margin-bottom: 20px; padding-left: 20px;}
#commentlist li ul { border-left: 1px solid #ddd; font-size: 110%; list-style-type: none;}




/* ----------  All menu styling except #menu itself (in layout above) ------- */




#nav form {
    margin: 0 0 0 13px;
}


#nav input#s {
    width: 80%;
    background: #eee;
    border: 1px solid #999;
    color: #000;
}




#nav ul li h2 {
      font-family: 'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif;
      font-weight: normal;
    letter-spacing: 0.1em;
    border: 0;
    text-align: left;
    padding-left:0;
    margin-left: 0;
}




#nav ul ul ul.children {
    font-size: 100%;
    padding-left: 4px;
}




#nav { width: 170px; }


#nav ul
{
margin-left: 0;
padding-left: 0;
list-style-type: none;
font-family: 'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif;
font-size: 95%;
}


#nav a
{
display: block;
padding: 3px;
padding-left: 17px;
width: 130px;
background-color: #FFF;
background-image: url(images/icon.gif); 
background-repeat: no-repeat;
background-position: 0 55%;
border-bottom: 1px dotted #BAA99F;


}


#nav a:link, #navlist a:visited
{


text-decoration: none;
}


#nav a:hover
{
background-image: url(images/icon2.gif); 
color: #000;
}


#themeswitcher {
    font-size: 8px;
}


/*------------- hnav------------*/




#hnav ul
{
text-align: center;
padding-bottom: 5px;
padding-top: 5px;
padding-left: 0;
margin-top: 0;
/* cancels gap caused by top padding in Opera 7.54 */
margin-left: 0;
background-color: #BAA99F;
color: #F2EEEC;
width: 100%;
font-family: 'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif;
line-height: 18px;
/* fixes Firefox 0.9.3 */
}


#hnav ul li
{
display: inline;
padding-left: 0;
padding-right: 0;
padding-bottom: 5px;
/* matches link padding except for left and right */
padding-top: 5px;
}


#hnav ul li a
{
padding-left: 10px;
padding-right: 10px;
padding-bottom: 5px;
padding-top: 5px;
color: #F2EEEC;
text-decoration: none;
border-right: 1px solid #F2EEEC;
}


#hnav ul li a:hover
{
    background: #F2EEEC;
color: #3A291F;
}


#hnav #active { border-left: 1px solid #F2EEEC; }


/*------------- added ------------*/


.gravatar {
    float:left;
    padding: 3px;
    margin-right: 5px;
    margin-bottom: 5px;
    border: 1px solid #573D2E;
}    


#commentbox {
    background: #F2EEEC;
    border: 1px solid #573D2E;
    padding: 5px;
    margin-bottom: 15px;
}


.commentby {
    font-size: 14px;
    text-transform: uppercase;
}
.commentinfo {
    font-size: 10px;
    margin-top: -10px;
    border-bottom: 1px soild #DCD3CE;
}


.commentid {
    float: right;
    font-size: 24px;
    font-style: italic;
    padding-left: 10px;
    padding-right: 5px;
    padding-top: 5px;
    padding-bottom: 5px;
    color: #BAA99F;
}


.commentid a {
    color: #BAA99F;
    text-decoration: none;
}


.post ul li {
    padding: 0px;
    font-weight: normal;
    list-style: url('images/icon.gif');
    line-height: 1.5em;
}


.post ul li:hover {
    padding: 0px;
    font-weight: normal;
    list-style: url('images/icon2.gif');
    line-height: 1.5em;
}

Alles anzeigen

danke für hilfe, gruss

Werbepost

Hallo!

Wenn du gerade an deiner Website arbeitest oder dein aktuelles Hosting überdenkst: Wir betreiben mit NetzLiving eine Hosting-Plattform, die speziell auf Performance, Sicherheit und einfache Verwaltung ausgelegt ist.

✔️ Schnelle Ladezeiten (optimiert für WordPress & Co.)
✔️ Deutsche Server & DSGVO-konform
✔️ Persönlicher Support (kein 0815-Ticket-System)

Mehr erfahren

jottlieb

Zitat von zizz

Hi,
wo ändere ich für die erwähnten stellen die hover einstellungen???

Jeweils in der Pseudoklasse a:hover.

zizz

kannst du esmir vielleicht ein bischen näher (vor die augen) bringen,
ich habs noch net

ein wenig code copy and paste in der antwort würde mir seehr helfen,
so das ich weiß an welcher stelle ich direkt basteln kann,

danke

jottlieb

Zitat von zizz

kannst du esmir vielleicht ein bischen näher (vor die augen) bringen,
ich habs noch net

Ähm, nein? Wiegesagt, im Stylesheet gibt es mehrmals Anweisungen für die Pseudoklasse a:hover und wieder Name impliziert regelt es das Aussehen eines Links bei überfahren.

Zitat

ein wenig code copy and paste in der antwort würde mir seehr helfen,
so das ich weiß an welcher stelle ich direkt basteln kann,

Dazu müsste ich deine Frage im Ausgangspost verstehen.
Formuliere es bitte mal genauer.

peti

Für den Beitragstitel - ein H3 Element - ist es dann auch die entsprechende Anweisung:[INDENT][FONT=Courier New]h3 a:hover {
color: #ffffff;
}[/FONT]
[/INDENT]Für die Beitragsinformation wäre es die Klasse .meta
Da musst du die entsprechende Anweisung aber noch hinzufügen:[INDENT][FONT=Courier New].meta a:hover {
color: black; /* zum Beispiel */
}[/FONT]
[/INDENT]Da du die Hintergrundfarbe beim Hover über einem Link ja global angegeben hast, musst du bei den oben Genannten den Hintergrundeffekt beim Hovern wieder ... na ja ... deaktivieren eben.[INDENT][FONT=Courier New]background: none;[/FONT][/INDENT]

zizz

besten dank,

wieder ein bischen mehr geschnallt von der datei *freu*

Willkommen! Melden Sie sich an oder registrieren Sie sich.

Ich stocher hilflos im style.css, bitte um Hilfe

Jetzt mitmachen!