Eigen citaat blokje.

Vorige onderwerp Volgende onderwerp Ga naar beneden

Tutorial Eigen citaat blokje.

Bericht van Nathy op ma 26 maa 2012 - 7:33

Hoe een eigen citaat blokje maken ?



Vandaag gaan we leren hoe je je eigen "mooie" citaat blokje kan maken.


1. Eerst moet je een afbeelding kiezen. (dit is het standaard afbeeldingetje)

Code:
https://i.servimg.com/u/f69/14/29/05/13/quote10.gif


2.Beheerderspaneel Display Pictures and Colors Kleuren CSS Stylesheet.

*(Kopieer de code hieronder en plak hem in de css stylesheet)*
Code:
blockquote {
 margin: 1em 1px 1em 25px;
 padding: 5px;
 background: #fafafa url("https://i.servimg.com/u/f69/14/29/05/13/quote10.gif") 6px 8px no-repeat;
 border: 1px solid #DBDBCE;
 font-size: 0.95em;
 margin: 1em 1px 1em 25px;
 overflow: hidden;
 }
blockquote div {
 margin-left: 20px;
 }
blockquote blockquote {
 background-color: #EFEED9;
 font-size: 1em;
 margin: 0.5em 1px 0pt 15px;
 }
blockquote blockquote blockquote {
 background-color: #fafafa;
 }
blockquote cite {
 font-style: normal;
 font-weight: bold;
 display: block;
 font-size: 0.9em;
 }
blockquote cite cite {
 font-size: 1em;
 }
blockquote.uncited {
 padding-top: 25px;
 }

Hier kun je de afbeeldings url aanpassen naar één van eigen keuze.
Code:
background: #fafafa url("https://i.servimg.com/u/f69/14/29/05/13/quote10.gif") 6px 8px no-repeat;

Hier kun je de achtergrondkleur aanpassen.
Code:
background: #fafafa


avatar

Nathy
Medaille Forumlid

Man Aantal berichten : 614
Geboortedatum : 18-09-98
Leeftijd : 20
Locatie : België
Registratiedatum : 05-01-12
Oprichter van het forum : Nee
Templates gewijzigd : Nee
CSS : Nee

Profiel bekijken http://testforumbe-nl.actieforum.com/
Nathy is bedankt door de starter van dit topic.

Vorige onderwerp Volgende onderwerp Terug naar boven


Permissies van dit forum:
Je mag geen reacties plaatsen in dit subforum