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:

Code: Alles auswählen

#moon {
    float: right;
    margin: -152px 19px 5px 15px;
}
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?

Code: Alles auswählen

<!-- EVENT overall_header_body_before --> 

Code: Alles auswählen

<!-- EVENT index_body_markforums_after.html -->
In der

Code: Alles auswählen

index_body.html
steht

Code: Alles auswählen

<!-- EVENT index_body_markforums_after -->
In der

Code: Alles auswählen

overall_header.html
steht

Code: Alles auswählen

<!-- EVENT overall_header_body_before -->

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:

Code: Alles auswählen

#moon {
    float: right;
    margin: -152px 19px 5px 15px;
}
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:

Code: Alles auswählen

#moon {
    float: right;
   margin: 68px 43px 0;
}

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:

Code: Alles auswählen

#moon {
    float: right;
   margin: 68px 43px 0;
}
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.