[HTML] Google-Button-Design kopieren / nachbilden

**himitsu**

Absenden- und Vorschau-Buttons sind wohl mehr Standard

markieren

Code:

Und wie man Aussehn, Text(Value) und Enabled ändern kann, steht in fast jeder HTML, CSS und vorallem JavaScript-Doku

z.B.:

SelfHTML.net

**Matze**

Zitat von Daniel:

Das mit den Buttons hier in der DP ist ein simpler CSS-Effekt. Müsste ein Hintergrundbild oder dgl. sein.

Das haben Gérome, du oder wer auch immer ohne CSS gelöst, rein mit dem <img>-Tag ("Buttons" wie fürs Antworten oder diese ganzen Spezialfunktionen).

**Daniel**

*g*

Kinderchen, Papa weiß doch, was er gemacht hat. Ich denke, wir reden von unterschiedlichen Buttons. Ich meine beispielsweise die im Editor zum Absenden eines Beitrages.

markieren

Code:

			[...]

/* The main submit button option */

input.mainoption {

   background-color : #FAFAFA;

   font-weight : bold;

   border: solid 1px #000;

   background: #F0F0F0 url('./images/button.gif') repeat-x top left; 

}

[...]

Und die Buttons des Beitrags-Editors ("Entwurf einfügen", "Vorschau", "Absenden", etc.) haben diese oder eine ähnliche CSS-Klasse.

Verstehe ich die

Lizenz dieses Dingens richtig, dass ich die betreffenden Dateien auf meinen Server kopieren darf und das ganze ohne Hinweise auf Yahoo in meiner Seite verwenden kann?

**Daniel**

Also vBulletin macht es so. Die wickeln ihr gesamtes DHTML- und AJAX-Gedöns damit ab und haben keine sichtbaren Hinweise auf die Verwendung dieser Bibliothek untergebracht.

Als Hinweis: Es gibt diese Bibliothek komprimiert und unkomprimiert. Wenn Du also mit dem Entwickeln fertig bist, könntest Du in Erwägung ziehen, für den Live-Betrieb die komprimierte Variante zu nutzen, da diese ein paar KBytes kleiner ist.

Ok danke, super.

Btw, wer nur die reinen Buttons will wie ich, dem reicht das hier schon (man kann also auf die ganzen Scripte verzichten):

zusammenfalten · markieren

Delphi-Quellcode:

			<html>

<head>

<title>balubutton</title>

<link rel="stylesheet" type="text/css" href="http://yui.yahooapis.com/2.5.1/build/button/assets/skins/sam/button.css">    

</head>

<body class="yui-skin-sam">

   <span id="submitbutton4" class="yui-button yui-submit-button"> 

       <span class="first-child"> 

           <button type="button" name="submitfield4">Convert hand</button> 

       </span>     

       <span class="first-child"> 

           <button type="button" name="submitfield4">Clear form</button> 

       </span>     

     </span>

</body>

</html>

Vielleicht sollte ich demnächst mal wieder mit Yahoo googeln, echt ne schöne Sache.

[HTML] Google-Button-Design kopieren / nachbilden

Re: [HTML] Google-Button-Design kopieren / nachbilden

Re: [HTML] Google-Button-Design kopieren / nachbilden

Re: [HTML] Google-Button-Design kopieren / nachbilden

Re: [HTML] Google-Button-Design kopieren / nachbilden

Re: [HTML] Google-Button-Design kopieren / nachbilden

Re: [HTML] Google-Button-Design kopieren / nachbilden

Forumregeln

Matze (Co-Admin) Registriert seit: 7. Jul 2003 Ort: Schwabenländle 14.929 Beiträge Turbo Delphi für Win32	#12 Re: [HTML] Google-Button-Design kopieren / nachbilden 16. Mai 2008, 15:17 Zitat von Daniel: Das mit den Buttons hier in der DP ist ein simpler CSS-Effekt. Müsste ein Hintergrundbild oder dgl. sein. Das haben Gérome, du oder wer auch immer ohne CSS gelöst, rein mit dem <img>-Tag ("Buttons" wie fürs Antworten oder diese ganzen Spezialfunktionen).
	Zitat

Balu der Bär (Gast) n/a Beiträge	#14 Re: [HTML] Google-Button-Design kopieren / nachbilden 16. Mai 2008, 15:45 Verstehe ich die Lizenz dieses Dingens richtig, dass ich die betreffenden Dateien auf meinen Server kopieren darf und das ganze ohne Hinweise auf Yahoo in meiner Seite verwenden kann?
	Zitat