background preloader

Vegas Background jQuery Plugin

Vegas Background jQuery Plugin

PHPbb3 forum integratie met Wordpress - Kruiderie Blog 10 februari 2011 door Marenubium Goed. Ik heb een blog met WordPress aangemaakt. Getest: bbpress, simple:press forum, WP Forum server. Ik ben verwend door het phpbb forum, dus sjah… daar kan geen ander forum tegen op in mijn opinie! Een forum functie binnen de blog, waarbij dezelfde opmaak (=theme) gebruikt wordt (in dit geval het Ahimsa theme)Een forum waarbij het uiterlijk aan te passen is aan mijn wensenEen forum met goede ondersteuning voor gebruikersbeheerGebruikersregistratie op de blog moet ook een registratie op het forum inhouden. Phpbb3 voldoet aan alle punten. Ik kreeg het maar niet voor elkaar om een phpbb forum te integreren met mijn blog. Goed. Lekker klein forum…dat kan natuurlijk niet! Tevens vond ik een goed werkende javascript om het forum in een iframe te laden: Download het iframe-sizing bestand (hier), pak het uit en plaats de uitgepakte map in /wp-content/themestore/ Nou wordt het makkelijk! 1. <? 2. <? 3. <? 4.

Vegas, un slideshow / background fullscreen avec jQuery Vegas est un plugin jQuery qui permet de mettre en place un système de background « fullscreen » pouvant faire office de slideshow. Facile à mettre en place, ce plugin génère des arrières-plans dynamiques et étirables, quelle que soit la résolution d’écran. Un background dynamique Conçu par Jay Salvat, développeur français reconnu pour ses travaux JS de qualité (en autres Buzz et markItUp!), Vegas s’intègre rapidement sur n’importe quel webdesign. Il est possible de l’utiliser aussi bien comme background fixe que comme slideshow « fullscreen » avec images de fond qui défilent, le tout avec une bonne compatibilité navigateur (IE7+). Mise en place de Vegas On commence par inclure les dépendances : le framework jQuery, ainsi que le plugin Vegas (fichier JS et feuille de style). Ensuite, tout se configure dans l’appel du plugin. Si vous souhaitez définir un slideshow, il faut définir plusieurs images dans le paramètre backgrounds.

Grid-A-Licious Back in mid 2008, I created a jQuery plugin. I named it Grid-A-Licious and described it as, "Divs are placed in chronological order with a special grid" because I had no clue how to explain it better. I used this script a lot and designed many sites with it during 2008. At first, people were very skeptic and confused on how to read the grid, and thought this kind of layout belonged in real papers. This reaction slowly faded away once the layout became more and more popular when different developers and designers started to create their own script's interpretation of the floating grid layout effect. In Dec 2008, I decided to wrap the script into a Wordpress theme and release it as a christmas gift to the world. Today this floating grid layout effect is heavily used around the net and there are tons of different variations of the script to download and use. So, why am I continuing developing this? If this is something you’ve been looking for, go ahead and download the plugin and use it.

alvarotrigo/fullPage.js Cycle, un plugin jQuery pour créer un diaporama photo Cycle est un plugin jQuery qui permet de créer un diaporama photo. L’outil est assez souple : plus d’une cinquantaine d’options sont configurables pour personnaliser les effets de transition, la vitesse d’animation, l’appel de fonctions de callback, etc. Simple et rapide à mettre en place. Des transitions personnalisables Toutes les caractéristiques de base d’un slideshow sont personnalisables : la vitesse d’animation, la lecture en boucle, le mode de déclenchement, l’appel de fonctions de callback, ou encore la mise en pause… Mais c’est surtout le nombre de transitions qui est remarquable : grâce au plugin jQuery Easing, vous pouvez utiliser une multitude d’effets de transition avec les fonctions « easing ». Un diaporama facile à mettre en place Après avoir inclus la librairie jQuery et le plugin Cycle, on définit la structure HTML de la façon suivante avec une simple div contenant des images. Puis on fait appel au plugin Cycle. C’est terminé, votre diaporama fonctionne.

Related: