Blocks, rollover collection 4
Author: Alessandro Tuveri, University of Udine - DISO, at(at)uniud.it
TITLE
caption or description - style#1 applied. This text is longer; the button below is positioned correctly.
The columns are "equal-height" formatted.
TITLE 2
caption or description -style#1 applied. Currently the effect is visibile only for the BUTTON below.
TITLE 3
caption or description -style#1 applied. Currently the effect is visibile only for the BUTTON below.
key: rollovercollection4
developement
7 effects available - you can customize them and reuse for your needing. They are simply a starting point to create more or different rollover or blocks.
credits: several effects come from http://www.specialistaweb.it
demo#1 - effect: TERGESTE (text with images)
TITLE BLOCK 1
caption or description - style#1 applied. This text is longer; the button below is positioned correctly.
TITLE BLOCK 2
caption or description -style#1 applied. Currently the effect is visibile only for the BUTTON below.
TITLE BLOCK 3
caption or description -style#1 applied with insertion of html allowed to stylize better the output.
What do you want more?
demo#2 - effect: FURIO
TITLE BLOCK 2
TITLE
caption or description -style#1 applied. Currently the effect is visibile only for the BUTTON below.
TITLE BLOCK 3
BLOCK 3
caption or description -style#1 applied with insertion of html allowed to stylize better the output.
What do you want more?
TITLE BLOCK 1
TITLE AGAIN
caption or description - style#1 applied. This text is longer; the button below is positioned correctly.
demo#3 - effect: UCCIO
rollover effect on image with title; caption below
CON L'AUTO
Autostrada A4 Venezia-Trieste uscita casello di Latisana, seguire le indicazioni per Lignano. All'entrata di Lignano, alla grande rotonda...
IN TRENO
In treno dalla Linea Venezia-Trieste scendere alla stazione di Latisana e scegliere l'autobus...
IN AEREO
I due aeroporti più vicini al nostro hotel di Lignano Sabbiadoro sono l'Aeroporto Ronchi dei Legionari che dista 60 km e l'aeroporto di Venezia...
demo#4 - effect: ETTORE
rollover effect on the background (inverted), with simple CIRCLE effect. You can upload an image then edit it and select 1:1 (height-width) ....
TITLE
caption or description - style#1 applied. This text is longer; the button below is positioned correctly. caption or description - style#1 applied. caption or description - style#1 applied.
TITLE 2
caption or description -style#1 applied. Currently the effect is visibile only for the BUTTON below.
TITLE 3
caption or description -style#1 applied. Currently the effect is visibile only for the BUTTON below.
demo#5 - effect: SELMA
BASE SITE
JOOMLA
- Max 6 pages
Custom design
SEO basic
Hosting included
Statistics
ADVANCED
WORDPRESS
- OnePage site
or
dynamic site - 12 pages
standard template
advanced SEO
PROFESSIONAL
TYPO3 CMS
- TYPO3 CMS Enterprise
unlimited pages
custom design
multimedia content
Quick guide for editors
advanced SEO
integrated ecommerce plugin
demo#6 - effect: MARIUCCI
demo#7 - effect: NEVIO
click here if you want to see the demo and some constants to modify the aspect of nevio (ie. for specific sites such as hotels and other...)
will be used some of this effects:
https://designshack.net/tutorialexamples/imagehovers/index.html