Design Madrid: Sidebar verschieben / Problem wegen Navi

29.09.2015 15:15
avatar  HeLy
#1
He

Hallo Freunde

Unsere Webseite www.zuiiorganic.info/deutsch verwendet das modifizierte Design Madrid. Etwas das mich aber noch ziemlich stört ist die Tatsache, dass in diesem Design die Sidebar eben an der Seite ist und auch die 2.+3. Naviebene beinhaltet. (Die sollen auch dort bleiben!).

Dadurch kann ich die Sidebar wohl nicht nach unten verschieben, wo ich dann den allgemeinen Inhalt gerne hätte, welchen ich jetzt als normalen Content auf jede Seite hauen muss.
Gibt es eine Möglichkeit, das zu korrigieren - ich meine für einen Amateur+ wie ich :)

Danke an alle!

Gruss aus dem sonnigen Prag!

Heinz


 Antworten

 Beitrag melden
29.09.2015 16:46
#2
avatar

Man kriegt die Sidebar da schon raus, die ist nicht an der sub-navigation angeklebt. Das Problem ist, auf jeder Seite den gleichen Abstand zum Footer zu bekommen. Normaler Weise könnte man einfachen einen festen Abstand nach unten angeben, klappt hier aber nicht.
Vielleicht weiß az_ Rat.

Bevor ich studiert habe, war mir alles egal, jetzt ist es irrelevant.

 Antworten

 Beitrag melden
29.09.2015 22:26 (zuletzt bearbeitet: 29.09.2015 23:00)
avatar  az_
#3
avatar
az_

Wow! DEKORATIVE BIOKOSMETIK AUS BLUMEN - das nenne ich mal eine tolle Sache! Seite auch schon schön! Gratuliere - das wäre etwas für die "Vorstellungsrunde"!

Ja, man kann die Sidebar von der Navigation trennen - absolut positionieren und einen negativen margin-top zum Beispiel - das müsste funktionieren. Pack doch einfach mal in die Sidebar ein paar Sharebuttons oder ein Textfeld mit einem Blindtest (z.B. LoremIpsum). Dann kann ich bestimmt einen Code dafür schreiben.

LG, az


Achtung: Code im Forum bitte am besten mit der Schaltfläche für "Code" einkapseln!!! (= ) , oder den Code in Formatierungs-Klammern setzen (...zwischen "code" und "/code", jeweils in eckigen Klammern).

Achtung! Im neuen Layout ist die Formatierungsleiste versteckt! Klick auf das Smiley rechts oben über dem Text-Editorfenster, um die Formatierungssymbole einzublenden!


...und zuletzt: Bitte sendet mir keine privaten Nachrichten über das Forum! Bitte Nachrichten an mich nur per e-mail oder über das Kontaktformular auf meiner Webseite https://redesign-berlin.de

Wenn Ihr mich sucht, hier findet Ihr mich:
https://www.facebook.com/redesign.berlin
https://redesign-berlin.de
mailto:info@redesign-berlin.de


Spenden: Hier könnt Ihr unser Userforum finanziell unterstützen: page-644478-1.html


 Antworten

 Beitrag melden
01.10.2015 12:27
avatar  HeLy
#4
He

Hallo

Die Benachrichtigung scheint nicht zu funzen! Aber erst mal vielen Dank für die Hilfe:

Du siehst auf meiner Seite unten meistens links ein Bild mit Signeten und rechts den Schriftzug "Love is colour", dann käme normalerweise noch ein drittes Element hinzu. Das alles sollte in die Sidebar, damit es automtisch auf allen Seiten unten ist.

ich habe jetzt mal ein Facebook Logo in die "alte" Sidebar getan und hoffe das hilft.

Hezlichen Dank ud liebe Grüsse aus Prag

Heinz


 Antworten

 Beitrag melden
01.10.2015 15:30 (zuletzt bearbeitet: 01.10.2015 15:31)
avatar  az_
#5
avatar
az_

ja, ich hab keine Nachricht bekommen... aber von anderen Usern schon - vielleicht versuchst Du es nochmal?

Wg. Deiner Sidebar:

...möchtest Du sie hier haben:



LG, az


Achtung: Code im Forum bitte am besten mit der Schaltfläche für "Code" einkapseln!!! (= ) , oder den Code in Formatierungs-Klammern setzen (...zwischen "code" und "/code", jeweils in eckigen Klammern).

Achtung! Im neuen Layout ist die Formatierungsleiste versteckt! Klick auf das Smiley rechts oben über dem Text-Editorfenster, um die Formatierungssymbole einzublenden!


...und zuletzt: Bitte sendet mir keine privaten Nachrichten über das Forum! Bitte Nachrichten an mich nur per e-mail oder über das Kontaktformular auf meiner Webseite https://redesign-berlin.de

Wenn Ihr mich sucht, hier findet Ihr mich:
https://www.facebook.com/redesign.berlin
https://redesign-berlin.de
mailto:info@redesign-berlin.de


Spenden: Hier könnt Ihr unser Userforum finanziell unterstützen: page-644478-1.html


 Antworten

 Beitrag melden
01.10.2015 17:15
avatar  HeLy
#6
He

Der graue Bereich wäre ideal, genau!

:) LG H


 Antworten

 Beitrag melden
02.10.2015 09:24 (zuletzt bearbeitet: 02.10.2015 09:36)
avatar  az_
#7
avatar
az_

...das geht relativ einfach. Versuch mal folgenden Code:

1
2
3
4
5
6
7
8
9
10
11
 
<style>
.sidebar-options {
position:absolute;
bottom: 100px;
left: 250px;
width: calc(100% - 250px);
background-color: rgba(0,0,0,0) /*transparent - rgba(0,0,0,0.1)=grau*/
}
 
div#content_area {margin-bottom: 100px;}
</style>
 




...der müsste schon reichen!

Mit left:250px hab ich den Bereich etwas nach rechts verschoben. Wenn Du das nicht haben möchtest, schreibst Du left:0; und width:100%;

mit dem o.a. Code sieht es so aus:



LG, az


Achtung: Code im Forum bitte am besten mit der Schaltfläche für "Code" einkapseln!!! (= ) , oder den Code in Formatierungs-Klammern setzen (...zwischen "code" und "/code", jeweils in eckigen Klammern).

Achtung! Im neuen Layout ist die Formatierungsleiste versteckt! Klick auf das Smiley rechts oben über dem Text-Editorfenster, um die Formatierungssymbole einzublenden!


...und zuletzt: Bitte sendet mir keine privaten Nachrichten über das Forum! Bitte Nachrichten an mich nur per e-mail oder über das Kontaktformular auf meiner Webseite https://redesign-berlin.de

Wenn Ihr mich sucht, hier findet Ihr mich:
https://www.facebook.com/redesign.berlin
https://redesign-berlin.de
mailto:info@redesign-berlin.de


Spenden: Hier könnt Ihr unser Userforum finanziell unterstützen: page-644478-1.html


 Antworten

 Beitrag melden
02.10.2015 16:07
avatar  HeLy
#8
He

Hallo und ganz herzlichen Dank!

Musste noch ein wenig daran schrauben, habe mich dabei fast ausgesperrt, weil die Sidebar über die Anmeldelinks reichte, aber hatte zum Glück noch ein 2. Fenster offen

Die Benachrichrtigung hat wieder nicht geklappt!

Schönes Herbstwochenende!

Heinz


 Antworten

 Beitrag melden
02.10.2015 17:45
avatar  az_
#9
avatar
az_

...freut mich!

anmelden geht übr. immer mit http://deinewebseite.de/login

LG, az


PS: das mit der Benachrichtigung verstehe ich nicht. Du meinst doch eine private Nachricht senden, oder? Bei mir klappt das, und ich bekomme auch Benachrichtigungen, wenn ich eine bekommen habe:


Achtung: Code im Forum bitte am besten mit der Schaltfläche für "Code" einkapseln!!! (= ) , oder den Code in Formatierungs-Klammern setzen (...zwischen "code" und "/code", jeweils in eckigen Klammern).

Achtung! Im neuen Layout ist die Formatierungsleiste versteckt! Klick auf das Smiley rechts oben über dem Text-Editorfenster, um die Formatierungssymbole einzublenden!


...und zuletzt: Bitte sendet mir keine privaten Nachrichten über das Forum! Bitte Nachrichten an mich nur per e-mail oder über das Kontaktformular auf meiner Webseite https://redesign-berlin.de

Wenn Ihr mich sucht, hier findet Ihr mich:
https://www.facebook.com/redesign.berlin
https://redesign-berlin.de
mailto:info@redesign-berlin.de


Spenden: Hier könnt Ihr unser Userforum finanziell unterstützen: page-644478-1.html


 Antworten

 Beitrag melden
04.10.2015 10:45 (zuletzt bearbeitet: 04.10.2015 10:48)
avatar  HeLy
#10
He

Hallo

nein ich meine die Benachrichtigung, wenn jemand auf meinen Thread schreibt

...aber gerade habe ich es gefunden. Bei einigen Foren muss man die Themen eben nicht abonnieren.


 Antworten

 Beitrag melden
07.01.2016 14:32
avatar  Anoli
#11
An

Hallo, eine Frage, wie hast du das Design so modifiziert? Mir ist der Bereich für Logo/Titelbereich zu hoch. Vielen Dank für eine Antwort


 Antworten

 Beitrag melden
07.01.2016 15:16 (zuletzt bearbeitet: 07.01.2016 15:32)
avatar  az_
#12
avatar
az_

Hallo @Anoli

...an wen ist die Frage? Schreibst Du "@HeLy", bekommt der eine automatische Benachrichtigung und kann Dir antworten!

LG, az


Achtung: Code im Forum bitte am besten mit der Schaltfläche für "Code" einkapseln!!! (= ) , oder den Code in Formatierungs-Klammern setzen (...zwischen "code" und "/code", jeweils in eckigen Klammern).

Achtung! Im neuen Layout ist die Formatierungsleiste versteckt! Klick auf das Smiley rechts oben über dem Text-Editorfenster, um die Formatierungssymbole einzublenden!


...und zuletzt: Bitte sendet mir keine privaten Nachrichten über das Forum! Bitte Nachrichten an mich nur per e-mail oder über das Kontaktformular auf meiner Webseite https://redesign-berlin.de

Wenn Ihr mich sucht, hier findet Ihr mich:
https://www.facebook.com/redesign.berlin
https://redesign-berlin.de
mailto:info@redesign-berlin.de


Spenden: Hier könnt Ihr unser Userforum finanziell unterstützen: page-644478-1.html


 Antworten

 Beitrag melden
07.01.2016 16:48
avatar  Anoli
#13
An

Danke @ az_


 Antworten

 Beitrag melden
07.01.2016 17:45 (zuletzt bearbeitet: 07.01.2016 17:58)
avatar  az_
#14
avatar
az_

...ohne Leerstelle :) "@az_"... "@HeLy"... "@Anoli"...

sh.: andere User direkt fragen bzw. benachrichtigen...

LG, az


Achtung: Code im Forum bitte am besten mit der Schaltfläche für "Code" einkapseln!!! (= ) , oder den Code in Formatierungs-Klammern setzen (...zwischen "code" und "/code", jeweils in eckigen Klammern).

Achtung! Im neuen Layout ist die Formatierungsleiste versteckt! Klick auf das Smiley rechts oben über dem Text-Editorfenster, um die Formatierungssymbole einzublenden!


...und zuletzt: Bitte sendet mir keine privaten Nachrichten über das Forum! Bitte Nachrichten an mich nur per e-mail oder über das Kontaktformular auf meiner Webseite https://redesign-berlin.de

Wenn Ihr mich sucht, hier findet Ihr mich:
https://www.facebook.com/redesign.berlin
https://redesign-berlin.de
mailto:info@redesign-berlin.de


Spenden: Hier könnt Ihr unser Userforum finanziell unterstützen: page-644478-1.html


 Antworten

 Beitrag melden
Bereits Mitglied?
Jetzt anmelden!
Mitglied werden?
Jetzt registrieren!