Farbgestaltung
- Wienczny, Peter
- Autor
- Offline
- Administrator
-
Weniger
Mehr
- Beiträge: 38
- Dank erhalten: 0
6 Jahre 9 Monate her #5
von Wienczny, Peter
Farbgestaltung wurde erstellt von Wienczny, Peter
In der Datei /templates/protostar/template.css muss Folgendes eingetragen sein/werden um die Farbgestaltung (gelb hier) zu ermöglichen (Farben siehe auch index.php Farbverlauf background-color):
.header {
background-color: #FFFFCC;
margin-bottom: 10px;
}
Um einen Farbverlauf der Seitenumrandung zu erreichen, müssen folgende Zeilen in der /templates/protostar/index.php geändert werden. Das Auskommentieren nicht vergessen (Hier ist ein Farbverlauf von rot nach gelb eingetragen):
/** background-color: <?php echo $this->params->get('templateBackgroundColor');?> */
background: #FF6633; /* Old browsers */
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFFFcc", endColorstr="#007774");
background: -moz-linear-gradient(top, #FF6633 0%, #FFFFE5 25%, #FFFFcc 18%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FF6633), color-stop(25%,#FFFFE5), color-stop(18%,#FFFFcc)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #FF6633 0%,#FFFFE5 25%,#FFFFcc 18%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #FF6633 0%,#FFFFE5 25%,#FFFFcc 18%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #FF6633 0%,#FFFFE5 25%,#FFFFcc 18%); /* IE10+ */
background: linear-gradient(top, #FF6633 0%,#FFFFE5 25%,#FFFFcc 18%); /* W3C */
/**position:absolute;
left:0;
top:0;
width:99.9%;*/
padding:0;
}
.header {
background-color: #FFFFCC;
margin-bottom: 10px;
}
Um einen Farbverlauf der Seitenumrandung zu erreichen, müssen folgende Zeilen in der /templates/protostar/index.php geändert werden. Das Auskommentieren nicht vergessen (Hier ist ein Farbverlauf von rot nach gelb eingetragen):
/** background-color: <?php echo $this->params->get('templateBackgroundColor');?> */
background: #FF6633; /* Old browsers */
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFFFcc", endColorstr="#007774");
background: -moz-linear-gradient(top, #FF6633 0%, #FFFFE5 25%, #FFFFcc 18%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FF6633), color-stop(25%,#FFFFE5), color-stop(18%,#FFFFcc)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #FF6633 0%,#FFFFE5 25%,#FFFFcc 18%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #FF6633 0%,#FFFFE5 25%,#FFFFcc 18%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #FF6633 0%,#FFFFE5 25%,#FFFFcc 18%); /* IE10+ */
background: linear-gradient(top, #FF6633 0%,#FFFFE5 25%,#FFFFcc 18%); /* W3C */
/**position:absolute;
left:0;
top:0;
width:99.9%;*/
padding:0;
}
Bitte Anmelden um der Konversation beizutreten.
Ladezeit der Seite: 0.029 Sekunden
- Aktuelle Seite:
-
Home
-
Protostar-Template
-
Joomla 3.x
-
Protostar-Template
- Farbgestaltung