Photo Station CSS-Benutzeranpassung: Unterschied zwischen den Versionen

Aus
(Photo Station CSS-Benutzeranpassung)
 
 
(8 dazwischenliegende Versionen von 3 Benutzern werden nicht angezeigt)
Zeile 13: Zeile 13:




* '''Möchte man mehrere Felder anpassen, trennt man diese durch einen Beistrich und fügt am Ende für alle geltend einmal {display:none;} ein'''
* '''Möchte man mehrere Felder verstecken, trennt man diese durch ein Komma und fügt am Ende für alle geltend einmal {display:none;} ein'''
**Als Beispiel:''.icon-map, .comment-header {display:none;}''
**Als Beispiel:''.icon-map, .comment-header {display:none;}''
   
   
Zeile 26: Zeile 26:


*'''.icon-map'''                     
*'''.icon-map'''                     
**Verstecken des Map Buttons [[Datei:Map.jpg|right|100px|caption]]
**Verstecken des Map Buttons [[Datei:Map.jpg|right|50px|caption]]




*'''.comment-header'''               
*'''.comment-header'''               
**Verstecken des Kommentar + Buttons [[Datei:header.jpg|right|100px|caption]]
**Verstecken des Kommentar Buttons [[Datei:header.jpg|right|100px|caption]]
 
 
*'''.syno-header-logo'''           
**Verstecken des Photostation Headers [[Datei:header_logo.jpg|right|150px|caption]]
 
 
 
*'''.syno-footer-info'''           
**Verstecken des Photostation Footers inkl. RSS Button [[Datei:footer.jpg|right|150px|caption]]
 




*'''.photo-comment-content'''         
*'''.photo-comment-content'''         
**Verstecken des Kommentartextes [[Datei:Kommentar inhalt.jpg|right|100px|caption]]  
**Verstecken des Kommentartextes [[Datei:Kommentar inhalt.jpg|right|300px|caption]]  
 
 
 
 
 
 
 
 




*'''.photo-title'''                   
*'''.photo-title'''                   
**Verstecken des Fototitels [[Datei:Titel.jpg|right|100px|caption]]
**Verstecken des Fototitels [[Datei:Titel.jpg|right|300px|caption]]




*'''.syno-footer-info'''            
 
**Verstecken des Photostation Footers inkl. RSS Button [[Datei:footer.jpg|right|100px|caption]]
 
 
 
 
 
 
 
 
*'''.photo-main-desc'''
**Verstecken der Seitenbeschreibung in der Albumansicht
 
*'''.album-state'''
**Verstecken der Anzeige "x Elemente x Treffer" am unteren Ende der Seite der Albumansicht
 
*'''.thumb-slider'''
** Verstecken der Bildgrößenwahl in der oberen rechten Ecke der Albumansicht
 
*'''.icon-edit'''
**Verstecken des Buttons "Bearbeiten" zur Auswahl eines Online-Bildbearbeitungsprogramms.
 
*'''.icon-information'''
**Verstecken des Buttons Informationen zur Anzeige der Bildinformationen.

Aktuelle Version vom 22. Februar 2013, 08:55 Uhr

Als neues Feature zur Photo Station 5 (seit DSM 3.2 verfügbar) kann man über CSS Befehle diverse Felder/Buttons verstecken.

So kann die Photo Station an eigene Bedürfnisse angepasst werden.


Sofern man als admin angemeldet ist, findet man diese Funktion unter 'Thema -> CSS-Benutzeranpassung'


Grundsätzlich gilt hier:


  • Feld-/Buttonname gefolgt von {display:none;} um ein Feld / einen Button zu verstecken


  • Möchte man mehrere Felder verstecken, trennt man diese durch ein Komma und fügt am Ende für alle geltend einmal {display:none;} ein
    • Als Beispiel:.icon-map, .comment-header {display:none;}




Hier nun einige mögliche Anpassungen:

  • .icon-map
    • Verstecken des Map Buttons
      Fehler beim Erstellen des Vorschaubildes: Datei fehlt


  • .comment-header
    • Verstecken des Kommentar Buttons
      Fehler beim Erstellen des Vorschaubildes: Datei fehlt


  • .syno-header-logo
    • Verstecken des Photostation Headers
      Fehler beim Erstellen des Vorschaubildes: Datei fehlt


  • .syno-footer-info
    • Verstecken des Photostation Footers inkl. RSS Button
      Fehler beim Erstellen des Vorschaubildes: Datei fehlt


  • .photo-comment-content
    • Verstecken des Kommentartextes
      Fehler beim Erstellen des Vorschaubildes: Datei fehlt






  • .photo-title
    • Verstecken des Fototitels
      Fehler beim Erstellen des Vorschaubildes: Datei fehlt






  • .photo-main-desc
    • Verstecken der Seitenbeschreibung in der Albumansicht
  • .album-state
    • Verstecken der Anzeige "x Elemente x Treffer" am unteren Ende der Seite der Albumansicht
  • .thumb-slider
    • Verstecken der Bildgrößenwahl in der oberen rechten Ecke der Albumansicht
  • .icon-edit
    • Verstecken des Buttons "Bearbeiten" zur Auswahl eines Online-Bildbearbeitungsprogramms.
  • .icon-information
    • Verstecken des Buttons Informationen zur Anzeige der Bildinformationen.