Maris DavisMaris DavisMaris Davis
CorsoWeb Isoke

CSS eff2

Il CSS eff2, inizialmente creato per studio durante un Corso Web, è stato poi perfezionato e migliorato per un utilizzo più efficace. Contiene effetti per immagini e foto, cinque tipologie di contenitori "div" pronti all'uso, sei tipologie tra paragrafi e titoli, e una tabella professionale e personalizzabile.

div contenitore #rev

Effetti Photo

glyC

Effetto foto "glyC". Larghezza pre-definita 98%, bordo verde-acqua, angoli arrotondati e piccolo padding. Gestire come unica foto all'interno di un <div> Effetti molto accentauli.

CB03 C306
Campagne Informativa

hea

Effetto foto "hea". Larghezza pre-definita 9.6% e altezza fissa di 140 pixel, con bordo, angoli arrotondati, padding e margine esterno per distanziare le foto affiancate. Ruota e diventa ovale. Il <div> può contenere fino a 10 foto in linea. Effetto particolare che allarga la foto in base alla largezza del <div> che lo contiene.

Campagne Informativa

glyD

Effetto foto "glyD". Larghezza pre-definita 19.2% per contenere fino a 5 foto affiancate in un unico <div>. Sottile bordo rosso con angoli arrotondati, senza padding e con un piccolo margine per distanziare le foto tra di loro affiancate.

Campagne Informativa

glyE

Effetto foto "glyE". Larghezza di default 98% per contenere una foto unica in un unico <div>. Bordo sottile verde-acqua senza padding. La foto ruota a destra al passaggio del mouse.

Campagne Informativa

glyF

Effetto foto "glyF". Larghezza non definita per contenere più foto affiancate in un unico <div>. Sottile bordo e margine tra le foto. Le immagini appaiono in bianco e nero per diventare a colori al passaggio del mouse.

Campagne Informativa

glyX

Effetto foto "glyX". Larghezza non definita per contenere più foto affiancate in un unico <div>, con sottile bordo colorato e piccolo margine per distanziare le immagini tra di loro. Le foto appaiono colorate per diventare in bianco e nero al passaggio del mouse.

Campagne Informativa

glyY

Effetto foto "glyY". Larghezza non definita per contenere più foto affiancate in un unico <div>, con sottile bordo colorato e piccolo margine per distanziare le immagini tra di loro. Le foto appaiono colorate per diventare in bianco e nero al passaggio del mouse. Bordo Blu, effetti meno accentuati di "glyX".

Campagne Informativa

Foto a destra rgh

Effetto foto float a destra "rgh". Dimensione di default: 36% Dimensione in questo esempio 24%

O Grande Spirito, la cui voce sento nei venti ed il cui respiro dà vita a tutto il mondo, ascoltami! Vengo davanti a Te, sono una delle tue tante figlie. Sono piccola e debole, ho bisogno della tua forza e della tua saggezza. Lasciami camminare tra le cose belle, e fai che i miei occhi ammirino il tramonto rosso e oro, fai che possa ancora sentire il profumo della natura. Fai che le mie mani rispettino tutto ciò che hai creato, e le mie orecchie siano acute nell'udire la tua voce. Dammi la saggezza così che io conosca le cose che hai insegnato al mio popolo, le lezioni che hai nascosto in ogni foglia, in ogni roccia. Cerco forza per essere abile a combattere le ingiustizie e il malvagio, l'odio e il disprezzo. Dammi il coraggio di combattere il mio più grande nemico: me stessa. Fai che io sia sempre pronta a venire a te, con mani pulite e occhi dritti, così che quando la mia vita svanirà come luce al tramonto, il mio spirito possa venire a te senza vergogna.

Foto a sinistra lft

Effetto foto float a sinistra "lft". Dimensione di default: 36% Dimensione in questo esempio 24%

O Grande Spirito, la cui voce sento nei venti ed il cui respiro dà vita a tutto il mondo, ascoltami! Vengo davanti a Te, sono una delle tue tante figlie. Sono piccola e debole, ho bisogno della tua forza e della tua saggezza. Lasciami camminare tra le cose belle, e fai che i miei occhi ammirino il tramonto rosso e oro, fai che possa ancora sentire il profumo della natura. Fai che le mie mani rispettino tutto ciò che hai creato, e le mie orecchie siano acute nell'udire la tua voce. Dammi la saggezza così che io conosca le cose che hai insegnato al mio popolo, le lezioni che hai nascosto in ogni foglia, in ogni roccia. Cerco forza per essere abile a combattere le ingiustizie e il malvagio, l'odio e il disprezzo. Dammi il coraggio di combattere il mio più grande nemico: me stessa. Fai che io sia sempre pronta a venire a te, con mani pulite e occhi dritti, così che quando la mia vita svanirà come luce al tramonto, il mio spirito possa venire a te senza vergogna.

Contenitori Div

<div> flo2

div flo2

Sfondo in trasparenza gradiente chiaro, 100%, angoli arrotondati, con bordo sottile

<div> flo

div flo

Sfondo trasparente senza gradiente, 100%, angoli arrotondati, con bordo sottile

<div> rev

div rev

Sfondo trasparente, 98%, angoli molto arrotondati, con bordo sottile

<div> fbk

div fbk

Sfondo personalizzato con foto, 90%, angoli poco arrotondati, con bordo verde e sottile

<div> mdj

div mdj

div con barra di scorrimento laterale

altezza di default 480px

C074

<div> red

div red

padding: 120px 110px 340px 320px;

O Grande Spirito, la cui voce sento nei venti ed il cui respiro dà vita a tutto il mondo, ascoltami! Vengo davanti a Te, sono una delle tue tante figlie. Sono piccola e debole, ho bisogno della tua forza e della tua saggezza. Lasciami camminare tra le cose belle, e fai che i miei occhi ammirino il tramonto rosso e oro, fai che possa ancora sentire il profumo della natura. Fai che le mie mani rispettino tutto ciò che hai creato, e le mie orecchie siano acute nell'udire la tua voce. Dammi la saggezza così che io conosca le cose che hai insegnato al mio popolo, le lezioni che hai nascosto in ogni foglia, in ogni roccia. Cerco forza per essere abile a combattere le ingiustizie e il malvagio, l'odio e il disprezzo. Dammi il coraggio di combattere il mio più grande nemico: me stessa. Fai che io sia sempre pronta a venire a te, con mani pulite e occhi dritti, così che quando la mia vita svanirà come luce al tramonto, il mio spirito possa venire a te senza vergogna.

<div> oro

div oro

padding: 220px 120px 240px 120px;

O Grande Spirito, la cui voce sento nei venti ed il cui respiro dà vita a tutto il mondo, ascoltami! Vengo davanti a Te, sono una delle tue tante figlie. Sono piccola e debole, ho bisogno della tua forza e della tua saggezza. Lasciami camminare tra le cose belle, e fai che i miei occhi ammirino il tramonto rosso e oro, fai che possa ancora sentire il profumo della natura. Fai che le mie mani rispettino tutto ciò che hai creato, e le mie orecchie siano acute nell'udire la tua voce. Dammi la saggezza così che io conosca le cose che hai insegnato al mio popolo, le lezioni che hai nascosto in ogni foglia, in ogni roccia. Cerco forza per essere abile a combattere le ingiustizie e il malvagio, l'odio e il disprezzo. Dammi il coraggio di combattere il mio più grande nemico: me stessa. Fai che io sia sempre pronta a venire a te, con mani pulite e occhi dritti, così che quando la mia vita svanirà come luce al tramonto, il mio spirito possa venire a te senza vergogna.

<div> cornice

div cornice

padding: 240px;

O Grande Spirito, la cui voce sento nei venti ed il cui respiro dà vita a tutto il mondo, ascoltami! Vengo davanti a Te, sono una delle tue tante figlie. Sono piccola e debole, ho bisogno della tua forza e della tua saggezza. Lasciami camminare tra le cose belle, e fai che i miei occhi ammirino il tramonto rosso e oro, fai che possa ancora sentire il profumo della natura. Fai che le mie mani rispettino tutto ciò che hai creato, e le mie orecchie siano acute nell'udire la tua voce. Dammi la saggezza così che io conosca le cose che hai insegnato al mio popolo, le lezioni che hai nascosto in ogni foglia, in ogni roccia. Cerco forza per essere abile a combattere le ingiustizie e il malvagio, l'odio e il disprezzo. Dammi il coraggio di combattere il mio più grande nemico: me stessa. Fai che io sia sempre pronta a venire a te, con mani pulite e occhi dritti, così che quando la mia vita svanirà come luce al tramonto, il mio spirito possa venire a te senza vergogna.

<div> cornice2

div cornice2

padding: 12px 220px;

O Grande Spirito, la cui voce sento nei venti ed il cui respiro dà vita a tutto il mondo, ascoltami! Vengo davanti a Te, sono una delle tue tante figlie. Sono piccola e debole, ho bisogno della tua forza e della tua saggezza. Lasciami camminare tra le cose belle, e fai che i miei occhi ammirino il tramonto rosso e oro, fai che possa ancora sentire il profumo della natura. Fai che le mie mani rispettino tutto ciò che hai creato, e le mie orecchie siano acute nell'udire la tua voce. Dammi la saggezza così che io conosca le cose che hai insegnato al mio popolo, le lezioni che hai nascosto in ogni foglia, in ogni roccia. Cerco forza per essere abile a combattere le ingiustizie e il malvagio, l'odio e il disprezzo. Dammi il coraggio di combattere il mio più grande nemico: me stessa. Fai che io sia sempre pronta a venire a te, con mani pulite e occhi dritti, così che quando la mia vita svanirà come luce al tramonto, il mio spirito possa venire a te senza vergogna.

<div> farfalle

div farfalle

padding: 360px 240px 420px 240px;

O Grande Spirito, la cui voce sento nei venti ed il cui respiro dà vita a tutto il mondo, ascoltami! Vengo davanti a Te, sono una delle tue tante figlie. Sono piccola e debole, ho bisogno della tua forza e della tua saggezza. Lasciami camminare tra le cose belle, e fai che i miei occhi ammirino il tramonto rosso e oro, fai che possa ancora sentire il profumo della natura. Fai che le mie mani rispettino tutto ciò che hai creato, e le mie orecchie siano acute nell'udire la tua voce. Dammi la saggezza così che io conosca le cose che hai insegnato al mio popolo, le lezioni che hai nascosto in ogni foglia, in ogni roccia. Cerco forza per essere abile a combattere le ingiustizie e il malvagio, l'odio e il disprezzo. Dammi il coraggio di combattere il mio più grande nemico: me stessa. Fai che io sia sempre pronta a venire a te, con mani pulite e occhi dritti, così che quando la mia vita svanirà come luce al tramonto, il mio spirito possa venire a te senza vergogna.

<div> farfalle2

div farfalle2

padding: 120px 125px 120px 135px;

O Grande Spirito, la cui voce sento nei venti ed il cui respiro dà vita a tutto il mondo, ascoltami! Vengo davanti a Te, sono una delle tue tante figlie. Sono piccola e debole, ho bisogno della tua forza e della tua saggezza. Lasciami camminare tra le cose belle, e fai che i miei occhi ammirino il tramonto rosso e oro, fai che possa ancora sentire il profumo della natura. Fai che le mie mani rispettino tutto ciò che hai creato, e le mie orecchie siano acute nell'udire la tua voce. Dammi la saggezza così che io conosca le cose che hai insegnato al mio popolo, le lezioni che hai nascosto in ogni foglia, in ogni roccia. Cerco forza per essere abile a combattere le ingiustizie e il malvagio, l'odio e il disprezzo. Dammi il coraggio di combattere il mio più grande nemico: me stessa. Fai che io sia sempre pronta a venire a te, con mani pulite e occhi dritti, così che quando la mia vita svanirà come luce al tramonto, il mio spirito possa venire a te senza vergogna.

<div> farfalle3

div farfalle3

padding: 12px 125px 12px 135px;

O Grande Spirito, la cui voce sento nei venti ed il cui respiro dà vita a tutto il mondo, ascoltami! Vengo davanti a Te, sono una delle tue tante figlie. Sono piccola e debole, ho bisogno della tua forza e della tua saggezza. Lasciami camminare tra le cose belle, e fai che i miei occhi ammirino il tramonto rosso e oro, fai che possa ancora sentire il profumo della natura. Fai che le mie mani rispettino tutto ciò che hai creato, e le mie orecchie siano acute nell'udire la tua voce. Dammi la saggezza così che io conosca le cose che hai insegnato al mio popolo, le lezioni che hai nascosto in ogni foglia, in ogni roccia. Cerco forza per essere abile a combattere le ingiustizie e il malvagio, l'odio e il disprezzo. Dammi il coraggio di combattere il mio più grande nemico: me stessa. Fai che io sia sempre pronta a venire a te, con mani pulite e occhi dritti, così che quando la mia vita svanirà come luce al tramonto, il mio spirito possa venire a te senza vergogna.

Paragrafi

<p> paragrafo due

Suor Eugenia Bonetti, oggi un'arzilla ottantenne, questa sera leggerà le meditazioni durante la Via Crucis a Roma alla presenza del Papa. Saranno meditazioni dedicate alle donne e ragazze vittime di tratta, le schiave sessuali dei nostri tempi.

Suor Eugenia è una missionaria che ha dedicato la sua vita per salvare ragazze vittime della tratta e della schiavitù sessuale, sopratutto nigeriane.

Nel duemiladodici scrisse un libro "Spezzare le Catene" nel quale raccontò anche la mia storia personale.

Font personalizzato: ts00 28px giustificato
(Non funziona con i numeri)

<p> paragrafo tre

Danzerò per Voi con gli Angeli nei prati azzurri del Cielo, e soffierò nel vostro Cuore la Gioia dell'Amore. Se conoscessi il mistero immenso del Cielo dove ora mi trovo, questi orizzonti senza fine, questa luce che tutto investe e penetra, non piangeresti se mi ami. Sono ormai assorbita nell'incanto dell'immenso nella sua sconfinata bellezza. Le cose di un tempo sono così piccole al confronto. Mi è rimasto l'amore di te, una tenerezza dilatata che tu neppure immagini.

Vivo in una gioia purissima.

Font: Verdana 20px giustificato con effetto "hover"

<p> paragrafo mp

Danzerò per Voi con gli Angeli nei prati azzurri del Cielo, e soffierò nel vostro Cuore la Gioia dell'Amore. Se conoscessi il mistero immenso del Cielo dove ora mi trovo, questi orizzonti senza fine, questa luce che tutto investe e penetra, non piangeresti se mi ami. Sono ormai assorbita nell'incanto dell'immenso nella sua sconfinata bellezza. Le cose di un tempo sono così piccole al confronto. Mi è rimasto l'amore di te, una tenerezza dilatata che tu neppure immagini.

Vivo in una gioia purissima.

Font: Personalizzato ts01 corsivo 32px giustificato

<p> paragrafo lpn

Danzerò per Voi con gli Angeli nei prati azzurri del Cielo, e soffierò nel vostro Cuore la Gioia dell'Amore. Se conoscessi il mistero immenso del Cielo dove ora mi trovo, questi orizzonti senza fine, questa luce che tutto investe e penetra, non piangeresti se mi ami. Sono ormai assorbita nell'incanto dell'immenso nella sua sconfinata bellezza. Le cose di un tempo sono così piccole al confronto. Mi è rimasto l'amore di te, una tenerezza dilatata che tu neppure immagini.

Vivo in una gioia purissima.

Font: Personalizzato lpn 28px giustificato con effetto "hover"

<p> paragrafo queen

Danzerò per Voi con gli Angeli nei prati azzurri del Cielo, e soffierò nel vostro Cuore la Gioia dell'Amore.

Vivo in una gioia purissima.

Font: Personalizzato queen corsivo 38px giustificato effetto "hover"

<p> paragrafo sei

Danzerò per Voi con gli Angeli nei prati azzurri del Cielo, e soffierò nel vostro Cuore la Gioia dell'Amore. Se conoscessi il mistero immenso del Cielo dove ora mi trovo, questi orizzonti senza fine, questa luce che tutto investe e penetra, non piangeresti se mi ami. Sono ormai assorbita nell'incanto dell'immenso nella sua sconfinata bellezza. Le cose di un tempo sono così piccole al confronto. Mi è rimasto l'amore di te, una tenerezza dilatata che tu neppure immagini.

Vivo in una gioia purissima.

Font: Pristina 32px giustificato corsivo con effetto "hover"

<p> paragrafo perla

Danzerò per Voi con gli Angeli nei prati azzurri del Cielo, e soffierò nel vostro Cuore la Gioia dell'Amore. Se conoscessi il mistero immenso del Cielo dove ora mi trovo, questi orizzonti senza fine, questa luce che tutto investe e penetra, non piangeresti se mi ami.

Vivo in una gioia purissima.

Font: Personalizzato perla 34px giustificato corsivo con effetto "hover"

<p> paragrafo love

Danzerò per Voi con gli Angeli nei prati azzurri del Cielo, e soffierò nel vostro Cuore la Gioia dell'Amore. Se conoscessi il mistero immenso del Cielo dove ora mi trovo, questi orizzonti senza fine, questa luce che tutto investe e penetra, non piangeresti se mi ami.

Vivo in una gioia purissima.

Font: Personalizzato love 34px giustificato con effetto "hover"

<p> paragrafo nota

Danzerò per Voi con gli Angeli nei prati azzurri del Cielo, e soffierò nel vostro Cuore la Gioia dell'Amore. Se conoscessi il mistero immenso del Cielo dove ora mi trovo, questi orizzonti senza fine, questa luce che tutto investe e penetra, non piangeresti se mi ami. Sono ormai assorbita nell'incanto dell'immenso nella sua sconfinata bellezza. Le cose di un tempo sono così piccole al confronto. Mi è rimasto l'amore di te, una tenerezza dilatata che tu neppure immagini.

Vivo in una gioia purissima.

Font: Corbel 22px giustificato con effetto "hover"

<p> paragrafo treCn

Danzerò per Voi con gli Angeli nei prati azzurri del Cielo, e soffierò nel vostro Cuore la Gioia dell'Amore. Se conoscessi il mistero immenso del Cielo dove ora mi trovo, questi orizzonti senza fine, questa luce che tutto investe e penetra, non piangeresti se mi ami.

Vivo in una gioia purissima.

Font: Vivaldi 40px centrato con effetto "hover"

<p> paragrafo notc

Danzerò per Voi con gli Angeli nei prati azzurri del Cielo, e soffierò nel vostro Cuore la Gioia dell'Amore. Se conoscessi il mistero immenso del Cielo dove ora mi trovo, questi orizzonti senza fine, questa luce che tutto investe e penetra, non piangeresti se mi ami. Sono ormai assorbita nell'incanto dell'immenso nella sua sconfinata bellezza. Le cose di un tempo sono così piccole al confronto. Mi è rimasto l'amore di te, una tenerezza dilatata che tu neppure immagini.

Vivo in una gioia purissima.

Font: Caladea 30px centrato con effetto "hover"

Link Colorati

<f4a> Link colorato

Link colorato f4a

Link con piccola espanzione su hove. Inizialmente rosso scuro, testo giallo su sfondo gradiente verde al passaggio del mouse, diventa verde scuro dopo averlo visitato.

Foundation for Africa

Maris Davis Joseph

<f4p> Link colorato

Link colorato f4p

Link senza espansione. Inizialmente rosso scuro, testo blu senza sfondo al passaggio del mouse, diventa rosa dopo averlo visitato.

Foundation for Africa

Maris Davis Joseph

Elenchi Colorati

<mn4> <pr4> Elenco colorato

elenco colorato mn4-pr4

Elenco colorato id mn4 - class pr4: Verdana, elenco leggermente distanziato, verde gradiente su hover

  • Il Dio dell'Islam è un dio di Vendetta
  • Il Dio degli Ebrei è un dio di Giustizia
  • Il Dio dei Cristiani è il dio del Perdono

<mnp> <prp> Elenco colorato

elenco colorato mnp-prp

Elenco colorato id mnp - class prp: font personalizzato, rosso gradiente su hover

  • Il Dio dell'Islam è un dio di Vendetta
  • Il Dio degli Ebrei è un dio di Giustizia
  • Il Dio dei Cristiani è il dio del Perdono

Titoli

<p> Titolo uno

Titolo classe uno

Font personalizzato: c101 40px centrato

<p> Titolo cento

Titolo classe cento

Font: Vivaldi 64px centrato

<p> Titolo pietra

Titolo classe pietra

Font: Corbel 42px centrato

<h2> titolo h2

Titolo <h2>

Font personalizzato: cw08 32px allineato a sinistra con background azzurro

<h3> titolo h3

Titolo <h3>

Font personalizzato: cw08 28px rosso allineato a sinistra.

Tabella

<table> Tabella Maris

Tabella personalizzata e personalizzabile con bordi colorati. Le celle vuote vengono nascoste "empty-cells: hide;". Allineamento del testo "centrato" (text-align: center;) in orizzontale e sopra in senso verticale (vertical-align: top;).

<table style="border: 2px solid #FFCCCC; background-image: url(http://../CY_CK31.jpg);" cellpadding="2" cellspacing="4">

<td style="border: 1px solid #339999; border-color: #339999; background-color: rgb(255, 255, 255);">


Se il sole illumina il mondo, se le stelle e la luna accendono le notti, se la speranza è la luce del futuro, allora questi occhi saranno l’amore che porterai nel cuore. Siamo angeli che cercano un sorriso. Io guardo lassù dove gli angeli danzano nei prati azzurri del cielo, tu guarda dove vuoi. Dicono che gli Angeli sono le creature più belle del mondo, io ne ho incontrato uno, e quello sei tu.

Index

Web

Twitter

CorsoWeb Isoke