login  Naam:   Wachtwoord: 
Registreer je!
 Scripts:
Scripts > Overige > CSS > Standaard CSS

Standaard CSS

Auteur: webbiexl - 31 augustus 2004 - 13:06 - Gekeurd door: Dennisvb - Hits: 5386 - Aantal punten: 2.38 (8 stemmen)



Dit is een kant en klaar CSS-script voor de luilakken onder ons.
Het steldt niet veel voor, maar het is genoeg voor een standaard
homepage.

Wat doet het?
Tekst naar keuze met grote en stijl,
Scrollbar je eigen kleuren geven,
Links kan je aanpasen,
Tekstvelden zijn ook naar eigen stijl aan te passen.

Bijna alles is aangegeven, alle factoren werken en je kan het zelf makkelijk uitbreiden als je niet te lui bent . Via het voorbeeld kom je op een website die ik aan het bouwen ben, dan zie je de basiskleuren, de scrollbar, tekst, tekstvelden etc.

Code:
php code - Bekijk de code zonder highlighting - Klap code in 
  1. body 
  2. /*Dit is dan de style voor de tekst en de scrollbar */ 
  3.    { 
  4.     font: 8pt arial; 
  5.     color: #000000; 
  6.     font-weight: normal; 
  7.     background-color: #EEEEEE; 
  8.     scrollbar-base-color: #EEEEEE;
  9.     scrollbar-track-color: #FFFFFF;
  10.     scrollbar-face-color: #EEEEEE;
  11.     scrollbar-highlight-color: #FFFFFF;
  12.     scrollbar-3d-light-color: #EEEEEE;
  13.     scrollbar-darkshadow-color: #C0C0C0;
  14.     scrollbar-shadow-color: #CCCCCC;
  15.     scrollbar-arrow-color: #FFFFFF;
  16.     } 
  17.  
  18. td, th    { 
  19.     font: 8pt arial; 
  20.     color: #000000; 
  21.     font-weight: normal;  
  22.  
  23.     } 
  24.  
  25.  
  26. p    { 
  27.     font: 8pt arial; 
  28.     color: #000000; 
  29.     } 
  30.  
  31. /*Dit is dan de style voor de links */ 
  32. a:link    { 
  33.     font: 8pt arial; 
  34.     text-decoration: none; 
  35.     color: #000000; 
  36.     font-weight: normal; 
  37.     } 
  38. a:active    { 
  39.         font: 8pt arial; 
  40.         text-decoration: none; 
  41.         color: #CCCCCC; 
  42.         font-weight: normal; 
  43.         } 
  44. a:hover        { 
  45.         font: 8pt arial; 
  46.         text-decoration: none; 
  47.         color: #C0C0C0; 
  48.         font-weight: normal;  
  49.         } 
  50. a:visited    { 
  51.         font: 8pt arial; 
  52.         text-decoration: none; 
  53.         color: #000000; 
  54.         font-weight: normal;  
  55.         } 
  56.  
  57.  
  58. /*Dit is dan de style voor de tekstvelden */ 
  59.  
  60. input    { 
  61.         border: 1px black; 
  62.         font: arial; 
  63.         font-size: 8pt; 
  64.         color: #000000; 
  65.         background-color: #C0C0C0; 
  66.         } 
  67. textarea    { 
  68.         border: 1px black; 
  69.               font: arial; 
  70.         font-size: 8pt; 
  71.         color: #000000; 
  72.         background-color: #C0C0C0; 
  73.         } 
  74. select        { 
  75.         border: 1px black; 
  76.         font: arial; 
  77.         font-size: 8pt;  
  78.         color: #000000; 
  79.         background-color: #C0C0C0; 
  80.         }
Download code! Download code (.txt)

Download dit script! Bekijk een voorbeeld van dit script!
 Stemmen
Niet ingelogd.

 Reacties
Post een reactie
Geen reacties (0)
© 2002-2024 Sitemasters.be - Regels - Laadtijd: 0.022s