Vedor

Maak uw eigen website:

Volg onderstaande stappen om snel een unieke website te maken.

Stap 1: Kies uw ontwerp.

Stap 2: Pas het ontwerp aan.

Van het gekozen ontwerp kunt u de kleuren, afbeeldingen en het lettertype wijzigen.

Probeer gerust alle tabbladen en knoppen. U kunt alle wijzigingen weer ongedaan maken. Er kan niets stuk.

Als u tevreden bent selecteer dan het tabblad 'Publiceren', controleer uw gegevens en druk op de knop 'Maak uw website'.

Stap 3: Bevestig uw account.

Stap 4: Vul uw website.

Publiceren

Ontwerp klaar! En nu?

Uw website wordt gepubliceerd zodra u hiernaast op ‘maak uw website’ klikt
U dient akkoord te gaan met de algemene voorwaarden.
Na publicatie wordt u om een wachtwoord gevraagd en kunt u direct aan de slag
U kunt Vedor 30 dagen kostenloos en zonder verplichtingen proberen.
Een e-mail met daarin alle gegevens, support en handleiding wordt u toegestuurd.
U kunt via onze website inloggen op uw Vedor Dashboard om verdere instellingen door te voeren.

Ik ga akkoord met de
algemene voorwaarden.

Tekst-stijl

@import url('default.style.css');
	body { 
		font-family: "Helvetica Neue", "HelveticaNeue", Helvetica, Arial, "Lucida Grande", sans-serif;
		color: #555;
		position: relative;
		-webkit-font-smoothing: antialiased;
	}
	body, table {
		font-size: 16px;
		line-height: 1.8em;
	}

a {
		color: #4D99E0;
		outline: 0;
	}
	a:active{
		color: inherit;
	}
	a img{
		border: 0;
	}

blockquote {
		font-size: 1.5em;
		font-style: italic;
		color: #888;
		margin: 30px 30px 30px 0;
		padding: 0 0 0 20px;
		border-left: 1px solid #ccc;
	}

blockquote span{
		font-size:0.7em;
		color:#000;
		display:block;
	}
	
	blockquote.small{
		font-size:1.2em;
	}
	
	ul, ol {
		padding: 0;
		margin: 0 0 20px 25px;
	}

li {
		padding: 5px 0;
		margin: 0;
	}
	
	ul.checks {
		padding: 0;
		margin: 0 0 20px 0;
	}

ul.checks li {
		list-style-type: none;
		margin: 0;
		background: url(/graphics/shared/kickstart/icon-check.png) no-repeat 5px 0.5em;
		padding-left: 30px;
	}

ul.alt {
		padding: 0;
		margin: 0 0 20px 0;
	}

ul.alt li {
		list-style-type: none;
		border-top: 1px dotted #ccc;
		border-bottom: 1px dotted #ccc;
		margin: 0 0 -1px 0;
		background: url(/graphics/shared/kickstart/icon-arrow-right.png) no-repeat 5px 0.7em;
		padding-left: 20px;
	}

code {
		font-family: monospace;
		border: 1px solid lightblue;
		padding: 3px;
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
		border-radius: 3px;
		color: #518BAB;
	}

pre {
		white-space: pre-wrap;			 /* css-3 */
		white-space: -moz-pre-wrap !important;	/* Mozilla, since 1999 */
		white-space: -pre-wrap;			/* Opera 4-6 */
		white-space: -o-pre-wrap;		/* Opera 7 */
		word-wrap: break-word;			 /* Internet Explorer 5.5+ */
		margin: 0px 0px 0px 0px;
		padding: 5px 5px 3px 5px;
		background: #fff;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		border-radius: 5px;
		box-shadow: inset 0px 0px 7px rgba(0,0,0,0.2);
		padding: 10px;
		margin: 0 0 20px 0;
		border: 1px solid #ddd;
	}

table {
		width: 100%;
		margin: 0 0 10px 0;
		text-align: left;
	}
	thead, tbody{
		margin: 0;
		padding: 0;
	}
	th, td{
		padding: 0px;
		font-size: 1em;
		text-align: left;
		vertical-align: top;
	}

table.striped td,
	table.striped th,
	table.tight td,
	table.tight th,
	table.nice td,
	table.nice th{
		padding: 7px 10px;
		font-size: 0.9em;
		border-bottom: 1px dotted #ddd;
	}
	
	table.striped tbody tr.last th,
	table.striped tbody tr.last td,
	table.tight tbody tr.last th,
	table.tight tbody tr.last td,
	table.nice tbody tr.last th,
	table.nice tbody tr.last td {
			border-bottom:0;
	}
	
	/* striped */
	table.striped tr.alt {
		background: #f5f5f5;
	}
	table.striped thead th {
		background: #fff;
	}
	table.striped tbody th{
		background: #f5f5f5;
		text-align: right;
		padding-right: 15px;
		border-right: 1px dotted #e5e5e5;
	}
	table.striped tbody tr.alt th {
		background:#efefef;
	}

/* tight */
	table.tight th, 
	table.tight td {
		padding:2px 10px;
	}

A
A
A

Stel de lettergrootte en regelafstand in met de knoppen direct links of kies een heel andere set fonts uit de selectie helemaal links.

Afbeeldingen

Kleuren

Kleurtoon

Verzadiging

Helderheid

Beweeg de schuiven rechts om de kleurtoon, verzadiging en helderheid van alle kleuren tegelijk aan te passen.

HTML {
	WIDTH: 100%; HEIGHT: 100%
}
BODY {
	PADDING-BOTTOM: 0px; BACKGROUND-COLOR: white; MARGIN: 0px; MIN-HEIGHT: 100%; PADDING-LEFT: 0px; COLOR: black; PADDING-TOP: 0px
}
DIV {
	BORDER-BOTTOM: 0px; BORDER-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; BORDER-TOP: 0px; BORDER-RIGHT: 0px; PADDING-TOP: 0px
}
#full {
	BORDER-BOTTOM: 0px; POSITION: relative; TEXT-ALIGN: center; BORDER-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; WIDTH: 100%; PADDING-RIGHT: 0px; HEIGHT: 100%; BORDER-TOP: 0px; BORDER-RIGHT: 0px; PADDING-TOP: 0px
}
#t0 {
	BORDER-BOTTOM: 0px; BORDER-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px auto; PADDING-LEFT: 0px; BORDER-SPACING: 0px; WIDTH: 100%; PADDING-RIGHT: 0px; BORDER-COLLAPSE: collapse; EMPTY-CELLS: show; HEIGHT: 749px; BORDER-TOP: 0px; BORDER-RIGHT: 0px; PADDING-TOP: 0px
}
TD TD {
	BORDER-BOTTOM: 0px; BORDER-LEFT: 0px; BORDER-TOP: 0px; BORDER-RIGHT: 0px
}
.editable {
	BORDER-BOTTOM: #cccccc 1px dotted; BORDER-LEFT: #cccccc 1px dotted; BORDER-TOP: #cccccc 1px dotted; BORDER-RIGHT: #cccccc 1px dotted
}
.editable TD {
	BORDER-BOTTOM: #cccccc 1px dotted; BORDER-LEFT: #cccccc 1px dotted; BORDER-TOP: #cccccc 1px dotted; BORDER-RIGHT: #cccccc 1px dotted
}
.editable TABLE {
	BORDER-BOTTOM: #cccccc 1px dotted; BORDER-LEFT: #cccccc 1px dotted; BORDER-TOP: #cccccc 1px dotted; BORDER-RIGHT: #cccccc 1px dotted
}
.editable TH {
	BORDER-BOTTOM: #cccccc 1px dotted; BORDER-LEFT: #cccccc 1px dotted; BORDER-TOP: #cccccc 1px dotted; BORDER-RIGHT: #cccccc 1px dotted
}
.editable_border {
	BORDER-BOTTOM: #cccccc 1px dotted; BORDER-LEFT: #cccccc 1px dotted; BORDER-TOP: #cccccc 1px dotted; BORDER-RIGHT: #cccccc 1px dotted
}
INPUT.editable {
	BACKGROUND-COLOR: transparent; FONT-SIZE: 100%
}
#content {
	POSITION: relative
}
#col1 {
	
}
#col2 {
	WIDTH: 990px
}
#col3 {
	
}
#cell4 {
	background-color: #E0D6B8;
}
#cell6 {
	background-color: #E0D6B8;
}
#cell2 {
	BACKGROUND-IMAGE: url(graphics/skyline/footer_top.png); TEXT-ALIGN: center; BACKGROUND-REPEAT: repeat-x; BACKGROUND-POSITION: center top; VERTICAL-ALIGN: middle; BACKGROUND-COLOR: #E0D6B8;
}
#cell5 {
	BACKGROUND-IMAGE: url(graphics/skyline/bg_content.png);  BACKGROUND-REPEAT: repeat; BACKGROUND-POSITION: center top; BACKGROUND-COLOR: #E0D6B8;
}
#row2 {
	HEIGHT: 100%
}
#row4 {
	
}
#row1 {
	HEIGHT: 100px
}
#cell8 {
	TEXT-ALIGN: center; BACKGROUND-COLOR: #E0D6B8; VERTICAL-ALIGN: bottom;
	BACKGROUND-IMAGE: url(graphics/skyline/bg_totaal.png); BACKGROUND-REPEAT: repeat; BACKGROUND-POSITION: left top
}
#cell10 {
	background-color: #E0D6B8; BACKGROUND-IMAGE: url(graphics/skyline/shadow_header.png); TEXT-ALIGN: center; BACKGROUND-REPEAT: no-repeat; BACKGROUND-POSITION: center top; VERTICAL-ALIGN: middle
}
#content #ppage_page #content #ppage_page {
	
}
#content #ppage_page {
	BORDER-LEFT: #efefef 1px solid; FONT-STYLE: normal; MARGIN: 22px 20px 40px 200px; PADDING-LEFT: 15px; COLOR: #5a5959; FONT-WEIGHT: normal; TEXT-DECORATION: none
}
#content #ppage_page TD {
	COLOR: #5a5959; FONT-SIZE: 1em
}
#footer #ppage_footer {
	FONT-STYLE: normal; COLOR: white; FONT-SIZE: 0.9em; FONT-WEIGHT: normal; TEXT-DECORATION: none
}
#footer #ppage_footer TD {
	COLOR: white; FONT-SIZE: 0.9em
}
#header #ppage_logo {
	MARGIN-TOP: 20px; MARGIN-BOTTOM: 20px
}
#mainmenu #ppage_menubar .menu {
	ZOOM: 1; OVERFLOW: hidden
}
#mainmenu #ppage_menubar .menu UL {
	BORDER-LEFT: black 0px solid; PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; FLOAT: left; BORDER-TOP: black 0px solid; PADDING-TOP: 0px
}
#mainmenu #ppage_menubar .menu UL LI {
	BORDER-BOTTOM: black 0px solid; BORDER-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; FLOAT: left; BORDER-TOP: 0px; BORDER-RIGHT: black 0px dotted; PADDING-TOP: 0px
}
#mainmenu #ppage_menubar .menu UL LI.vdLast {
	BORDER-RIGHT: black 0px solid
}
#mainmenu #ppage_menubar .menu UL LI A {
	TEXT-ALIGN: center; PADDING-BOTTOM: 7px; PADDING-LEFT: 30px; PADDING-RIGHT: 30px; DISPLAY: block; FLOAT: left; COLOR: #666666; OVERFLOW: hidden; TEXT-DECORATION: none; PADDING-TOP: 5px
}
#mainmenu #ppage_menubar {
	BACKGROUND-IMAGE: url(graphics/skyline/menu_verloop.png); FONT-STYLE: normal; MARGIN-TOP: 20px; BACKGROUND-REPEAT: repeat-y; BACKGROUND-POSITION: center top; MARGIN-BOTTOM: 0px; FONT-SIZE: 1em; FONT-WEIGHT: normal; TEXT-DECORATION: none
}
#mainmenu #ppage_menubar .menu UL LI A:hover {
	TEXT-ALIGN: center; COLOR: #8c8c8c; TEXT-DECORATION: 
}
#mainmenu #ppage_menubar .menu UL LI.vdCurrent A {
	TEXT-ALIGN: center; COLOR: #8c8c8c; TEXT-DECORATION: 
}
#cell7 {
	BACKGROUND-IMAGE: url(graphics/skyline/bg_totaal.png); BACKGROUND-COLOR: #E0D6B8; BACKGROUND-REPEAT: repeat; BACKGROUND-POSITION: left top
}
#row3 {
	
}
#cell9 {
	BACKGROUND-IMAGE: url(graphics/skyline/bg_totaal.png); BACKGROUND-COLOR: #E0D6B8; BACKGROUND-REPEAT: repeat; BACKGROUND-POSITION: left top
}
#content #ppage_treemenu .treemenu {
	PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px
}
#content #ppage_treemenu .treemenu .treemenu {
	PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px
}
#content #ppage_treemenu .treemenu LI {
	PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px
}
#content #ppage_treemenu .treemenu LI A {
	PADDING-BOTTOM: 0px; FONT-STYLE: normal; MARGIN: 0px; PADDING-LEFT: 30px; COLOR: #8c8c8c; FONT-WEIGHT: normal; TEXT-DECORATION: none; PADDING-TOP: 0px
}
#content #ppage_treemenu .treemenu LI A:hover {
	FONT-STYLE: normal; COLOR: #666666; FONT-WEIGHT: normal; TEXT-DECORATION: none
}
#content #ppage_treemenu .treemenu LI A.current {
	FONT-STYLE: normal; COLOR: black; FONT-WEIGHT: bold; TEXT-DECORATION: none
}
#content #ppage_treemenu .treemenu LI .treemenu LI A {
	PADDING-LEFT: 40px; TEXT-DECORATION: 
}
#content #ppage_treemenu .treemenu LI .treemenu LI .treemenu LI A {
	PADDING-LEFT: 50px; TEXT-DECORATION: 
}
#content #ppage_treemenu .treemenu LI .treemenu LI .treemenu LI .treemenu LI A {
	PADDING-LEFT: 60px
}
#content #ppage_treemenu .treemenu LI .treemenu LI .treemenu LI .treemenu LI .treemenu LI A {
	PADDING-LEFT: 70px
}
#content #ppage_treemenu .treemenu A {
	ZOOM: 1; DISPLAY: block
}
#content #ppage_treemenu {
	Z-INDEX: 3; POSITION: absolute; FONT-STYLE: normal; WIDTH: 189px; FONT-WEIGHT: normal; TEXT-DECORATION: none; TOP: -5px; *LEFT: -200px;
}
#content #ppage_treemenu .treemenu LI LI A {
	FONT-STYLE: normal; COLOR: #8c8c8c; FONT-WEIGHT: normal; TEXT-DECORATION: none
}
#content #ppage_treemenu .treemenu LI.current A {
	COLOR: #666666; TEXT-DECORATION: 
}
#content #ppage_treemenu .treemenu LI.currentsection A {
	TEXT-DECORATION: 
}
#content #ppage_treemenu .treemenu LI .treemenu LI LI A {
	TEXT-DECORATION: 
}
#content #ppage_treemenu .treemenu LI .treemenu LI A:hover {
	TEXT-DECORATION: 
}
#content #ppage_treemenu .treemenu LI .treemenu LI.current A {
	TEXT-DECORATION: 
}
#content #ppage_treemenu .treemenu LI .treemenu LI.currentsection A {
	TEXT-DECORATION: 
}
#content #ppage_treemenu .treemenu LI .treemenu LI .treemenu LI LI A {
	TEXT-DECORATION: 
}
#content #ppage_treemenu .treemenu LI .treemenu LI .treemenu LI A:hover {
	TEXT-DECORATION: 
}
#content #ppage_treemenu .treemenu LI .treemenu LI .treemenu LI.current A {
	TEXT-DECORATION: 
}
#content #ppage_treemenu .treemenu LI .treemenu LI .treemenu LI.currentsection A {
	TEXT-DECORATION: 
}
#content #ppage_treemenu TD {
	FONT-SIZE: 1em
}
#mainmenu #ppage_menubar TD {
	FONT-SIZE: 1em
}
#content #ppage_vastveld {
	FONT-STYLE: normal; PADDING-LEFT: 15px; COLOR: #666666; MARGIN-LEFT: 200px; FONT-WEIGHT: normal; TEXT-DECORATION: none
}
#content #ppage_vastveld TD {
	COLOR: #666666; FONT-SIZE: 1em
}
#content #ppage_customfield {
	POSITION: absolute; FONT-STYLE: normal; WIDTH: 151px; HEIGHT: 200px; COLOR: #8e8e8e; FONT-WEIGHT: normal; TEXT-DECORATION: none; TOP: 147px; left: 30px;
}
#content #ppage_customfield TD {
	COLOR: #8e8e8e; FONT-SIZE: 1em
}
#header {
	POSITION: relative
}
#header #ppage_widgetplace {
	FONT-STYLE: normal; WIDTH: 300px; HEIGHT: auto; COLOR: rgb(130,130,130); FONT-SIZE: 0.9em; FONT-WEIGHT: normal; TEXT-DECORATION: none; float: left;
}
#header #ppage_widgetplace TD {
	COLOR: rgb(130,130,130); FONT-SIZE: 1em
}
#header #ppage_widgetplace2 {
	float: right; FONT-STYLE: normal; WIDTH: 300px; HEIGHT: auto; COLOR: rgb(130,130,130); FONT-SIZE: 0.9em; FONT-WEIGHT: normal; TEXT-DECORATION: none; 
}
#header #ppage_widgetplace2 TD {
	COLOR: rgb(130,130,130); FONT-SIZE: 1em
}
#ppage_header img {
	max-width: 990px;
	*width: 990px;
	display: block;
}
#ppage_logo img {
	max-width: 990px;
	max-height: 150px;
	*width: 990px;
	*height: 150px;
	display: block;
}

Ontwerp

Kies ander ontwerp