Tutorials Infos - Anleitungen - Hilfe - Dreamcodes
 

Button Effekt

Wenn du auf deiner HP einen Butten Effekt haben möchtest muss du nur folgendes style in deine *.css Datei schreiben. Nur du musst darauf achten das du wenn du einern link machts das du sie in eine Tabelle fast damit sie nicht die ganze seite einnehemen.(width: 100% !!!) Wenn du noch kein externes css hast dann einfach eine neue TXT-Datei anlegen mit einem Rechtsklick, und sie in in_wass_du_willst.css umbennenen und folgenden code einfügen:
A /*allgemein der link*/
{
COLOR: Black; /*Schriftfarbe des link*/
text-decoration : none; /*ohne decoration(nicht unterstrichen..)*/
background : #A9A9A9; /*hintergrundfarbe*/
border :thin outset Silver;
/*border=Rahmen;thin=dünn;outset=Buttoneffekt*/
width: 100%; /*100% von der seite*/
}
/* /*<---Das löschen wenn ihr wollt...*/
A:hover /*wenn man über den link geht mit der maus*/
{
COLOR: Black;
text-decoration : none;
background : #A9A9A9;
border : thin inset Silver;/*inset=button effekt(reingedrückt)*/
width: 100%;
padding-left : 2px;
padding-top : 2px;/*padding ist eine Positions Angabe*/
}
*/ /*...das der link on mousover reagiert*/

A:ACTIVE /*sagt wenn der Link gedrückt wurde*/
{
COLOR: Black;
text-decoration : none;
background : #A9A9A9;
border : thin inset Silver;
width: 100%;
padding-left : 2px;
padding-top : 2px;
}
Die HTML muss du nur noch mit der css datei verknüpfen, das geht so:

Schreibe in den Head der HTML datei (Zwichen >head> und >/head>) folgendes:

(> wurde umgedeht zur darstellung bitte Beachten)


 
ID: 14
eingestellt am: 04.05.2002
Autor: unbekannt
Status zum lesen: Gast
gelesen: 6334
Webseite: www.dreamcodes.com
[Drucken]