Drupal theming. 28 april CVO Crescendo

Maat: px
Weergave met pagina beginnen:

Download "Drupal theming. 28 april 2014 - CVO Crescendo"

Transcriptie

1 Drupal theming 28 april CVO Crescendo

2 About-me.tpl.php Esther De Jonghe Drupal front end @puresign nu: freelance

3 Wat is theming?

4 html, css, php, javascript <?php if ($title):?> <h1> <?php print $title;?> </h1> <?php endif;?> h1 { color: red; }

5 Learning curve

6 AAARRRGGGHHH! meest gehoorde woord op de werkvloer:

7 Core themes Bartik: voorkant Seven: administration theme

8 Een theme implementeren 3 manieren theme gebruiken sub-theme maken custom theme maken

9 Theme implementeren https://drupal.org/project/project_theme drush dl [naam] (wat na project/ komt) of via download zip - in folder: sites/all/themes /admin/appearance enable en set default /admin/appearance/settings/[naam] via settings kan je instellingen wijzigen: themeafhankelijk (vb colors, slideshow, ) via blocks kan je content in een region plaatsen

10 Subtheme maken kies een base-theme (vb bartik) maak folder: sites/all/themes/[naam] alfanumerieke tekens en underscores in folder: [naam].info style.css (of een andere naam)

11 mijn_theme.info name = Mijn-Theme description = Mijn-Theme is een Bartik subtheme version = 1.0 core = 7.x base theme = bartik

12 mijn_theme.info kopieer ook alle regions van het base-theme regions[header] = Header regions[help] = Help regions[page_top] = Page top regions[page_bottom] = Page bottom regions[highlighted] = Highlighted...

13 Een eigen theme maken sites/all/themes/[naam] [naam].info template.php css/sass files templates javascript files

14 theme.info name = "theme naam" description = "dit is mijn theme" version = "1.0" core = "7.x" engine = "phptemplate" stylesheets[all][] = "css/html5reset.css" stylesheets[all][] = "style.css" scripts[] = "scripts/main.js" regions[top] = Top regions[right] = Right regions[content] = Content regions[footer] = Footer settings[breadcrumb_display]= 1 settings[breadcrumb_home]= 1 settings[breadcrumb_separator]= '/'

15 template.tpl.php html.tpl.php page.tpl.php region.tpl.php block.tpl.php block--menu.tpl search-result.tpl.php

16 template.php Logicverander de html-output theming functions php

17 Preprocessing function mijntheme_preprocess_node(&$variables) { $variables['date'] = date('d-m-y'); $variables['submitted'] = t('submitted on!datetime', array( '!datetime' => $variables['date'], )); }

18 Regions

19 Regions page.tpl.php <?php if ($page['sidebar_second']):?> <div id="sidebar-second" class="column sidebar"><div class="section"> <?php print render($page['sidebar_second']);?> </div></div> <!-- /.section, /#sidebar-second --> <?php endif;?>

20 Css / SASS SASS (en Less) zijn css-compilers functions variables extend DRY

21 DRY Don t repeat yourself! Sass - re-use mixins bem-classes

22 Javascript [naam].info scripts[] = mytheme.js preprocess in template.php function mijntheme_preprocess_page(&$variables) { drupal_add_js(drupal_get_path('theme', 'mijntheme').'js/scripts.js', 'file'); }

23 Theming modules Display Suite - https://drupal.org/project/ds Sweaver - https://drupal.org/project/sweaver

24 Online resources https://drupal.org/documentation/theme

25 It s the internet jim, but not as we know it

26 Responsive design

27 Schermbreedte - niet device

28 Schermbreedte - niet device

29 Responsive Ontwerp schaalt mee met de breedte van het scherm (niet device- of browserafhankelijk) Optimale gebruikerservaring op elk scherm / device

30 mediaqueries screen and (max-width: 600px) { h2 { color: green; } }

31 mediaqueries laten werken Toevoegen aan html.tpl.php <head> <meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximumscale=1"/> <meta name="handheldfriendly" content="true" /> <meta name="mobileoptimized" content="width" /> <meta http-equiv="cleartype" content="on" /> </head>

32 De 10 geboden Gij zult nooit core files overschrijven Gij zult nooit een base theme aanpassen Gij zult zo weinig mogelijk!important gebruiken Gij zult deze volgorde respecteren: php / css / js Gij zult volhouden!

33 oefening: subtheme maken demo

34 Thank you! vragen / opmerkingen?

Lichtgewicht CSS design voor Drupal 6

Lichtgewicht CSS design voor Drupal 6 Lichtgewicht CSS design voor Drupal 6 Roy Scholten Drupaljam Enschede, 20 maart 2009 1 Question: How to convert an OSWD design into a Drupal theme. In 45 minutes? 2 Wie heeft deze vraag gesteld? Answer:

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

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

Drupal 8 Informatiesessie

Drupal 8 Informatiesessie Drupal 8 Informatiesessie Fedict 2009. All rights reserved Wat is Drupal Drupal is een CMS ( Content Management System ) Ontwikkeld in PHP Het is Open Source software Bestaat uit een kernsoftware (Drupal

Nadere informatie

Icoon/Icon Betekenis Description. Change scheduling Online. Gaat offline op (datum/tijd) Online. Going offline on (date/time)

Icoon/Icon Betekenis Description. Change scheduling Online. Gaat offline op (datum/tijd) Online. Going offline on (date/time) Algemeen/General Gepubliceerd maar gewijzigd Published but changed Meer acties op geselecteerde content More actions on selected content Gepubliceerd en niet gewijzigd Published and not changed Terugdraaien

Nadere informatie

DRUPAL Dev Training, dag 1. Introductie

DRUPAL Dev Training, dag 1. Introductie DRUPAL Dev Training, dag 1 Introductie Me in nuttshell www.jorissnoek.nl Inleiding Globale inhoud Drupal Block 1: Drupal intro Block 2: use case, VBM ontwikkeling Block 3: Themen die hap! Block 4: Programmeren

Nadere informatie

Voorbeelden van Drupal websites

Voorbeelden van Drupal websites Voorbeelden van Drupal websites http://hamptonroads.com http://www.theonion.com http://www.spreadfirefox.com/ http://evolt.org/ http://creativebits.org/ http://kerneltrap.org/ http://www.linuxjournal.com/

Nadere informatie

Hosting. Bestelformulier en domeinnaamcontrole. Januari, 2013. WeFact B.V. Kuiper 7a 5521 DG Eersel Nederland. w: www.wefact.nl e: helpdesk@wefact.

Hosting. Bestelformulier en domeinnaamcontrole. Januari, 2013. WeFact B.V. Kuiper 7a 5521 DG Eersel Nederland. w: www.wefact.nl e: helpdesk@wefact. Hosting Januari, 2013 Bestelformulier en domeinnaamcontrole WeFact B.V. Kuiper 7a 5521 DG Eersel Nederland w: www.wefact.nl e: helpdesk@wefact.nl Introductie Algemeen In deze handleiding wordt uitgelegd

Nadere informatie

SQL INJECTIE Door Eoghain Verdonckt Beveiliging december 2013

SQL INJECTIE Door Eoghain Verdonckt Beveiliging december 2013 SQL INJECTIE Door Eoghain Verdonckt Beveiliging december 2013 Voor mijn werkje voor beveiliging ga ik een tutorial maken voor SQL injectie. En hoe we deze kunnen voorkomen. Allereerst heb ik een tabel

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

Talk Nerdy To Me 16-05-2012 NHL. Responsive Webdesign. Maarten van de Voorde mr10.nl Jan-Wessel Hovingh waxle.com

Talk Nerdy To Me 16-05-2012 NHL. Responsive Webdesign. Maarten van de Voorde mr10.nl Jan-Wessel Hovingh waxle.com Talk Nerdy To Me 16-05-2012 NHL Responsive Webdesign Maarten van de Voorde mr10.nl Jan-Wessel Hovingh waxle.com 1.1 Waarom is webdesign voor mobiel gebruik onvermijdelijk? in 2010 was er 600% groei in

Nadere informatie

Pimp je SharePoint zoekresultaten

Pimp je SharePoint zoekresultaten Pimp je SharePoint zoekresultaten Onder de motorkap is heel veel veranderd en verbeterd aan de search in SharePoint 2013. Maar de zoekresultaten moeten vooral appetijtelijk kunnen worden gepresenteerd

Nadere informatie

Drupal Minimum elementen voor een module Een eerste module Een eerste theme Theming binnen modules

Drupal Minimum elementen voor een module Een eerste module Een eerste theme Theming binnen modules Basiscursus door Michaël Zenner Drupal Minimum elementen voor een module Een eerste module Een eerste theme Theming binnen modules Hooks Menusystem Users, nodes en comments Form API 1 2 Core Modules HOOKS

Nadere informatie

Joomla Template & Bootstrap 3.0. JUGA 19-11-2013 Henk Rijneveld (henk@henkrijneveld.nl)

Joomla Template & Bootstrap 3.0. JUGA 19-11-2013 Henk Rijneveld (henk@henkrijneveld.nl) Joomla Template & Bootstrap 3.0 JUGA 19-11-2013 Henk Rijneveld (henk@henkrijneveld.nl) De case Joomla 3.laatst Helemaal responsive Fixed kop- en voetgebied Specifieke chrome Zoveel mogelijk zelf Joomla

Nadere informatie

Your Future, our boost!

Your Future, our boost! Your Future, our boost! www.e-boost.be 1 E-BOOST: WIE ZIJN WE, WAT DOEN WE? e-boost, da s een groep van 4 jonge wolven en ervaren rotten in het vak die Drupal ademen, denken, dromen... Altijd op zoek naar

Nadere informatie

2. Ga naar Prestashop Admin > Modules en zoek naar Kassa Compleet.

2. Ga naar Prestashop Admin > Modules en zoek naar Kassa Compleet. Hoe integreer ik Kassa Compleet in mijn webwinkel? Om het integreren voor u zo eenvoudig mogelijk te maken ontvangt u van ons een plugin voor uw webwinkelpakket. Wij ondersteunen de volgende pakketten:

Nadere informatie

Versie 0.4. Documentatie Onsweb Club plugin voor KNKV verenigingen. Laatste wijziging: 19 juli 2012 Auteurs: Marien Dongstra, Sebastian Huisman

Versie 0.4. Documentatie Onsweb Club plugin voor KNKV verenigingen. Laatste wijziging: 19 juli 2012 Auteurs: Marien Dongstra, Sebastian Huisman Documentatie Onsweb Club plugin voor KNKV verenigingen Versie 0.4 Laatste wijziging: 19 juli 2012 Auteurs: Marien Dongstra, Sebastian Huisman Alle rechten in dit document zijn voorbehouden. www.onsweb.nl,

Nadere informatie

Sophie van Solinge 77524 CMS32

Sophie van Solinge 77524 CMS32 Sophie van Solinge 77524 CMS32 1 Opdracht 1 Drupal Wordpress Joomla Case 1 De groenteboer op de hoek, heeft grootse plannen voor zijn zaak. Omdat er in de omgeving veel verzorgingstehuizen zijn en de inwoners

Nadere informatie

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

Zo kan je linken maken tussen je verschillende groepen van gegevens.

Zo kan je linken maken tussen je verschillende groepen van gegevens. 1 1. Entity Reference Entity Reference zal ook een onderdeel zijn van Drupal 8. Het is een module van het type veld. Het is een heel krachtige module die toelaat om referenties te maken tussen verschillende

Nadere informatie

Versie 0.6. Documentatie Onsweb Club plugin voor KNKV verenigingen. Laatste wijziging: 13 augustus 2013 Auteurs: Marien Dongstra, Sebastian Huisman

Versie 0.6. Documentatie Onsweb Club plugin voor KNKV verenigingen. Laatste wijziging: 13 augustus 2013 Auteurs: Marien Dongstra, Sebastian Huisman Documentatie Onsweb Club plugin voor KNKV verenigingen Versie 0.6 Laatste wijziging: 13 augustus 2013 Auteurs: Marien Dongstra, Sebastian Huisman Alle rechten in dit document zijn voorbehouden. www.onsweb.nl,

Nadere informatie

1. Voor het installeren wordt geadviseerd een backup te maken van uw database en bestanden.

1. Voor het installeren wordt geadviseerd een backup te maken van uw database en bestanden. NL: KiyOh.nl gebruikers kunnen met deze plug in automatisch klantbeoordelingen verzamelen, publiceren en delen in social media. Wanneer een klant een bestelling heeft gemaakt in uw Magento Shop, wordt

Nadere informatie

Dynamische Websites. Week 9

Dynamische Websites. Week 9 Dynamische Websites Week 9 AGENDA Nut van een framework? Relatieve URLs Views Slicing 2 step design NUT VAN EEN FRAMEWORK? Heel veel code is voor jullie al geschreven, jullie moeten deze op de juiste plaatsen

Nadere informatie

Summerschool Mobiele Apps 15-17 augustus 2012 Herman van Dompseler. HTML 5 App

Summerschool Mobiele Apps 15-17 augustus 2012 Herman van Dompseler. HTML 5 App Summerschool Mobiele Apps 15-17 augustus 2012 Herman van Dompseler HTML 5 App 1. Wat is HTML 5 2. HTML 5 Apps 3. Hybride App Architectuur 4. Een App maken Overzicht Deel 1: HTML5 HTML 5 gebruikt als verzamelnaam

Nadere informatie

Les 12 : database koppeling, opmaken van template, webstructuur en afdrukken van gegevens. (deel2).

Les 12 : database koppeling, opmaken van template, webstructuur en afdrukken van gegevens. (deel2). Les 12 : database koppeling, opmaken van template, webstructuur en afdrukken van gegevens. (deel2). In de volgende reeks lessen zal alle vorige leerstof uitgebreid aan het bod komen. Zie ook de vorige

Nadere informatie

Smartsite ixperion Faceted Search

Smartsite ixperion Faceted Search dinsdag 26 oktober 2010 Smartsite ixperion Faceted Search Marc Derksen Uitgangspunten 2 woensdag 27 oktober 2010 Wat is Faceted Search? Nieuwe krachtige zoekomgeving voor Smartsite ixperion Zoekexpressies

Nadere informatie

- Plan Zo kun je een. website bouwen!

- Plan Zo kun je een. website bouwen! - Plan Zo kun je een website bouwen! BoekjeHoeKanJeEenWebsiteBouwen.i1 1 8-7-2008 17:23:14 BoekjeHoeKanJeEenWebsiteBouwen.i2 2 8-7-2008 17:23:15 In dit boekje staat de uitgebreide versie van hoe je een

Nadere informatie

Firewall van de Speedtouch 789wl volledig uitschakelen?

Firewall van de Speedtouch 789wl volledig uitschakelen? Firewall van de Speedtouch 789wl volledig uitschakelen? De firewall van de Speedtouch 789 (wl) kan niet volledig uitgeschakeld worden via de Web interface: De firewall blijft namelijk op stateful staan

Nadere informatie

Joomla! en SEO: De basis elementen van SEO. Richard Bruning

Joomla! en SEO: De basis elementen van SEO. Richard Bruning Joomla! en zoekmachines : De basis elementen van SEO Richard Bruning Joomla! out of the box CMS Hoe doeltreffend is Joomla out of the box voor U als website eigenaar? Ontmoet Tux, onze opdrachtgever voor

Nadere informatie

Om het Elektronica thema te installeren gaat u naar "Theme Store" in Design. Hier kunt u het Elektronica thema in 4 kleurvarianten vinden.

Om het Elektronica thema te installeren gaat u naar Theme Store in Design. Hier kunt u het Elektronica thema in 4 kleurvarianten vinden. Inhoud: 1. Installatie 2. FAQ 3. Thema instellingen 4. Meer hulp nodig? 1.Installatie: Om het Elektronica thema te installeren gaat u naar "Theme Store" in Design. Hier kunt u het Elektronica thema in

Nadere informatie

Handleiding Yootheme (Warp 7)

Handleiding Yootheme (Warp 7) Handleiding Yootheme (Warp 7) Inleiding DezehandleidingishetproductvandeYootheme010werkgroep. DeYootheme010werkgroepiseenwerkgroepvandejug010.De werkgroepledendankzijwiedezehandleidingtotstandis gekomenzijn:robb,wim,robs,janenfred.

Nadere informatie

Handleiding Applic WPS 2.0

Handleiding Applic WPS 2.0 Handleiding Applic WPS 2.0 Stap 1: Inloggen admin (updater) Inloggen Ga naar http://www.applicwps.be/wps2/naamsite/admin of klik op admin rechtsonder in de footer website (indien aanwezig) en log in. Gebruikersnaam:

Nadere informatie

Opdrachten: http://tweakers.net/vormgevingsstagiair

Opdrachten: http://tweakers.net/vormgevingsstagiair Opdrachten: 1. Verzamel vijf vacatures van banen die jij zou willen uitoefenen in je stage. Hierbij is het niet van belang of het bedrijf bij jouw in de buurt gevestigd is. 2. Beantwoord de volgende vragen

Nadere informatie

Versie 0.2. Documentatie Onsweb Club plugin voor NHV verenigingen. Laatste wijziging: 10 mei 2013 Auteurs: Marien Dongstra, Sebastian Huisman

Versie 0.2. Documentatie Onsweb Club plugin voor NHV verenigingen. Laatste wijziging: 10 mei 2013 Auteurs: Marien Dongstra, Sebastian Huisman Documentatie Onsweb Club plugin voor NHV verenigingen Versie 0.2 Laatste wijziging: 10 mei 2013 Auteurs: Marien Dongstra, Sebastian Huisman Alle rechten in dit document zijn voorbehouden. www.onsweb.nl,

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

LES 1: AAN DE SLAG MET WORDPRESS. Lesoverzicht: Aan de slag Wat is WordPress CMS Front-end Back-end Samenvatting. Tijd: 5 minuten

LES 1: AAN DE SLAG MET WORDPRESS. Lesoverzicht: Aan de slag Wat is WordPress CMS Front-end Back-end Samenvatting. Tijd: 5 minuten LES 1: AAN DE SLAG MET WORDPRESS Lesoverzicht: Aan de slag Wat is WordPress CMS Front-end Back-end Samenvatting Tijd: 5 minuten Doel: Aan het einde van deze les weet je wat WordPress is en kun je benoemen

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

! GeoNetwork INSPIRE Atom!

! GeoNetwork INSPIRE Atom! GeoNetwork INSPIRE Atom GeoNetwork INSPIRE Atom 1 Configuration 2 Metadata editor 3 Services 3 Page 1 of 7 Configuration To configure the INSPIRE Atom go to Administration > System configuration and enable

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

Netwerkprinter Dell 1320C installeren op Ubuntu 10.04 LTS - Lucid Lynx

Netwerkprinter Dell 1320C installeren op Ubuntu 10.04 LTS - Lucid Lynx Netwerkprinter Dell 1320C installeren op Ubuntu 10.04 LTS - Lucid Lynx Er is geen Linux driver voor deze printer, maar het werkt ook met de driver van de Fuji Xerox DocuPrint C525A Direct link to Linux

Nadere informatie

Drupal 7 website met uitvaartkosten calculator module

Drupal 7 website met uitvaartkosten calculator module Scriptie ingediend tot het behalen van de graad van PROFESSIONELE BACHELOR IN DE ELEKTRONICA-ICT Drupal 7 website met uitvaartkosten calculator module Kenneth Dhoy Departement Wetenschappen en Techniek

Nadere informatie

CMS Made Simple productsheet

CMS Made Simple productsheet CMS Made Simple productsheet Algemene informatie CMS made Simple CMS made Simple is open source CMS Made Simple (CMSMS) is een Open Source Content Management System. Bij de meeste commerciële software

Nadere informatie

Website beoordeling seo.sololaki.com

Website beoordeling seo.sololaki.com Website beoordeling seo.sololaki.com Gegenereerd op Februari 19 2016 17:13 PM De score is 66/100 SEO Content Title SEO Analyzer Lengte : 12 Perfect, uw title tag bevat tussen de 10 en 70 karakters. Description

Nadere informatie

STAGE VERSLAG LVB NETWORKS

STAGE VERSLAG LVB NETWORKS STAGE VERSLAG LVB NETWORKS Stagiair : Praktijkopleider : Stagebegeleider : Periode : Inlever Datum : Michael Scherpenisse Jeffrey van Draanen Bert de Boer 1 2 April, 2015 Opmerking Beoordeling stageverslag:

Nadere informatie

Website beoordeling zonetelechargement.com

Website beoordeling zonetelechargement.com Website beoordeling zonetelechargement.com Gegenereerd op Juli 23 2015 10:12 AM De score is 47/100 SEO Content Title zone-telechargement.com 520: Web server is returning an unknown error Lengte : 71 Let

Nadere informatie

Website beoordeling fibreclick.co.uk

Website beoordeling fibreclick.co.uk Website beoordeling fibreclick.co.uk Gegenereerd op December 21 2015 11:09 AM De score is 44/100 SEO Content Title Fibre Click Lengte : 11 Perfect, uw title tag bevat tussen de 10 en 70 karakters. Description

Nadere informatie

Inhoud. Installatie. Functies

Inhoud. Installatie. Functies Inhoud Installatie Functies Instellingen Achtergrond Blokken, knoppen Korting Footer Header, left column Main navigation Modules Price categories, Producten Text Contact 3 4 5 5 6 7 8 9 10 11 12 13 14

Nadere informatie

beginnen met bloggen (kleine workshop Wordpress)

beginnen met bloggen (kleine workshop Wordpress) beginnen met bloggen (kleine workshop Wordpress) Een weblog is van oorsprongeen lijstje linktips met een stukje tekst. Oorspongvan het weblog Jorn Barger is an American blogger, best known as editor of

Nadere informatie

ICARUS Illumina E653BK on Windows 8 (upgraded) how to install USB drivers

ICARUS Illumina E653BK on Windows 8 (upgraded) how to install USB drivers ICARUS Illumina E653BK on Windows 8 (upgraded) how to install USB drivers English Instructions Windows 8 out-of-the-box supports the ICARUS Illumina (E653) e-reader. However, when users upgrade their Windows

Nadere informatie

FAQ. Responsive Design. Auteur Tim Ariesen Serviceteam Fulfilment Allrounder Datum 20-03-2014 Versie 1.0

FAQ. Responsive Design. Auteur Tim Ariesen Serviceteam Fulfilment Allrounder Datum 20-03-2014 Versie 1.0 FAQ Responsive Design Auteur Tim Ariesen Serviceteam Fulfilment Allrounder Datum 20-03-2014 Versie 1.0 Inhoudsopgave Pagina 1. Wat is responsive design? 3 2. Wat is er toegevoegd aan onze mono werkomgeving?

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

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

Websitecursus deel 3 JavaScript

Websitecursus deel 3 JavaScript Websitecursus deel 3 JavaScript A Eskwadraat WebCie www@a-eskwadraat.nl 12 oktober 2015 Introductie Twee weken geleden HTML Vorige week CSS Deze week JavaScript Javascript JavaScript (ook wel JS) is een

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

Deel I: Client side technology. Interactie via DOM. Hoorcollege IUW Thema Webdesign 19 november 2014 Christof van Nimwegen

Deel I: Client side technology. Interactie via DOM. Hoorcollege IUW Thema Webdesign 19 november 2014 Christof van Nimwegen Deel I: Client side technology Interactie via DOM en JavaScript Hoorcollege IUW Thema Webdesign 19 november 2014 Christof van Nimwegen Over laatste werkcollege en opdracht Error reporting van de server

Nadere informatie

NBTC html wijzigingen juni

NBTC html wijzigingen juni NBTC html wijzigingen juni Verstuurd naar GX: 23 juni 2014 1. Recently viewed Zie Change / Incident 1: Prijzen recently viewed zijn niet correct. Aan de recently viewed items wordt een extra label (met

Nadere informatie

CVO Crescendo. Ga hiervoor naar Structuur > Inhoudstype > Manage Display en selecteer de gewenste View mode.

CVO Crescendo. Ga hiervoor naar Structuur > Inhoudstype > Manage Display en selecteer de gewenste View mode. Deel 1: Case study: Theming met Display suite 1. Inleiding Met de module Display Suite 1 kan je gegevens beter ordenen binnen een webpagina volgen zelf in te stellen patronen. Dit is een leuke module en

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

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

APEX Templates. OGH APEX dag 30 maart. Art Melssen. 31 maart 2010

APEX Templates. OGH APEX dag 30 maart. Art Melssen. 31 maart 2010 APEX Templates OGH APEX dag 30 maart Art Melssen Introductie Over de spreker 4 jaar APEX ervaring / 7 jaar Oracle 10 jaar web technologie ervaring APEX trajecten o.a. bij Centraal Boekhuis en eboekhuis

Nadere informatie

BEDRIJFSINFORMATIE VLAAMSE OVERHEID VIA DRUPAL. SHOPT IT - 8 mei 2014

BEDRIJFSINFORMATIE VLAAMSE OVERHEID VIA DRUPAL. SHOPT IT - 8 mei 2014 BEDRIJFSINFORMATIE VLAAMSE OVERHEID VIA DRUPAL SHOPT IT - 8 mei 2014 meteen ter zake www.bestuurszaken.be/bedrijfsinformatie www.bestuurszaken.be/bedrijfsinformatie/personeelsbestand www.bestuurszaken.be/bedrijfsinformatie/personeelsbestand

Nadere informatie

ATOS Viewer for Dental Frameworks User Manual

ATOS Viewer for Dental Frameworks User Manual ATOS Viewer for Dental Frameworks User Manual www.dentwise.eu Inhoud Content NEDERLANDS... 2 1. Installatie... 2 2. Algemene Functies... 2 3. Afstanden Meten... 3 4. Doorsneden Maken... 4 5. Weergave Aanpassen...

Nadere informatie

SEO SCAN. evolveconsulting.nl. Uitgevoerd door: Content Stream. SEO specialist: Erik Pols

SEO SCAN. evolveconsulting.nl. Uitgevoerd door: Content Stream. SEO specialist: Erik Pols SEO SCAN evolveconsulting.nl Uitgevoerd door: Content Stream SEO specialist: Erik Pols Datum: 14/9/2015 Inleiding Voor u ligt de gepersonaliseerde SEO scan van uw website. Dit rapport is ingedeeld in drie

Nadere informatie

ExpressionEngine CMS. Content Management Systeem/Publicatieplatform NOAH DESIGN CREATIE & WEBDEVELOPMENT

ExpressionEngine CMS. Content Management Systeem/Publicatieplatform NOAH DESIGN CREATIE & WEBDEVELOPMENT ExpressionEngine CMS Content Management Systeem/Publicatieplatform NOAH DESIGN CREATIE & WEBDEVELOPMENT ExpressionEngine is een ijzersterk Content Management Systeem gebouwd op CodeIgniter, één van de

Nadere informatie

Een sjabloon (in PHP template genaamd) bevat de volledige

Een sjabloon (in PHP template genaamd) bevat de volledige Html-sjablonen in PHP 12 Een sjabloon (in PHP template genaamd) bevat de volledige opmaak van een (html-)pagina. Code en opmaak zijn hierbij gescheiden. Terwijl veel startende programmeurs code en opmaak

Nadere informatie

Hoe word ik. Expert in. Mobiele SEO. www.gomobi.nl Tel: 085 40 12392 info@gomobi.nl

Hoe word ik. Expert in. Mobiele SEO. www.gomobi.nl Tel: 085 40 12392 info@gomobi.nl Hoe word ik Expert in Mobiele SEO www.gomobi.nl Tel: 085 40 12392 info@gomobi.nl Hoe begin ik? Het kost tijd om een expert te worden in mobiele SEO. Het vraagt aandacht en regelmatige aanpassingen. Op

Nadere informatie

Forum Plugin. Het toevoegen en beschrijven van een nieuwe forum categorie, conferentie, thread en gebruikersgroep.

Forum Plugin. Het toevoegen en beschrijven van een nieuwe forum categorie, conferentie, thread en gebruikersgroep. Forum Plugin Via de forum extensie kunt u via de website met over bepaalde onderwerpen discusieren. De admin kan bepalen over welke onderwerpen gediscusieerd kan worden. Onder een hoofdthema kunt u meerdere

Nadere informatie

GIVE ME A FUCKING
FRONTEND DEVELOPMENT LES 1

GIVE ME A FUCKING <BR> FRONTEND DEVELOPMENT LES 1 GIVE ME A FUCKING FRONTEND DEVELOPMENT LES 1 WAAROM DIT VAK? Nou? Vraag dit aan je studenten, schrijf het eventueel op het bord. Benadruk al deze punten ook. - Materiaalkennis - Hoe weet je wat je

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

Talentmanagement in tijden van crisis

Talentmanagement in tijden van crisis Talentmanagement in tijden van crisis Drs. Bas Puts Page 1 Copyright Siemens 2009. All rights reserved Mission: Achieving the perfect fit Organisatie Finance Sales Customer Engineering Project management

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

Leeftijdcheck (NL) Age Check (EN)

Leeftijdcheck (NL) Age Check (EN) Leeftijdcheck (NL) Age Check (EN) [Type text] NL: Verkoopt u producten die niet aan jonge bezoekers verkocht mogen worden of heeft uw webwinkel andere (wettige) toelatingscriteria? De Webshophelpers.nl

Nadere informatie

Postcode module Webservices

Postcode module Webservices Postcode module Webservices Installatie handleiding Total Internet Group B.V. - Amsterdam 1. Installatie van de postcode module via Magento connect 1. Login op de backend van uw Magento webwinkel 2. Ga

Nadere informatie

HTML5 App. Herman van Dompseler In samenwerking met SURFnet. 3 augustus 2012 Versie 0.3 - CONCEPT

HTML5 App. Herman van Dompseler In samenwerking met SURFnet. 3 augustus 2012 Versie 0.3 - CONCEPT Herman van Dompseler In samenwerking met SURFnet 3 augustus 2012 Versie 0.3 - CONCEPT Contents Part 1: Wat is HTML5... 4 Laat maar zien, wat kan ik met HTML5?... 4 HTML5 Resources... 7 HTML5 Apps... 7

Nadere informatie

Drupal lokale installatie op Windows 7.

Drupal lokale installatie op Windows 7. Drupal lokale installatie op Windows 7. Door Paul Driedijk april/mei 2015 Onderstaande uitleg is bedoeld om Drupal uit te proberen op je eigen computer. Wil je Drupal later installeren op een webserver

Nadere informatie

Draft. Gebruikershandleiding XMLCreator 2013NL

Draft. Gebruikershandleiding XMLCreator 2013NL Gebruikershandleiding XMLCreator 2013NL Wouter Verbruggen TimeTronics Lammerdries-Oost 23B B-2250 Olen Belgium Tel.: +32 14 23 19 11 Fax.: +32 14 23 20 24 09 september 2013 XMLCreator handleiding Wat is

Nadere informatie

PYramid Onroerend Erfgoed Style Documentation

PYramid Onroerend Erfgoed Style Documentation PYramid Onroerend Erfgoed Style Documentation Release 0.1.1 Onroerend Erfgoed November 25, 2014 Contents 1 Installatie 3 1.1 Installatie................................................. 3 1.2 Update..................................................

Nadere informatie

Tijdens een HCI handson sessie in Arnhem werd wat CSS gewijzigd In de CSS map stond een _.htaccess bestand

Tijdens een HCI handson sessie in Arnhem werd wat CSS gewijzigd In de CSS map stond een _.htaccess bestand Bekentenis Hallo allemaal, mijn naam is Michiel Roos en ik ben...... een gebruiker Ik gebruik al 8 jaar Het begon allemaal als een experiment, maar het is steeds meer uit de hand gelopen Ik ben nu zelfs

Nadere informatie

Handleiding Artsenviewer Radiologie

Handleiding Artsenviewer Radiologie Handleiding Artsenviewer Radiologie Het Heilig Hart Ziekebhuis Leuven biedt u de mogelijkheid om via een webbased applicatie onderzoeken, uitgevoerd op de afdeling Radiologie, te raadplegen. Wij hopen

Nadere informatie

DVD Shrink. www.jritservice.nl Voor meer vragen en uitleg zie onderdeel jritservice

DVD Shrink. www.jritservice.nl Voor meer vragen en uitleg zie onderdeel jritservice DVD Shrink www.jritservice.nl Voor meer vragen en uitleg zie onderdeel jritservice . Inhoudsopgave. INHOUDSOPGAVE. DISCLAIMER 3. HOOFDSCHERM EN TIPS 4. DE KOPIËREN DVD OPENEN EN ANALYSEREN 4. EEN DVD IN

Nadere informatie

Taco Schallenberg Acorel

Taco Schallenberg Acorel Taco Schallenberg Acorel Inhoudsopgave Introductie Kies een Platform Get to Know the Jargon Strategie Bedrijfsproces Concurrenten User Experience Marketing Over Acorel Introductie THE JARGON THE JARGON

Nadere informatie

Project Embedded Linux Domaza. Elektronica-ICT. Dimitri Kozakiewiez Jonas Govaerts. Academiejaar 2014-2015

Project Embedded Linux Domaza. Elektronica-ICT. Dimitri Kozakiewiez Jonas Govaerts. Academiejaar 2014-2015 Project Embedded Linux Domaza Elektronica-ICT Dimitri Kozakiewiez Jonas Govaerts Academiejaar 2014-2015 Campus Geel, Kleinhoefstraat 4, BE-2440 Geel 5 2 INHOUDSTAFEL INHOUDSTAFEL... 2 1 DOMAZA... 3 1.1

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 Vormgever 5. Sliders aanpassen

Nadere informatie

SELECTEER EEN PAGINA TEMPLATE EN HOOFD VOOR DE PAGINA: Selecteer, in de PAGINA ATTRIBUTEN module rechts naast

SELECTEER EEN PAGINA TEMPLATE EN HOOFD VOOR DE PAGINA: Selecteer, in de PAGINA ATTRIBUTEN module rechts naast OPMAKEN VAN BERICHTEN EN PAGINA S ONE PAGER Berichten en pagina s worden op dezelfde wijze opgemaakt. Voor het opmaken van een bericht ga je in het navigatiemenu (afbeelding rechts) naar BERICHTEN > NIEUW

Nadere informatie

1. Drupal 8 installatie uittesten op Symplytest.me

1. Drupal 8 installatie uittesten op Symplytest.me 1. Drupal 8 installatie uittesten op Symplytest.me Surf naar www.symplytest.me Geef een projectnaam op (drupal core) en kies Launch Sandbox Hierna kan je je versie kiezen, kies de hoogst mogelijke Klik

Nadere informatie

Wouter Postma & Jelle van der Schoot Een inspirerende handleiding

Wouter Postma & Jelle van der Schoot Een inspirerende handleiding Wouter Postma & Jelle van der Schoot WordPress Een inspirerende handleiding HOOFDSTUK 3 ISBN: 978 90 430 3073 1 NUR: 991 Trefwoorden: WordPress, content management systeem, CMS, website, weblog Dit is

Nadere informatie

PYramid Onroerend Erfgoed Style Documentation

PYramid Onroerend Erfgoed Style Documentation PYramid Onroerend Erfgoed Style Documentation Release 0.4.1 Onroerend Erfgoed July 02, 2015 Contents 1 Installatie 3 1.1 Installatie................................................. 3 1.2 Update..................................................

Nadere informatie

Gebruikershandleiding voor: Beperkte Password protectie met JavaScript

Gebruikershandleiding voor: Beperkte Password protectie met JavaScript Gebruikershandleiding voor: Beperkte Password protectie met JavaScript URL: http://home.hccnet.nl/s.f.boukes/html-2/html-202.htm INHOUD : 1. Structuur van een beveiligde site 2. Login-formulier 3. Login

Nadere informatie

Photoshop LESBRIEVEN HANDS- ON: SLICEN EN WEBOUTPUT SCANNEN EN BEWERKEN ANIMATED GIF OPDRACHTEN: SITE MET ALLE OEFENINGEN

Photoshop LESBRIEVEN HANDS- ON: SLICEN EN WEBOUTPUT SCANNEN EN BEWERKEN ANIMATED GIF OPDRACHTEN: SITE MET ALLE OEFENINGEN Photoshop LESBRIEVEN HANDS- ON: SLICEN EN WEBOUTPUT SCANNEN EN BEWERKEN ANIMATED GIF OPDRACHTEN: SITE MET ALLE OEFENINGEN VOORKENNIS: PLAATSEN WEBINHOUD GEBRUIK FLASH Adobe Photoshop Hét pakket uit de

Nadere informatie

WIDGETKIT 2. Inleiding

WIDGETKIT 2. Inleiding WIDGETKIT 2 Inleiding Widgetkit 2 is een component wat in Joomla te gebruiken is. Het component bevat een aantal Widgets die elk op zijn eigen manier content op de website weergeeft. Hieronder is te zien

Nadere informatie

Zelf aanpassingen maken in de overige lay-out die niet vanuit het programma OFB Webbeheer mogelijk zijn

Zelf aanpassingen maken in de overige lay-out die niet vanuit het programma OFB Webbeheer mogelijk zijn Zelf aanpassingen maken in de overige lay-out die niet vanuit het programma OFB Webbeheer mogelijk zijn Versie: december 2009 De OFB Webshop / website kenmerkt zich door de eenvoudige en efficiënte opzet

Nadere informatie

Contactformulier...74 Gebruikers...77 Login...78 Registratie...79 Gebruikersnaam vergeten en wachtwoord vergeten...81 Module stijlen bepalen en

Contactformulier...74 Gebruikers...77 Login...78 Registratie...79 Gebruikersnaam vergeten en wachtwoord vergeten...81 Module stijlen bepalen en Inhoud Inhoud...1 De Basis Template bestanden...3 Basis Template Joomla 3 bestanden...4 templatedetails.xml...6 index.php...8 ...11 Wat te wijzigen?...14 Melding maken voor IE6 en IE7...14 Lettertype,

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

Stap 1. Installeren van CloudSuggest app

Stap 1. Installeren van CloudSuggest app Welkom bij de installatie handleiding van CloudSuggest! Deze handleiding begeleid je door het proces van het installeren van CloudSuggest voor jouw SEOshop. Heb je vragen over deze installatie? Neem dan

Nadere informatie

Inleiding. Als u zelf uw website niet bijhoudt dan kan uw webmaster deze tips gebruiken.

Inleiding. Als u zelf uw website niet bijhoudt dan kan uw webmaster deze tips gebruiken. Tips & Tricks Inleiding In dit overzicht vindt u een aantal tips die u kunt volgen. Het zijn slechts tips en adviezen dus als u of uw webmaster andere manieren hebben voor een perfect resultaat dan is

Nadere informatie

De website aanpassen: MartijntjeSmits.nl

De website aanpassen: MartijntjeSmits.nl JS64 Solutions 64 Ashley Avenue Belfast, BT9 7BU Noord-Ierland De website aanpassen: MartijntjeSmits.nl Inhoud 1. De onderdelen van de adminpagina 2 2. Pagina's aanmaken 3 3. Posts schrijven in Markdown

Nadere informatie

INHOUD 1. Instructie installatie 2X client iphone & ipad... 4. 2. Downloaden app 2x client... 4. 3. Connections... 6

INHOUD 1. Instructie installatie 2X client iphone & ipad... 4. 2. Downloaden app 2x client... 4. 3. Connections... 6 INHOUD 1. Instructie installatie 2X client iphone & ipad... 4 2. Downloaden app 2x client... 4 3. Connections... 6 4. Werkplek Standby connection... 7 a. Een nieuwe connection toevoegen... 7 Alias... 8

Nadere informatie

Functioneel Ontwerp / Wireframes:

Functioneel Ontwerp / Wireframes: Functioneel Ontwerp / Wireframes: Het functioneel ontwerp van de ilands applicatie voor op de iphone is gebaseerd op het iphone Human Interface Guidelines handboek geschreven door Apple Inc 2007. Rounded-Rectangle

Nadere informatie

Y.S. Lubbers en W. Witvoet

Y.S. Lubbers en W. Witvoet WEBDESIGN Eigen Site Evaluatie door: Y.S. Lubbers en W. Witvoet 1 Summary Summary Prefix 1. Content en structuur gescheiden houden 2. Grammaticaal correcte en beschrijvende markup 3. Kopregels 4. Client-

Nadere informatie

design ook items uitsnijden

design ook items uitsnijden (fig1) Hulplijnen zetten Om het ontwerp netjes uit te snijden is het handig om eerst hulplijnen te zetten. (fig1) Nu is het zaak om eerst voor je zelf te bepalen wat is layout en wat is design. Al het

Nadere informatie