Lexi Help
Partner
www.forumieren.com

Vorschau-, Sende- und Los-Hintergrund?

Vorheriges Thema anzeigen Nächstes Thema anzeigen Nach unten

Vorschau-, Sende- und Los-Hintergrund?

Beitrag von Sir-ROG am Fr 10 Sep 2010 - 17:04

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.

Sir-ROG
Neuling
Neuling

Männlich Beiträge : 35
Anmeldedatum : 20.09.09

Benutzerprofil anzeigen

Nach oben Nach unten

Re: Vorschau-, Sende- und Los-Hintergrund?

Beitrag von crysis992 am Fr 10 Sep 2010 - 17:09

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

crysis992
Kaiser
Kaiser

Männlich Beiträge : 1515
Hinweis : Unaufgeforderte PNs werden NICHT beantwortet!
Anmeldedatum : 19.06.08

Benutzerprofil anzeigen

Nach oben Nach unten

Re: Vorschau-, Sende- und Los-Hintergrund?

Beitrag von Sir-ROG am Fr 10 Sep 2010 - 18:46

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.

Sir-ROG
Neuling
Neuling

Männlich Beiträge : 35
Anmeldedatum : 20.09.09

Benutzerprofil anzeigen

Nach oben Nach unten

Re: Vorschau-, Sende- und Los-Hintergrund?

Beitrag von crysis992 am Fr 10 Sep 2010 - 18:50

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 Sad sorry

crysis992
Kaiser
Kaiser

Männlich Beiträge : 1515
Hinweis : Unaufgeforderte PNs werden NICHT beantwortet!
Anmeldedatum : 19.06.08

Benutzerprofil anzeigen

Nach oben Nach unten

Re: Vorschau-, Sende- und Los-Hintergrund?

Beitrag von Sir-ROG am Fr 10 Sep 2010 - 19:03

Dank, habs geschafft, nun ist der Hintergrund auch Blau wenn man mit dem Courser drüber fährt Very Happy
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)?

Sir-ROG
Neuling
Neuling

Männlich Beiträge : 35
Anmeldedatum : 20.09.09

Benutzerprofil anzeigen

Nach oben Nach unten

Re: Vorschau-, Sende- und Los-Hintergrund?

Beitrag von crysis992 am Sa 11 Sep 2010 - 12:21

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

crysis992
Kaiser
Kaiser

Männlich Beiträge : 1515
Hinweis : Unaufgeforderte PNs werden NICHT beantwortet!
Anmeldedatum : 19.06.08

Benutzerprofil anzeigen

Nach oben Nach unten

Re: Vorschau-, Sende- und Los-Hintergrund?

Beitrag von Sir-ROG am Sa 11 Sep 2010 - 17:55

Wow, COOOOL, es funktioniert Very Happy
Vielen Dank <3

Sir-ROG
Neuling
Neuling

Männlich Beiträge : 35
Anmeldedatum : 20.09.09

Benutzerprofil anzeigen

Nach oben Nach unten

Vorheriges Thema anzeigen Nächstes Thema anzeigen Nach oben


 
Befugnisse in diesem Forum
Sie können in diesem Forum nicht antworten