Zum Inhalt springen

Gästebuch Farbstyle ändern

Erstellt am 18. September 2007 · 5 Antworten · letzte Antwort am 23. November 2007

Tags: Frage

Sebi_Eda ·

Hallo ich habe nun das Gästebuch eingestellt und konfiguriert siehe:
http://s-linge.de/index.php?id=50
Nun habe ich noch eine Frage wie kann ich die Farben des Gästebuchs ändern? bzw wie heißt diese CSS Datei wo ich dies einstellen kann?
Und dann besteht noch eine Frage wo kann man das ändern das die Fatumsangaben auf Deutsch sind?

BItte um Euere Hilfe.

rgs ·

was für eine EXT benutzt du denn?
Schau doch mal per FTP unter /htdocs/typo3conf/ext/name_der_ext/ nach.

cope ·

Hallo Sebi!

Ich würde an Deiner Stelle die entsprechenden id's und classes der Extension im
eigenen CSS überschreiben bzw. für das Gästebuch ein eigenes CSS anlegen.

Um herauszufinden, welche id's und classes verwendet werden empfehle ich gebetsmühlenartig den FireBug http://www.getfirebug.com/

LG
Cope

Mausi ·

klar 😉 , also wenn du ve_guestbook benutzt ist das ganz einfach entwerder du überschreibst die das setup oder das css wie du willst 😃

1. möglichkeit

setup übersschreiben:

plugin.tx_veguestbook_pi1 {
  

  _CSS_DEFAULT_STYLE (

    .tx-veguestbook-pi1 {
        font-size:100%;
    }
  
.tx-veguestbook-pi1 p.tx-guestbook-form-error {
font-weight:bold;
color:#990000;
}

.tx-veguestbook-pi1 .tx-guestbook-result {
font-weight:bold;
float:left;
}

.tx-veguestbook-pi1 .tx-guestbook-pagination {
font-size:75%;
font-weight:bold;
float:right;
}

.tx-veguestbook-pi1 h2.tx-guestbook-header {
clear:both;
background:#666;
color:#FFF;
display:block;
font-size:100%;
font-weight:bold;
padding: 1em;
width: 35em;
}

.tx-veguestbook-pi1 .tx-guestbook-left {
float:left;
width:12em;
background:#EFEFEF;
min-height:4em;
padding: 1em;
}

.tx-veguestbook-pi1 .tx-guestbook-left {
height:4em;
}

.tx-veguestbook-pi1 .tx-guestbook-left p {
color:#333;
}
 
.tx-veguestbook-pi1 .tx-guestbook-right {
float:left;
width:21em;
background:#FFF;
padding: 1em;
}

.tx-veguestbook-pi1 .tx-guestbook-latest p,
.tx-veguestbook-pi1 .tx-guestbook-right p {
color:#333;
}

.tx-veguestbook-pi1 .tx-guestbook-latest p.tx-guestbook-date,
.tx-veguestbook-pi1 .tx-guestbook-right p.tx-guestbook-date {
        font-weight: bold;
}
 
.tx-veguestbook-pi1 .tx-guestbook-right h3 {
font-size:100%;
color:#990000;
font-weight:bold;
background:none;
}

.tx-veguestbook-pi1 .tx-guestbook-right .tx-guestbook-comment {
font-size:75%;
color:#333;
font-style: italic;
}

.tx-veguestbook-pi1 .tx-guestbook-latest {
display:block;
padding:0.25em;
clear:both;
}

.tx-veguestbook-pi1 .tx-guestbook-field {
clear:both;
width:100%;
display:block;
padding: 1em 0;
}

.tx-veguestbook-pi1 .tx-guestbook-field label {
clear: both;
display: block;
float: left;
width: 10em;
}

.tx-veguestbook-pi1 .tx-guestbook-field input.tx-guestbook-form-inputfield-med {
float:left;
width:10em;
}

.tx-veguestbook-pi1 .tx-guestbook-field input.tx-guestbook-form-inputfield-big {
float:left;
width:20em;
}

.tx-veguestbook-pi1 .tx-guestbook-field textarea.tx-guestbook-form-textarea {
width: 30em;
display: block;
float: left;
}

.tx-veguestbook-pi1 .tx-guestbook-field span.tx-guestbook-form-obligationfield {
color:#990000;
}

.tx-veguestbook-pi1 fieldset {
border:none;
}

.tx-veguestbook-pi1 legend {
display:none;
}

.tx-veguestbook-pi1 .tx-guestbook-freecap {
float:left;
display:block;
background:#F7F7F7;
border:1px solid #CCC;
}
 
.tx-veguestbook-pi1 .tx-guestbook-freecap {
margin-left:2.25em;
}
 

.tx-veguestbook-pi1 .tx-guestbook-freecap img {
float:left;
display:block;
padding-left:0.25em;
}

.tx-veguestbook-pi1 .tx-guestbook-freecap input {
float:left;
}

.tx-veguestbook-pi1 .tx-guestbook-freecap label {
clear:both;
display:block;
float:none;
width:10em;
margin-bottom:0.5em;
}

.tx-veguestbook-pi1 .tx-guestbook-freecap p {
font-size:75%;
padding:0.25em;
}

.tx-veguestbook-pi1 .tx-guestbook-freecap h3 {
display:none;
}

.tx-veguestbook-pi1 .tx-guestbook-freecap span.tx-srfreecap-pi2-cant-read {
color:#990000;
}

.tx-veguestbook-pi1 .tx-guestbook-clear {
clear:both;
display:block;
}

.tx-veguestbook-pi1 input.tx-guestbook-submit {
width:auto;
display:block;
}
  )
}

jetzt könntest du die werte anpassen ...

beispiel:

hintergrundfarbe für das gästebuch ändern

.tx-veguestbook-pi1 {
font-size:100%;
background-color: #ccc; /* heller grauton*/
}

2. möglichkeit

oder du übernimmst alle css anweisungen in deine css datei und änderst die einträge da.

LG Mausi