PROZONE powered by Tophost
  Home   Forum   Regolamento Help Login Registrati   *
Statistiche
Utenti
Utenti Totali: 1707
Ultimo utente: xal
Statistiche
Posts Totali: 29470
Topics Totali: 3404
Online Oggi: 51
Presenze Massime Online: 559
(23 Luglio 2008, 14:24:28)
Utenti Online
Utenti: 0
Visitatori: 49
Totale: 49
Siti amici
Design & Multimedia

Dire e Fare il blog che ti aiuta

Wordpress
Pagine: [1]
 
Autore Topic: inserire un'immagine a lato dello schermo  (Letto 3491 volte)
doGmaI
Utente Attivo
****
Posts: 280


inserire un'immagine a lato dello schermo
« il: 18 Agosto 2006, 23:04:36 »

Avevo trovato qualche tempo fa su un sito un articolo che spiegava come realizzare un effetto abbastanza comune, quello di un "pezzo" di pagina (tipicamente un'immagine) che si piazza a destra o sinistra del sito e scorre in alto o in basso sulla pagina man mano che si fa lo scroll

Se non ricordo male si parlava di due modalità per fare sta cosa, via DHTML e via CSS

Qualcuno sa qualcosa?

grazie
Loggato

Gioxx
Supervisore
*
Posts: 904


inserire un'immagine a lato dello schermo
« Risposta #1 il: 19 Agosto 2006, 13:46:52 »

Ho capito di che effetto parli ma sfortunatamente c'è il motore di ricerca di HTML.it down. Era li che avevo visto un codice di esempio che descriveva esattamente quello che tu vuoi fare.  :dotto:  
Loggato

effe8
Coordinatore
*
Posts: 837


inserire un'immagine a lato dello schermo
« Risposta #2 il: 19 Agosto 2006, 18:03:40 »

Per inserire un'immagine angolare nel proprio sito web e' possibile utilizzare i CSS.

immaginiamo di voler inserire una "fascetta in alto destra", come quella allegata a questo messaggio.

La nostra immagine si chiama "fascetta_prozone.png". Andremo a creare uno stile CSS come segue:

Codice:
a#fascetta {
position: fixed;
right: 0;
bottom: 0;
display: block;
height: 80px;
width: 80px;
background: url(/percorso/immagini/prozone_fascetta.png) top right no-repeat;
text-indent: -999em;
text-decoration: none;
}

Poi, nel codice HTML della pagina dove vogliamo inserire l'effetto andremo ad inserire subito dopo il TAG <body> quanto segue:

Codice:
<a id="fascetta" href="http://www.prozone.it">La community che parla di hosting</a>

Dai, provate e fatemi vedere le pagine con la fascetta Prozone...  Sorriso

* prozone_fascetta.png (5.21 KB - scaricato 28 volte.)
« Ultima modifica: 19 Agosto 2006, 18:12:16 da effe8 » Loggato

doGmaI
Utente Attivo
****
Posts: 280


inserire un'immagine a lato dello schermo
« Risposta #3 il: 19 Agosto 2006, 18:17:09 »

ora sbanfiamo con la fascetta di prozone eh? [scherzo]

grazie della dritta f, ma temo che questa tecnica abbia un problema (onestamente non l'ho ancora provata ma lo faccio dopo cena o domani)

Per il forum di prozone può andare bene perchè imposti top e left a 0 e la fascetta se ne sta buona buona in angolo in alto a destra.

Ma se io ho un sito a largezza fissa centrato nella pagina? cosa metto come left?

[a + tardi con la "soluzione" se la trovo]
Loggato

luke
Utente Attivo
****
Posts: 315


inserire un'immagine a lato dello schermo
« Risposta #4 il: 22 Agosto 2006, 14:17:20 »

Qualquno l'ha messo sto coso? Potrebbe o no essere un'idea per il Prozone Network?
Loggato

ErEiSeR
Utente
***
Posts: 189


Re: inserire un'immagine a lato dello schermo
« Risposta #5 il: 17 Dicembre 2007, 13:10:06 »

troppo invasivo
Loggato

DigItalWarrior
Utente Attivo
****
Posts: 474


Re: inserire un'immagine a lato dello schermo
« Risposta #6 il: 17 Dicembre 2007, 23:54:22 »

Allora a questo punto sarebbe meglio un peel ads.
Loggato

Ubuntu significa: non aver saputo installare Debian.
Make A Long Url ShortNews from Technology
Pagine: [1]
 
 
Salta a:  

Oggetto Iniziato da Risposte Visto Ultimo Post
E' bello essere amati II ...sull'opportunismo del genere umano « 1 2 3 4 » Tophost 54 23068 Ultimo Post 29 Agosto 2007, 13:08:25
da techtechboom
Consiglio su passaggio ad Aruba Virtual Server « 1 2 » tty78 18 8749 Ultimo Post 22 Giugno 2007, 15:37:44
da tty78
Il Wi-max Come Strumento Anti Digital Divide luke 0 1844 Ultimo Post 11 Gennaio 2007, 15:57:40
da luke
Guida A Mod_rewrite (parte 4) doGmaI 10 13638 Ultimo Post 20 Novembre 2008, 13:37:10
da abbeyschool
Controllo Risorse Nell'hosting Condiviso effe8 10 10141 Ultimo Post 22 Maggio 2008, 15:41:19
da Darknico
Powered by MySQL Powered by PHP Powered by SMF 1.1.8 | SMF © 2006-2008, Simple Machines LLC
Traduzione Italiana a cura di SMItalia

TinyPortal v0.9.8 © Bloc
XHTML 1.0 Valido! CSS Valido!


Ultima visita di Google a questa pagina Oggi alle 02:50:22