+ Antworten
Seite 1 von 2 1 2 LetzteLetzte
Ergebnis 1 bis 10 von 13

Thema: CSS / Javascript Buttons erstellen

  1. #1
    pinco
    Gast

    Frage CSS / Javascript Buttons erstellen

    Guten Tag,
    ich habe eine Frage, die sich auf die Erstellung von CSS bzw. eher auf die Erstellung von Javascript Buttons bezieht:
    Wie kann man solche Buttons erstellen? Kennt jemand ein gutes Programm? Und kann man dann auch Button-Effekte machen? Z.B. bei "mouseover" ?
    Vielen Dank.

  2. #2
    Hat hier eine Zweitwohnung Avatar von dackelchen
    Registriert seit
    12.04.2010
    Ort
    Kiel
    Beiträge
    1.612
    Bedankte sich
    265
    Erhielt 355 Danksagungen
    in 333 Beiträgen

    Standard

    Was genau meinst Du mit Programm?

    Du kannst doch das Aussehen der Buttons komplett über CSS festlegen. Hast Du mehrere Arten von Buttons, machst Du mehrere Klassen.

    Die Effekte bekommst Du indem Du bei mouseover, active, etc die entsprechenden Parameter angibst.

    Beispiel: der Topanker auf meiner HP

    Das dazugehörige CSS sieht da so aus:

    Code:
    .ja-links li.top a {
     	background: url(../images/arrow4.png) no-repeat 8% 47% #000;
    	border: 1px solid #000;
    	padding: 2px 8px 2px 20px;
    	color: #fff;
    	text-transform: uppercase;
    	font-family: Helvetica,Arial,sans-serif;
    	font-size:92%;
    	font-weight:bold;
    	-moz-border-radius:2px;
    	-moz-box-shadow:0 0 3px black;
    	 }
    
    .ja-links li.top a:hover {
     	background: url(../images/arrow4.png) no-repeat 8% 47% #069;
    	text-decoration: none;
    	border-color: #333; 
    }
    Edit: Das Programm dazu wäre dann in meinem Fall Notepad**.
    Geändert von dackelchen (04.02.2011 um 16:37 Uhr)

  3. #3
    Verbringt hier viel Zeit Avatar von kardio
    Registriert seit
    22.04.2009
    Ort
    Switzerland
    Beiträge
    929
    Bedankte sich
    89
    Erhielt 189 Danksagungen
    in 185 Beiträgen

    Standard

    Ansonsten heisst ein gutes Programm Adobe Photoshop. Mit dem kannst Du erstklassige Buttons erstellen.
    Zum Beispiel.

    Und eine Erklärung hier.
    Geändert von kardio (04.02.2011 um 16:52 Uhr)
    Wie stelle ich meine Fragen richtig? - Joomla FAQ - Frage als gelöst markieren? So gehts!
    - Ein Klick auf 'Danke' erfreut immer! Keinen privaten Support per PM!

  4. #4
    Wohnt hier Avatar von cylance
    Registriert seit
    10.11.2010
    Beiträge
    2.313
    Bedankte sich
    189
    Erhielt 592 Danksagungen
    in 562 Beiträgen

    Standard

    Und dann gibt es noch CSS Sprites als elegante Button Lösung zum hovern
    Meine Kristallkugel hat einen Sprung und die Tarotkarten hat's vom Tisch geweht. Detailierte Informationen sind hilfreich.
    We offer three kinds of service: good - chea p - fast. u can pick 2 of them
    FAQ vorn im Forum gelesen?

  5. Erhielt Danksagungen von:


  6. #5
    pinco
    Gast

    Standard

    Und was genau sind "CSS Sprites" ?
    Vielen Dank für die Mühe!

  7. #6
    Hat hier eine Zweitwohnung Avatar von dackelchen
    Registriert seit
    12.04.2010
    Ort
    Kiel
    Beiträge
    1.612
    Bedankte sich
    265
    Erhielt 355 Danksagungen
    in 333 Beiträgen

    Standard

    Gehe mal in das Profil von cylance. Da findest Du eine Linksammlung zu CSS-Sprites auf der Pinwand.

  8. Erhielt Danksagungen von:


  9. #7
    pinco
    Gast

    Standard

    Dankeschön!

  10. #8
    pinco
    Gast

    Standard

    Eine Frage habe ich noch:
    Ich möchte gerne Buttons mit Effekten, wie auf diesem Bild machen:
    http://css-tricks.com/wp-content/css...css-sprite.png

    Also Buttons, bei denen eine Farbabstufung erkennbar ist, und wenn man mit der Maus draufgeht, dann wechselt die Farbabstufung.
    Wie kann man dies machen? Muss ich dazu erst die Grafiken/Bilder machen?
    Und wie nennt man diesen Effekt?

    Vielen Dank.

  11. #9
    Wohnt hier Avatar von Harmageddon
    Registriert seit
    04.03.2010
    Ort
    Heilbronn
    Beiträge
    2.126
    Bedankte sich
    138
    Erhielt 616 Danksagungen
    in 605 Beiträgen

    Standard

    Das sind reine Grafiken.
    Konnte ich helfen? "Danke" klicken kostet nichts und tut nicht weh.
    Problem gelöst? Ersten Post bearbeiten - Erweitert - Präfix: "Gelöst" - Danke!
    allergisch gegen grausame Rechtschreibung

  12. Erhielt Danksagungen von:


  13. #10
    pinco
    Gast

    Standard

    Und wie kann ich mit einem Programm solche Grafiken erstellen, bei denen eine solche Farbabstufung erkennbar ist?

+ Antworten
Seite 1 von 2 1 2 LetzteLetzte

Lesezeichen

Berechtigungen

  • Neue Themen erstellen: Nein
  • Themen beantworten: Nein
  • Anhänge hochladen: Nein
  • Beiträge bearbeiten: Nein