Antworten zum Thema „Alice Button“

[yusuf012]

Hallo, ich finde die Button Leiste von Alice einfach total subba schön

also die leiste wo; start;produkte;kunde werden usw. steht...

zum üben bwzüglich button leisten würde ich mal gern sowas nachmachen halt in der richtung.. wie sollte ich da am besten vorgehen?

kriegt man allein mit css solche button leisten hin? Ich selber weiß schon wie man einzelne Button herstellt u.a. mit rollover effekt...

 

[Schulli]

AW: Alice Button

Moin,
benutze bitte mal die SUCHEN-Funktion. Hier gibts einige Button-Tuts.
Spätestens beim grossen G wirst Du fündig.



Schulli

 

[Rum0]

AW: Alice Button

Ich würde jetzt mal sagen... Screenshot... In Photoshop laden... Neue Ebene... und probieren, probieren, probieren... erst Mal Abgerundetes Rechteck-Werkzeug für die Form... dann die Farbe per Picker ausm Screenshot holen... als Farbe der Form... dann ne neue Ebene über die Hälfte der Form.... mit Deckkraft rumspielen bis es so aussieht wie bei alice... Dann gucken wie du die Trennstriche hinkriegst... und dann nach ner ähnlichen Schriftart suchen... Farbe wieder picken... ansonsten guck dir mal das Tutorial an... das ist die Leiste von apple... ist so ähnlich... aber andere Farben etc...

MfG,

Rum0

 

[yusuf012]

AW: Alice Button

irgendwie nicht... mir geht es ja noch um den code....

 

[yusuf012]

AW: Alice Button

also mit photoshop würde ich den button schon an sich hinkriegen... wie sieht es mit den coden mit dem bild dann aus? wie sieht es dann mit den rollover effekt aus; für die einzelnen stückchen? das wird doch nicht klappen, wenn ich die leiste mit photoshop als bild erstelle?

 

[Rum0]

AW: Alice Button

Das müsstest du dann mit Slices machen... in Image Ready... da kannst es dir dann als HTML ausgeben...

hier steht alles zu Rollover-Buttons und Slicing in Imageready CS 2:
Galileo Design :: Adobe Photoshop CS2 professionell ? 10.2 Adobe ImageReady

Und auch sonst alles zu Photoshop CS 2

MfG,

Rum0....

PS: Sorry, hatte nicht darauf geachtet in welcher Kategorie der Post ist... deshalb die Erklärung wie's mit PS geht

 

[yusuf012]

AW: Alice Button

okay... dankee dir... schön zu wissen dass es auch so geht also das man die leiste als bild erstellt und dann es sozusagen coden kann also mit css an sich, würde das nicht klappen?

 

[Tattoomaus78]

AW: Alice Button

du brauchst 4 Grafiken...

- das Endstück mit den runden Ecken links
- das gleiche für rechts
- den Verlauf...hier reicht 1px x so hoch wie die Navi soll
- Grafik für den Trenner

...der Rest lässt sich problemlos mittel css realisieren

 

[yusuf012]

AW: Alice Button

du brauchst 4 Grafiken...

- das Endstück mit den runden Ecken links
- das gleiche für rechts
- den Verlauf...hier reicht 1px x so hoch wie die Navi soll
- Grafik für den Trenner

...der Rest lässt sich problemlos mittel css realisieren

hmm und wie ? wie meinst du es denn? die grafik erstellen, bei dreamweaber einfügen? wie gehe ich dann vor? was dreamweaver angeht bin ich noch ganz am anfang.

 

[Tattoomaus78]

AW: Alice Button

hmm....klingt mir nach Null css-Kenntnissen

...ich könnt dir jetzt den fertigen Code vor die Nase setzen...mach ich aber nicht

lies dir Tutorials durch, lerne wie man Menue allgemein erstellt...bei den Feinheiten bin ich dann gern behilflich

hier findest du eine vielzahl von Menues inkl. Code ...lesen, probieren, lernen, staunen

 

[yusuf012]

AW: Alice Button

hmm... eine blöde frage noch ist imageready bei mir photoshop integriert? falls nein, woher könnte ich das bekommen?

 

[yusuf012]

AW: Alice Button

hmm....klingt mir nach Null css-Kenntnissen

...ich könnt dir jetzt den fertigen Code vor die Nase setzen...mach ich aber nicht

lies dir Tutorials durch, lerne wie man Menue allgemein erstellt...bei den Feinheiten bin ich dann gern behilflich

hier findest du eine vielzahl von Menues inkl. Code ...lesen, probieren, lernen, staunen

danke dir... ich möchte das ja lernen... brauche halt aber erstmal einen pfad dazu

jetzt eine frage noch wie soltle ich vorgehen? mir kommt es vor , als hätte ich 2 altarnativen... einmal den rahmen an sich erstellen bei dreamweaver mit css coden

und

das bild vollendet erstellen und dann nur noch mit imageready die funktionen geben...???

 

[Tattoomaus78]

AW: Alice Button

insofern du CS3 hat..ja, das ist dort integriert....du brauchst dafür aber kein Imagesready...

edit:

wie solltest du vorgehen...

die Grafiken erstellen und im DW mit css coden...

die von imagesready ausgegebene html-datei ist mE fürn Ar.... und hat ohnehin mE nix mit vernünftigem Coden zu tun

ich rate dir, setze dich vernünftig mit html/css auseinander...da hast du mehr davon

 

[yusuf012]

AW: Alice Button

insofern du CS3 hat..ja, das ist dort integriert....du brauchst dafür aber kein Imagesready...

edit:

wie solltest du vorgehen...

die Grafiken erstellen und im DW mit css coden...

die von imagesready ausgegebene html-datei ist mE fürn Ar.... und hat ohnehin mE nix mit vernünftigem Coden zu tun

ich rate dir, setze dich vernünftig mit html/css auseinander...da hast du mehr davon

yap cs3.. und wo finde ich meinen imagerady? eine frage bleibt noch offen... welche der beiden oben genannten alternativen sollte ich bevorzugen?

 

[yusuf012]

AW: Alice Button

geht klar... ganz klar CSS

 

[Tattoomaus78]

AW: Alice Button

hier findest du noch mehr menus...inkl. code...zum gucken wie man was macht...

 

[yusuf012]

AW: Alice Button

hier findest du noch mehr menus...inkl. code...zum gucken wie man was macht...

gibt es bezüglich dafür keine tuts auf deutsch? das wär echt nett!

 

[Tattoomaus78]

AW: Alice Button

Forensuche...

 

[yusuf012]

AW: Alice Button

okay.. ich mach mich jetzt an die arbeit...

 

[AndarielDraven]

AW: Alice Button

wenn du kein DW hast kannste auch golive benutzen!