Nederlands Ondersteuningsforum :
Wilt u reageren op dit bericht? Maak met een paar klikken een account aan of log in om door te gaan.

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)
Eigen citaat blokje. Quote10
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


Terug naar boven Terug naar beneden

Nathy

Nathy
Medaille Forumlid
Medaille Forumlid

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

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