Seite 3 von 3
Re: Moon Phase verschieben
Verfasst: 17.01.2017 15:47
von Kirk
Ich konnte es zwar nur unter 3.1.10 testen, aber evtl funktioniert es bei dir dennoch.
Bennenne das Event
overall_header_searchbox_before.html
in
overall_header_navbar_before.html
um.
Öffne die
moonphase.css
Finde:
Code: Alles auswählen
.headerbar #moon {
float: right;
margin-right: 5px;
margin-left: 15px;
margin-top: 5px;
margin-bottom: 5px;
text-decoration:none;
}
Ersetzen mit:
Die Werte bei margin musst du evtl. bischen anpassen.
Danach den Foren sowie den Browser Cache leeren.
Re: Moon Phase verschieben
Verfasst: 17.01.2017 15:52
von Minthe
Lehrling hat geschrieben:Welche Fehlermeldung kommt dann? Enthält die Datei overall_header.html bzw. index_body.html deines Styles folgende Codezeilen?
In der
steht
In der
steht
Re: Moon Phase verschieben
Verfasst: 17.01.2017 16:05
von Minthe
Kirk hat geschrieben:Ich konnte es zwar nur unter 3.1.10 testen, aber evtl funktioniert es bei dir dennoch.
Bennenne das Event
overall_header_searchbox_before.html
in
overall_header_navbar_before.html
um.
Öffne die
moonphase.css
Finde:
Code: Alles auswählen
.headerbar #moon {
float: right;
margin-right: 5px;
margin-left: 15px;
margin-top: 5px;
margin-bottom: 5px;
text-decoration:none;
}
Ersetzen mit:
Die Werte bei margin musst du evtl. bischen anpassen.
Danach den Foren sowie den Browser Cache leeren.
Wenn ich das so mache, dann sieht das so aus.
[ externes Bild ]
Ohne sich auch nur ein Stück nach rechts zu bewegen oder ähnliches.
Edit:
Die html heist jetzt somit nicht mehr
overall_header_searchbox_before.html sondern
overall_header_body_before.html
Somit sitzt der Mond schon mal links im Header.
[ externes Bild ]
Jetzt muss er eigentlich nur noch von links nach rechts.
Re: Moon Phase verschieben
Verfasst: 17.01.2017 16:24
von Kirk
In der css Datei dieser EXT
Finde:
Code: Alles auswählen
.headerbar #moon {
float: right;
margin-right: 5px;
margin-left: 15px;
margin-top: 5px;
margin-bottom: 5px;
text-decoration:none;
}
Ersetzen mit:
Re: Moon Phase verschieben
Verfasst: 17.01.2017 16:28
von Joyce&Luna
Hallo
Da es sich hier um mein Style handelt, helfe ich mal eben aus.
Nur vorweg, dort wo du ihn platziert haben möchtest, da wird es in der responsiven Ansicht Probleme geben, weil dieser das Logo verschieben wird.
Dazu muss ich selber erst mal schauen wie man das gut anpasst.
Öffne in der Extension theme/moonphase.css und füge hinzu.
Code: Alles auswählen
.headermoon {
float: right;
margin: 70px 35px 0 -128px;
text-decoration:none;
}
Dann öffne die Extension template und benenne
overall_header_searchbox_before.html
in
overall_header_body_before.html
um.
Öffne diese Datei danach und ersetze alles.
Code: Alles auswählen
<div id="moon" class="headermoon rightside responsive-hide">
<a href="http://www.calendrier-lunaire.net/" target="blank">
<img src="http://www.calendrier-lunaire.net/module/LYmFzaWMtMTcwLWgyLTE0MzQ4MTMyMzcuOTA1LSMwMDAwMDAtMTAwLSNmZmZmZmYtMTQzNDgxMzIzNy01LTA.png" />
</a>
</div>
Jetzt muss nur das responsive angepasst werden. da wirst du gezwungen sein, ihn ab einer bestimmten Breite ausblenden zu lassen.
Anke
Re: Moon Phase verschieben
Verfasst: 17.01.2017 16:48
von Minthe
Kirk hat geschrieben:In der css Datei dieser EXT
Finde:
Code: Alles auswählen
.headerbar #moon {
float: right;
margin-right: 5px;
margin-left: 15px;
margin-top: 5px;
margin-bottom: 5px;
text-decoration:none;
}
Ersetzen mit:
Danke, Du bist ein Schatz

Jetzt sitzt der Mond genau da wo er sitzen soll.
Re: Moon Phase verschieben
Verfasst: 17.01.2017 16:52
von Minthe
Juppi hat geschrieben:Hallo
Da es sich hier um mein Style handelt, helfe ich mal eben aus.
Nur vorweg, dort wo du ihn platziert haben möchtest, da wird es in der responsiven Ansicht Probleme geben, weil dieser das Logo verschieben wird.
Dazu muss ich selber erst mal schauen wie man das gut anpasst.
Öffne in der Extension theme/moonphase.css und füge hinzu.
Code: Alles auswählen
.headermoon {
float: right;
margin: 70px 35px 0 -128px;
text-decoration:none;
}
Dann öffne die Extension template und benenne
overall_header_searchbox_before.html
in
overall_header_body_before.html
um.
Öffne diese Datei danach und ersetze alles.
Code: Alles auswählen
<div id="moon" class="headermoon rightside responsive-hide">
<a href="http://www.calendrier-lunaire.net/" target="blank">
<img src="http://www.calendrier-lunaire.net/module/LYmFzaWMtMTcwLWgyLTE0MzQ4MTMyMzcuOTA1LSMwMDAwMDAtMTAwLSNmZmZmZmYtMTQzNDgxMzIzNy01LTA.png" />
</a>
</div>
Jetzt muss nur das responsive angepasst werden. da wirst du gezwungen sein, ihn ab einer bestimmten Breite ausblenden zu lassen.
Anke
Ich danke dir für deine Mühe

Aber 95% meiner User sitzen am Läppi oder am Rechner. Daher ist das Responsive nicht ganz so wichtig.
Jetzt sitzt er erst einmal da wo er sitzen soll und später (wenn ich Zeit habe) kümmer ich mich mal um das Responsive.