Skip to content

karelrosseel/boekenlijst

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

6 Commits
 
 
 
 
 
 
 
 
 
 

Repository files navigation

karelrosseel.github.io

=======PHP-PHOTO-SLIDER================

om de php-photo-slider te openen moet je inloggen bij www.000webhost.com en daar een database aanmaken er werd gewerkt

======= Opdracht PHP-PHOTO-GRID (zoals je kan maken in www.myportfolio.com of www.mobirise.com =====met tagging===========

de basis is de PHP-PHOTO-SLIDER maar de code moet aangepast worden omdat we nu responsive images moeten krijgen die van grootte veranderen als we veranderen van device (schermgrootte/venstergrootte/F12 anders instellen)

================================================== PHP-Photo-grid maken doen we aan de hand van de tutururials van codepen: 1: INTRO voorbeeld: basiscode opstart van een CSSgrid met images: https://codepen.io/karelrosseel-prive/pen/Mrmepo codepen https://codepen.io/brianhaferkamp/pen/vmRJbV?q=basics%20of%20grid%3A%20image%20gallery&order=popularity&depth=everything&show_forks=false tuturial video: https://www.youtube.com/watch?v=L_fisgqblTA&feature=youtu.be 2: INTRO voorbeeld: basiscode voor een hover effect op een afbeelding: https://codepen.io/karelrosseel-prive/pen/KZmVVo?page=2

=========> RESULTAAT leerkracht 1: php-photo-grid-zonder-hover: https://scentless-initials.000webhostapp.com/index-php-photo-grid-zonder-hover.php 2: php-photo-grid-met-hover: https://scentless-initials.000webhostapp.com/index-php-photo-grid-met-hover.php 3: php-photo-grid-met-hover-google-fonts : https://scentless-initials.000webhostapp.com/index-php-photo-grid-met-hover-google-fonts.php 3: php-photo-grid-met-hover-lightbox: https://scentless-initials.000webhostapp.com/index-php-photo-grid-met-hover-lightbox.php

About

boekenlijst

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published