Core CSS ID und Klassen

Moderator: General Support Moderators

Forum rules
Forumregeln
Locked
User avatar
artd2
Joomla! Intern
Joomla! Intern
Posts: 53
Joined: Thu Sep 15, 2005 10:34 am
Location: Bern -Switzerland
Contact:

Core CSS ID und Klassen

Post by artd2 » Tue May 15, 2007 7:48 pm

Hallo Zusammen

Ich habe für meine Kurse mal ein template_css.css der 1.0.12er dokumentiert und möchte dies nun Euch zur Verfügung stellen. Feedback ist erwünscht? Hab ich Sie alle? Achtung: Dies sind nur die Joomla! Spezifischen ID und Classes...

Code: Select all

/*
***********************************************************
***********JOOMLA ALL IN ONE CORE ID's n CLASSES***********
************copyright*by*http://joomlakurse.ch*************
*********************Template*Kurs*2007********************
****************************************************v*1****
*/

/* Menu 
---------------------------------------------------------------------------------*/
#active_menu{}								/* Ausgewählter, aktiver Menueintrag */
.mainlevel {}								/* Menueinträge */
.sublevel {}								/* Menueinträge auf der zweiten Ebene /*


/* Login
---------------------------------------------------------------------------------*/
#mod_login_password{}						/* Passworteingabe */
#mod_login_remember{}						/* Erinnerungsfunktion */
#mod_login_username{}						/* Benutzernameeingabe */


/* Kontaktformular
---------------------------------------------------------------------------------*/
.contact_email {}							/* Umgebendes DIV des Kontaktformulars */
#emailForm{}								/* ID des Kontaktformulars */
#contact_email_copy{}						/* Checkbox um eine Kopie des Emails zu erhalten */
#contact_text{}								/* Eingabefeld der Nachricht */


/* Suche und Suchergebnisse
---------------------------------------------------------------------------------*/
.search {}									/* DIV, dass die Suchkomponente umgibt */
.searchintro {}								/* Text der Suchergebnisanzeige: "Es wurden XX gefunden" */
#search_ordering{}							/* Dropdownmenu der Resultateansicht in der Suchkomponente */
#search_searchword{}						/* Eingabefeld der Suchmaske, input */
#searchphraseall{}							/* Radiobutton Suchmaske "Irgendein Wort"  */
#searchphraseany{}							/* Radiobutton Suchmaske "Alle Wörter"  */
#searchphraseexact{}						/* Radiobutton Suchmaske "Exakter Ausdruck"  */


/* Buttons
---------------------------------------------------------------------------------*/
.button{}									/* Knöpfe generell */
.back_button {}								/* Zurück-Knopf */
.buttonheading{}							/* PDF-, PRINT- und Email-Button; Tabellenzeile */
.blog_more {}								/* "weiter"-Anzeige unterhalb einer Blogansicht */ 
.blogsection{}								/* Links zu weiteren Items in der Blog-Ansicht, in der Regel am Seitenende */
.readon {}									/* weiterlesen bzw. readmorebutton */


/* Blog Ansicht
---------------------------------------------------------------------------------*/
.blog {}									/* Tabelle der Blog-Ansicht */ 
.article_seperator {}						/* Trennt Artikel in der Blog Ansicht */


/* Listenansicht, Tabellenansicht
---------------------------------------------------------------------------------*/
.category {}								/* Links zu Kategorien in der Listenansicht einer Section */
.sectionentry1 {}							/* Ungerade Tabellenzeilen in der Listenansicht */ 
.sectionentry2 {}							/* Gerade Tabellenzeilen in der Listenansicht */ 
.sectionheader {}							/* Überschrift in der Listenansicht */


/* Mainbody Bereich 
----------------------------------------------------------------------------------*/
.pathway {}									/* Span und Links der Breadcrumbs */
.componentheading {}						/* Titel einer Komponente */
.content_rating {}							/* Anzeige, wie ein Beitrag bewertet wurde */
.content_vote {}							/* Ratingskala in der Bewertungsfunktion, span */
.contentdescription {}						/* Tabellenzeile mit Beschreibungstext für Kategorien, Sektionen */
.contentheading {}							/* Tabellenzeile mit Seitenüberschrift */
.contentpagetitle {}						/* Seitentitel */
.contentpane {}								/* Tabelle, die den Inhalt einer Komponente umgibt (leider kein DIV) */
.contentpaneopen {}							/* Tabelle, die den Inhalt eines Artikels umgibt (leider kein DIV) */


/* Itemansicht
----------------------------------------------------------------------------------*/
.createdate {}								/* Erstelldatum eines Beitrages */
.modifydate {}								/* Änderungsdatum des Beitrages */
.createdate {}								/* Erstelldatum eines Beitrages */
.small {}									/* kleinerer Text wie z.b. beim Autor eines Items */


/* Inhaltsverzeichnis bei einem Item mittels {mospagebreaks}
----------------------------------------------------------------------------------*/
.contenttoc {}								/* Inhaltverzeichnis bei {mospagebreaks} */
.toclink {}									/* links im Inhaltverzeichnis bei {mospagebreaks} */
.pagenavbar {}								/* Seitennavigation innerhalb eines Artikels bei der Verwendung von {mospagebreak} */
.pagenavcounter {}							/* Zeigt "Seite X von Y" an innerhalb eines Artikels bei der Verwendung von {mospagebreak} */


/* Pagination bei mehreren Seiten
----------------------------------------------------------------------------------*/
.pagenav {}									/* Definiert die Seitennavigation << Start < Prev 1 Next > End >> am Ende einer Sektionsliste, span */
.pagenav_prev, .pagenav_next {}				/* Seitennavigation innerhalb einer Kategorie, TH */


/* Module
----------------------------------------------------------------------------------*/

/* "Populär" und "letzte News" */
.moduletable {}								/* Tabelle, die ein Modul umgibt */
.mostread {}								/* Populäre Items */
.latestnews {}								/* letzte Items */

/* Umfrage und Umfrageresultate */
#poll{}										/* DIV das Umfrageresultate ausgibt */
.polls {}									/* Tabelle im Umfragemodul */
.pollstableborder {}						/* Tabelle innerhalb der Umfragetabelle */
.smalldark {}								/* Poll Komponente's Resultate Ansicht Anzahl Votings etc.  */
#voteid1,#voteid2, ... {}					/* Radiobuttons der Auswahlmöglichkeiten einer Umfrage */

/* RSS Modul */
.syndicate {}								/* Anzeige der RSS Feed-Typen, meistens Grafiken */
.syndicate_text {}							/* Titel im RSS Feed Modul */

.weblinks {}								/* Links im der Weblinkkomponente */

/* Wrapper */
.wrapper {}									/* Eingebundene Seiten via Wrapper */
#blockrandom{}								/* Inline Element des Wrappers iframe*/


/*
***********TEMPLATE*KURS*2007*****************************
************copyright*by*http://joomlakurse.ch************
*/
Vielleicht hilft dies ja dem einen oder andern
Liebe Grüsse
art2
Mit besten Grüssen
artd
http://www.artd.ch

User avatar
hello
Joomla! Explorer
Joomla! Explorer
Posts: 424
Joined: Sat Aug 20, 2005 7:57 am

Re: Core CSS ID und Klassen

Post by hello » Wed May 16, 2007 5:00 am

Na, das ist doch mal wieder was Positives. Danke!

Striker53
Joomla! Apprentice
Joomla! Apprentice
Posts: 6
Joined: Thu May 24, 2007 12:25 pm

Re: Core CSS ID und Klassen

Post by Striker53 » Thu May 24, 2007 4:44 pm

Hey, das ist klasse! Ich habe mich zwar schon vorher mit der CSS Datei von Joomla! beschäftigt aber ich konnte die Bedeutungen nur schwer erraten. Ich habe schon angefangen auszusprobieren...aber das dauert ewig  :-\ Die Dokumentation ist wirklich klasse, danke!

User avatar
StephanK
Joomla! Explorer
Joomla! Explorer
Posts: 292
Joined: Fri Aug 19, 2005 2:10 pm
Location: Germany - Eppelheim
Contact:

Re: Core CSS ID und Klassen

Post by StephanK » Thu May 24, 2007 10:21 pm

Ich finde die Zusammenstellung auch sehr nützlich, sollte aber jemand mal bei der Suche nach einer bestimmten Klasse/ID verzweifeln kann ich nur wärmstens die Firefox-Erweiterung Firebugempfehlen.
Damit lassen sich nicht nur Javascript Fehler auffinden sondern eben auch per Maus die Klassen/ID´s ausfindig machen. Ganz nebenbei kann man gleich mal nebenbei Änderungen durchführen und sofort deren Auswirkungen sehen.

Das Tool ist einfach Spitze  ;D
Last edited by StephanK on Thu May 24, 2007 10:23 pm, edited 1 time in total.

User avatar
artd2
Joomla! Intern
Joomla! Intern
Posts: 53
Joined: Thu Sep 15, 2005 10:34 am
Location: Bern -Switzerland
Contact:

Re: Core CSS ID und Klassen

Post by artd2 » Fri Jun 15, 2007 10:03 am

und die web developper extension....

http://chrispederick.com/work/web-developer/


Gruss
artd2
Mit besten Grüssen
artd
http://www.artd.ch

User avatar
cherchri
Joomla! Enthusiast
Joomla! Enthusiast
Posts: 175
Joined: Wed Aug 31, 2005 7:17 pm
Location: Austria

Re: Core CSS ID und Klassen

Post by cherchri » Tue Jul 17, 2007 7:08 am

Hallo!
Auch wenn das Thema schon 30 Tage still liegt, komm ich jetzt erst dazu, "Danke" zu sagen. Eine ähnliche Zusammenstellung kenn ich noch aus "Mambo" Zeiten (rip!), aber damals war das nicht so übersichtlich und sauber nach Ansichten (output Arten) und Themen aufgereit.

Für'n "Danke" sollte es wohl nie zu spät sein.  ;)
cherchri
der mensch lebt nicht vom brot allein


Locked

Return to “Template, CSS und Designfragen 1.0.x”