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;
	}
TD {
  FONT-SIZE: 1em;
  VERTICAL-ALIGN: top
}
TD TD P {
  MARGIN: 0px
}

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.

@import url( default.layout.css );
HTML {
	WIDTH: 100%; HEIGHT: 100%
}
BODY {
	BACKGROUND-IMAGE: url(graphics/bg_pattern_swirl004.png/); PADDING-BOTTOM: 0px; BACKGROUND-COLOR: #836969; MARGIN: 0px; MIN-HEIGHT: 100%; PADDING-LEFT: 0px; BACKGROUND-REPEAT: repeat; BACKGROUND-POSITION: left top; COLOR: black; PADDING-TOP: 0px
}
DIV {
	PADDING-BOTTOM: 0px; BORDER-RIGHT-WIDTH: 0px; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; BORDER-TOP-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px; PADDING-TOP: 0px
}
#full {
	POSITION: relative; TEXT-ALIGN: center; PADDING-BOTTOM: 30px; BORDER-RIGHT-WIDTH: 0px; MARGIN: 0px; PADDING-LEFT: 0px; WIDTH: 100%; PADDING-RIGHT: 0px; BORDER-TOP-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; HEIGHT: 100%; BORDER-LEFT-WIDTH: 0px; PADDING-TOP: 30px
}
#t0 {
	PADDING-BOTTOM: 0px; BORDER-RIGHT-WIDTH: 0px; WIDTH: 960px; MARGIN: 0px auto; PADDING-LEFT: 0px; BORDER-SPACING: 0px; PADDING-RIGHT: 0px; BORDER-COLLAPSE: collapse; EMPTY-CELLS: show; BORDER-TOP-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; HEIGHT: 410px; BORDER-LEFT-WIDTH: 0px; PADDING-TOP: 0px
}
TD TD {
	BORDER-RIGHT-WIDTH: 0px; BORDER-TOP-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; BORDER-LEFT-WIDTH: 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 {
	WIDTH: 960px
}
#cell1 {
	TEXT-ALIGN: left; BACKGROUND-COLOR: white; VERTICAL-ALIGN: top
}
#row5 {
	HEIGHT: 120px
}
#cell2 {
	TEXT-ALIGN: center; BACKGROUND-COLOR: white; VERTICAL-ALIGN: middle
}
#row2 {
	HEIGHT: 40px
}
#row4 {
	HEIGHT: 30px
}
#cell3 {
	TEXT-ALIGN: left; BACKGROUND-COLOR: white; VERTICAL-ALIGN: top
}
#cell5 {
	BACKGROUND-COLOR: white
}
#mainmenu #ppage_product_menu .menu {
	ZOOM: 1; OVERFLOW: hidden
}
#mainmenu #ppage_product_menu .menu UL {
	PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; BORDER-TOP-COLOR: black; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; FLOAT: left; BORDER-TOP-WIDTH: 0px; BORDER-LEFT-COLOR: black; BORDER-LEFT-WIDTH: 0px; PADDING-TOP: 0px
}
#mainmenu #ppage_product_menu .menu UL LI {
	BORDER-BOTTOM-COLOR: black; PADDING-BOTTOM: 0px; BORDER-RIGHT-WIDTH: 0px; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; FLOAT: left; BORDER-TOP-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; BORDER-RIGHT-COLOR: black; BORDER-LEFT-WIDTH: 0px; PADDING-TOP: 0px
}
#mainmenu #ppage_product_menu .menu UL LI.vdLast {
	BORDER-RIGHT-WIDTH: 0px; BORDER-RIGHT-COLOR: black
}
#mainmenu #ppage_product_menu .menu UL LI A {
	PADDING-BOTTOM: 5px; PADDING-LEFT: 25px; PADDING-RIGHT: 25px; DISPLAY: block; BACKGROUND: #1e1c1c; FLOAT: left; COLOR: white; OVERFLOW: hidden; FONT-WEIGHT: normal; TEXT-DECORATION: none; PADDING-TOP: 5px
}
#header #ppage_menubar .menu {
	ZOOM: 1; OVERFLOW: hidden
}
#header #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
}
#header #ppage_menubar .menu UL LI {
	BORDER-BOTTOM: black 0px solid; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; FLOAT: left; BORDER-TOP-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px; BORDER-RIGHT: black 0px dotted; PADDING-TOP: 0px
}
#header #ppage_menubar .menu UL LI.vdLast {
	BORDER-RIGHT: black 0px solid
}
#header #ppage_menubar .menu UL LI A {
	PADDING-BOTTOM: 5px; PADDING-LEFT: 5px; PADDING-RIGHT: 5px; DISPLAY: block; FLOAT: left; COLOR: #1e1c1c; OVERFLOW: hidden; TEXT-DECORATION: none; PADDING-TOP: 5px
}
#header {
	POSITION: relative
}
#row3 {
	
}
#row1 {
	HEIGHT: 120px
}
#header #ppage_menubar {
	POSITION: absolute; FONT-STYLE: normal; WIDTH: 301px; FONT-FAMILY: Times, serif; FONT-SIZE: 1em; FONT-WEIGHT: normal; MARGIN-RIGHT: 20px; TEXT-DECORATION: none; TOP: 2px; LEFT: 632px
}
#header #ppage_menubar TD {
	FONT-FAMILY: Times, serif; FONT-SIZE: 1em
}
#header #ppage_menubar .menu UL LI A:hover {
	COLOR: #696868
}
#header #ppage_menubar .menu UL LI.vdCurrent A {
	COLOR: #696868
}
#mainmenu #ppage_product_menu {
	BACKGROUND-COLOR: #1e1c1c; FONT-STYLE: normal; MARGIN: 10px 20px; FONT-FAMILY: Georgia, Times, serif; COLOR: #ffffff; FONT-SIZE: 1.6em; FONT-WEIGHT: normal; TEXT-DECORATION: none
}
#mainmenu #ppage_product_menu TD {
	FONT-FAMILY: Georgia, Times, serif; COLOR: #ffffff; FONT-SIZE: 1.6em
}
#mainmenu #ppage_product_menu .menu UL LI A:hover {
	COLOR: #b7b7b7
}
#mainmenu #ppage_product_menu .menu UL LI.vdCurrent A {
	COLOR: white
}
#content #ppage_page #content #ppage_page {
	
}
#content #ppage_page {
	FONT-STYLE: normal; MARGIN: 0px 20px 10px; FONT-SIZE: 1.1em; FONT-WEIGHT: normal; TEXT-DECORATION: none
}
#content #ppage_sectionheader {
	FONT-STYLE: normal; MARGIN: 6px 20px 20px; FONT-FAMILY: "Times New Roman", Times, serif; FONT-SIZE: 1em; FONT-WEIGHT: normal; TEXT-DECORATION: none
}
#content #ppage_page TD {
	FONT-FAMILY: "Times New Roman", Times, serif; FONT-SIZE: 1.1em
}
#content #ppage_sectionheader TD {
	FONT-FAMILY: "Times New Roman", Times, serif; FONT-SIZE: 1em
}
#footer #ppage_footer {
	FONT-STYLE: normal; MARGIN: 20px; FONT-SIZE: 1em; FONT-WEIGHT: normal; TEXT-DECORATION: none
}
#row6 {
	HEIGHT: 30px
}
#row7 {
	HEIGHT: 30px
}
#cell7 {
	TEXT-ALIGN: center; BACKGROUND-COLOR: white; VERTICAL-ALIGN: middle
}
#div2 #ppage_colofon {
	FONT-STYLE: normal; MARGIN-TOP: 5px; MARGIN-LEFT: 20px; FONT-SIZE: 14px; FONT-WEIGHT: normal; MARGIN-RIGHT: 20px; TEXT-DECORATION: none
}
#div2 #ppage_colofon TD {
	FONT-FAMILY: "Times New Roman", Times, serif; FONT-SIZE: 14px
}
#header #ppage_logo {
	POSITION: absolute; TOP: 59px; LEFT: 22px
}
#colofon #ppage_colofon {
	FONT-STYLE: normal; FONT-SIZE: 1em; FONT-WEIGHT: normal; TEXT-DECORATION: none
}
#colofon #ppage_colofon TD {
	FONT-SIZE: 1em
}
#header #ppage_image {
	POSITION: absolute; TOP: 46px; LEFT: 24px
}
#content #ppage_header {
	PADDING-LEFT: 20px; PADDING-RIGHT: 20px; width: 920px;
}
#content #ppage_header img {
	max-width: 920px;
}

Ontwerp

Kies ander ontwerp