WebSite X5Help Center

 
Elio C.
Elio C.
User

Posizionamento preciso degli oggetti  it

Autore: Elio C.
Visite 985, Followers 1, Condiviso 0  

Innanzi tutto scusate se in questi gg vi riempio di domande, ma devo realizzare una landing page e il cliente la vuole molto grafica, e poco strutturata come un sito classico. devo praticamente realizzare un template del genere. (Allego immagine). quindi un immagine di sfondo e poi uno schema sopra. con degli elemti cliccabili per lincare altri siti.

Mentre l'ultima cella dovra lincare al modulo di iscrizione per alla news letter. 

Ora il problema è il posizionamento delle varie celle del mio schema.

sto lavorando cosi ho impostato uno sfondo trasparente un intestazione di 280 px in modo che lo schema si trovi più o meno ne mezzo della pagina (sempre trasparente). al menù ho dato  0 px e la trasparenza (non mi serve il menù) a questo punto sul "contenuto della pagina" ho caricato lo sfondo dello schema già impostato a 960px. 

ecco da qua in avanti crisi... riesco a creare le celle ma non a posizionarle in maniera adeguata. senza contare che dovrei aggiungere anche delle icone che dovrebbero andare a sovrapporsi alle celle. 

quindi esiste un modo per impostare la dimensione dell celle che contengono testi? come posso posizionarli in maniera corretta nel punto esatto? seconda cosa esiste un modo per sovrapporre un immagine in una cella con del testo ( senza mettere immagini direttamente nel testo perché alcune devono andare parzialmente sotto le scritte). 

poi avrei un altro quesito, ma essendo di tutt'altro genere forse è meglio aprire un post a parte vero?

Cmq una piccola considerazione... questo è un programma veramente buono, con un ottimo rapporto qualità prezzo. io utilizzo anche adobe muse e a dire il vero preferisco questo perche più completo di opzioni e possibilità. però questa scelta delle celle non la capisco proprio e la trovo estremamente limitante. una pagina come quella che voglio realizzare io con muse sarebbe questione di un attimo avendo la possibilita di posizionare gli elementio dove si desidera (non lo uso in questo caso perché il modulo delle mail di muse è davvero ridicolo). Cmq non capisco perché non adottare questo sistema sopratutto considerando che viene gia fatto per l'intestazione.

Postato il
3 RISPOSTE
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator

... fermo restando il valido suggerimento di MirKo, con rapida mappatura che risolve sempre tutto a 360 gradi... ... .. .. . .

... ... ... aggiungo che non conosco adobe muse, neanche per sentito dire, ...ma posso dire con certezza che con SwishMax uno schema del genere proposto dallo STAMP si potrebbe ottenere per come lo si vuole e meglio, con la massima semplicità, certo a conoscere il programma, e tramite Google Swiffy renderlo compatibile HTML5 e smartphone obsoleti...

... penso che anche il detto adobe muse possa generare codice da incorporare per avere quello che si è capaci di realizzare direttamente nel progetto; ...per saperlo bisognerebbe vedere una pagina HTML generata con questo programma; ...potrebbe essere molto semplice ed eventualmente come detto, per valutarlo, postare il link...

... non conosco neanche con WebAnimator gemellato con Incomedia WebSiteX5, ...ma credo che si possano ottenere personalizzazioni evolute extra, sempre a saperlo usare...

...!... altra soluzione immediata e semplice al tempo stesso, e senza programmi terzi, a saperla, sarebbe l'uso dei tuttofare DIV_CUSTOM, che controllati da CSS possono assumere l'aspetto preferito...!...

... faccio vedere un esempio che nacque in pochi minuti, il tempo di rilevare le coordinate, un paio di secondi per DIV, qui con voci semplicemente testuali:  http://www.zspace.it/kolasim/website/DivCustom_Lombardia/

... a sapersi muovere non ci vuole molto; ...per farla breve, l'immagine è di sfondo alla cella contenitore dell'Oggetto Codice HTML, ed in questo oggetto inseriti i vari DIV, controllati nel CSS della pagina con coordinate (Left/Top) che rilevai rapidamente e con precisione tramite Paint di Windows...

... il codice è tutto in chiaro, e tutto il resto non dipenderà dal Programma, che limiti non pone...

.



ciao

Leggi di più
Postato il da  ‪ KolAsim ‪ ‪
Elio C.
Elio C.
User
Autore
MirKo Boschetti
guarda questo esempio se è quello che cerchi: http://provews.altervista.org/bussola/pagina-1.html

è esattamente quello che vorrei fare il problema è che non so come farlo. potresti spiegarmi come hai ottenuto questo risultato?

Leggi di più
Postato il da Elio C.