Suche im Forum:
Suchen


« Vorheriges Thema anzeigen :: Nächstes Thema anzeigen »  
Autor Nachricht
Beitrag12.08.2009 um 22:52 (UTC)    
Titel: Design RED : Hover-Button und Hintergrund Textfeld

Hallo zusammen Embarassed
Ich hätte da mal ein paar mehr oder minder schwer wiegende Fragen bezüglich dem Verändern vom Design "Red" und hoffe, dass mir jemand weiterhelfen kann.
Leider bin ich eher weniger (heißt: gar nicht) informiert über das Thema Scripts schreiben und anwenden daher folgende Fragen:
- wie kann ich Button-Grafiken verwenden? (mit Farbwechsel beim Drübergehen mit der Maus)
- kann man den "mausgrauen" Hingergrund auf dem die Textfelder, Navigationsleiste, Boxen, etc. liegen dem eigentlichen Hintergrund der Homepage anpassen bzw. ein Bild einfügen ODER das ganze transparent machen?

Hoffe das mir jemand helfen kann - den einzigen "Erfolg" den ich bis jetzt hatte war der das die Page nicht mehr angezeigt wurde ...

LG Jessie

p.S. Hoffe ich hab im richtigen Thread gepostet wenn nicht SORRY :/


Zuletzt bearbeitet von pommesgabeln am 13.08.2009, 01:26, insgesamt einmal bearbeitet
Beitrag12.08.2009 um 23:55 (UTC)    
Titel:

Hallo,

in der Foren-Rubrik "Profi-Tutorials" haben wir den Thread : "Design RED / Alle Klassen" .
Da ist auch 1 Bild von Design RED , auf dem sind alle Klassen zu sehen .
http://www.homepage-baukasten.de/forum/viewtopic.php?t=101592

Du siehst dann , die Navi-Buttons bei "RED" haben die Klasse edit_button_bg .
Egal welche Klasse wir ändern möchten, wir schreiben immer ein td. davor .
Korrekt heisst es dann : td.edit_button_bg
Der Hover-Effekt dann : td.edit_button_bg:hover

Zitat:

<style type="text/css">
<!--
td.edit_button_bg:hover {
background-color: #XXXXXX;
background-image:url(Hier Button-URL); }
-->
</style>


Die anderen Farben kannst Du also auch ändern . Beachte bitte :
Alle Farben in deinem Design sind immer Hintergrundgarfiken , also farbige Bilder.
Um diese Bilder durch eine eigene Farbe zu ersetzen ... muss die Original-Grafik ausgeblendet werden ,
das machen wir mir background-image:url(); .
Da hier die Klammer () leer bleibt, wird das Bild ausgeblendet , die eigene Farbe kann angezeigt werden

Beispiel : Hintergrundfarben in Feldern ändern :
Zitat:

<style type="text/css">
<!--
td.Hier Klassenname {
background-color:#FFFFFF;
background-image:url(); }
-->
</style>


Gewünschte Klassen entnimmst du bitte dem Bild von RED mit allen Klassen Wink
bei background-color: gewünschte Hintergrundfarbe einfügen .


Gruß Wolle
______________


Zuletzt bearbeitet von 24939 am 13.08.2009, 00:57, insgesamt einmal bearbeitet
Beitrag13.08.2009 um 01:57 (UTC)    
Titel:

Herzlichen Dank Smile
War der Schubs in die richtige Richtung Smile
Beiträge der letzten Zeit anzeigen:   


Powered by phpBB © 2001, 2005 phpBB Group
Deutsche Übersetzung von phpBB.de