Ein leeres Modul für eigene Inhalte auf Position position- 7.

Die Serversoftware Mowes Portable 
von der  Firma CH Software hat die Geschäftstätigkeit
zum 7. November 2012 eingestellt. 

Ein gleichwertiges Programm  ist EasyPhp .


Anpassen und Konfiguration 
der Online-Shop
Komponente "VirtueMart 2"

Anpassen und Konfiguration der Online-Shop Komponente "VirtueMart 2" 

Tipps für die Homepage Gestaltung

 Tipps für die Homepage Gestaltung

Webseite für mobile Geräte
 

   

Hintergrund transparent gestalten

Aussehen des Templates verändern

 

Auf den Ordner Templates gehen --> Templates auswählen --> CSS

Dort kann man die  templates.css, typo.css und colors.css verändern.
Möchte man die Schatten ausblenden muss man die module.css verändern.

Sollte eine Anweisung nicht greifen, muss man an der CSS-Anweisung noch die weitere Anweisung, !important (hat Vorrang) anfügen.


Möchte man unabhängig jeglicher Voreinstellung von dem Templates Allrounder sein, muss man im Template den Parameter Use your own Template Colors? auf aus stellen.
Eine zweite Möglichkeit ist die Einbindung der Datei template_colors.php ganz zu verhindern, in dem man in der Datei head_includes.php
die Require Einbindung  <?php require("php/template_colors.php"); ?> löscht.

Dieser Vorgehensweise ist vor allem interessant wenn man den Hintergrund transparent gestalten möchte. Somit können großflächige Hintergrundgrafiken eingefügt werden.

 Wenn man das Aussehen von Modulen verändern möchte, muss man in dem Verzeichnis modules nach dem jeweiligen Modul suchen und im Verzeichnis CSS die CSS-Datei verändern.

Mit Hilfe des Firebug Plug-In im Mozilla Firefox Browser kann man sich die CSS-Anweisungen suchen bzw. temporär verändern.

Auf dem lokalem Server leistet das Programm  Searchmyfiles perfekte Dienste.
Mit diesem Programm ist es möglich Dateien nach Texten zu durchsuchen.  

Hier die von jeder Joomla-Installation  mitgebrachten CSS - Classen:

zu den CSS - Classen in Joomla

 

/* CSS Document */

 body { } /* Allgemeine Einstellugen für das ganze Template*/  

 html {height:100%;}

 p {} /*Format für alle <p> Tags. Wird nur verwendet, wenn kein anderer Style gesetzt ist.*/

 td {} /*Format für alle <td> Tags. Wird nur verwendet, wenn kein anderer Style gesetzt ist.*/

 tr {} /*Format für alle <tr> Tags. Wird nur verwendet, wenn kein anderer Style gesetzt ist.*/

 ul {} /*Format für alle <ul> Tags. Wird nur verwendet, wenn kein anderer Style gesetzt ist.*/

 a:link {} /* Link-Styl für das ganze Template*/

a:visited {} /* Besuchter Link-Styl für das ganze Template*/

a:active {} /* Aktiver Link-Styl für das ganze Template*/

a:hover {} /* Angewählter Link-Styl für das ganze Template*/

 hr {} /* Horizontale Linie im Template*/

 hr.separator {}/* FORMULAR EINSTELLUGEN */

 .button {}

  .inputbox {}

 .search {}

 /* NAVIGATION/MENÜ EINSTELLUNGEN */

 a.mainlevel{} /*Einstellungen für die Elemente des Hauptmenüs */

a.mainlevel:link, a.mainlevel:visited {}

a.mainlevel:active {}

a.mainlevel:hover {}

#active_menu {}

 

/* Einstellungen für das aktive Element im Hauptmenü*/

 ul#mainlevel-nav { }

ul#mainlevel-nav li{ }

#mainlevel-nav a:link { }

#mainlevel-nav a:visited{ }

#mainlevel-nav a:hover { }a.sublevel{}

 

/* Einstellungen für Elemente im Hauptmenü, die ein übergeordnetes Element haben */

 a.sublevel:link {}

a.sublevel:visited {}

a.sublevel:hover {}

 

.pagenavbar { } /*Style für die Navigationselemente des Fußbereich ("<< Start < Prev Next > End >>") wenn sie nicht als Hyperlink angezeigt werden*/

 .pagenavbar:link {} /*Style für die Navigationselemente des Fußbereich ("<< Start < Prev Next > End >>") wenn sie als Hyperlink angezeigt werden*/

 .pagenavbar:visited {}

.pagenav {} /* Format für den Text der Navigationselemente "<< Start < Previous 1 Next > End >>" links */

a.pagenav:visited {}

a.pagenav:hover {}

a.readon:link {} /*Fromat für den "Read More" Link*/

a.readon:hover {}

a.readon:visited {}

 

.back_button {} /*Fromat für den "BACK" Link*/

.pagenav_prev {} /*Fromat für den "PREV" Link*/

.pagenav_next {} /*Fromat für den "NEXT" Link*/

 

.latestnews {}

.latestnews ul {} /*Format für die "Letzte Beiträge" Liste, default ist "Letzte Beiträge" user1-Modul*/

.latestnews li {}

 

.mostread {}

.mostread ul{} /*Format für die "Beliebtesten Beiträge" Liste, default ist "Beliebteste Beiträge" user2-Modul*/

.mostread li{}/*Einstellungen für den Pathway*/

 

.pathway {}

 #pathway_text {}

#pathway_text img {}     

 

/* SEITENINHALT EINSTELLUNGEN */

 

a.category:link {}

a.category:hover {}

a.category:visited {}

 

.blogsection {} /* Format für Links in Blog-Sektion */

.blog_more {} /* Format für "More" Text in Blog-Sektion*/

 

a.blogsection:link {} /* Format Link */

a.blogsection:visited {} /* Format besuchter Link */

a.blogsection:hover {} /* Format Link, auf dem der Mauszeiger steht */

 

.componentheading {} /* Format des Titel der Komponente */

.contentheading {} /* Format des Titel des Inhalts*/

.contentpane {} 

.contentpaneopen {} /* Tabelle die den aktuellen Text eines Artikels hat */

.contentpagetitle {} /*Titel eines Artikel */

a.contentpagetitle:hover {} /*Titel eines Artikels, wenn er eni Link ist */

a.contentpagetitle:link {}

a.contentpagetitle:visited {}

.contentdescription {} /* Format von "DESCRIPTION" von Sektionen und Kategorien */

 

table.contenttoc {} /* Format für die Tabelle einer Tabelle mit mehreren Inhalten oder Artikel */

table.contenttoc td {}

table.contenttoc th {}

table.contenttoc td.toclink {}

 

a.toclink:link {}

a.toclink:visited {}

a.toclink:hover {}

/* JOOMLA! SEKTION LISTE EINSTELLUNG*/

 

.sectiontableheader {} /* Format für die Liste der Sektione */

.sectiontableentry1 {}

.sectiontableentry2 {}

 

/* JOOMLA! MODUL EINSTELLUNG */

 

table.moduletable {} /* Format der Modul-Tabelle */

table.moduletable th {} /* Format der Modulüberschrift und Modulttitel */

table.moduletable td { } /* Format der Zellern der Tabelle der Module */

 

/* VERSCHIEDENE EINSTELLUGEN */

/* Datum, Autor*/

 

.createdate {} /*Format für Datum und Autor */

.modifydate {} /* Format für "Last updated on" */

.small {} /* Format für "Written by:...." */

.smalldark {} /* Formatfür Umfrageergebnisseite, für " Number of Voters" */                    

 

/* Polls */

.poll {} /* format the td of poll table */

.pollstableborder { } /* Rahmen der Umfrage Tabelle */