Vorschau-, Sende- und Los-Hintergrund?

[Sir-ROG]

Da ich bei einem anderen Forumierenforum gesehen habe das dort der Vorschau-, Sende- und Losbuttonhintergrund angepasst worden ist, frag ich mich nun wo kann ich diesen Hintergrund einstellen, den im Adminbereich unter anzeige hab ich nichts dazu gefunden. Und der Foremadmin dieses Forums weis es auch nicht mehr wo er dies eingestellt hat.

Hier ein Screen davon:
http://www.imagebanana.com/view/smq74mi9/VorschauSendenundLos.jpg

Vielen Dank für die Antwort.

[crysis992]

Versuche es mal mit diesen CSS codes:

Code:


.liteoption {
background: #2672FF;
-moz-border-radius:8px 8px 8px 8px;
-webkit-border-radius: 8px 8px 8px 8px; }

.liteoption:hover {
background: #0A12FF;
-moz-border-radius:8px 8px 8px 8px;
-webkit-border-radius: 8px 8px 8px 8px; }

 .mainoption {
background: #2672FF;
-moz-border-radius:8px 8px 8px 8px;
-webkit-border-radius: 8px 8px 8px 8px;
font-family:Arial,Helvetica,sans-serif;
}

 .mainoption:hover {
background: #0A12FF;
-moz-border-radius:8px 8px 8px 8px;
-webkit-border-radius: 8px 8px 8px 8px;
font-family:Arial,Helvetica,sans-serif;
}


Habe es nur bei einem phpbb2 forum getestet!
Dieser Bereich in meinem Forum ist offen für Gäste, hier kannst du mal den Vorschau und Sende buttons sehen, hatt auch ein Hover effeckt wenn du mit der Maus drüber gehst:
http://www.renegadeskins.net/post.forum?mode=newtopic&f=33

[Sir-ROG]

Und wo muss ich diesen Code einsetzen?^^
Kann man nicht wie bei den anderen Buttons einfach ein Bild irgendwo einfügen, würde iwi viel einfacher gehen.

[crysis992]

Der code muss bei Anzeige-Farben-CSS Stylesheet rein =)
nein das geht leider nicht, wenn du dein Forum gestalten willst kann man nicht auf CSS verzichten sorry

[Sir-ROG]

Dank, habs geschafft, nun ist der Hintergrund auch Blau wenn man mit dem Courser drüber fährt
Kennst du vlt. grade den Code für Farbverlaufe, also wie es in dem anderen Forum gemacht war.
Oder gibts eine Seite wo man sollche CSS-Code grafisch ausprobieren kann (also sowas wie einen Editor welcher dann gleich den Code fertigt)?

[crysis992]

Falls du eine Tabelle mit allen Farbcodes brauchst, klicke Hier

Falls du den Hover effeckt löschen möchtest, musst du diesen Code löschen:

Code:


.liteoption:hover {
background: #0A12FF;
-moz-border-radius:8px 8px 8px 8px;
-webkit-border-radius: 8px 8px 8px 8px; }

 .mainoption:hover {
background: #0A12FF;
-moz-border-radius:8px 8px 8px 8px;
-webkit-border-radius: 8px 8px 8px 8px;
font-family:Arial,Helvetica,sans-serif;
}

Falls du einen Farbverlauf haben möchtest, musst du eine Grafik einbinden
dazu musst du das

Code:

background: #0A12FF;

bei jeder "class" löschen und das hier hinzufügen:
also bei
-.liteoption:hover
-.liteoption
-.mainoption:hover
-.mainoption

[code]
background-image: url('LINK ZU DER GRAFIK');
background-position: top;
color: #666;[code]

mit color: #FARBCODE änderst du die Text farbe.
Wenn du den Button lieber wieder eckig haben willst und nicht rund, musst du das hier löschen:
-moz-border-radius:8px 8px 8px 8px;
-webkit-border-radius: 8px 8px 8px 8px;


Eine beispiel Grafike für den Farbverlauf ist diese:


Wichtig:
Die runden "ecken" sieht man nur mit dem Mozilla Firefox


mfg crysis992

[Sir-ROG]

Wow, COOOOL, es funktioniert
Vielen Dank <3