CSS-Referenz: Unterschied zwischen den Versionen

Aus DynPG-Wiki
Wechseln zu: Navigation, Suche
(CSS-Referenz überarbeitet)
K
 
(2 dazwischenliegende Versionen des gleichen Benutzers werden nicht angezeigt)
Zeile 1: Zeile 1:
−
[[Kategorie:Integration in eine Webseite]]
+
[[Kategorie:Referenzen]]
 
In diesem Artikel finden Sie eine Übersicht aller von DynPG bei der Ausgabe erstellten CSS-Klassen. Sofern nicht anders vermerkt, handelt es sich bei den Bezeichnern immer um CSS-Klassen (und nicht um eindeutige Identifier).
 
In diesem Artikel finden Sie eine Übersicht aller von DynPG bei der Ausgabe erstellten CSS-Klassen. Sofern nicht anders vermerkt, handelt es sich bei den Bezeichnern immer um CSS-Klassen (und nicht um eindeutige Identifier).
  
Zeile 174: Zeile 174:
  
 
|-
 
|-
−
| <tt>dynpg_A"</tt>
+
| <tt>dynpg_A</tt>
 
| <tt>div</tt>
 
| <tt>div</tt>
 
| Container-Element das die gesamte Artikel-Detailansicht umschließt
 
| Container-Element das die gesamte Artikel-Detailansicht umschließt
Zeile 365: Zeile 365:
 
|}
 
|}
  
−
[[Image:Note.png]] ''Hinweis:'' Die Ausgabe der Sucherergebnisse erfolgt in einer normalen Artikelliste mit den entsprechenden CSS-Klassen.
+
{{Note
 +
|Die Ausgabe der Sucherergebnisse erfolgt in einer Artikelliste mit den entsprechend für die Suche benannten [[CSS#Klassen- und Identifiernamen finden|CSS-Klassen]]}}

Aktuelle Version vom 12. Januar 2012, 17:13 Uhr

In diesem Artikel finden Sie eine Übersicht aller von DynPG bei der Ausgabe erstellten CSS-Klassen. Sofern nicht anders vermerkt, handelt es sich bei den Bezeichnern immer um CSS-Klassen (und nicht um eindeutige Identifier).

Gruppenlisten-Ansicht

CSS-Bezeichner - Gruppenlisten-Ansicht
Name
Typ
Beschreibung
dynpg_AG div Container-Element das die gesamte Gruppenliste umschließt
dynpg_AG_breadcrumb_navi div "Brotkrümel"-Navigation
dynpg_AG_breadcrumb_pages div Die Navigation mit der man auf die nächste Seite springen kann (wenn die Gruppenliste groß ist wird sie auf mehrere Seiten aufgeteilt) .
dynpg_AG_row_Table table Enthält die Gruppenliste
dynpg_AG_row_Main tr Eine Zeile der Gruppenliste
dynpg_AG_row_Main_Col_01 td Enthält dynpg_AG_row_Headtext und dynpg_AG_row_Description
dynpg_AG_row_Headtext p Enthält den Link zur Gruppe
dynpg_AG_row_Description p Beschreibungstext der Gruppe
dynpg_AG_row_Main_Col_02 td Enthält Erstelldatum der Gruppe
dynpg_AG_row_Main_Col_03 td Enthält Anzahl der Zugriffe auf diese Gruppe (sofern die Option im Backend für die Gruppe aktiviert wurde)

Artikellisten-Ansicht

CSS-Bezeichner - Artikellisten-Ansicht
Name
Typ
Beschreibung
dynpg_AA div Container-Element das die gesamte Artikelliste umschließt
dynpg_AA_breadcrumb_navi div "Brotkrümel"-Navigation
dynpg_AA_breadcrumb_pages div Die Navigation mit der man auf die nächste Seite springen kann. (Wenn die Artikelliste groß ist wird sie auf mehrere Seiten aufgeteilt)
dynpg_AA_row_Table table Enthält die Artikelliste
dynpg_AA_row_MainA tr Zeile mit ungerader Zeilennummer (1, 3, 5, ...)
dynpg_AA_row_Main_Col_01A td enthält dynpg_AA_row_HeadtextA und dynpg_AA_row_DescriptionA
dynpg_AA_row_HeadtextA p Enthält den Link zum Artikel (ungerade Zeile)
dynpg_AA_row_DescriptionA div Lead-Text des Artikels (ungerade Zeile)
dynpg_AA_row_Main_Col_02A td Enthält Erstelldatum des Artikels (ungerade Zeile, sofern die Option im Backend für den Artikel aktiviert wurde)
dynpg_AA_row_Main_Col_03A td Enthält Anzahl der Zugriffe auf diesen Artikel (ungerade Zeile, sofern die Option im Backend für den Artikel aktiviert wurde)
dynpg_AA_row_MainB tr Zeile mit gerader Zeilennummer (2, 4, 6, ...)
dynpg_AA_row_Main_Col_01B td enthält dynpg_AA_row_HeadtextB und dynpg_AA_row_DescriptionB
dynpg_AA_row_HeadtextB p Enthält den Link zum Artikel (gerade Zeile)
dynpg_AA_row_DescriptionB div Lead-Text des Artikels (gerade Zeile)
dynpg_AA_row_Main_Col_02B td Enthält Erstelldatum des Artikels (gerade Zeile, sofern die Option im Backend für den Artikel aktiviert wurde)
dynpg_AA_row_Main_Col_03B td Enthält Anzahl der Zugriffe auf diesen Artikel (gerade Zeile, sofern die Option im Backend für den Artikel aktiviert wurde)
dynpg_AA_btnprint div Enthält Drucken-Button

Artikel-Detailansicht

CSS-Bezeichner - Artikel-Detailansicht
Name
Typ
Beschreibung
dynpg_A div Container-Element das die gesamte Artikel-Detailansicht umschließt
dynpg_A_breadcrumb div "Brotkrümel"-Navigation
dynpg_A_header div der Kopf des Artikels (enthält Titel, Lead-Text und Erstelldatum)
dynpg_A_header_text p Titel des Artikels
dynpg_A_header_lead div Lead-Text des Artikels
dynpg_A_header_date p Erstelldatum des Artikels
dynpg_A_content div Umschließt den Inhaltstext des Artikels
dynpg_A_btntwitter div Twitter-Linkbutton
dynpg_A_btnfacebook div Facebook-Linkbutton
dynpg_A_btnpdf div Artikel-zu-PDF Link
dynpg_A_btnrecommend div Weiterempfehlen-Button
dynpg_A_btnlink div Link-Button
dynpg_A_btnprint div Drucken-Button
dynpg_A_more div "Mehr"-Link mit dem der Rest des Artikels angezeigt wird

Artikel-Druckansicht

CSS-Bezeichner - Artikel-Druckansicht
Name
Typ
Beschreibung
dynpg_P div Container-Element das die gesamte Artikel-Detaildruckansicht umschließt
dynpg_P_breadcrumb div "Brotkrümel"-Navigation
dynpg_P_header div der Kopf des Artikels (enthält Titel, Lead-Text und Erstelldatum)
dynpg_P_header_text p Titel des Artikels
dynpg_P_header_lead div Lead-Text des Artikels
dynpg_P_header_date p Erstelldatum des Artikels
dynpg_P_content div Umschließt den Inhaltstext des Artikels

Home-Ansicht

CSS-Bezeichner - Home-Ansicht
Name
Typ
Beschreibung
dynpg_H div Container-Element das die gesamte Home-Ansicht umschließt
dynpg_H_parentgroup div Entält den Namen der Gruppe, die in der Home-Ansicht angezeigt wird
dynpg_H_header div der Kopf des Artikels (enthält Titel, Lead-Text und Erstelldatum)
dynpg_H_header_text p Titel des Artikels
dynpg_H_header_lead div Lead-Text des Artikels
dynpg_H_header_date p Erstelldatum des Artikels
dynpg_H_content div Umschließt den Inhaltstext des Artikels
dynpg_H_more div "Mehr"-Link mit dem der Rest des Artikels angezeigt wird

Suchformular

CSS-Bezeichner - Suchformular
Name
Typ
Beschreibung
DynPG_General_Search form Suchformular
dynpg_search_query input Eingabefeld des Suchformulars
dynpg_search_submit input (ID) "Suchen"-Button des Eingabefelds
Note.png Bemerkung: Die Ausgabe der Sucherergebnisse erfolgt in einer Artikelliste mit den entsprechend für die Suche benannten CSS-Klassen
Von „http://wiki-de.dynpg.org/wiki_de/index.php?title=CSS-Referenz&oldid=3561“