Layout Contemporary Responsive, Problem mit Reihenfolge des Untermenüs

plasma92

hallo zusammen,

beim obigen layout lege ich gerade ein untermenü an und habe eine bestimmte reihenfole einzuhalten.

leider ordnet das layou alphabetisch. das möchte ich a so nicht. gibt es da abhilfe?

ebenso hatte ich einen css code das das aktive hauptmenü in fett hervorgehoben wird.

das wünsche ich mir auch im untermenü...

code für das hauptmenü:

<style>

.navbar .nav > li.active > a {

font-weight: bold;

}

</style>

plasma92

die reihenfolge habe ich jetzt gelöst, man muß das untermenü einfach neu anordnen,

indem man die eintrage im baum links an die richtige stelle verschiebt.

bliebe noch die fettschrift des aktiven untemenüs...

Jochen

Hallo Steffen,

wenn du mit "Untermenü" das Dropdownmenü meinen solltest, dann geht das mit folgendem CSS-Code:

Code

<style>
.dropdown-menu > li.active > a {
    font-weight: bold;
}
</style>

Wenn du das Widget "Untermenü" aber meinen solltest, dann mal bitte die Adresse hier zu dem Projekt posten, so das man sich das mal ansehen kann.

Damit kann man das dann auch einfacher und schneller rausbekommen, ohne es erst "nachbauen" zu müssen

plasma92

hallo jochen,

genau das dropdown menü meine ich.

der code hat wunderbar geklappt... merci an dich!!!

plasma92

hallo jochen,

ich habe noch ne frage, ist es möglich die ecken des dropdown menüs nicht zu runden,

sondern dieses eckig zu lassen? bzw. anders kleiner abzurunden.

das würde bei mir zur geradlinigkeit des layouts passen.

ebenso verhält es sich mit formularfeldern und button...

vielleicht weißt du ja rat!

Jochen

Hallo Steffen,

versuchs mal damit:

Code

<style>
.nav-pills .dropdown-menu {
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
}
</style>

Jochen

Ups, hab ja was vergessen

Nimm folgenden Code:

Code

<style>
.nav-pills .dropdown-menu a.button, input.button {
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
}
</style>

<style>
select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input {
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
}
</style>

Alles anzeigen

Da ist dann gleich nun alles drin.

Geht vermutlich auch mit weniger, aber um das jetzt kurz noch genauer zu machen, fehlt mir die Zeit und die Lust

plasma92

hi jochen,

der erste hat für das dropdown perfekt funktioniert. danke!!!

wo zauberst du das nur immer her... ich will die sache gleich mal testen.

bin mit meiner seite am feinschliff und der seo optimierung.

das ist auch noch ein thema für sich wo der knoten platzen muß...

plasma92

das hat nach f6 nicht geklappt...

ich schreibe jetzt einfach mal was nicht geklappt hat:

-dropdown noch gerundet

-teilweise eingabefelder im mailformular noch gerundet

-spam schutz recaptcha noch gerundet

-sich button noch gerundet

hier was geklappt hat:

-absendebutton mailformular eckig

-nachrichtenfeld im mailformular eckig

als ich den ersten code separat probierte, war das drop down menü eckig

mein css komplett schaut derzeit so aus:

<style>

.nav-pills .dropdown-menu a.button, input.button {

-webkit-border-radius: 0px;

-moz-border-radius: 0px;

border-radius: 0px;

}

</style>

<style>

.zp-shopform input, .zpsajaxmodal input, .zp-form.zp14 textarea, .zp-shopform textarea, .zpsajaxmodal textarea, .zp-form.zp14 select, .zp-shopform select, .zpsajaxmodal select{

-webkit-border-radius: 0px;

-moz-border-radius: 0px;

border-radius: 0px;

}

</style>

Jochen

Nimm den letzen Code nochmal, den hab ich zwischenzeitlich editiert.

Mit dem sollte es gehen.

plasma92

habe mal gesucht und hinter .dropdown-menu ein komma gesetzt

jetzt ist das dropdown menü eckig und der sendebutton im mailformular auch

<style>
.nav-pills .dropdown-menu, a.button, input.button {
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;
}
</style>

Jochen

Meinen Post #10 bitte beachten

plasma92

hi jochen,

ich habe es übernommen und für mich abgekürzt.

den zusammenhang zu den html5 typen des formulars habe ich dadurch verstanden.

die 3 typen die ich benötige habe ich belassen.

der suchbutton mit dem magnifier.png im hauptmenü wäre noch abgerundet

und das recaptcha - würde das auch gehen?

vielen herzlichen dank an dich für deine mühe und input

Jochen

Suchbutton:

Code

style>
#searchfield {
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
}
</style>

Das recaptacha (Sicherheitsprüfung > Neu) kann man glaube ich so nicht beeinflussen, da dies so von extern kommt.

Bzw. was genau sollte da abgerundet werden?

Ggf. Link zu der Seite, oder einen Screenshot machen und den Bereich markieren.

Jochen

Meinst du das so:?

Code

<style>
.recaptchatable #recaptcha_response_field {
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
}
</style>

Damit wird das Feld "Geben Sie den angezeigten....." nicht mehr gerundet, bei Sicherheitsprüfung (alt).

plasma92

hallo jochen,

der suchbutton ist perfekt das hat geklappt!!!

beim recaptcha meine ich das feld auf der seite unter spam schutz:

siehe hier: https://www.techverm.de/kontakt.html

Jochen

Ok, dann hast du fast wie schon vermutet, die "Sicherheitsprüfung (Neu)" in deinem Formular drin.

Und da ist mir gerade kein Weg bekannt, dies anzupassen.

Wie geschrieben, glaube ich auch das dies gar nicht gehen wird, da der Code dazu extern von Google selbst kommt.

Vielleicht hat jemand anderes eine Idee dazu?

Und wenn nicht, denke ich kann man da mit diesem kleinen Radius auch leben, oder?

plasma92

ja, jochen so ist es.

klar kann ich damit leben, ich verfolgte nur ein klare linie.

die vielen dank für deine unbezahlbare mühe und einsatz.

ich bin auch um einiges schlauer geworden.

nun steht das thema seo an undd a gibt es noch viel zu

tun um die seite richtig zu platzieren...

danke nochmals an dich!!!

Jochen

Gern geschehen

Layout Contemporary Responsive, Problem mit Reihenfolge des Untermenüs

Jetzt mitmachen!

Hilfe zum Support-Forum

Wollen Sie eine professionelle Website erstellen?