[BETA] Extension Event Style Switch

[waldkatze]

Für Änderungen im Style Advent du musst die advent.css ändern.
Änderung hier machen: ext/waldkatze/ess/styles/prosilver/theme/advent.css

Suche:

Code: Alles auswählen

/* Headerbar (Position Adventskranz im Header) */
#center-advent {
	background: url("./images/advent_2.gif");
	width: 81px;
	height: 54px;
	position: absolute;
	z-index: 1000;
	margin-left: 700px;
	margin-top: 35px;
}

Suche folgende Zeile:
margin-left: 700px;

Ändere den Wert 700 Größer = Grafik nach rechts, kleiner = Grafik nach links.

Hinweis:
Meine css-Dateien sind mit Kommentaren versehen. Damit wird gezeigt wo du was ändern kannst
Dann nicht vergessen: https://www.phpbb.de/kb/cache_leeren

[distanzcheck]

Super. Ja habe ich gesehen.
Habe mal versucht, weil es auf anderen Bildschirmauflösungen ja wohl anders aussehen wird mit margin-right zu arbeiten, dann ist der Kranz aber immer ganz links. Da habe ich wohl was falsch gemacht.

lg Dirk

[distanzcheck]

Und noch eine Frage, wo kann ich die Farbe des Forums Namens und der Bescheibung im Advent und Chrismas Style ändern ?

[distanzcheck]

Bekam gerade von einem User die Mitteilung über FB das bei Ihm das Forum wie im Bild aussieht.
Was läuft da falsch ? Bei mir und auch vielen anderen sieht es normal aus.

lg Dirk

http://www.distanzcheck.de/Maike.jpg

[waldkatze]

@distanzcheck

zu: Farbe Forumname.
Die Farben des Forumnamens etc. können mit dieser Extension nicht geändert werden.
Die Farben auf meiner Seite sind eine eigene nicht veröffentlichte Erweiterung von mir.

zu: http://www.distanzcheck.de/Maike.jpg

Da muss ich erst mal testen an was das liegen könnte. Das Problem ist bisher nicht aufgetaucht.
Verwendest du mehrere Styles in deinem Forum ?

[distanzcheck]

Habe mittlerweile 2 User beide mit IOS und Safari
Habe nur den Prosilver

[distanzcheck]

Heute hat sich noch eine weitere Userin gemdeldet die siese Ansicht hat.

[ externes Bild ]

Sie schribe dazu
"Moin Dirk,
seit dem hübschen x-mas Design habe ich eine Miniaturansicht auf dem Bildschirm des Acer Pads /Windows 8/ Browser Opera (siehe Anlage) . Bis dahin mit Gerät / Browser keine Probleme, tritt nur bei "Deiner Seite" seit x-mas Design auf."

Eine Idee wie man das weg bekommt ?

lg DIrk

[distanzcheck]

Super. Ja habe ich gesehen.
Habe mal versucht, weil es auf anderen Bildschirmauflösungen ja wohl anders aussehen wird mit margin-right zu arbeiten, dann ist der Kranz aber immer ganz links. Da habe ich wohl was falsch gemacht.

lg Dirk

Kannst dazu noch was sagen, weil mit anderer Bildschirmauflösung ist der Adventkrank wieder ganz woanders
lg Dirk

[Scanialady]

kann man da wegen der unterschiedlich möglichen Auflösungen und variabler Stylebreiten nicht mit Prozentangaben arbeiten? - also meinethalben 15% vom linken Rand, 15% vom rechten Rand, so beispielsweise?

[Melmac]

kann man da wegen der unterschiedlich möglichen Auflösungen und variabler Stylebreiten nicht mit Prozentangaben arbeiten?

Das wird auch nicht funktionieren - aus den gleichen Gründen
Mit "reinem" CSS alleine wird dies kaum machbar sein.

Dieser Kranz soll doch innerhalb der headerbar angezeigt werden?
Nur mal laut gedacht:

Man könnte dann doch für den dieses Element betreffenden Code in ein eigenes Event "auslagern", das innerhalb der headerbar liegt - in diesem Fall in das einzige, das hierfür infragekäme: overall_header_searchbox_before.
Damit entfällt das mühsame absolute Platzieren auf der Seite(nbreite) mittels margins etc., das sich kaum sinnvoll/mit vertretbarem Aufwand für unterschiedliche Auflösungen definieren lässt.

Ganz grob nur angedacht und angetestet:

1. neues File im Eventordner anlegen => overall_header_searchbox_before.html
2. in dieses den relevanten Code aus dem ursprünglichen File reinkopieren

   Code: Alles auswählen

   <!-- IF ESS_ENABLE -->
   
   <!-- IF ESS_ADVENT_ENABLE -->
   <!-- IF (ESS_TESTMODE and U_ACP) or not ESS_TESTMODE -->
   <div id="center-advent" class="responsive-hide"></div> 
   <!-- ENDIF -->
   <!-- ENDIF -->
   
   <!-- ENDIF -->

3. aus der overall_header_body_before.html entfernen:

   Code: Alles auswählen

   <div id="center-advent" class="responsive-hide"></div> 

Es müsste dann noch die advent.css entsprechend angepasst werden, was aber letztendlich leichter sein sollte, da es "nur" noch um die Positionierung innerhalb des headerbar Containers geht. Die reale Seitebreite ist dann erst einmal ein nachgeordnetes Problem.