Menu hilfe
lima-city → Forum → Die eigene Homepage → Grafikdesign
anweisung
bild
code
depp
effekt
farbe
gleichen stil
hintergrundbild
http
image
machen
nehmen
optimieren
opus
problem
rand
test
tip
url
verschiedene generatoren
-
Ich hab ein problem
und zwar ich finde keinen menu generator für meine wünsche
da hab ich einfach mal einen normalen genommen
leider kann ich da nur farben angeben und nicht hintergrundbilder im menu nehmen
deshalb meine bitte was kann ich nun rausschmeißen und was soll ich einfügen, dass ich hintergrundbilder nehmen kann
hier zum menu wo ich bisher hab
http://pc0tweak.lima-city.de/Beta-Test/fg.html
und hier die bilder der bisherigen menus (ohne submenu)
http://pc0tweak.lima-city.de/Homepage/Menu -
Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!
lima-city: Gratis werbefreier Webspace für deine eigene Homepage
-
So ganz genau verstehe ich nicht was du brauchst oder möchtest. Hier könntest du dir einzelene Buttons generieren:
http://www.onlyfree.de/gen_buttons.php
Und hier verschiedene Generatoren für eine Menüerstellung:
http://www.onlyfree.de/gen_navigation.php
Vielleicht hilft dir das weiter, sonst erkläre nochmal was genau du brauchst! -
Du kannst ja das Aussehen vom Menü in der CSS manuell ändern:
.pd_menu_01 ul { /* Hauptmenü */ background-image: url('path/to/img.gif'); } .pd_menu_01 ul li a { /* Hauptmenüpunkte */ background-image: url('path/to/img.gif'); } .pd_menu_01 ul li ul { /* Submenü */ background-image: url('path/to/img.gif'); } .pd_menu_01 ul li ul li a { /* Submenüpunkte */ background-image: url('path/to/img.gif'); }
Ryan
Beitrag geändert: 16.8.2008 13:21:51 von ryanblack -
Mit welchem Code, was genau brauchst du denn normalerweise ist das doch garnicht so schwer.
-
das hab ich auch gemacht
nur siehts nun so aus:
http://pc0tweak.lima-city.de/Beta-Test/2354.html
Beitrag geändert: 17.8.2008 18:09:58 von pc0tweak -
In Opera sieht das ja furchtbar aus!
Screenshot:
http://deutscher.lima-city.de/pc0tweak-screenshot.png
-
... Ich liebe Dreamwaver ^^
der macht soetwas selbstständig...
Probiers doch mal hiermit:http://www.download-tipp.de/shareware_und_freeware/12551.shtml
Ist ziemlich witzig und abwechslungsreich ^^
Gruß
Onemillion -
naja ich wott gern schon die selben grafiken bzw den gleichen stil nehmen wie bei den anderen menüs
ach ich depp habs doch hinbekommen ^^
hab jetzt aber doch noch ein problem und zwar geht nun das menu bis zum rand wie kann ich das anders machen? also dass es nur bis zum rand von übertakten geht
http://pc0tweak.lima-city.de/Beta-Test/fsdfsdv.html
Beitrag geändert: 17.8.2008 18:47:51 von pc0tweak -
hab jetzt aber doch noch ein problem und zwar geht nun das menu bis zum rand wie kann ich das anders machen? also dass es nur bis zum rand von übertakten geht
http://pc0tweak.lima-city.de/Beta-Test/fsdfsdv.html
Dem `<div>` auch ein Hintergrundbild zuweisen.
.pd_menu_01 { background-image: url('path/to/img.gif'); }
Ryan
Beitrag geändert: 17.8.2008 19:20:54 von ryanblack -
vielen vielen dank
aber nun gibts keinen mouse over effekt
wie bekomm ich den nun noch hin
http://pc0tweak.lima-city.de/Homepage/Menu/optimieren/mainmenu.gif
http://pc0tweak.lima-city.de/Homepage/Menu/optimieren/mainmenu2.gif
die bilder einzeln und zusammen
http://pc0tweak.lima-city.de/Homepage/Menu/mainmenu.gif
Beitrag geändert: 17.8.2008 19:32:25 von pc0tweak -
du solltest deine farben der website etwas ändern...
-
vielen vielen dank
aber nun gibts keinen mouse over effekt
wie bekomm ich den nun noch hin
http://pc0tweak.lima-city.de/Homepage/Menu/optimieren/mainmenu.gif
http://pc0tweak.lima-city.de/Homepage/Menu/optimieren/mainmenu2.gif
die bilder einzeln und zusammen
http://pc0tweak.lima-city.de/Homepage/Menu/mainmenu.gif
Beitrag geändert: 17.8.2008 19:32:25 von pc0tweak
Du nimmst einfach `http://pc0tweak.lima-city.de/Homepage/Menu/mainmenu.gif` als Hintergrundbild und schiebst es beim `:hover` nach unten:
.pd_menu_01 ul li a { background-image: url('http://pc0tweak.lima-city.de/Homepage/Menu/mainmenu.gif') top; } .pd_menu_01 ul li a:hover { background-image: url('http://pc0tweak.lima-city.de/Homepage/Menu/mainmenu.gif') bottom; }
oder umgekehrt…
Ryan
Beitrag geändert: 17.8.2008 20:19:19 von ryanblack -
Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!
lima-city: Gratis werbefreier Webspace für deine eigene Homepage