Neuigkeiten:

moziloCMS verwendet Cookies. Wenn Sie auf unserer Seite weitersurfen, stimmen Sie der Cookie-Nutzung zu Datenschutzerklärung
moziloCMS Layouts
moziloCMS Plugins

Hauptmenü
-Menü

Beiträge anzeigen

Dieser Abschnitt erlaubt es dir, alle Beiträge anzusehen, die von diesem Mitglied geschrieben wurden. Beachte, dass du nur Beiträge sehen kannst, die in Teilen des Forums geschrieben wurden, auf die du aktuell Zugriff hast.

Beiträge anzeigen-Menü

Themen - andi.ebar

#1
So meine Lieben,


hoffentlich vorerst das letzte mal das ich euch auf den Wecker gehe - ich habe mir auch schon fest vorgenommen der MoziloGemeinde ein Template zu sponsern sobald ich mein Job hier fertig habe ..


Nun habe ich noch ein Problem was ich nicht zu lösen vermag - und zwar funktioniert mein Dropdown Menü nur wenn ich mich in der selbigen Kategorie befinde - sprich wenn ich nicht in dieser bin und mit der Maus über den Bereich fahre worauf das Dropdownmenü aufklappen sollte passiert niente ..

http://www.zwicknagel-fahrraeder.de/beta

Navicode:

mainmenu {


    width: auto;

}





ul.mainmenu {
    padding: 2px;
margin-top: 0px;
    margin-left: 25px;


 
}


  ul.mainmenu:after {
    clear: both;
    content: " ";
    display: block;
    font-size: 0;
    height: 0;
    visibility: visible;
}



/*Mainmenu*/

ul.mainmenu li.mainmenu1 {
    list-style: none;
    float:left;
margin: 0px;
padding: 0px;
    border-right: 1px solid #dfdfdf;
}
ul.mainmenu li.mainmenu2 {
    list-style: none;
    float:left;
margin: 0px;
padding: 0px;
    border-right: 1px solid #dfdfdf;
}
ul.mainmenu li.mainmenu3 {
    list-style: none;
    float:left;
margin: 0px;
padding: 0px;
    border-right: 1px solid #dfdfdf;
}
ul.mainmenu li.mainmenu4 {
    list-style: none;
    float:left;
margin: 0px;
padding: 0px;
    border-right: 1px solid #dfdfdf;
}
ul.mainmenu li.mainmenu5 {
    list-style: none;
    float:left;
margin: 0px;
padding: 0px;
    border-right: 1px solid #dfdfdf;
}


/*a.menuactive*/

ul.mainmenu li.mainmenu1 a.menuactive {

color: white;

}
ul.mainmenu li.mainmenu2 a.menuactive {

color: white;

}
ul.mainmenu li.mainmenu3 a.menuactive {

color: white;

}
ul.mainmenu li.mainmenu4 a.menuactive {

color: white;

}
ul.mainmenu li.mainmenu5 a.menuactive {

color: white;

}


/*Schriftart Menu*/

ul.mainmenu li.mainmenu1 a {

font-family: Corbel, Arial, Helvetica, sans-serif;
    text-decoration: none;
font-size: 1.2em;
font-weight: bold;
    display: block;
    color: #151616;
    padding: 16px 28px 14px 28px;

    transition: background 0.3s ease-out; /* explorer 10 */
    -webkit-transition: background 0.3s ease-out; /* chrome & safari */
    -moz-transition: background 0.3 ease-out; /* firefox */
    -o-transition: background 0.3 ease-out; /* opera */
}
ul.mainmenu li.mainmenu2 a {


font-family: Corbel, Arial, Helvetica, sans-serif;
    text-decoration: none;
font-size: 1.2em;
font-weight: bold;
    display: block;
    color: #151616;
    padding: 16px 28px 14px 28px;

    transition: background 0.3s ease-out; /* explorer 10 */
    -webkit-transition: background 0.3s ease-out; /* chrome & safari */
    -moz-transition: background 0.3 ease-out; /* firefox */
    -o-transition: background 0.3 ease-out; /* opera */
}
ul.mainmenu li.mainmenu3 a {

font-family: Corbel, Arial, Helvetica, sans-serif;
    text-decoration: none;
font-size: 1.2em;
font-weight: bold;
    display: block;
    color: #151616;
    padding: 16px 28px 14px 28px;

    transition: background 0.3s ease-out; /* explorer 10 */
    -webkit-transition: background 0.3s ease-out; /* chrome & safari */
    -moz-transition: background 0.3 ease-out; /* firefox */
    -o-transition: background 0.3 ease-out; /* opera */
}
ul.mainmenu li.mainmenu4 a {

font-family: Corbel, Arial, Helvetica, sans-serif;
    text-decoration: none;
font-size: 1.2em;
font-weight: bold;
    display: block;
    color: #151616;
    padding: 16px 28px 14px 28px;

    transition: background 0.3s ease-out; /* explorer 10 */
    -webkit-transition: background 0.3s ease-out; /* chrome & safari */
    -moz-transition: background 0.3 ease-out; /* firefox */
    -o-transition: background 0.3 ease-out; /* opera */
}
ul.mainmenu li.mainmenu5 a {

font-family: Corbel, Arial, Helvetica, sans-serif;
    text-decoration: none;
font-size: 1.2em;
font-weight: bold;
    display: block;
    color: #151616;
    padding: 16px 28px 14px 28px;

    transition: background 0.3s ease-out; /* explorer 10 */
    -webkit-transition: background 0.3s ease-out; /* chrome & safari */
    -moz-transition: background 0.3 ease-out; /* firefox */
    -o-transition: background 0.3 ease-out; /* opera */
}


/*Hover Menu*/

ul.mainmenu li.mainmenu1:hover > a {
    color: white;
background-color: #ff6100;

}
ul.mainmenu li.mainmenu2:hover > a {
    color: white;
background-color: #5782aa;

}
ul.mainmenu li.mainmenu3:hover > a {
    color: white;
background-color: #95d310;

}
ul.mainmenu li.mainmenu4:hover > a {
    color: white;
background-color: #004C66;;

}
ul.mainmenu li.mainmenu5:hover > a {
    color: white;
background-color: #ff6100;

}



/*Detailmenu*/




ul li ul.detailmenu li.detailmenu:hover > a
{
    color: white;
width: auto;
background-color: #transparent;
}
ul li:hover >  ul
{
    visibility: visible;
}



ul li ul
{
   
    visibility: hidden;
    position: absolute;
    padding:0px;
margin: 0 auto;
list-style: none;
text-decoration: none;
font-size: 1.2em;
font-weight: bold;
   
width: auto;
    color: #151616;
    padding: 2% 5%;
background-color: #95d310;

   
}
ul li ul li
{
float: left;
width:auto;
padding: 0px;
    border-right: 1px solid #dfdfdf;

}











Desweiteren mühe ich mich etwas mit "repsonsive" Design ab, und zwar reicht es bei mir aus irgend einem Grund nicht nur
width bzw max-width anzugeben, sondern muss ich auch noch mühsam die höhe fürs jeweilige Gerät angeben ..  ansonsten sieht es so aus:




Also sollte jemand dafür die Lösung wissen und es nur an einer Kleinigkeit liegt wie die letzten Male - traumhaft!



vG,

an die bar
#2
Hallo Community,


nachdem meine letzte Frage so prompt erfolgreich beantwortet wurde bitte ich ganz dreist nochmal um Hilfe ;)


Und zwar kriege ich es irgendwie nicht gebacken dass Bilder im Content die gewünschte Größe erhalten trotz meiner Meinung nach richtiger CSS - zu sehen hier:  [url=http://www.zwicknagel-fahrraeder.de/beta/]http://www.zwicknagel-fahrraeder.de/beta/[/url]  soll so aussehen : http://www.zwicknagel-fahrraeder.de (hier mit DIV geregelt)

der CSS-Code dazu:

/* [bildrechts|...] */
span.rightcontentimage {

    float:right;
border: solid;
max-width: 80px;
max-height:100px;
margin: 0px;
padding: 0px;

}



Das Bild bleibt in der Originalgröße, nur der Rahmen verändert sich in die gewünschte Pixelzahl - weiß jemand woran das liegt?


mfG

Andi.eBar
#3
Hallo mozilo Communty,


nachdem ich mich jetzt einige Zeit mit Fotografie beschäftigt habe, hab ich beschlossen meine eingerosteten
Homepagekentnisse wieder hervorzuholen um für Kleinunternehmer individuelle Webseiten zu erstellen um mir ein paar
Euro neben dem Studium zu verdienen. Auf der Suche nach einer einfachen Möglichkeit dem Kunden das Zepter in Sachen Webpflege in die Hand zu geben - und das noch relativ leicht verständlich und ohne Gefahr bin ich auf mozilo gestoßen.


Nun scheitere ich im Moment allerdings daran, dass ich es nicht auf die Reihe kriege das Navi (was ich mir zugegebener maßen etwas abgekupfert habe ) identisch ins cms zu übersetzen, so dass die Hover Funktion mit den verschiedenen Farben weiterhin funktioniert. Zu sehen hier http://www.zwicknagel-fahrraeder.de/


Die css dazu:

nav mainmenu {
    width: 800px;

}



nav ul.mainmenu{
    padding: 2px;
margin-top: 0px;
    margin-left: 25px;
 
}




nav ul.mainmenu li.mainmenu {
    list-style: none;
    float:left;
margin: 0px;
padding 0px;
    border-right: 1px solid #dfdfdf;
}



nav ul.mainmenu li.mainmenu a {


    text-decoration: none;
font-size: 18px;
font-weight: bold;
    display: block;
    color: #151616;
    padding: 16px 28px 14px 28px;

    transition: background 0.3s ease-out; /* explorer 10 */
    -webkit-transition: background 0.3s ease-out; /* chrome & safari */
    -moz-transition: background 0.3 ease-out; /* firefox */
    -o-transition: background 0.3 ease-out; /* opera */
}



nav li ul {

background-color: #transparent;
margin: 0px;
padding: 0px;
width: 155px;

}

nav ul li.cat1:hover a, nav ul li.cat1:hover > ul li a 
{
background-color: #ff6100;
text-decoration: underline;
}
nav ul li.cat2:hover a, nav ul li.cat2:hover > ul li a
{
    background-color: #5782aa;
text-decoration: underline;
}

nav ul li.cat3:hover a, nav ul li.cat3:hover > ul li a
{
    background-color: #95d310;
text-decoration: underline;
}

nav ul li.cat4:hover a, nav ul li.cat4:hover > ul li a
{
    background-color: #004C66;
text-decoration: underline;

}
nav ul li.cat5:hover a, nav ul li.cat5:hover > ul li a
{
    background-color: #332B40;
text-decoration: underline;

}



nav ul li:hover > a
{
    color: #transparent;
background-color: #696969;
}



nav ul li:hover > ul
{
    visibility: visible;

}



Was mir quasi fehlt ist die Möglichkeit li kategorien zu vergeben - kann mir da geholfen werden?



Vielen Dank im Voraus,

andi.ebar