zurück zur Startseite
  


Zurück XHTMLforum > Sonstiges > Offtopic
Seite neu laden Die kleinen Buttons

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 22.07.2004, 01:00
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 12.07.2004
Beiträge: 16
Shark13 befindet sich auf einem aufstrebenden Ast
Standard 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?
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 22.07.2004, 08:13
Benutzerbild von hemfrie
Administrator
XHTMLforum-Kenner
 
Registriert seit: 18.12.2003
Ort: Düsseldorf
Beiträge: 2.776
hemfrie ist jedem bekannthemfrie ist jedem bekannthemfrie ist jedem bekannthemfrie ist jedem bekannthemfrie ist jedem bekannthemfrie ist jedem bekannt
Standard

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
Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 22.07.2004, 08:44
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 02.06.2003
Beiträge: 2.441
ulle befindet sich auf einem aufstrebenden Ast
Standard

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&auml;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&auml;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&auml;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&auml;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&auml;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&auml;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&auml;t 3">
    <span class="w3c">W3C</span>
    <span class="spec">WAI - AAA</span>
  </a>
</div>
<hr />


 HTML
 CSS</p>


 </body></html>
Ursprung / Autor http://www.sovavsiti.cz/css/w3c_buttons.html
__________________
</ulle>
Mit Zitat antworten
  #4 (permalink)  
Alt 22.07.2004, 14:31
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 12.07.2004
Beiträge: 16
Shark13 befindet sich auf einem aufstrebenden Ast
Standard

Danke ihr Beiden genau die meinte ich hab für meine Seite die Buttons schon geändert, Thema erledigt..
Mit Zitat antworten
  #5 (permalink)  
Alt 22.07.2004, 14:46
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 02.06.2003
Beiträge: 2.441
ulle befindet sich auf einem aufstrebenden Ast
Standard

Dein BODY hat keine Hintergrundfarbe, ist dann bei mir nicht weiß
__________________
</ulle>
Mit Zitat antworten
  #6 (permalink)  
Alt 22.07.2004, 17:19
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 12.07.2004
Beiträge: 16
Shark13 befindet sich auf einem aufstrebenden Ast
Standard

Zitat:
Zitat von ulle
Dein BODY hat keine Hintergrundfarbe, ist dann bei mir nicht weiß
!?

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!
Mit Zitat antworten
  #7 (permalink)  
Alt 23.07.2004, 08:38
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 02.06.2003
Beiträge: 2.441
ulle befindet sich auf einem aufstrebenden Ast
Standard

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>
Mit Zitat antworten
  #8 (permalink)  
Alt 23.07.2004, 09:16
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 24.05.2004
Beiträge: 1.176
terrikay befindet sich auf einem aufstrebenden Ast
Standard

Nur gehört die Seite halt nicht Sharky - Sharkys Seite ist http://www.xerostyle.de/ - und da gibt's Hintergrund.
Mit Zitat antworten
  #9 (permalink)  
Alt 23.07.2004, 09:48
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 02.06.2003
Beiträge: 2.441
ulle befindet sich auf einem aufstrebenden Ast
Standard

stimmt ...... Ich denke wohl zu Fachbezogen
__________________
</ulle>
Mit Zitat antworten
Sponsored Links
Antwort

Themen-Optionen
Ansicht

Forumregeln
Es ist Ihnen nicht erlaubt, neue Themen zu verfassen.
Es ist Ihnen nicht erlaubt, auf Beiträge zu antworten.
Es ist Ihnen nicht erlaubt, Anhänge hochzuladen.
Es ist Ihnen nicht erlaubt, Ihre Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are an
Pingbacks are an
Refbacks are aus


Ähnliche Themen
Thema Autor Forum Antworten Letzter Beitrag
Responsive: 4 klickbare Buttons und Höhe ChOpSueY! CSS 1 20.03.2015 15:42
Buttons richtig positionieren joergi CSS 1 28.06.2011 02:17
Text neben Buttons ausrichten red1854 CSS 0 12.09.2008 23:51
Problem mit dem Menü [erledigt] Julian CSS 2 15.01.2006 23:27
Problem mit Buttons / Hintergrund - Felder verschieben!? Hisky CSS 3 10.05.2005 20:42


Alle Zeitangaben in WEZ +2. Es ist jetzt 00:16 Uhr.