Logo verschieben > Rio de Janeiro

10.11.2017 11:10

GHS
#1

GH

Hallo zusammen.

Ich habe mich hier angemeldet, weil ich gerade unsere Internet-Seite versuche aufzubauen und dabei ein spezielles Problem habe, unser Logo einzubinden.
Das Rio Design geflällt mir ganz gut, jedoch möchte ich unser Logo nicht mittig haben (verdeckt Bild), sondern ziemlich weit links oben am Rand.
Kann mir einer die CSS Befehle dafür geben, dass ich das Logo nach links oben bekomme?
Leider habe ich absolut keine Ahnung von CSS.

Vielen Dank schon mal dafür!

Antworten

Beitrag melden

#2

10.11.2017 11:18

FKWars
#2

FKWars

Hallo GHS,

nennst du uns bitte deine URL.

Gruß FKWars

www.crazy-terra.com

Antworten

Beitrag melden

#3

10.11.2017 11:49

GHS
#3

GH

GHS

Gerne...

https://ghs-prozessautomation.jimdo.com

Antworten

Beitrag melden

#4

10.11.2017 15:59 (zuletzt bearbeitet: 10.11.2017 16:00)

FKWars
#4

FKWars

Probier mal

1
2
3
4
5
6
7
8
9
10
11
12
13
14
 
   
<style type="text/css">
/*<![CDATA[*/
.cc-imagewrapper {
 
    margin-left: calc(-48vw + 52%);
    margin-top: calc(100px - 28%);
}
/*]]>*/
</style>
 

 

 

www.crazy-terra.com

Antworten

Beitrag melden

#5

11.11.2017 16:37

az_
#5

az_

...ein Problem beim Logo-verschieben ist oft, dass der Code auch im Bearbeitungsmodus wirksam ist. Dann ist u.U. die Funktionalität für das Logo weg.
Da hilft nur, das Scirpt für die Bearbeitung kurzzeitig zu deaktivieren (...auskommentieren mit /* ... */). Damit kannman dann auch position:absolute oder position:fixed austesten.

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

#6

15.11.2017 10:11

GHS
#6

GH

GHS

Vielen Dank erst mal für die Antworten!
Funktioniert leider nicht. Die Bilder in den Bildfeldern werden nach links verschoben.

Antworten

Beitrag melden

#7

15.11.2017 10:58

GHS
#7

GH

GHS

Vielleicht gibt mir jemand auch noch einen "Tipp" wie ich die Menüleiste, bzw. die einzelnen Buttons, gleich groß kriege?
Bis jetzt sind diese ja, je nach Text lang. Das sieht unschön aus.

Danke und Gruß Manuela

Antworten

Beitrag melden

#8

15.11.2017 14:27

FKWars
#8

FKWars

Hallo Manuela,
nochmal wegen Deinem Logo. Probier mal das hier, der Code Betrifft nur die Desktop Variante.

1
2
3
4
5
6
7
8
9
10
11
12
 
<style type="text/css">
/*<![CDATA[*/
 
@media (min-width:768px) {
.jtpl-header__logo a img {
 
    margin-left: calc(-49vw + 50%);
    margin-top: calc(-50px + 30%);
}
}
/*]]>*/
</style>
 

Gruß FKWars

www.crazy-terra.com

Antworten

Beitrag melden

#9

15.11.2017 14:37 (zuletzt bearbeitet: 15.11.2017 14:37)

FKWars
#9

FKWars

Deine Navi Bar.
probier mal

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
 

 
<style type="text/css">
/*<![CDATA[*/
@media (min-width:768px) {
.navigation-colors a, .navigation-colors a:link, .navigation-colors a:visited {
 
 
    min-width: 120px;
    
}
}
/*]]>*/
</style>
 

<style type="text/css">
/*<![CDATA[*/
@media (min-width:768px) {
.navigation-alignment {
 
 
    min-width: 120px;
text-align: center;
    
}
}
/*]]>*/
</style>
 

 

Gruß FKWars

www.crazy-terra.com

Antworten

Beitrag melden

#10

17.11.2017 11:41

GHS
#10

GH

GHS

Vielen herzlichen Dank!
Logo verschieben hat geklappt. Hab noch ein bisschen mit den Werten gespielt, nun ist es schön.

Navi Bar ansich auch, da verschiebt sich der letzte Button jedoch nach unten.

Grüße Manuela

Antworten

Beitrag melden

#11

18.11.2017 15:58 (zuletzt bearbeitet: 18.11.2017 16:11)

az_
#11

az_

...für dieses Hintergrundbild würde ich ein anderes Design nehmen. Ich finde, das Logo überdeckt das Bild in einer ganz unschönen Weise und die Navigation verschwindet, wenn das Browserfenster nicht hoch genug ist.

https://ghs-prozessautomation.jimdo.com/

[/URL]

So ein Bild möchte gern ungestört sein - Stockholm wäre dafür gut, da ist auch die Navigation besser gelöst.
Das Hintergrundbild zu fixieren ist auch kein Problem, wenn es daran liegen sollte. Beispiel (Rome): https://www.pepperprint-loops.com/

LG, az

Beispiele für Jimdo-Designs gibt es auch hier:
- https://jimdo.design/

...und die Dummies sehen alle so aus:
https://tmp-malaga.jimdo.com/
https://tmp-stockholm.jimdo.com/
https://tmp-cairo.jimdo.com/
https://tmp-rome.jimdo.com/

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