Suche im Forum:
Suchen


« Vorheriges Thema anzeigen :: Nächstes Thema anzeigen »  
Autor Nachricht
Beitrag06.08.2009 um 13:24 (UTC)    
Titel: [erledigt] Design Iceblue : Eigene Navi-Buttons

Hey!
ich wollte anstatt standart text mir selbst buttons machen, falls man dort buttons einfügen kann, kann man quasi auch 2 bilder hochladen und wenn der user mit der maus über den button geht kommt das zweite bild? (damit so eine art push-effekt entsteht!)

danke für hilfe jeder art!
- peace


Zuletzt bearbeitet von ferienwohnungbeispiel am 08.08.2009, 05:20, insgesamt 2-mal bearbeitet
Beitrag06.08.2009 um 14:01 (UTC)    
Titel:

Ja, das kann man machen Wink

Für die Buttons:
Zitat:
td.nav{background-image:url(bildurl);}


Für den "Push"-Effekt (Hover):
Zitat:
td.nav:hover{background-image:url(bildurl);}


Diese Codes fügst du folgend ein:
Arrow Design einstellen
Arrow Erweiterte Einstellungen
Arrow Text über dem Design

lg Wink


Zuletzt bearbeitet von choose-snails am 06.08.2009, 15:01, insgesamt einmal bearbeitet
Beitrag06.08.2009 um 14:12 (UTC)    
Titel:

VIELEN VIELEN Dank!!!
nur... Mr. Green ... wo kann man die button-bilder gratis hochladen um die URL zu bekommen usw?
Beitrag06.08.2009 um 14:14 (UTC)    
Titel:

Versuch es hier mal http://www.myimg.de/
Beitrag06.08.2009 um 14:15 (UTC)    
Titel:

DANKÖÖÖÖ Very HappyVery HappyVery Happy
ihr seid schnell ;D
nochma vielen vielen dank Very Happy
Beitrag06.08.2009 um 14:15 (UTC)    
Titel:

ferienwohnungbeispiel hat Folgendes geschrieben:
VIELEN VIELEN Dank!!!
nur... Mr. Green ... wo kann man die button-bilder gratis hochladen um die URL zu bekommen usw?


Hier eine Kleine auswahl:

image-banana.com
direct-upload.net
abload.de
homepage-baukasten.de/bilder.php
______________


Das Forum für alle die sich mit Computern auskennen und/oder sich über Konsolen und Spiele unterhalten wollen !
Beitrag06.08.2009 um 14:22 (UTC)    
Titel:

nagut... ich bin etwas dümmlich, so sieht es zumindest aus - ich habe die codes eingefügt aber anstatt das ein button erscheint wird einfach der code oben angezeigt! ...
Beitrag06.08.2009 um 14:25 (UTC)    
Titel:

dann hast du sicher einen falschen link vom bild eingefügt
Beitrag06.08.2009 um 14:30 (UTC)    
Titel:

mh... ich hab die links nochma neu eingefügt ... muss man vllt die klammern um den link weglassen oä?
Beitrag06.08.2009 um 14:39 (UTC)    
Titel:

Du hast ja das bild hoch geldane
so nimmst den code als erstes td.nav{background-image:url(bildurl);}

Dann nimmste vom bild die URL und fügst sie dort ein (bildurl)
das sieht dann so aus td.nav{background-image:url(http://www.test.gif);}

Dann müsste es eigentlich gehen
Beitrag06.08.2009 um 14:44 (UTC)    
Titel:

nein geht immernoch nicht, ich hab jetz den code so rein:

td.nav{background-image:url(http://img20.myimg.de/cooltext43047069600d2f.png);}
td.nav:hover{background-image:url(http://img20.myimg.de/cooltext430470696MouseOverd795c.png);}

ein fehler drin???
Beitrag06.08.2009 um 14:47 (UTC)    
Titel:

Soweit wie ich das nun sehe ist dort kein fehler drin.
Wo hast du dass denn nun eingefügt ?
Beitrag06.08.2009 um 14:50 (UTC)    
Titel:

Arrow Design einstellen
Arrow Erweiterte Einstellungen
Arrow Text über dem Design

... da einfach

td.nav{background-image:url(http://img20.myimg.de/cooltext43047069600d2f.png);}
td.nav:hover{background-image:url(http://img20.myimg.de/cooltext430470696MouseOverd795c.png);}

eingefügt und gespeichert...
Beitrag06.08.2009 um 14:56 (UTC)    
Titel:

ok sehe gerade du hast es bei myimg hoch geladen welchen link haste genommen ?
Beitrag06.08.2009 um 15:16 (UTC)    
Titel:

ich habe es zweimal versucht, zuerst den "quicklink" aber da es ja nicht funktioniert hat habe ich den "direktlink" genommen, welcher auf eine seite führt auf der nichts außer das bild ist
Beiträge der letzten Zeit anzeigen:   


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