jdownloader2
Neues Mitglied
Hi,
Ich arbeite gerade mit der Hover.css und möchte da paar sachen anpassen. Habe die Originale Hover.CSS eingebunden in mein HTML. Mein Ziel ist es die Hover.css möglichst wenig zu verändern!
1. Frage
Ist es möglich eine Zeile beim aufruf der Klasse zu ignorieren. z.b möchte ich immer das "display: inline-block;" ignoriert wird ? Oder muss ich diese Zeile jedes mal in der Hover.css löschen ?
2. Frage
Ist es möglich die Farben zu ändern die bei den Hover(n) erscheint ? ( Standardmässig Blau )
Habe es schon mit "color:#FFFFFF;" versucht, passiert nix.
3. Frage
jedes mal muss ich nach <li> die hover Class einfügen. Kann ich die Hover-Class in der id #"content_nav" aufrufen ?
Im CSS Code Unten habe ich ja bereits ein #content_nav li {} Block, ist es möglich da einen CSS einzubinden?
Somit das jedes <list> Item zusätzlich mit der "hrv-over...."-Class angezeigt wird.
Als beispiel möchte ich dieses Menü erstellen :
CSS:
Ich hoffe dieser Thread ist nicht so kompliziert geschrieben wie mein letzter....
Mfg Jdownloader2
Ich arbeite gerade mit der Hover.css und möchte da paar sachen anpassen. Habe die Originale Hover.CSS eingebunden in mein HTML. Mein Ziel ist es die Hover.css möglichst wenig zu verändern!
1. Frage
Ist es möglich eine Zeile beim aufruf der Klasse zu ignorieren. z.b möchte ich immer das "display: inline-block;" ignoriert wird ? Oder muss ich diese Zeile jedes mal in der Hover.css löschen ?
2. Frage
Ist es möglich die Farben zu ändern die bei den Hover(n) erscheint ? ( Standardmässig Blau )
Habe es schon mit "color:#FFFFFF;" versucht, passiert nix.
3. Frage
jedes mal muss ich nach <li> die hover Class einfügen. Kann ich die Hover-Class in der id #"content_nav" aufrufen ?
Im CSS Code Unten habe ich ja bereits ein #content_nav li {} Block, ist es möglich da einen CSS einzubinden?
Somit das jedes <list> Item zusätzlich mit der "hrv-over...."-Class angezeigt wird.
Als beispiel möchte ich dieses Menü erstellen :
HTML:
<div id="nav">
<div id="content_nav">
<ul>
<li class="hvr-overline-from-right">Startseite</li>
<li class="hvr-overline-from-right">Gallery</li>
<li class="hvr-overline-from-right">Links</li>
<li class="hvr-overline-from-right">Kontakt</li>
</ul>
</div>
</div>
CSS:
Code:
#nav {
width: 240px;
height: 1400px;
border-top: 1px solid black;
border-right: 1px solid black;
border-bottom: 1px solid black;
-webkit-box-shadow: 10px 0px 5px 0px rgba(50, 50, 50, 0.5);
-moz-box-shadow: 10px 0px 5px 0px rgba(50, 50, 50, 0.5);
box-shadow: 10px 0px 5px 0px rgba(50, 50, 50, 0.5);
margin-right: 20px;
float:left;
border-radius: 20px;
}
#content_nav {
margin-top: 20px;
}
#content_nav li {
width: 200px;
line-height: 40px;
margin-top: 10px;
list-style-type: none;
text-align: center;
background-image:url(../img/buttons/nav_button.jpg);
background-repeat: no-repeat;
background-position: center;
text-height: 40px;
font-size: 26px;
font-family:"Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
font-weight: bold;
color: #FFFFFF;
margin-left: auto;
margin-right: auto;
}
Ich hoffe dieser Thread ist nicht so kompliziert geschrieben wie mein letzter....
Mfg Jdownloader2