QR-Code dieser Seite

Open Search - Einbindung von time4joomla in das Suchenfeld des Browsers - und so funktioniert es: Open Search
Eine Liste der verwendeten Erweiterungen findet sich im Impressum

Aktuelle Seite: Startseite Joomla 2.5 Templates 2.5 CSS-Klassen in Joomla!2.5 - Die 'template.css'

Meine Bücher im Überblick bei Amazon

 

Langjährige Erfahrung als Dozent zu verschiedenen Themen.
Ich komme zu Ihnen in die Firma oder organisiere Räume vor Ort. Dazu steht mir ein Netzwerk aus vielen Jahren Tätigkeit als freier Dozent zur Verfügung.
Weitere Informationen, sowie Referenzen finden Sie auf der Firmenseite time4mambo

  • MS-Excel
    2003 / 2007/ 2010
  • MS-Project
    2003 / 2007
  • MS-Word
    2003 / 2007 / 2010
  • MS-PowerPoint 2010
  • Joomla! 1.5 / 2.5
  • Körpersprache für Präsentation und zur verkaufsfördernen Motivation

  • Weitere Themen auf Anfrage

Interesse? Lust? Zeit? Dann freue ich mich über eine eMail oder Anruf.
Kontaktdaten im Impressum

Immer informiert, was es Neues bei time4joomla und time4mambo gibt. Der Newsletter muss noch bestätigt werden, um Mißbrauch auszuschließen und kann jederzeit wieder abbestellt werden.

CSS-Klassen in Joomla!2.5 - Die 'template.css'

Teile meine Beiträge in deinem sozialen Netzwerk
FaceBook  Twitter  

Diese Datei steht - zusammen mit der index.php und der templateDetails.xml - im Downloadcenter auf time4mambo zur Verfügung

 

Es handelt sich hierbei um die grundsätzlichen CSS-Klassen und -IDs, die Joomla benutzt. Ich habe nach besten Wissen gearbeitet und überprüft - aber es ist nicht auszuschließen, dass ich etwas übersehen habe.

 

/**
* ---------------------------------------------------------------------------
* Eine kommentierte CSS-Datei für Joomla!1.6
* Es handelt sich dabei um alle möglichen Klassen oder IDs,
* die innerhalb von Joomla vorkommen koennen.
* ---------------------------------------------------------------------------
* Zusammengestellt von:
* Axel Tueting
* http://www.time4mambo.de
* tueting@time4mambo.de
* ---------------------------------------------------------------------------
* Juni 2011
*
*
*/



/**
*
* Beitrag
*
*/

.item-page {

}

/* Mit eigener 'Seitenklasse' */

/* Mit Bindestrich */
.item-page[-meineSeitenklasse] {

}

/* Als Klasse (also mit einem Leerzeichen am Beginn der 'Seitenklasse) */
.item-page.[meineSeitenklasse] {

}

/* Beitragsueberschrift */
h2 {

}

/* Leiste in der rechts das Druck-Icon, etc. steht */
ul.actions {

}

li.print-icon {

}

li.email-icon {

}

/* Beitragsbewertung */
.content_rating {

}

content_vote {

}

.content_vote input {

}

.content_vote input.button {

}

/* Beitragsinfo */
dl.article-info {

}

dd.category-name {

}

dd.create {

}

dd.modified {

}

dd.published {

}

dd.createdby {

}

dd.hits {

}

/* Beitragsblog */

.blog {

}

.blog h2 {

}

.subheading-category {

}

.category-desc {

}

.items-leading {

}

.leading-0 {

}

.item column-1 {

}

.items-row {

}

.cols-2 {

}

.row_0 {

}

.row-seperator {

}


/**
*
* Beitragsliste
*
*/

.category-list {

}

.display-limit {

}

select#limit {

}

.cat-items {

}

form#adminForm {

}

table.category {

}

th#tableOrdering {

}

th#tableOrdering2 {

}

th#tableOrdering3 {

}
th#tableOrdering4 {

}

td.list-title {

}

tr.cat-list-row0 {

}

tr.cat-list-row1 {

}

td.createdby {

}

td.list-hits {

}

.cat-children {

}

.cat-children h3 {

}

.cat-items {

}

li.first {

}

li.first span.item-title {

}

li.first span.item-title a {

}

li.last {

}

li.last span.item-title {

}

li.last span.item-title a {

}


/**
*
* Kategorienliste
*
*/

.categories-list {

}

li.first {

}

.categories-list li.first {

}

.categories-list li.last {

}

.categories-list span.item-title {

}

.categories-list dl.article-count {

}

/* Text: Beitragsanzahl */
dl.article-count dt {

}

/* Anzahl der Beitraege */
dl.article-count dd {

}
 
/**
*
* Seitennavigation
* "Weiter - Zurück"-Buttons am Seitenende
*  Die eingesetzten Formatierungen bringen die Buttons beispielsweise nebeneinander
*/
div.pagination {

}
div.pagination ul {
  list-style: none;
}


div.pagination ul li {
  float: left;
  padding: 0 10px;
}


div.pagination ul li a {
 
 }

div.pagination ul li a:link {

}



div.pagination ul li a:hover{
 
 }



/**
*
*Menue
*
*/

ul.menu {

}

/* Alle Menueverweise */
ul.menu li a:link {

}

ul.menu li a:hover {

}

ul.menu li a:visited {

}

ul.menu li.active {

}

ul.menu li.current {

}

ul.menu li.current.active {

}

/*
* Einzelner Menueverweise
* ---------------------------------------------------------------------------
* in [MenuID] muss die MenuID vom Backend rein.
* Also in der Menueuebersicht ganz rechts die ID auslesen und dann hier eingeben. 
* So koennen einzelne Menuepunkte direkt angesprochen werden.
* ---------------------------------------------------------------------------
* Beispiel: 
* li#item-101 {...} 
*
*/

li#item-[MenuID] {

}

li#item-101.active {

}

li#item-101.current {

}

li#item-101.current.active {

}

/* Wenn ein Icon im Menueverweis angezeigt wird */
li#item-101 a img {

}

li#item-101 a span.image-title {

}

/* Hauptverweis bei Untermenues */
li#item-101.parent {

}

/* Individuelles Menue-Modul mit dem 'Menu Tag ID' vom Backend */
ul#[meineMenuTagID] {

}

ul#[meineMenuTagID].menu {

}

/* Eigener 'Link CSS Style' im Backend gesetzt */
a.[MeinLinkCSSStyle] {

}


/**
*
* pathway - breadcrumbs 
*
*/

.breadcrumbs {

}

.breadcrumbs img {

}

a.pathway {

}


/**
*
* Module
*
*/

.moduletable {

}
.moduletable h3 {

}

/* Individuelles Modul mit der 'Modulklassensuffix' */

/* Mit Bindestrich: */
.moduletable-[MeineSuffix] {

}

/* Als Klasse (also mit einem Leerzeichen zu Beginn in der Modulklassensuffix) */
.moduletable.[MeineSuffix] {

}

Einen Kommentar verfassen

0 Zeichen Beschränkung
Dein Text sollte mehr als 5 Zeichen lang sein
Nutzungsbedingungen.

Kommentare (2)

  • (Moglie)

    kommen von den class nicht noch einige dazu? und wenn ja welche? dachte ich steuer mal ein paar dazu.. ok ein paar können doppelt sein, und ein paar gehören vieleicht nicht mehr zu Joomla! 1.7 - doch welche?<br />lieben gruß mo<br /><br />/* JOOMLA SPECIFIC CSS CODE */<br /><br />.article_separator{<br /><br />}<br />.adminform{<br /><br />}<br />.author{<br /><br />}<br />.bannerfooter{<br /><br />}<br />.bannergroup{<br /><br />}<br />.bannerheader{<br /><br />}<br />.banneritem{<br /><br />}<br />.blog{<br /><br />}<br />.blog_more{<br /><br />}<br />.blogsection{<br /><br />}<br />.breadcrumbs{<br /><br />}<br />.button{<br /><br />}<br />.buttonheading{<br /><br />}<br />.clr{<br /> clear:both<br />}<br />.componentheading, .contentheading{<br /><br />}<br />.content_email{<br /><br />}<br />.content_rating{<br /><br />}<br />.content_vote{<br /><br />}<br />.contentdecription{<br /><br />}<br />.contentpagetitle{<br /><br />}<br />.contentpane{<br /><br />}<br />.contentpaneopen{<br /><br />}<br />.contenttoc{<br /><br />}<br />.createdate{<br /><br />}<br />.created-date{<br /><br />}<br />.date{<br /><br />}<br />.input{<br /><br />}<br />.inputbox{<br /><br />}<br />.intro{<br /><br />}<br />.latestnews{<br /><br />}<br />.loclink{<br /><br />}<br />a.mainlevel:link, a.mainlevel:active, a.mainlevel:visited{<br /><br />}<br />a.mainlevel:hover{<br /><br />}<br />.message{<br /><br />}<br />.metadata{<br /><br />}<br />.modifydate{<br /><br />}<br />.module{<br /><br />}<br />.moduletable{<br /><br />}<br />.mosimage{<br /><br />}<br />.mosimage_caption{<br /><br />}<br />.mostread{<br /><br />}<br />.newsfeed{<br /><br />}<br />.outline{<br /><br />}<br />.pagenav{<br /><br />}<br />.pagenav_next{<br /><br />}<br />.pagenav_prev{<br /><br />}<br />.pagenavbar{<br /><br />}<br />.pagenavcounter{<br /><br />}<br />.pathway{<br /><br />}<br />.pollstableboarder{<br /><br />}<br />.read{<br /><br />}<br />.search{<br /><br />}<br />.searchintro{<br /><br />}<br />.sections{<br /><br />}<br />.sectiontable_footer{<br /><br />}<br />.sectiontableentry{<br /><br />}<br />.sectiontablefooter{<br /><br />}<br />.sectiontableheader{<br /><br />}<br />.small{<br /><br />}.smalldark{<br /><br />}<br />a.sublevel:link, a.sublevel:active, a.sublevel:visited{<br /><br />}<br />a.sublevel:hover{<br /><br />}<br />.title{<br /><br />}<br />.wrapper{

    Antworten

  • (Axel - time4joomla)

    Als Antwort auf: (Moglie)

    Ich habe diese Liste nicht abgeprüft. Einige stammen noch aus der 1.5er Zeit und sind nicht mehr existent, einige werden aber noch benutzt. Im Zweifelsfalle: In dieser Kategorie gibt es hier ein Tutorial, wie man CSS-Angaben finden kann.<br /><br />Dennoch Dank an Moglie! :)<br />Schaden kann es nicht...<br /><br /><br />Axel

    Antworten

Das Letzte...

  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10

Seblod: Rund um Group und Group X

  Dieses Tutorial steht auch als PDF im Downloadcenter zur Verfügung     Nach dem ersten Tutorial (Einführung in Seblod) kam ein Kontakt zu Kiki (Screendesign Whykiki) und...

Helmut Schuster: Excel 2010 - Pivot-Tabellen

  [amazonadd=3866456786] Das vorliegende Buch trägt die Untertitel Das Praxisbuch - Ideen und Lösungen für die Datenanlyse mit PivotTables und PivotCharts. Ergo findest sich in d...

Seblod: Einführung am Beispiel eines selbsterstellten Portfolios

Dieses Tutorial steht als PDF-Download im Download-Center zur Verfügung.   Als ich das erste Mal Seblod installiert hatte, habe ich große unverständliche Augen gemacht, ein wenig heru...

Schnellbausteine

Schaut man sich in Word eine der vielen Vorlagen an, dann finden sich dort auch oft die Schnellbausteine oder auch Inhaltssteuerelement genannt. Die Möglichkeiten mit diesen Bausteinen sind ...

JCE: Eigene CSS-Angaben

Bei den "Nützlichen Links" habe ich es so gemacht, dass ich nach Textmarkierung direkt im Pulldownmenü des JCE-Editors eine eigene Formatierung - in diesem Fall die Sprachflagge der Website ...

Leseprobe

Vom Franzis Verlag gibt es eine 52 Seiten umfassende Leseprobe im PDF-Format

Inhaltsverzeichnis

Bevor es losgeht 1.1 Die GNU General Public License (GPL) 1.1.1 Was ist eigentlich GNU GPL? 1.1.2 Open Source versus GPL 1.1.3 Was bedeutet das für uns? 1.2 Arbeitsumgebung 1.2.1 Lokale Joom...

Das Buch

Fragen zum Buch, wenn der Code nicht funktioniert oder wie etwas besser funktionieren kann oder und überhaupt bitte bei Github stellen. Wir haben da extra entsprechendes angelegt. Also bitte...

Uhrzeiten nach Mitternacht - ZEIT(...)

Um die Dauer zwischen zwei Uhrzeiten zu berechnen, braucht man einfach nur die erste Uhrzeit von der zweiten abzuziehen. Die Differenz gibt einem einwandfrei die Dauer zurück. Schwieriger wi...

Seitenklasse - Ein Beitrag anders als andere

Manchmal soll ein einzelner Beitrag anders formatiert werden, als die anderen oder auch jeder Beitrag soll individuelle Formatierungen erhalten. Dafür bietet sich unter anderem die Seitenkla...

Suchen Sie einen Webhoster? time4joomla empfiehlt: www.Joomlahosting.de
Joomla ist ein freies CMS - Webdesign, Programming and Content by time4mambo
PR nur für diese Seite: SEO Tools

nach oben scrollen

www.time4joomla.de is not affiliated with or endorsed by the Joomla! Project or Open Source Matters. The Joomla! name and logo is used under a limited license granted by Open Source Matters the trademark holder in the United States and other countries.