Beste leden,

in deze topic kan je andere leden stukje zelfgemaakte css laten zien, zo kunnen andere leden die niet echt goed zijn in css het beter leren!

Plaats hier zelfgemaakte css stukjes met uitleg erbij. Ga niet hier vragen over hoe je dingen moet maken daar moet je zelf een topic voor openen.

Ik heb een stukje css waar je basis dingen uit kan halen! Vragen over dit stukje en over stukjes van andere css-ers moeten via de pm geregeld worden zodat het niet een hijsa wordt in de topic.

Mijn css basiscode is:

Code:

/* Maak een begin met CSS */

BODY /*body van je site*/{
background-color:#000000; /*achtergrond kleur van je site*/
background-image: url("images/background.gif"); /*achtergrond image van je site */
border: #ffffff 1px solid; /*border kleur */
} 
P, TD /*stijlen van je <td> en <p> op je site*/{
font-family : Verdana; /*lettertype*/
font-size : 9pt; /*grote lettertype*/
color : #ffffff; /*kleur lettertype*/
text-decoration : none; /*vorm van de tekst. Als je niks wilt dan moet je het op none zetten.OF an je zettten op bold, underline enz.*/
padding: 1pt; /* padding van de stijl in een <td> of <p>*/
}
A:link /*een link*/{
color : #ffffff; /*kleur van een link*/
text-decoration : none; /*vorm van een link, kan je zettten op bold, underline enz.*/
} 
A:visited /*link als je er geweest bent*/{
color : #ffffff; /*kleur van een link als je er geweest bent*/
text-decoration : none; /*vorm van een link, kan je zettten op bold, underline enz.*/
} 
A:hover/*kleur van de link als je er met je muis overheen gaat*/ {
color : #999999; /*de kleur van de mouseover*/
text-decoration : none; /*vorm van een link, kan je zettten op bold, underline enz.*/
} 
input, textarea, select /*stijlen voor textarea enz.*/{
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; /*lettertype*/
    font-size: 11px; /*grote lettertype in pixels*/
    color: #000000; /* kleur van de tekst */
    background-color: #f3f3f3; /*achtergrond kleur van een field */
    border: #999999 1px solid; /*bordercolor en grote van border*/
    padding: 1pt; /* padding van de tekstfield*/
}

/* wil je speciale stijlen aanmaken voor sommige plaatsen op je site dat kan ook natuurlijk: Met class of id's */
/* eerst de class*/
.class {
border: 1px dashed #FF0000; /*bordercolor en grote van border*/
color: #000000;/* kleur van de tekst */
text-align: center; /* hoe de tekst moet komen te staan, center, left, right enz. */
width: 100px; /* hoe breed het moet zijn */
padding: 4px;  /* padding van de class*/
}
/*<div class="class">TEKST</div> || dit plaats je dan op je site||*/

/* de id's*/
#id {
border: 1px dashed #FF0000; /*bordercolor en grote van border*/
color: #000000;/* kleur van de tekst */
text-align: center; /* hoe de tekst moet komen te staan, center, left, right enz. */
width: 100px; /* hoe breed het moet zijn */
padding: 4px;  /* padding van de class*/
}

/*<div id="id">TEKST</div> || dit plaats je op je site || */

Zorg dus dat je goede uitleg bij je css code geeft zodat andere leden kunnen leren wat het is.

groetjes Sjoerd!

Tis maar net wat je nette code noemt. Ik zal binnenkort wel even wat plaatsen.

Heb ook even een opmerking. Zelf heb ik niet veel verstand van CSS en haalde deze dan ook even door de validator en zag dat er 2 foutjes in zaten. Misschien een punt om op te letten of zijn die 2 problemen niet zo erg.

Zie:
http://jigsaw.w3.org/css-validator/v...usermedium=all

ik zie alleen 4 waarschuwingen (domme waarschuwingen dat de achtergrond hetzelfde zou zijn)

Origineel gepost door Sjoerd van Mook

Beste leden,

in deze topic kan je andere leden stukje zelfgemaakte css laten zien, zo kunnen andere leden die niet echt goed zijn in css het beter leren!

Plaats hier zelfgemaakte css stukjes met uitleg erbij. Ga niet hier vragen over hoe je dingen moet maken daar moet je zelf een topic voor openen.

Ik heb een stukje css waar je basis dingen uit kan halen! Vragen over dit stukje en over stukjes van andere css-ers moeten via de pm geregeld worden zodat het niet een hijsa wordt in de topic.

Mijn css basiscode is:

Code:

/* Maak een begin met CSS */

BODY /*body van je site*/{
background-color:#000000; /*achtergrond kleur van je site*/
background-image: url("images/background.gif"); /*achtergrond image van je site */
border: #ffffff 1px solid; /*border kleur */
} 
P, TD /*stijlen van je <td> en <p> op je site*/{
font-family : Verdana; /*lettertype*/
font-size : 9pt; /*grote lettertype*/
color : #ffffff; /*kleur lettertype*/
text-decoration : none; /*vorm van de tekst. Als je niks wilt dan moet je het op none zetten.OF an je zettten op bold, underline enz.*/
padding: 1pt; /* padding van de stijl in een <td> of <p>*/
}
A:link /*een link*/{
color : #ffffff; /*kleur van een link*/
text-decoration : none; /*vorm van een link, kan je zettten op bold, underline enz.*/
} 
A:visited /*link als je er geweest bent*/{
color : #ffffff; /*kleur van een link als je er geweest bent*/
text-decoration : none; /*vorm van een link, kan je zettten op bold, underline enz.*/
} 
A:hover/*kleur van de link als je er met je muis overheen gaat*/ {
color : #999999; /*de kleur van de mouseover*/
text-decoration : none; /*vorm van een link, kan je zettten op bold, underline enz.*/
} 
input, textarea, select /*stijlen voor textarea enz.*/{
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; /*lettertype*/
    font-size: 11px; /*grote lettertype in pixels*/
    color: #000000; /* kleur van de tekst */
    background-color: #f3f3f3; /*achtergrond kleur van een field */
    border: #999999 1px solid; /*bordercolor en grote van border*/
    padding: 1pt; /* padding van de tekstfield*/
}

/* wil je speciale stijlen aanmaken voor sommige plaatsen op je site dat kan ook natuurlijk: Met class of id's */
/* eerst de class*/
.class {
border: 1px dashed #FF0000; /*bordercolor en grote van border*/
color: #000000;/* kleur van de tekst */
text-align: center; /* hoe de tekst moet komen te staan, center, left, right enz. */
width: 100px; /* hoe breed het moet zijn */
padding: 4px;  /* padding van de class*/
}
/*<div class="class">TEKST</div> || dit plaats je dan op je site||*/

/* de id's*/
#id {
border: 1px dashed #FF0000; /*bordercolor en grote van border*/
color: #000000;/* kleur van de tekst */
text-align: center; /* hoe de tekst moet komen te staan, center, left, right enz. */
width: 100px; /* hoe breed het moet zijn */
padding: 4px;  /* padding van de class*/
}

/*<div id="id">TEKST</div> || dit plaats je op je site || */

Zorg dus dat je goede uitleg bij je css code geeft zodat andere leden kunnen leren wat het is.

groetjes Sjoerd!

Als je dit laat coden hoop ik voor de koper dat hij niet per uur betaald..

Dat is lang geleden dat ik dit geplaatst heb. Zal weliswaar een algemeen begin met css geweest zijn van mij. Denk wel handig voor beginnende scripters die met css willen werken. Uitleg staat overal bij zie ik.

Tijdloze post Sjoerd. Bedankt!