Post by Gerrit » Thu Mar 18, 2010 4:06 am

Voor diegene dit niet weet hoe je een achtergrond op je pagina zet met verloop.

Maak in je favoriete tekenpakket een achtergrondje van 5 pixels breed en 1020 pixels hoog.

Maak hier een verloop in van bijvoorbeeld wit naar rood. De rode kleur gebruiken we in de stylesheet om de body mee te kleuren zodat als de pagina groter groeit deze mooi overloopt.

Zet deze strip van wit naar rood in de images folder van je stylesheet

Verander in je stylesheet de body tag met de volgende code:

Code: Select all

body {
	margin: 0px;
	padding: 0px;
	text-align: center;
	background-color: #FF0000; /* kleur van de achtergrond rood */
	background-attachment: fixed;
	background-image: url(../image/verloop_wt_rd.jpg); /*naam van jouw verloop jpg */
	background-repeat: repeat-x;
	background-position: top;
}
Het resultaat is dan:
A:) niet om aan te zien ;)
B:) leuk bedacht, dit kan ik gebruiken 8)

Image

Attachments

verloop_wt_rd.jpg

hier is de wit naar rood overlopende strip om te kunnen testen. Zet deze in je images map bij jouw stylesheet. Rechermuis toets om te saven. - verloop_wt_rd.jpg (13.02 KiB) Viewed 2775 times


For modelcars cars see my OC 3.0.2.0 shop: http://www.gbcars.nl/
For Wooden Toys see my 2.3.0.2 shop: https://www.dehoutentreinenwinkel.nl/


User avatar
Active Member

Posts

Joined
Fri Nov 27, 2009 9:06 pm
Who is online

Users browsing this forum: No registered users and 3 guests