Delphi-PRAXiS
Seite 2 von 2     12   
40 Beiträge dieses Themas auf einer Seite anzeigen

Delphi-PRAXiS (https://www.delphipraxis.net/forum.php)
-   Programmieren allgemein (https://www.delphipraxis.net/40-programmieren-allgemein/)
-   -   [HTML] Google-Button-Design kopieren / nachbilden (https://www.delphipraxis.net/113873-%5Bhtml%5D-google-button-design-kopieren-nachbilden.html)

himitsu 16. Mai 2008 15:15
Re: [HTML] Google-Button-Design kopieren / nachbilden
 
Absenden- und Vorschau-Buttons sind wohl mehr Standard :angel2:

Code:
<input type="submit" value="Absenden" ... />
Und wie man Aussehn, Text(Value) und Enabled ändern kann, steht in fast jeder HTML, CSS und vorallem JavaScript-Doku :stupid:

z.B.: SelfHTML.net

Matze 16. Mai 2008 15:17
Re: [HTML] Google-Button-Design kopieren / nachbilden
 
Zitat:
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). :stupid:

Daniel 16. Mai 2008 15:22
Re: [HTML] Google-Button-Design kopieren / nachbilden
 
*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.

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.

Balu der Bär 16. Mai 2008 15:45
Re: [HTML] Google-Button-Design kopieren / nachbilden
 
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? :gruebel:

Daniel 16. Mai 2008 15:55
Re: [HTML] Google-Button-Design kopieren / nachbilden
 
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.

Balu der Bär 16. Mai 2008 15:57
Re: [HTML] Google-Button-Design kopieren / nachbilden
 
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):

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. :mrgreen:


Alle Zeitangaben in WEZ +1. Es ist jetzt 15:17 Uhr.
Seite 2 von 2     12   
40 Beiträge dieses Themas auf einer Seite anzeigen

Powered by vBulletin® Copyright ©2000 - 2025, Jelsoft Enterprises Ltd.
LinkBacks Enabled by vBSEO © 2011, Crawlability, Inc.
Delphi-PRAXiS (c) 2002 - 2023 by Daniel R. Wolf, 2024-2025 by Thomas Breitkreuz