4images Forum & Community

4images Modifications / Modifikationen => Templates & Styles (Requests & Discussions) => Topic started by: DampferKessel on January 12, 2016, 10:30:39 AM

Title: Standart Template umfärben
Post by: DampferKessel on January 12, 2016, 10:30:39 AM
Hallo,
ich versuche gerade meine Galerie so umzufärben das sie mit meinem Wordpress Blog übereinstimmen.
xxx: xxx: dampferkessel. de

Galerie: xxx: galerie. dampferkessel. de/index. php

Nur ich bekomme es irgendwie nicht so ganz hin.
Ein paar Dinge habe ich bereits aber noch nicht alles.

Könntet ihr mir da evtl weiter helfen?

Lieben Gruß
Florian
Title: Re: Standart Template umfärben
Post by: nobby on January 12, 2016, 07:39:38 PM
Hallo,

dann schau dir mal die "STYLE.CSS" im templates Verzeichnis an.
Dort kannst Du die Farbeinstellungen vornehmen.

nobby
Title: Re: Standart Template umfärben
Post by: DampferKessel on January 12, 2016, 09:19:05 PM
Das habe ich bereits getan und auch wie du evtl siehst ein paar Farben abgeändert   :mrgreen:

Hier einmal meine Style.css
Code: [Select]
body {
  background-color: #ffffff;
  color: #25952f;
  font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
}

hr {
  height: 1px;
  color: #004c75;
  background-color: #363636;
}

ul, li, p, td {
  color: #25952f;
  font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
}

.tablehead {
  background-color: #e8e8e8;
  color: #004c75;
}

.tablebottom {
  background-color: #004C75;
}

.bordercolor {
  background-color: #004C75;
}

.tablebgcolor {
  background-color: #ffffff;
}

.navbar {
  background-color: #363636;
  color: #248e2e;
}

.row1 {
  background-color: #e1e1e1;
  color: #004c75;
}

.row2 {
  background-color: #efefef;
  color: #004c75;
}

.head1 {
  background-color: #363636;
  color: #fcdc43;
  font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  font-weight: bold;
}

.head1:hover {
  background-color: #363636;
  color: #fcdc43;
  font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  font-weight: bold;
}

.head2 {
  background-color: #363636;
  color: #ffffff;
  font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  font-weight: bold;
}

.title {
  font-family: Arial,Helvetica,sans-serif;
  font-size: 16px;
  font-weight: bold;
}

.clickstream {
  font-family: Tahoma,Verdana,Arial,Helvetica,sans-serif;
  font-size: 11px;
}

.smalltext {
  font-family: Tahoma,Verdana,Arial,Helvetica,sans-serif;
  font-size: 10px;
  font-weight: normal;
}

.marktext {
  color: #FF0000;
  background-color: #ffffff;
}

.new {
  font-family: Tahoma,Verdana,Arial,Helvetica,sans-serif;
  font-size: 11px;
  color: #FF0000;
}

a:hover {
  color: #000000;
}

form {
  font-family: Tahoma,Verdana,Arial,Helvetica,sans-serif;
  font-size: 11px;
}

.logininput {
  background-color: #ffffff;
  font-family: Tahoma,Verdana,Arial,Helvetica,sans-serif;
  color: #0f5475;
  font-size: 11px;
  width: 130px;
}

.searchinput {
  background-color: #FFFFFF;
  font-family: Tahoma,Verdana,Arial,Helvetica,sans-serif;
  color: #24892d;
  font-size: 11px;
  WIDTH: 130px;
}

.textarea {
  font-family: Tahoma,Verdana,Arial,Helvetica,sans-serif;
  color: #0f5475;
  font-size: 11px;
  width: 230px;
}

.input {
  font-family: Tahoma,Verdana,Arial,Helvetica,sans-serif;
  color: #0f5475;
  font-size: 11px;
  width: 230px;
}

.select {
  font-family: Tahoma,Verdana,Arial,Helvetica,sans-serif;
  color: #24892d;
  font-size: 11px;
}

.setperpageselect {
  font-family: Tahoma,Verdana,Arial,Helvetica,sans-serif;
  color: #24892d;
  font-size: 11px;
}

.categoryselect {
  font-family: Tahoma,Verdana,Arial,Helvetica,sans-serif;
  color: #24892d;
  font-size: 11px;
}

.dropdownmarker {
  font-family: Tahoma,Verdana,Arial,Helvetica,sans-serif;
  background-color: #EEEEEE;
  color: #24892d;
  font-size: 11px;
}

.button {
  font-family:  Tahoma,Verdana,Arial, Helvetica, sans-serif;
  background-color: #003366;
  color: #fcdc43;
  font-size: 11px;
  font-weight: bold;
}

/*--Categories------------------------------------------------*/
.catbgcolor {
  background-color: #EFEFEF;
}

.maincat {
  font-family: Tahoma,Verdana,Arial,Helvetica,sans-serif;
  font-size: 11px;
  font-weight: bold;
  color: #24892d
}

.subcat {
  font-family: Tahoma,Verdana,Arial,Helvetica,sans-serif;
  font-size: 10px;
  font-weight: bold;
  color: #24892d
}

/*--Images----------------------------------------------------*/
.imagerow1 {
  background-color: #E5E5E5;
  color: #004C75;
}

.imagerow2 {
  background-color: #EFEFEF;
  color: #004C75;
}

/*--Comments--------------------------------------------------*/
.commentrow1 {
  background-color: #e1e1e1;
  color: #004c75;
}

.commentrow2 {
  background-color: #efefef;
  color: #004c75;
}

.commentspacerrow {
  background-color: #d1d1d1;
  color: #004c75;
}

.commenttextarea {
  font-family: Tahoma,Verdana,Arial,Helvetica,sans-serif;
  color: #0f5475;
  font-size: 11px;
  width: 250px;
}

.commentinput {
  font-family: Tahoma,Verdana,Arial,Helvetica,sans-serif;
  color: #0f5475;
  font-size: 11px;
  width: 250px;
}

.captchainput {
  font-family: Tahoma,Verdana,Arial,Helvetica,sans-serif;
  color: #0f5475;
  font-size: 11px;
  width: 200px;
}

Hoffe ihr könnt mir weiter helfen ich bin die ganze Zeit am überlegen wie ich es ins Grau-Grüne mache.
So dass es auch noch gut aussieht  :wink:  8)  :mrgreen:
Title: Re: Standart Template umfärben
Post by: nobby on January 16, 2016, 10:38:59 AM
Vergesse bitte die anderen HTMLs des Templates nicht.
Dort können auch Farbinformationen liegen.

nobby