Internet Forum / Hilfen für Einsteiger in HPM Foren

PhpBB Template

Änderung/Positionierung von Icons

 von BOo°m , 08.07.2009 22:25

Standard-Icons die Informationen über den Status des dazugehörigen Teils des Forums geben - die Information ist Benutzergruppenabhängig.

Forenübersicht:
Gelesen: ...........forum_read.gif

Ungelesen: ..........forum_unread.gif



Forenansicht (Themen):
Sticky-gelesen: .............sticky_read.gif

Sticky-ungelesen: ............sticky_unread.gif

Sticky-Gelesen-Verschlossen: .............sticky_read_locked.gif

Sticky-Ungelesen-Verschlossen: ............sticky_unread_locked.gif

Ungelesen: ............topic_unread.gif

Ungelesen-Hot: ............topic_unread_hot.gif

Gelesen: ............topic_read.gif

Gelesen-Hot: ............topic_read_hot.gif

Gelesen-Verschlossen: ............topic_read_locked.gif

Ungelesen-Verschlossen: ............topic_unread_locked.gif



Unterforen (dritte Ebene):
Gelesen: ............forum_read_subforum.gif

Ungelesen: .............forum_unread_subforum.gif



Wenn ich richtig gezählt habe gibt es 14 solcher Statusicons die anzupassen wären wenn man diese mit eigenen Grafiken ersetzen möchte.

Es gibt im Adminbereich bei den Grafiken eine Einstellungsmöglichkeit den kompletten Ordner zu ändern in dem solche Grafiken dann gespeichert sind. Man hätte somit die Möglichkeit sich selber einen Ordner auf einem Webserver zu definieren und dort jeweils passende Grafiken mit gleicher Namensgebung zu hinterlegen. Ein großer Vorteil es so zu machen wäre die Unabhängigkeit direkt ins Template oder die CSS eingreifen zu müssen, der Nachteil - man muss einen eigenen Webserver haben.


Soweit ich es bisher erkennen konnte werden diese Icons direkt im Template definiert, bei selbst kreierten sollte die Größe im Auge behalten werden.

Die Positionierung der Icons erfolgt über CSS - eine sichere Möglichkeit diese zu bearbeiten wird hier vorgestellt: Gezielte und sichere Farbanpassungen mit eigener CSS

/* Forum list column styles */

dl.icon {
min-height: 35px;
background-position: 10px 50%; /* Position of folder icon */
background-repeat: no-repeat;
}


Speziell background-position ist für die Positionierung interessant: 10px - ist der Abstand vom linken Rand in der Zelle gemessen in Pixeln. 50% - sorgt in für die vertikale Zentrierung; beim spielen mit den Werten wird schnell klar welcher Wert optimal ist.


BOo°m
Administrator
Beiträge: 1.991
Registriert am: 27.11.2005

Themen Überblick

Betreff Absender Datum
Änderung/Positionierung von Icons BOo°m 08.07.2009
RE: Änderung/Positionierung von Icons BOo°m 09.07.2009
 





Powered by Forum Hosting  
Xobor Forum Software von Xobor
Einfach ein eigenes Forum erstellen
Datenschutz