für die Website https://clipproject.info/freecartoons/ versuche ich gerade Menu zu gestalten.
Ich möchte gern, dass der Link "Animals Cartoons" andere Hintergrundfarbe sowie abweichende Höhe des Blocks bekommt. Dafür habe ich in CMS (Joomla) die Option "CSS-Style für Links" den Class "rubrics" definiert und in CSS-Datei folgende Attribute gesetzt.
Code: Alles auswählen
.rubrics a {
list-style-type : none;
display : block;
height : 21px;
width : 146px;
background-color : #6d91e7;
color : #ffffff;
font-family : Arial, Helvetica, sans-serif;
font-size : 9pt;
font-weight : bold;
text-decoration : none;
margin-bottom : 1px;
padding-left : 4px;
padding-top : 2px;
margin-top : 0;
}
.rubrics a:hover {
display : block;
height : 21px;
width : 146px;
background-color : #6d91e7;
color : #ffffff;
font-family : Arial, Helvetica, sans-serif;
font-size : 9pt;
font-weight : bold;
text-decoration : underline;
margin-bottom : 1px;
padding-left : 4px;
padding-top : 2px;
margin-top : 0;
}