Redazione contenuto pagina con immagine e testi ancorati agli 8 punti cardinali
Author: Massimo Ventola
Visited 1553,
Followers 2,
Shared 1
come costruire il contenuto della Home con un'immagine (bussola stilizzata al centro) ed 8 scritte (testi con ancore/collegamento ipertestuale) ai punti cardinali? ho visto che si può inserire un'immagine di sfondo nel contenuto (creazione mappa - proprietà della pagina/livello - grafica) che mi permetterebbe di realizzare quanto desidero, ma temo che nei vari tipi di visualizzazioni della home le 8 scritte non siano esattamente coincidenti con l'inizio dei punti cardinali
Posted on the
Realizzi una immagine comprendente sia la bussola sia i testi, poi utilizzi un sistema di mappatura immagine, tipo questi qui
http://www.essedi.altervista.org/_sito/mappatura-immagine.html
http://www.essedi.altervista.org/_sito/con-css.html
Volendo, potresti anche inserire dei semplici Div con immagine trasparente e link sull'immagine....anzi, ora ci provo.....
Provato qui:
http://www.provews.altervista.org/bussola/
però effettivamente, come hai detto tu, in base alla risoluzione il Div si sposta....
penso che come suggerito da EsseDi sia la cosa migliore....
Fermo restando che la mappatura immagine è da preferire, ho voluto fare una prova anch'io (solo 3 link):
http://lemonsong.altervista.org/test_rosa_dei_venti/
A pagina 1 il semplice codice usato.
Da notare che la rosa dei venti è lo sfondo di un oggetto HTML e Widgets.
_______ oltre il 5° step ________
http://www.unofficialwsx5.com
Vero...non avevo pensato allo sfondo dell'oggetto html....
e velocissimo da fare cosi....
... per avere un'altra idea, c'è anche un mio esempio con DIV CUSTOM, ma l'Argomento è "perso", comunque rapido da realizzare; ...MsPaint per le coordinate (ed OO.o.Calc per il codice, che in questo caso servirebbe a poco), quindi senza perdere tempo per la ricerca della posizione ottimale: http://www.zspace.it/kolasim/website/DivCustom_Lombardia/
... nella pagina "Milano" c'è il codice usato...
...
... ovviamente con SwishMax non ci sarebbero paragoni...
.
ciao
.
Author
grazie ragazzi, siete stati generosissimi di istruzioni; vi ringrazio;
se avete un attimo di tempo vi prego di spiegarmelo + facile xchè non capisco nulla di codice html;
se potesse spiegarmi come inserire un'immagine, un testo ed un collegamento ipertestuale, vi sarei molto grado (sono diversi giorni che ci sto spremendo le meningi, ma sono completamente a nudo d'informatica);
grazie mille
ps se possibile il metodo + sicuro xchè sto facendo il sito del mio studio
Author
ps conosco il photoshop, con cui ho realizzato l'esempio ma non penso che col photoshop si possa fare un collegamento ixtestuale sul testo;
spero di sbagliarmi
... non conosco quel programma, ma se rileggi tutto dall'inizio, scoprirai che non serve...
... ma devi leggere ed impegnarti, e studiare gli esempi e tutorial proposti...
... hai diversi suggerimenti, sta a te decidere su cosa orientarti in base a ciò che ti risulta più amichevole...
... per una mappatura immediata e terra terra, ...puoi seguire anche qui: http://answers.websitex5.com/post/41871
... per mappare in rete automaticamente, vai qui: http://www.maschek.hu/imagemap/imgmap
... poi ci sono i metodi con i di DIV CUSTOM che hai visto prima...
... un esempio vale più di mille parole...
... fai sapere della tua scelta, e le prove che hai effettuato postando il LINK, ed eventualmente su cosa non ti riesce di fare...
.
Prepara l'immagine e mettila qui, poi vedremo di fare quello che ti serve....
... ho voluto avviare il vecchio catorcio zoppicante con il veterano SwishMax(1) in v.7; ...e chi lo batte per velocità, immediatezza nell'attuare le idee, le proprie, e per compatibilità quasi totale...!?...
... _rosa_dei_ venti_SPRINT : http://www.zspace.it/kolasim/website/rosaventiSwishMax/
.
Author
Ciao Ragazzi,
ecco l'immagine della parte centrale della mia home che sto cercando di mappare; il mio tentativo è cercare di rendere cliccabili le 8 aree consulenziali, per rinviarle alla pagina www.studioventola.it/adempimenti-contabili-e-fiscali e via dicendo per ogni servizio offerto;
se fosse inoltre possibile rendere un pò + grande la scritta e neretta, avrei già le altre 8 immagini pronte, ciascuna con il suo servizio un pò + grande ed in grassetto; ma la cosa importante è che l'utente si accorga che l'area è cliccabile;
la cosa fondamentale è che il tutto non subisca sfasature per i vari formati di video;
ringrazio anticipatamente se qualcuno mi potrà aiutare ad impostare la pagina html da inserire al posto dell'immagine (se ho capito bene così dovrei fare)
grazie e ciao
Author
allegato corretto
(c'era uno sbianco sotto al primo servizio)
Author
e se può servire allego la visuale completa (tranne il piè di pagina) della home page; quelle di prima erano chiaramente le immagini centrali da mappare
La mia prima risposta
http://answers.websitex5.com/post/93150#1
Nel frattempo è passato un mese
... non ho capito se non hai capito di quanto è stato espresso in precedenza in vari modi...
... tanto per non lasciare niente di intentato, ti faccio vedere un esempio che personalmente non userei in preferenza ai metodi precedenti, ma visto che avevo PSP sotto mano, l'ho voluto provare ed il risultato si ottiene senza stress in pochi minuti, e con quanto detto prima, anche se non sei pratico dovresti esserci riuscito da un bel po'...
... di questa pagina, la parte che ti interessa è quella del TAG IMG iniziale, ed il TAG MAP; ...il codice lo potresti copiare ed incollare in un oggetto Codice HTML&Widgets del programma, che io non ho, e correggendo tutti i percorsi relativi ad immagini ed url usati nell'esempio... ...
http://www.zspace.it/kolasim/website/rosaventi/rosadeiventi.html
... adesso dipende da te, eventualmente chiedi nel merito, ...ma non dovrebbero esserci dubbi...
.
Author
grazie x i suggerimenti,
studio e vi faccio sapere (scusate il mese passato ma di tanto in tanto faccio il commercialista,
grazie a tutti