Technische werking whitelabel reviewmodule

Maat: px
Weergave met pagina beginnen:

Download "Technische werking whitelabel reviewmodule"

Transcriptie

1 Na integratie van de whitelabel reviewmodule van Kieskeurig.nl kunnen bezoekers via jouw website reviews op Kieskeurig.nl en je eigen website achterlaten. In dit document vind je meer informatie over de integratie van deze module en het aanpassen hiervan naar je eigen look & feel. Integratie whitelabel productreviewmodule Om de whitelabel productreviewmodule te integreren op jouw website, heb je een iframe nodig met als bron: Voorbeeld: <iframe width="850" height="600" frameborder="0" marginheight="0" marginwidth="0" src=" Uitleg van de parameters: [EAN-code] = De EAN-code is een unieke combinatie van cijfers (en soms letters) waarmee o.a. producten en productie-eenheden zich identificeren. Vervang deze parameter voor de EAN-code van het betreffende product. [token] = Bij het aanmelden voor het gebruik van de whitelabel product- en/of winkelreviewmodule wordt dit security-token verstrekt door Kieskeurig.nl. Mocht deze onbekend zijn, neem contact op met onze spider-afdeling (spider@kieskeurig.nl). [ adres] = Als het adres van de consument bekend is, dan kan dit op deze positie meegegeven worden. Is het adres niet bekend, laat dan deze parameter weglaten. De URL uit het voorbeeld komt er dan als volgt uit te zien: <iframe width="850" height="600" frameborder="0" marginheight="0" marginwidth="0" src=" ></iframe>

2 [gender] = Als het geslacht van de consument bekend is, dan kan dit op deze positie meegegeven worden als m of v. Is het niet bekend, laat dan deze parameter weg. <iframe width="850" height="600" frameborder="0" marginheight="0" marginwidth="0" src=" en@planet.eu"></iframe> Aanpassen look & feel whitelabel productreviewformulier Voor diverse onderdelen van het whitelabel productreviewformulier kunnen de fonts, fontgrootte en kleuren aangepast worden. Dit gaat met behulp van een CSS (Cascading Style Sheet). In onderstaande schermafbeeldingen wordt met een code duidelijk welke onderdelen er aangepast kunnen worden (CSS1 staat bijvoorbeeld voor de koptekst). Op de volgende pagina vind je de schermafbeeldingen.

3 Voorbeeld White Label: /* whitelabel_default.css Styling for the whitelabel forms which can be customised */.hr-wl.css11 height: 1px; margin: 0 0 1em 0; overflow: hidden; h1#kieskeurig_gebruikersnaam_vergeten.css1 margin-bottom: 0;.css1 color: #B00; font-size: 15px;.css2 font-size: 12px; color: #000;.css3 font-size: 12px; color: #000;.css4 font-size: 12px; color: #000;

4 .css5 background-color: #E6E6E5; font-size: 12px; color: #000; /* Rules hyperlinks */.css5 a,.css5 a:link,.css5 a:visited color: #00367A;.css6 background-color: #C2DCFC; color: #00367A;.css7.even th,.css7.even td background-color: #EEF6FF;.licss7 border-left: 1px solid #00367A;.licss7.active background-color: #00367A;.ulcss7 border: 1px solid #00367A;

5 .css8 background-color: #C2DCFC; color: #00367A;.css9 background-color: #C2DCFC; color: #00367A;.css11 background-color: #C2DCFC; Technische werking whitelabel reviewmodule

6

7

8 Aanpassen Style Sheet Wil je de Style Sheet aanpassen naar de look & feel van de website? Neem dan contact op met onze spider-afdeling: Vragen? Heb je vragen? Mail dan naar onze Spider-afdeling:

Basis-theme. Manage Wiki > Look and Feel > Themes > Change or make a new theme > Make a New Theme >

Basis-theme. Manage Wiki > Look and Feel > Themes > Change or make a new theme > Make a New Theme > Basis-theme Manage Wiki > Look and Feel > Themes > Change or make a new theme > Make a New Theme > Naam invullen en de code van basis-theme kopiëren en erin plakken

Nadere informatie

De frameset uit de afbeelding wordt op de volgende manier gedefinieerd:

De frameset uit de afbeelding wordt op de volgende manier gedefinieerd: FRAMES GEBRUIKEN Met frames kan het venster van een browser zo worden ingedeeld, dat er meerdere webpagina's tegelijk getoond kunnen worden. In de afbeelding hieronder staat een webpagina met frames. We

Nadere informatie

Cascading Style Sheets

Cascading Style Sheets Cascading Style Sheets Dit gedeelte wordt uitgebreid besproken in http://www.handleidinghtml.nl/css/index.html 1TIN Internettechnologie 2003-2004 les 07 1 Onderwerpen Cascading model Syntax Toevoegen van

Nadere informatie

HTML en CSS gevorderd

HTML en CSS gevorderd HTML en CSS gevorderd Inhoudsopgave Inleiding! 3 Opbouw webpage en css! 4 DIVʼs of iframes?! 8 Eigen icoon in de adresbalk van de browser! 8 Web-editors! 8 Koppelen van css-bestanden! 9 Browser afhankelijke

Nadere informatie

WEBSITE-DESIGN CHRIS VERMAAS & FJODOR VAN SLOOTEN 2014-201000018-1B

WEBSITE-DESIGN CHRIS VERMAAS & FJODOR VAN SLOOTEN 2014-201000018-1B WEBSITE-DESIGN CHRIS VERMAAS & FJODOR VAN SLOOTEN 2014-201000018-1B WEBSITE-DESIGN INHOUD COLLEGE Stappenplan: stap 4 HTML, Stylesheets vervolg slides @ vanslooten.com/websitedesign Website-design 1-12-2014

Nadere informatie

Voor vragen: http://www.richard3332.nl/ of mail naar Richard3332@gmail.com

Voor vragen: http://www.richard3332.nl/ of mail naar Richard3332@gmail.com Welkom bij mijn website tutorial (Deel 3) Ik ga uit van Microsoft XP voor de duidelijkheid. Ik heb dus geen idee of de programma s die ik gebruik ook op Vista werken. Notepad++ werkt zowieso op xp en Vista.

Nadere informatie

LES 8: CSS. Lesoverzicht: Aan de slag Wat is CSS Kleuren Tekst Blokken Lijsten en tabellen Responsive website W3chools Samenvatting.

LES 8: CSS. Lesoverzicht: Aan de slag Wat is CSS Kleuren Tekst Blokken Lijsten en tabellen Responsive website W3chools Samenvatting. LES 8: CSS Lesoverzicht: Aan de slag Wat is CSS Kleuren Tekst Blokken Lijsten en tabellen Responsive website W3chools Samenvatting Tijd: 5 minuten Doel: Aan het einde van deze les kun je CSS in de WordPress

Nadere informatie

Wat is een child-theme?

Wat is een child-theme? Child theme Waarschuwing 1. Het maken van een child theme is relatief eenvoudig, u hebt er wel FTP toegang voor nodig bij uw provider. 2. Het is soms lastig om precies uit te vinden welke css codes u moet

Nadere informatie

3 Website opbouwen: vervolg

3 Website opbouwen: vervolg 3 Website opbouwen: vervolg 3.1 Elementen 3.1.1 Bestand Op je website kan je een bestand plaatsen (doc, pdf, ) dat door je bezoekers gedownload kan worden 3.1.2 Links. Zowel bij het typen van tekst (2.1.1)

Nadere informatie

Oplossingen overzicht PHP. Oplossing KPN opgave, zonder testen van POST

Oplossingen overzicht PHP. Oplossing KPN opgave, zonder testen van POST Oplossingen overzicht PHP Oplossing KPN opgave, zonder testen van POST internetminuten in welke categorie val ik?

Nadere informatie

AutoTrack.nl. CSS Documentatie Voorraadlijst

AutoTrack.nl. CSS Documentatie Voorraadlijst AutoTrack.nl CSS Documentatie Voorraadlijst CSS Documentatie Voorraadlijst CSS documentatie Voorraadlijst Bij uw AutoTrack.nl voorraadlijst is het mogelijk om de standaardopmaak aan te passen naar uw wens,

Nadere informatie

Websitecursus deel 2 CSS

Websitecursus deel 2 CSS Websitecursus deel 2 CSS A Eskwadraat WebCie www@a-eskwadraat.nl 5 oktober 2015 Introductie Vorige week HTML Deze week CSS Volgende week Javascript CSS CSS (Cascading Style Sheets) bepalen hoe een website

Nadere informatie

Internet Standaarden HC4

Internet Standaarden HC4 Internet Standaarden HC4 Hogeschool van Amsterdam - Instituut voor Interactieve Media 1 Invloed van Games Laatste ontwikkelingen Gebruik van Games 11 oktober 2007 Hogeschool van Amsterdam - Instituut voor

Nadere informatie

Stelt de voorgrondkleur van de tekst van een element in. Stelt in hoe de achtergrondfiguur moet worden herhaald, standaard: repeat.

Stelt de voorgrondkleur van de tekst van een element in. Stelt in hoe de achtergrondfiguur moet worden herhaald, standaard: repeat. OVERZICHT CSS - EIGENSCHAPPEN Eigenschap Beschrijving Mogelijke waarden KLEUR EN ACHTERGROND color Stelt de voorgrondkleur van de tekst van een element in. background-color Stelt de achtergrondkleur van

Nadere informatie

AutoTrack.nl. Handleiding Implementatie Voorraadlijst

AutoTrack.nl. Handleiding Implementatie Voorraadlijst AutoTrack.nl Handleiding Implementatie Voorraadlijst Basis Implementatie De nieuwe AutoTrack.nl Voorraadlijst kunt u (of uw webbouwer) implementeren door op uw website de URL die u van AutoTrack.nl heeft

Nadere informatie

Voor vragen: http://www.richard3332.nl/ of mail naar Richard3332@gmail.com

Voor vragen: http://www.richard3332.nl/ of mail naar Richard3332@gmail.com Welkom bij mijn website tutorial (Deel 6) Ik ga uit van Microsoft XP voor de duidelijkheid. Ik heb dus geen idee of de programma s die ik gebruik ook op Vista werken. Notepad++ werkt zowieso op xp en Vista.

Nadere informatie

HTML elementen en attributen (volgens de Strict DTD)

HTML elementen en attributen (volgens de Strict DTD) HTML 4.01 - elementen en attributen (volgens de Strict DTD) N.B.: vervallen attributen die vermeld worden in deze tabel, vallen uiteraard onder de Transitional DTD Naam element Type tag Start tag, einde

Nadere informatie

Hand-out Web Technologies, werkcollege 5 Alex Reuneker 2012

Hand-out Web Technologies, werkcollege 5 Alex Reuneker 2012 Hand-out Web Technologies, werkcollege 5 Alex Reuneker (a.reuneker@hhs.nl), 2012 1. Groeperen (div- en span-elementen) : Het HTML-element div is een block-level element (zie hand-out bij het

Nadere informatie

Publicatie formulieren en surveys

Publicatie formulieren en surveys Handleiding: Publicatie formulieren en surveys Deze handleiding is in te zetten voor MailPlus Marcom en MailPlus ecom. Inhoudsopgave Introductie... 1 1 Formulieren integreren... 2 1.1 Formulieren integereren

Nadere informatie

Agenda HTML. Wat is HTML? Hoe ziet een HTML-file eruit? Waarom HTML leren? Waarin maak je een HTML-bestand?

Agenda HTML. Wat is HTML? Hoe ziet een HTML-file eruit? Waarom HTML leren? Waarin maak je een HTML-bestand? HTML HyperText Markup Language Aniel Bhulai E-mail: abhulai@cs.vu.nl Agenda HTML algemeen Aantal tags HTML met stijl (CSS, DHTML) Demo Vragen vrije Univers iteit amsterdam 1 2 Opmaaktaal Letter Kleur Plaatjes

Nadere informatie

CSS. CSS - Inleiding. Scheiding van inhoud en vorm

CSS. CSS - Inleiding. Scheiding van inhoud en vorm CSS opmaken met Cascading stylesheets inleiding style sheet declaratie stijl declaratie stijl eigenschappen commentaar

Nadere informatie

Frames. Dit gedeelte wordt uitgebreid besproken in 1TIN Internettechnologie les 06

Frames. Dit gedeelte wordt uitgebreid besproken in   1TIN Internettechnologie les 06 Frames Dit gedeelte wordt uitgebreid besproken in http://www.handleidinghtml.nl/html/frames.htm 1 Frames - doel? Browservenster kan opgedeeld worden in meerdere views (= schermen, subvensters) Laten toe

Nadere informatie

Descendant selectors toepassen

Descendant selectors toepassen HTML EN CSS de basis Oefening 13.4 Descendant selectors toepassen Maak een lijst binnen een definitielijstlijst en geef de binnenste lijst een totaal andere vormgeving. 13.7 Verticaal navigatieblok Een

Nadere informatie

Voor vragen: http://www.richard3332.nl/ of mail naar Richard3332@gmail.com

Voor vragen: http://www.richard3332.nl/ of mail naar Richard3332@gmail.com Welkom bij mijn website tutorial (Deel 5) Ik ga uit van Microsoft XP voor de duidelijkheid. Ik heb dus geen idee of de programma s die ik gebruik ook op Vista werken. Notepad++ werkt zowieso op xp en Vista.

Nadere informatie

Welkom bij mijn website tutorial (Deel 2)

Welkom bij mijn website tutorial (Deel 2) Welkom bij mijn website tutorial (Deel 2) Ik ga uit van Microsoft XP voor de duidelijkheid. Ik heb dus geen idee of de programma s die ik gebruik ook op Vista werken. Notepad++ werkt zowieso op xp en Vista.

Nadere informatie

Datum: 17-7-2014 Versie: 1.5. Omschrijving: Dit document kan worden gebruikt om de koppeling tussen Optifile en de webagenda module aan te maken.

Datum: 17-7-2014 Versie: 1.5. Omschrijving: Dit document kan worden gebruikt om de koppeling tussen Optifile en de webagenda module aan te maken. Webagenda Datum: 17-7-2014 Versie: 1.5 Omschrijving: Dit document kan worden gebruikt om de koppeling tussen Optifile en de webagenda module aan te maken. Benodigdheden: - Optifile client 1.5 (met Optifile.server.net4

Nadere informatie

Met CSS kan je je webpagina's vormgeven. Je kan elementen een plaats geven en hun uitzicht bepalen.

Met CSS kan je je webpagina's vormgeven. Je kan elementen een plaats geven en hun uitzicht bepalen. CSS Met CSS kan je je webpagina's vormgeven. Je kan elementen een plaats geven en hun uitzicht bepalen. In CSS maken we een onderscheid tussen 2 soorten elementen in een webpagina: 1. Sommige elementen

Nadere informatie

Versie: 1.0 Gemaakt door: Whisper380 Eigenaar: Whisper380-computerhulp Datum: 23-1-2011

Versie: 1.0 Gemaakt door: Whisper380 Eigenaar: Whisper380-computerhulp Datum: 23-1-2011 Versie: 1.0 Gemaakt door: Whisper380 Eigenaar: Whisper380-computerhulp Datum: 23-1-2011 1 Inhoudsopgave Wat gaan we doen?... 4 Eerst wat uitleg:... 4 Wat is HTML:... 4 Wat is CSS:... 4 Wat is het resultaat

Nadere informatie

MyMediasite Handleiding 2013 - V1.0

MyMediasite Handleiding 2013 - V1.0 MyMediasite Handleiding 2013 - V1.0 1 INHOUDSOPGAVE 1. INSTALLATIE 3 2.1 OPNEMEN: OPSTARTEN 4 2.2 OPNEMEN: NIEUWE PRESENTATIE 5 2.3 OPNEMEN: OPNAME PROCES 7 2.4. OPNEMEN: EIGEN MEDIA UPLOADEN 11 3. PRESENTATIE

Nadere informatie

Markup: CSS en HTML5. Hoorcollege Webdesign 5 16 mei 2014 Christof van Nimwegen

Markup: CSS en HTML5. Hoorcollege Webdesign 5 16 mei 2014 Christof van Nimwegen Markup: CSS en HTML5 Hoorcollege Webdesign 5 16 mei 2014 Christof van Nimwegen 1 CSS: Waarom ook alweer. HTML was bedoeld voor documentstructuur (text met verschillende levels in headings en body text)

Nadere informatie

Handleiding Woonz.nl iframe

Handleiding Woonz.nl iframe Handleiding Woonz.nl iframe Woonz.nl biedt de mogelijkheid om uw actuele woningaanbod op Woonz.nl op uw website te tonen. Hiervoor dient u eerst een API-key te ontvangen van Woonz.nl, dit is een sleutel

Nadere informatie

A Inloggen. B - Wachtwoord Veranderen

A Inloggen. B - Wachtwoord Veranderen A Inloggen 1. Ga naar http://webtinq.nl 2. Klik op de knop "Login". 3. Voer het e-mail adres en wachtwoord in dat je hebt gekregen. 4. Klik op de knop "Login". 5. Je bent nu ingelogd! B - Wachtwoord Veranderen

Nadere informatie

Kris Merckx Javascript Programming - DIVARC - trigonometry en wrapping/warping text

Kris Merckx Javascript Programming - DIVARC - trigonometry en wrapping/warping text DIVARC Copyright: Kris Merckx 2013 Parameter Waarde Wat? size geheel getal aantal posities op de cirkel xpos getal x-positie middelpunt van de cirkel ypos getal y-positie middelpunt van de cirkel radius

Nadere informatie

Er is nog heel wat voor nodig om van alle losse HTML-code

Er is nog heel wat voor nodig om van alle losse HTML-code Boxmodel, weergavemodel en positionering 9 Er is nog heel wat voor nodig om van alle losse HTML-code een toonbare pagina te maken, meer dan u misschien op het eerste gezicht denkt. Als de HTML-code is

Nadere informatie

Cluster 1 Realiseert. 4 Beschrijving van de beroepssituatie behorende bij deze leereenheid

Cluster 1 Realiseert. 4 Beschrijving van de beroepssituatie behorende bij deze leereenheid LEEREENHEID HTML/CSS Dit document bestaat uit twee onderdelen - Onderdeel Leereenheid - Onderdeel Onderwijsproduct 1 Naam leereenheid In deze tabel staat de naam en het type van de leereenheid Leereenheid

Nadere informatie

Informatietechnologie 1. Inleiding tot CSS. Richtlijnen voor opmaak. Kristof Michiels

Informatietechnologie 1. Inleiding tot CSS. Richtlijnen voor opmaak. Kristof Michiels Informatietechnologie 1 Inleiding tot CSS Richtlijnen voor opmaak Kristof Michiels In deze presentatie Voordelen en kracht van CSS Hoe schrijf je CSS stijlregels? Toevoegen aan HTML documenten Basisconcepten:

Nadere informatie

<head><style type="text/css">h1 {font-size: 150%}h2 {font-size: 130%}p {fontsize:

<head><style type=text/css>h1 {font-size: 150%}h2 {font-size: 130%}p {fontsize: h1 {font-size: 150%h2 {font-size: 130%p {fontsize: 100%h1 {font-size: 150%h2 {font-size: 130%p {font-size: 100%

Nadere informatie

XHTML en CSS. Deel 3. januari 2008 4-9-2008. Lyceum Sancta Maria. Ruud Koortens Frans Peeters

XHTML en CSS. Deel 3. januari 2008 4-9-2008. Lyceum Sancta Maria. Ruud Koortens Frans Peeters XHTML en CSS Deel 3 Ruud Koortens Frans Peeters januari 2008 4-9-2008 Lyceum Sancta Maria 1 2 Inhoudsopgave 1.1.1. Het opmaken van hyperlinks... 1 1.1.2. Kleur... 1 1.1.3. Het gebruik van kleuren bij het

Nadere informatie

Agenda (X)HTML. Wat is HTML? Hoe ziet een HTML-file eruit? Waarom HTML leren? Waarin maak je een HTML-bestand?

Agenda (X)HTML. Wat is HTML? Hoe ziet een HTML-file eruit? Waarom HTML leren? Waarin maak je een HTML-bestand? (X)HTML HyperText Markup Language Aniel Bhulai E-mail: abhulai@few.vu.nl vrije Universiteit amsterdam Agenda HTML algemeen Aantal tags HTML met stijl (CSS, DHTML) XHTML Vragen Demo 1 vrije Universiteit

Nadere informatie

Handleiding Vergelijkingsfeed

Handleiding Vergelijkingsfeed Handleiding Vergelijkingsfeed Versie 1.9 7 september 2014 Introductie Hartelijk dank dat u voor de vergelijkingsfeed van BelkostenWijzer hebt gekozen. De vergelijkingsfeed van BelkostenWijzer vergelijkt

Nadere informatie

Views, de finesse. Voorbereiding. Inhoudstypes

Views, de finesse. Voorbereiding. Inhoudstypes Les 15 Opdrachten 1. Het bestaande Hoovereffect I-blok verschijnt enkel op de frontpage in de linker zijbalk. 2. Er is een background image aanwezig op de frontpage. Dit is een patroon naar keuze of gebruik

Nadere informatie

Hand-out Web Technologies, werkcollege 6 Alex Reuneker (a.reuneker@hhs.nl), 2012

Hand-out Web Technologies, werkcollege 6 Alex Reuneker (a.reuneker@hhs.nl), 2012 Hand-out Web Technologies, werkcollege 6 Alex Reuneker (a.reuneker@hhs.nl), 2012 1. Positie en flow Boxes, block-level en inline elements: Ieder HTML-element wordt, als het ware, als een omkaderd block-

Nadere informatie

MSN Channelizer. MSN Portal Team: nlmsnpor@microsoft.com Technische ondersteuning: web@calanza.com

MSN Channelizer. MSN Portal Team: nlmsnpor@microsoft.com Technische ondersteuning: web@calanza.com MSN Nederland MSN Channelizer MSN Portal Team: nlmsnpor@microsoft.com Technische ondersteuning: web@calanza.com Let op:... 1 1 - Introductie... 2 2 - Proces... 2 3 - Channelizer Templates... 3 4 - Richtlijnen

Nadere informatie

Inhalen les 7 (versie B)

Inhalen les 7 (versie B) Inhalen les 7 (versie B) Stap 1: Open de startmap van les 6 De map heet Startmap Les 6. Als je de map hebt geöpend zie je verschillende bestanden en een map Website. Wij gebruiken nu alleen de map Website.

Nadere informatie

programmeren in HTML (5) CSS (3) JavaScript

programmeren in HTML (5) CSS (3) JavaScript programmeren in HTML (5) CSS (3) JavaScript Op dit lesmateriaal is een Creative Commons licentie van toepassing. 2010 Remie remie.woudt@gmail.com Woudt Inhoudsopgave 1 HTML...1 1.1 Wat heb je nodig?...1

Nadere informatie

HANDLEIDINGEN Tips en tricks ETZ Leerplein

HANDLEIDINGEN Tips en tricks ETZ Leerplein HANDLEIDINGEN Tips en tricks ETZ Leerplein IMAGE SLIDER OVER DE IMAGE SLIDER De imageslider (lees: slider), zoals deze ontwikkelt is binnen de editor van Pulseweb maakt het mogelijk om meerdere afbeeldingen

Nadere informatie

Software Instructions for Real Kids - Felix Plesoianu (2009) en Kris Merckx (2013) - Creative Commons License

Software Instructions for Real Kids - Felix Plesoianu (2009) en Kris Merckx (2013) - Creative Commons License SIRK Software Instructions for Real Kiddies (versie 0.247) De programmeeromgeving, interpreter en compiler kan je online gebruiken op www.ardeco.be/sirk Variabele Functies Functienaam Parameters Voorbeeld

Nadere informatie

12.1 Frames als structuur voor je website

12.1 Frames als structuur voor je website BOUWSTEEN 12 Het gebruik van frames 12.1 Frames als structuur voor je website Naast gebruik van inline frames kan je de structuur van je website helemaal via frames opzetten i.p.v. via tabellen. Bij tabellen

Nadere informatie

XHTML en CSS. Ruud Koortens Frans Peeters

XHTML en CSS. Ruud Koortens Frans Peeters XHTML en CSS Ruud Koortens Frans Peeters januari 2008 Inhoudsopgave Inleiding... i 1. XHTML 1.0... 1 1.1. XML Declaratie... 1 1.2. Het juiste DOCTYPE in hoofdletters... 2 1.3. De XML-namespace... 2 1.4.

Nadere informatie

Voor vragen: http://www.richard3332.nl/ of mail naar Richard3332@gmail.com

Voor vragen: http://www.richard3332.nl/ of mail naar Richard3332@gmail.com Welkom bij mijn website tutorial (Deel 7) Ik ga uit van Microsoft XP voor de duidelijkheid. Ik heb dus geen idee of de programma s die ik gebruik ook op Vista werken. Notepad++ werkt zowieso op xp en Vista.

Nadere informatie

MARTINA. Wist je dat..? Truckjes en weetjes in Drupal 7. 6. Artikels, lengte en aantal op frontpagina (en welkomtekst zonder lees meer )

MARTINA. Wist je dat..? Truckjes en weetjes in Drupal 7. 6. Artikels, lengte en aantal op frontpagina (en welkomtekst zonder lees meer ) MARTINA Wist je dat..? Truckjes en weetjes in Drupal 7 Inhoud: 1. Inlogknop 2. Aangepast beheerdermenu 3. Actieve pagina in de broodkruimel 4. Afbeelding op zoekknop (en geen tekst) [CSS] 5. Logo met link

Nadere informatie

Hand-out Web Technologies, werkcollege 4 Alex Reuneker (a.reuneker@hhs.nl), 2012

Hand-out Web Technologies, werkcollege 4 Alex Reuneker (a.reuneker@hhs.nl), 2012 Hand-out Web Technologies, werkcollege 4 Alex Reuneker (a.reuneker@hhs.nl), 2012 1. Id s en klassen (id- en class-attributen) id-attribuut: Elk HTML-element kan gespecificeerd worden door middel van een

Nadere informatie

Les 8. Inleiding. Sticky Navigation

Les 8. Inleiding. Sticky Navigation Les 8 Inleiding 1. Download eerst de nodige bestanden (afbeeldingen afkomstig van www.pixabay.com) 2. Download en installeer de module Focal Point (Crop API is hiervoor nodig) 3. Maak een nieuw inhoudstype

Nadere informatie

A Inloggen. B - Wachtwoord Veranderen

A Inloggen. B - Wachtwoord Veranderen A Inloggen 1. Ga naar http://webtinq.nl 2. Klik op de knop "Login". 3. Voer het e-mail adres en wachtwoord in dat je hebt gekregen. 4. Klik op de knop "Login". 5. Je bent nu ingelogd! B - Wachtwoord Veranderen

Nadere informatie

Floorplanner Pro. Backend Handleiding

Floorplanner Pro. Backend Handleiding Floorplanner Pro Backend Handleiding Kort gesteld kun je met een PRO account eenvoudig interactieve plattegronden tekenen en online publiceren. Deze handleiding vertelt je alles over de Floorplanner Pro

Nadere informatie

GVR Soft s HTMLcursus

GVR Soft s HTMLcursus GVR Soft s HTMLcursus Index en snelzoek pagina Les 1: De basis - De basis tags: , , en tags - Het nesten van tags - Achtergrond- en tekstkleur - De basiskleuren - Kleurenkiezer - Een

Nadere informatie

Een ASP.NET applicatie opzetten. Beginsituatie:

Een ASP.NET applicatie opzetten. Beginsituatie: Hoofdstuk 1 Een ASP.NET applicatie opzetten Beginsituatie: Windows XP Pro, Windows Vista Pro of Windows 7 Pro Visual Studio.NET moet zijn geïnstalleerd. Let hierbij op dat de Express versie niet voldoet.

Nadere informatie

Pro templates. Copyright Starteenwinkel.nl

Pro templates. Copyright Starteenwinkel.nl Pro templates Copyright Starteenwinkel.nl Lees in deze handleiding over: 1. PRO templates; voor wie geschikt? 2. Aan de slag met een PRO template 3. Template Designer 4. Template Editor 5. Sliders aanpassen

Nadere informatie

WEBDESIGN. html tags. Neem de grondbeginselen van html door via de online cursus op de informaticasite of via instruct-online

WEBDESIGN. html tags. Neem de grondbeginselen van html door via de online cursus op de informaticasite of via instruct-online WEBDESIGN html tags HTML is de taal waarop internetsites gebaseerd zijn. Bij het onderdeel webdesign maken we gebruik van een van de bovenstaande webeditors die ons helpen bij het (automatisch) creëren

Nadere informatie

HTML richtlijnen e-mail marketing. part of the valley

HTML richtlijnen e-mail marketing. part of the valley e-mail marketing pagina 2/9 geschreven door Maarten van Benthem, front-end developer datum 1 oktober 2009 versie 1.0 Copyright Alle rechten voorbehouden. De inhoud van dit document blijft eigendom van

Nadere informatie

RESPONSIVE DRUPAL THEMING MET SASS, COMPASS, SUSY EN AURORA DRUPAL TECH TALK 25 APRIL 2013 MARC VAN GEND TRIQUANTA

RESPONSIVE DRUPAL THEMING MET SASS, COMPASS, SUSY EN AURORA DRUPAL TECH TALK 25 APRIL 2013 MARC VAN GEND TRIQUANTA RESPONSIVE DRUPAL THEMING MET SASS, COMPASS, SUSY EN AURORA DRUPAL TECH TALK 25 APRIL 2013 MARC VAN GEND TRIQUANTA AGENDA Het Doel #responsivemobilefirsthtml5buzzwordcompliant CSS preprocessing SASS Werken

Nadere informatie

Leuk idee: de menubalk blijft zichtbaar ookal scroll je naar beneden

Leuk idee: de menubalk blijft zichtbaar ookal scroll je naar beneden Les 9 Inleiding In dit hoofdstuk gaan we opnieuw verder met Drupal 8. We bekijken een aantal specifieke modules. De ene al eenvoudiger dan de andere, maar stuk voor stuk schitterende toepassingen voor

Nadere informatie

CSS: clip-path, shapes, variabelen, multiple columns layout. Variabele webfonts en de nieuwe Firefox developertools

CSS: clip-path, shapes, variabelen, multiple columns layout. Variabele webfonts en de nieuwe Firefox developertools 1 Presentatie Nieuwe CSS3-features en Firefox CSS-editors Presentatie thema-avond HCC Joomla! Heerenveen 4 december 2018 CSS: clip-path, shapes, variabelen, multiple columns layout. Variabele webfonts

Nadere informatie

PORTAL HYDRON. Marco Tangelder - Clickfactor Bram Voogel - Oracle

PORTAL HYDRON. Marco Tangelder - Clickfactor Bram Voogel - Oracle PORTAL HYDRON Marco Tangelder - Clickfactor Bram Voogel - Oracle Inhoud Introductie Hydron The Case Design Probleemstelling Design Oplossing Design Implementatie Portal implementatie Samenvatting Lessons

Nadere informatie

Inhoud leereenheid 3 CSS. Introductie 65. Leerkern 66. Terugkoppeling 91. Uitwerking van de opgaven 91

Inhoud leereenheid 3 CSS. Introductie 65. Leerkern 66. Terugkoppeling 91. Uitwerking van de opgaven 91 Inhoud leereenheid 3 CSS Introductie 65 Leerkern 66 1 HTML zonder CSS 66 1.1 Default styling 66 1.2 Block, inline, table 66 1.3 Reset CSS 67 2 Planning op papier 68 2.1 Responsive design 68 2.1.1 Eenheden

Nadere informatie

Min-height en min-width

Min-height en min-width Oefening 15.5 Min-height en min-width Maak op van uw een webpagina s een div die u voorziet van een geschikte waarde voor min-height en min-width. Laat zien wat er gebeurt als u het lettertype verkleint

Nadere informatie

HTML & CSS. Studievaardigheden 2013. Frank Takes (ftakes@liacs.nl) LIACS, Universiteit Leiden

HTML & CSS. Studievaardigheden 2013. Frank Takes (ftakes@liacs.nl) LIACS, Universiteit Leiden HTML & CSS Studievaardigheden 2013 Frank Takes (ftakes@liacs.nl) LIACS, Universiteit Leiden Inleiding Voorkennis: geen Stof: www.w3schools.com en dit college: www.liacs.nl/~ftakes/pdf/htmlcss.pdf Opdracht:

Nadere informatie

1. Toelichting voor eindgebruikers (bouwstenen)

1. Toelichting voor eindgebruikers (bouwstenen) 1. Toelichting voor eindgebruikers (bouwstenen) Algemeen Deze interactieve kaart maakt gebruik van de data en kaartmateriaal van Openstreetmap, waarbij informatie over interessante punten en wandelen in

Nadere informatie

Lesbrief Les 2 Basis CSS

Lesbrief Les 2 Basis CSS Lesbrief Les 2 Basis CSS Jullie hebben net de basis uitleg van CSS gehad. Om deze uitleg wat te laten bezinken gaan we aan de slag met de oefenopdracht voor deze week. Lees de opdracht goed door zodat

Nadere informatie

Gebruik maken van een Geopunt-mini-kaart v3.1

Gebruik maken van een Geopunt-mini-kaart v3.1 Gebruik maken van een Geopunt-mini-kaart v3.1 Document versie 1.0 1 1. Doelstelling Via een aantal Geopunt-kaarttoepassing kan je kaarten, interessante plaatsen en een aantal andere functionaliteiten van

Nadere informatie

ONTWERPEN VAN INTERACTIEVE PRODUCTEN

ONTWERPEN VAN INTERACTIEVE PRODUCTEN ONTWERPEN VAN INTERACTIEVE PRODUCTEN WORKSHOP INTERACTIEF PROTOTYPE BOUWEN F. van Slooten WORKSHOP INTERACTIEF PROTOTYPE BOUWEN Ontwerp Keuze tool/techniek Maken layout 2 dagen: dinsdag 23 september Ochtend:

Nadere informatie

Webkoppeling Versie 2

Webkoppeling Versie 2 Webkoppeling Versie 2 Versie: 2.7 Versiedatum: 01-03-2015 Inleiding In UBplus kan een koppeling worden gemaakt tussen de aanvragen en beschikbare werknemers die zijn ingevoerd en de eigen website van het

Nadere informatie

Sushi MIJN EERSTE WEBSITE. DE STIJL VAN HET BOVENSTE MENU AANPASSEN Kaart 6 van 10 Ik ben HTML/CSS aan het leren. Naar daar.

Sushi MIJN EERSTE WEBSITE. DE STIJL VAN HET BOVENSTE MENU AANPASSEN Kaart 6 van 10 Ik ben HTML/CSS aan het leren. Naar daar. MIJN EERSTE WEBSITE Sushi DE STIJL VAN HET BOVENSTE MENU AANPASSEN Kaart 6 van 10 Van hier Naar daar 1 2 3 Doe het stap voor stap om te zien hoe CSS werkt! Voeg een rand toe van 1 punt in de breedte om

Nadere informatie

Voorbeeld: In een tekstverwerker staat: Dit is scheve tekst Om in HTML hetzelfde effect te krijgen moet er staan: <i>dit is scheve tekst</i>

Voorbeeld: In een tekstverwerker staat: Dit is scheve tekst Om in HTML hetzelfde effect te krijgen moet er staan: <i>dit is scheve tekst</i> Wat is HTML? HTML staat voor HyperText Markup Language. Een HTML tekst bestaat uit zogenaamde platte tekst (ook wel de eerste 128 tekens van ASCII genoemd). In tegenstelling tot bijvoorbeeld tekstverwerker

Nadere informatie

I'VE GOT EM FRONTEND DEVELOPMENT LES 3

I'VE GOT EM FRONTEND DEVELOPMENT LES 3 I'VE GOT EM FRONTEND DEVELOPMENT LES 3 VORIGE WEEK CSS bling Selectors deel 1 Even heel kort samenvatten waar we het ook al weer over hebben gehad vorige week. Niet te lang bij stilstaan want er is heel

Nadere informatie

Programmeren in MyShop

Programmeren in MyShop Programmeren in MyShop Wat leer je in dit hoofdstuk: - Wat HTML en CSS is - (Een heel klein beetje) HTML - (Een heel klein beetje) CSS - Een aangepaste footer maken ( deurmat ) Eindresultaat Je gaat je

Nadere informatie

Eén framesetpagina Een xhtml pagina per deel van het frame.

Eén framesetpagina Een xhtml pagina per deel van het frame. Frames xhtml heeft van zijn broertje HTML een manier geërfd om een pagina in verschillende delen te splitsen. Dit maakt het mogelijk van in ieder deel een andere xhtml pagina te laden en deze apart van

Nadere informatie

Getting Started. Leer over de Reflex Publieke Boekingsmodule

Getting Started. Leer over de Reflex Publieke Boekingsmodule Getting Started Leer over de Reflex Publieke Boekingsmodule Inhoud Inhoud... 2 Welkom bij Reflex... 3 Doel van dit document... 3 Over dit document... 4 Over Reflex... 5 Enkele kenmerken van Reflex... 5

Nadere informatie

Cascading Style Sheets (CSS)

Cascading Style Sheets (CSS) pagina 1 van 32 Cascading Style Sheets (CSS) Copyright 2001-2005 Edwin Martin Laatst aangepast: 4 juni 2005. Bij veel voorbeelden in de cursus wordt gebruik gemaakt van style sheets.

Nadere informatie

Frontend ontwikkeling

Frontend ontwikkeling Frontend ontwikkeling Mark Jansen Edwin Vlieg PHPFreakz ledendag 10 november 2007 Frontend ontwikkeling De interface is je product richting de eindgebruiker Goede PHP code met een slechte interface geeft

Nadere informatie

JDS bedrijfsautomatisering bv. Plan-IT Online. Klantenbeschrijving

JDS bedrijfsautomatisering bv. Plan-IT Online. Klantenbeschrijving JDS bedrijfsautomatisering bv Plan-IT Online Klantenbeschrijving Inhoud 1. Welkom... 3 2. Beheermodule klant... 4 2.1 Beschikbaarheid... 6 2.2 Instellingen kalender... 7 2.2.1 Algemene instellingen...

Nadere informatie

MyMediasite Handleiding 2014 - V2.1

MyMediasite Handleiding 2014 - V2.1 MyMediasite Handleiding 2014 - V2.1 1 INHOUDSOPGAVE 1.1 INSTALLATIE 3 1.2 GEBRUIKER ACTIVEREN 4 1.3 GEBRUIKERSPROFIEL ONLINE INSTELLEN 4 1.4 INSTALLATIE OP TU LAPTOP 5 2.1 NIEUWE PRESENTATIE OPNEMEN 6

Nadere informatie

Stappenplan, hoe voeg ik mijn IFRAME toe aan Facebook?

Stappenplan, hoe voeg ik mijn IFRAME toe aan Facebook? Stappenplan, hoe voeg ik mijn IFRAME toe aan Facebook? Stap1: Ga naar: www.facebook.com en log in met je gebruikers account. Hierbij is het verplicht dat je een bedrijfspagina hebt en je daartoe over de

Nadere informatie

1. De basis 2. De basis uitbreiden

1. De basis 2. De basis uitbreiden Wordpress Theme Hoe moet je deze reader gebruiken? Deze reader is digitaal, zodat je makkelijk stukjes code kunt kopieren en plakken. 1. De basis 2. De basis uitbreiden Hier aan de linkerkant vind je een

Nadere informatie

Les 11. Hovereffect Bis. 1. Maak eerst een nieuwe afbeeldingsstijl

Les 11. Hovereffect Bis. 1. Maak eerst een nieuwe afbeeldingsstijl Les 11 Hovereffect Bis 1. Maak eerst een nieuwe afbeeldingsstijl 2. Maak een nieuw overzicht aan met de volgende kenmerken: 1. Naam: Fotospecial Hover I 2. Blok maken, geen pagina 3. Inhoud van het type

Nadere informatie

Rob's Domein. theorie van html met de beschrijving van alle tag. Een html pagina moet altijd minstens uit de volgende tags bestaan:

Rob's Domein. theorie van html met de beschrijving van alle tag. Een html pagina moet altijd minstens uit de volgende tags bestaan: pagina 1 van 6 Rob's Domein kamp, 's Lands grootste webwinkel! Opleiding Webdesign Verdien aan je site met Tradedou SCRIPTS GIF PLAATJES ACHTERGRONDEN GENERATOREN DIVERSEN OPLEIDINGEN CONTA N Binnen 1

Nadere informatie

HTML in Outlook 2007. Hoe zorgt u ervoor dat uw email goed in beeld komt?

HTML in Outlook 2007. Hoe zorgt u ervoor dat uw email goed in beeld komt? HTML in Outlook 2007 Hoe zorgt u ervoor dat uw email goed in beeld komt? HTML in Outlook 2007 Inleiding Emark Mail biedt u de mogelijkheid om kant en klare HTML nieuwsbrieven in te laden en te versturen.

Nadere informatie

Font betekent lettertype, de vele font eigenschappen wijzigen dan ook de opmaak van je lettertype. Hiermee bepaal je het lettertype.

Font betekent lettertype, de vele font eigenschappen wijzigen dan ook de opmaak van je lettertype. Hiermee bepaal je het lettertype. Stijlregels I Nu je de verschillende soorten CSS kent kan je deze ook gaan toepassen. Onthoudt dat alle opmaak in xhtml met CSS gemaakt moet worden. Tegenwoordig zijn er meer dan 200 CSS properties, deze

Nadere informatie

HTML. Dennis van Wakeren. CC Naamsvermelding 3.0 Nederland licentie. http://maken.wikiwijs.nl/68933

HTML. Dennis van Wakeren. CC Naamsvermelding 3.0 Nederland licentie. http://maken.wikiwijs.nl/68933 Auteur Laatst gewijzigd Licentie Webadres Dennis van Wakeren 14 December 2015 CC Naamsvermelding 3.0 Nederland licentie http://maken.wikiwijs.nl/68933 Dit lesmateriaal is gemaakt met Wikiwijsleermiddelenplein.

Nadere informatie

MODULE 4 : WEBSITEX5(11)

MODULE 4 : WEBSITEX5(11) MODULE 4 : WEBSITEX5(11) In deze benadering maken we een site met een startpagina en 3 kleine pagina s. We doen dit met een tool op de PC: WebSiteX(Versie 9 is volledig gratis, maar beperkter dan versie

Nadere informatie

Jaarstatistieken met Meteohub genereren

Jaarstatistieken met Meteohub genereren Jaarstatistieken met Meteohub genereren Inleiding Enige tijd geleden ben ik overgestapt van WsWin naar Meteohub. Met WsWin had ik vanaf 2003 jaarstatistieken gegenereerd. Aangezien Meteohub zelf geen jaarstatistieken

Nadere informatie

Werken met afbeeldingen in webpagina's

Werken met afbeeldingen in webpagina's Werken met afbeeldingen in webpagina's In webpagina's komen heel vaak afbeeldingen voor. Toch gaan webpagina's helemaal anders om met afbeeldingen dan bijvoorbeeld een PowerPoint-presentatie of een Word-document.

Nadere informatie

https://klanten.actiefsoftware.com/{klantnaam}/cgi-bin/inschrijven.pl https://klanten.actiefsoftware.com/{klantnaam}/cgi-bin/inschrijvenog.

https://klanten.actiefsoftware.com/{klantnaam}/cgi-bin/inschrijven.pl https://klanten.actiefsoftware.com/{klantnaam}/cgi-bin/inschrijvenog. APM Internet pagina s In deze handleiding wordt omschreven hoe u de APM internetpagina s kunt gebruiken en integreren in uw eigen website. N.B.: In alle URL s dient {klantnaam} vervangen te worden door

Nadere informatie

Op heel brede monitoren kan een dergelijke site er snel ongemakkelijk worden doordat de tekst op heel lange regels komt te staan.

Op heel brede monitoren kan een dergelijke site er snel ongemakkelijk worden doordat de tekst op heel lange regels komt te staan. Layout met CSS Naast het opmaken van tekst, navigatie menu s en foto s komt de echte kracht van CSS tot uiting voor de layout van de webpagina. Het is geen eenvoudig onderwerp, daarom eerst een beetje

Nadere informatie

Deze opdracht vraagt uitbreiding van jullie doorheen de lessen. We gaan zelf een ontwerp

Deze opdracht vraagt uitbreiding van jullie doorheen de lessen. We gaan zelf een ontwerp DOORLOPENDE OPDRACHT KINEPOLIS Beste studenten, Deze opdracht vraagt uitbreiding van jullie doorheen de lessen. We gaan zelf een ontwerp maken/ code schrijven voor de Kinepolis website. Wat hoort er thuis

Nadere informatie

Online Boekingsmodule (Public)

Online Boekingsmodule (Public) Online Boekingsmodule (Public) Inhoud Inhoud... 2 Doel van dit document... 3 Handige begrippen om te weten... 3 Hoe de public eruit ziet en functioneert... 4 Beschikbaarheidselectie... 4 Groepering van

Nadere informatie

IAI: Les 2 Vakjes maken. Rick Hazebroek r.hazebroek@cibap.nl

IAI: Les 2 Vakjes maken. Rick Hazebroek r.hazebroek@cibap.nl IAI: Les 2 Vakjes maken Rick Hazebroek r.hazebroek@cibap.nl 1 2 Les 2 Bekijk de powerpoint van deze les Opdracht 1: Vakjes maken Bekijk de tekening op de vorige pagina. Je ziet hier verschillende onderdelen:

Nadere informatie

p1 = JAVASCRIPT p13= AJAX p26= PHP 1

p1 = JAVASCRIPT p13= AJAX p26= PHP 1 p1 = JAVASCRIPT p13= AJAX p26= PHP 1 JAVASCRIPT Leeftijd + 2 var leeftijd = prompt('hoe oud ben je?', 'vul hier je leeftijd in'); var leeftijd2 = parseint

Nadere informatie

De doe-het-zelf SEO review [checklist]

De doe-het-zelf SEO review [checklist] De doe-het-zelf SEO review [checklist] door admin - 05-29-2012 http://www.itpedia.nl/2012/05/29/de-doe-het-zelf-seo-review-checklist/ website Kijk periodiek onder de motorkap van je Zoals elke SEO-professional

Nadere informatie

We passen eerst ons bestaand inhoudstype Fotospecial een beetje aan:

We passen eerst ons bestaand inhoudstype Fotospecial een beetje aan: Les 12 Paragraph + Bootstrap Met deze module kan je de inhoud van een node beter rangschikken op het scherm. Denk hier aan Display Suite en/of Panels. Ook die modules laten u toe om inhoud anders te schikken

Nadere informatie