Logo im Design Cairo verschieben
#1
...keine URL? wie sollen wir dann helfen?
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
#3
…hab ich die überlesen? Kann doch nicht sein!
Egal. Wo soll das Logo denn hin? Normalerweise kannst Du es mit einer position-Anweisung „befreien“.
2
3
4
5
6
7
.jtpl-logo {
position: fixed;
top: 25px;
left: 25px;
}
…setzt es zwangsweise in die Ecke links oben (…es sei denn, dort liegt etwas, was durch seinen z-Index über der Ebene liegt, auf der das Logo im Design angelegt wurde. Dann würde das Logo unter dieser Ebene liegen und man könnte es daher nicht sehen).
Manchmal ist es aber besser, dass Logo in einen schon vorhandenen Container zu verschieben, der sich bereits in der richtigen Gegend befindet. Das macht man dann mit einem jQuery Skript. Oft kann man dann sogar darauf verzichten, die Größe des Logos noch anzupassen.
Wo soll das Logo denn hin? Mach doch mal einen Screenshot.
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
#5
Hallo az
Herzlichen Dank für deinen Tipp! Mit diesen Einstellungen verschwindet das Logo wie vermutet und der schräge Banner wird sehr schmal:
Wahrscheinlich müsste man es mit einem jQuery Skript machen:
Herzlichen Dank für deine Unterstützung!
LG Andy
Ok, dann müssen wir jQuery bemühen. Die Anweisung, die uns hier helfen wird, ist .appendTo().
$('.jtpl-logo').appendTo('.jtpl-title'); könnte schon reichen. Das muss dann noch geklammert werden, damit der Editor es nicht rausschmeisst und es muss noch eine Funktion angestoßen werden. Also:
2
3
4
5
6
7
8
9
10
11
<script type="text/javascript">
jQuery(function ($) {
$('#cc-website-logo').appendTo('.jtpl-title');
});
</script>
...damit das funktioniert, muss allerdings auf der Seite jQuery integriert sein (...1x auf jeder Unterseite, oder 1x global) . Dafür vor dem Skript folgende Zeile einsetzen:
2
3
<script src="https://code.jquery.com/jquery-latest.min.js"></script>
...der ganze Code wäre dann:
2
3
4
5
6
7
8
9
10
11
12
13
14
<script src="https://code.jquery.com/jquery-latest.min.js"></script>
<script type="text/javascript">
jQuery(function ($) {
$('#cc-website-logo').appendTo('.jtpl-title');
});
</script>
...versuchmal
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
PS: ich würde den gesamten Inhalt des head-Bereiches ein wenig anders anordnen - dann klappt das auch mit den js-tabs. Und außerdem ist die Ansicht des Videos nix gutt. Das ist allgemein nicht so toll gelöst worden in Cairo-Design.
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
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
<link type="text/css" media="all" href="https://redesign-berlin.lima-city.de/__test/redesign-tabtest/tabtest.css" rel="stylesheet" />
<style type="text/css">
/*<![CDATA[*/
/* eigenes CSS hier
-------------------------*/
/* Logo in Topbar */
div#cc-website-logo {
position: absolute;
top: 5px;
left: 20px
}
@media (min-width: 1024px) {
div#cc-website-logo {
top: 5px;
left: calc(50vw - 500px);
}
.jtpl-logo {
height: 25vw !important;
/* max-height:500px;*/
}
}
/* Video formatieren */
.jqbga-web--video iframe {
height: 60vw !important;
width: 100vw !important;
}
@media (max-width: 767px) {
.jtpl-slope.border-options {
margin-top: 100px
}
.jtpl-logo {
display: none;
}
.jtpl-header--image {
height: 350px
}
.jqbga-web--video iframe {
width: 100vw !important;
height: 450px !important;
}
.jtpl-content {
padding-top: 30px !important;
}
}
/*]]>*/
</style>
<script src="https://code.jquery.com/jquery-latest.min.js"></script>
<script src="https://redesign-berlin-tabtest.jimdo.com/app/download/12289549024/tabs.js" type="text/javascript"></script>
<script type="text/javascript" info="Logo in Topbar">
jQuery(function($) {
$('#cc-website-logo').appendTo('.jtpl-title');
});
</script>
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
Ähnliche Themen
| Thema | Antworten | Aufrufe | Letzte Aktivität | ||
|---|---|---|---|---|---|
 |
Logo Position verändern - Design CairoLogo Position verändern - Design Cairo |
2
Charles
02.10.2018 |
2105 |
|
|
|
Bei reykjavik Menü und Logo nach linksBei reykjavik Menü und Logo nach links |
11
digifanter
04.06.2018 |
1009 |
|
|
|
Cairo header/Hintergrund verkleinert: aber wie "Schrägbalken" anpassen?Cairo header/Hintergrund verkleinert: aber wie "Schrägbalken" anpassen? |
0
LR_SI
12.02.2018 |
1447 |
|
|
|
Logo im Header verschiebenLogo im Header verschieben |
2
Larissa
12.10.2017 |
1927 |
|
|
|
Design Zürich, Logo, mobile AnsichtDesign Zürich, Logo, mobile Ansicht |
6
az_
04.11.2017 |
1477 |
|
|
|
Amsterdam Logo im Header verschiebenAmsterdam Logo im Header verschieben |
12
Kathrin Schierl
14.10.2017 |
2013 |
|
|
|
Logo anstatt Seitentitel - TextboxLogo anstatt Seitentitel - Textbox |
0
eida4620
11.02.2017 |
877 |
|
|
|
design cairo responsive design design cairo responsive design |
2
az_
24.07.2016 |
1232 |
|
|
|
DESIGN CAIRODESIGN CAIRO |
7
az_
25.06.2016 |
1468 |
|
Jetzt anmelden!
Jetzt registrieren!
