|
|||
Die kleinen Buttons
Hi, wollte Fragen woher ihr die kleinen Buttons habt.
Z.B. den: Bei W3C.org findet man ja nur die 88x31 Standartbuttons für 'valide Seiten'... Habt ihr die selber gemacht oder wo gibts die? P.S.: http://www.vogler.fabian.de/ << Da sind ganz viele von denen ... wofür sind die alle da, und woher hat er die? |
Sponsored Links |
|
||||
Hi Shark13,
es gibt im Netz verschiedene Seiten auf denen kostenlose Buttons angeboten werden. In diesem Beitrag http://www.xhtmlforum.de/viewtopic.php?t=1206 habe ich zwei solcher Links gepostet. Der eine Link führt Dich direkt zu einem Onlinegenerator mit dem Du solche Buttons ganz einfach und schnell selbst erstellen kannst. Vor allem wenn man eine ganze Reihe von solchen Buttons brauch (wie bei vogler.fabian) ist so ein Generator natürlich sehr praktisch. hemfrie |
Sponsored Links |
|
|||
Ganz ohne Grafik und Skalierbar,
Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <title>xxxx</title> <style type="text/css"> /*<![CDATA[*/ html,body { margin: 20px; padding: 0px; background-color: #999999; color: #000000; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 100.01%; } hr { border: 0; margin-top: 25px; margin-bottom: 5px; color: #000000; background-color: #000000; /* Mozilla farbe */ height: 2px; } b { color: #FFEE22; background-color: #666666; font-weight: bold; padding-left: 3px; padding-right: 3px; } /* w3c Button 1 */ div.w3cbutton1 { position: relative; margin: 1em 0; font-family: helvetica,arial,sans-serif; font-size: 70%; font-weight: bold; } div.w3cbutton1 a { display: block; border-top: 1px solid #cecece; border-bottom: 2px solid #4a4a4a; } div.w3cbutton1 a.w3c1 { width: 3em; border-left: 1px solid #cecece; text-align: center; } div.w3cbutton1 a.spec1 { position: absolute; left: 3em; top: 0; width: 6em; border-right: 2px solid #4a4a4a; padding-left: 0.5em; } div.w3cbutton1 a.w3c1:link, div.w3cbutton1 a.w3c1:visited, div.w3cbutton1 a.w3c1:hover { background-color: #fff; color: #0c479d; text-decoration: none; } div.w3cbutton1 a.spec1:link, div.w3cbutton1 a.spec1:visited, div.w3cbutton1 a.spec1:hover { background-color: #fc6; color: #000; text-decoration: none; } /* w3c Button 3 */ div.w3cbutton3 { margin: 1em 0; width: 9em; border: 1px solid #ccc; font-family: helvetica,arial,sans-serif; font-size: 70%; font-weight: bold; } div.w3cbutton3 a { display: block; width: 100%; } div.w3cbutton3 a:link, div.w3cbutton3 a:visited, div.w3cbutton3 a:hover { background-color: #fc6; color: #000; text-decoration: none; } div.w3cbutton3 span.w3c { padding: 0 0.4em; background-color: #fff; color: #0c479d; } /* w3c Button 4 */ div.w3cbutton4 { margin: 1em 0; width: 9em; font-family: helvetica,arial,sans-serif; font-size: 70%; font-weight: bold; } div.w3cbutton4 a { display: block; width: 100%; } div.w3cbutton4 a:link, div.w3cbutton4 a:visited, div.w3cbutton4 a:hover { background-color: #fc6; color: #000; text-decoration: none; } div.w3cbutton4 a:link, div.w3cbutton4 a:visited { border-top: 1px solid #cecece; border-bottom: 2px solid #4a4a4a; border-left: 1px solid #cecece; border-right: 2px solid #4a4a4a; } div.w3cbutton4 a:hover { border-bottom: 1px solid #cecece; border-top: 2px solid #4a4a4a; border-right: 1px solid #cecece; border-left: 2px solid #4a4a4a; } div.w3cbutton4 span.w3c { padding: 0 0.4em; background-color: #fff; color: #0c479d; } /*]]>*/ </style> </head><body> <hr /> <div class="w3cbutton1"> W3C XHTML 1.0 </div> <div class="w3cbutton1"> W3C CSS 2 </div> <hr /> <div class="w3cbutton3"> <a href="http://validator.w3.org/check/referer" title="Kontrollierte HTML-Qualität"> <span class="w3c">W3C</span> <span class="spec">XHTML 1.0</span> </a> </div> <div class="w3cbutton3"> <a href="http://jigsaw.w3.org/css-validator/validator?uri=http://www.stero.de/screen.css" title="Kontrollierte CSS-Qualität"> <span class="w3c">W3C</span> <span class="spec">CSS 2</span> </a> </div> <div style="font-size: 1.2em"> <div class="w3cbutton3"> <a href="http://www.stero.de/qualitaet.php" title="Was bedeutet eigentlich W3C?"> <span class="w3c">W3C</span> <span class="spec">bitte was?</span> </a> </div> </div> <hr /> <div class="w3cbutton4"> <a href="http://validator.w3.org/check/referer" title="Kontrollierte HTML-Qualität"> <span class="w3c">W3C</span> <span class="spec">XHTML 1.0</span> </a> </div> <div class="w3cbutton4"> <a href="http://jigsaw.w3.org/css-validator/validator?uri=http://www.stero.de/screen.css" title="Kontrollierte CSS-Qualität"> <span class="w3c">W3C</span> <span class="spec">CSS</span> </a> </div> <div class="w3cbutton4"> <a href="http://www.w3.org/WAI/WCAG1A-Conformance" title="Web Accessibility Initiative|Priorität 1"> <span class="w3c">W3C</span> <span class="spec">WAI - A</span> </a> </div> <div class="w3cbutton4"> <a href="http://www.w3.org/WAI/WCAG1AA-Conformance" title="Web Accessibility Initiative|Priorität 2"> <span class="w3c">W3C</span> <span class="spec">WAI - AA</span> </a> </div> <div class="w3cbutton4"> <a href="http://www.w3.org/WAI/WCAG1AAA-Conformance" title="Web Accessibility Initiative|Priorität 3"> <span class="w3c">W3C</span> <span class="spec">WAI - AAA</span> </a> </div> <hr /> HTML CSS</p> </body></html>
__________________
</ulle> |
|
|||
Zitat:
Welche Seite meinst du? Mein Body hat ne Hintergrundfarbe? Hab ich nen selbst generierten Button von dem einem Link von hemfrie genommen! Versteh dich nicht! |
|
|||
dieser LINK http://www.vogler.fabian.de/; zeigt mir eine WEBsite ohne definierter Hindergrundfarbe
Diese mag ja bei Dir [weiss] sein, bei mir nicht, da ich die Standardfarbe für geöffnete Fenster nicht [weiss] habe. siehe in Windowssystemen Systemsteuerung / Anzeige / Darstellung / Erweitert / Fenster (Farbeinstellung)
__________________
</ulle> |
|
|||
Nur gehört die Seite halt nicht Sharky - Sharkys Seite ist http://www.xerostyle.de/ - und da gibt's Hintergrund.
|
Themen-Optionen | |
Ansicht | |
|
|
Ähnliche Themen | ||||
Thema | Autor | Forum | Antworten | Letzter Beitrag |
Responsive: 4 klickbare Buttons und Höhe | ChOpSueY! | CSS | 1 | 20.03.2015 16:42 |
Buttons richtig positionieren | joergi | CSS | 1 | 28.06.2011 03:17 |
Text neben Buttons ausrichten | red1854 | CSS | 0 | 13.09.2008 00:51 |
Buttons für externe Stylesheets: Druck & Schriftvergrößerung | Magnetic | CSS | 4 | 02.06.2006 22:30 |
Problem mit dem Menü [erledigt] | Julian | CSS | 2 | 16.01.2006 00:27 |