WebSite X5Help Center

 
A. Manni
A. Manni
User

Carosello + testo con pulsante  it

Autore: A. Manni
Visite 1689, Followers 2, Condiviso 0  

Buongiorno,

un aiuto per piacere.

Tra i siti proposti ne vedo uno con un agrafica che vorei ricreare.

Il sito è https://ats-service.it/

Facendo riferimento all'immagine che ho allegato, qualcuno sà dirmi che "icone grafice" dovrei usare/acquistare per realizzare anche io quanto segue:

- testo con bottone "SERVIZI ...Maggiorni info" che compare davanti le foto

- esattamente quel tipo di "carosello" usato da loro per il movimento delle foto

Se non chiedo troppo, come hanno fatto a rendere il carosello grande come tutta la pagina?

Grazie per l'attenzione e scusate eventuli "terminologie" errate, non sono del mestiere :-)  

Francesco

Postato il
7 RISPOSTE
Skeggia 12
Skeggia 12
Moderator

l'effetto carousel (le immagini che scorrono) e l'effetto a comparsa del testo e del pulsante non sono realizzabili con gli strumenti standard di website... devi utilizzare codice extra con conseguente conoscenza di html e css... (ad esempio utilizzare "animate.css" per costruire gli effetti che desideri... (e come capirai non è una cosa breve e semplice da spiegare in due parole) per avere poi la larghezza a tutta pagina, con la versione 17 c'è l'apposito tasto "estendi" sulla barra degli strumenti in alto sulla griglia di costruzione della pagina...

Leggi di più
Postato il da Skeggia 12
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Francesco B.
Buongiorno, un aiuto per piacere. Tra i siti proposti ne vedo uno con un agrafica che vorei ricreare. Il sito è https://ats-service.it/ Facendo riferimento all'immagine che ho allegato, qualcuno sà dirmi che "icone grafice" dovrei usare/acquistare per realizzare anche io quanto segue: - testo con bottone "SERVIZI ...Maggiorni info" che compare davanti le foto - esattamente quel tipo di "carosello" usato da loro per il movimento delle foto Se non chiedo troppo, come hanno fatto a rendere il carosello grande come tutta la pagina? Grazie per l'attenzione e scusate eventuli "terminologie" errate, non sono del mestiere :-)   Francesco  

... se sei tra quelli del solo cliccare!!! ...devi usare le opzioni del programma così com'è che già basta ed avanza per ottenere ottimi siti, e/o anche con l'ausilio del Marketplace, per esempio con l'ottimo SwiperAnimatedSlider; ...ma!!!  ...se ti piace fare, conosci bene il programma e ci sai fare,  ...e, ...visto che il programma lo permette ed è un suo punto di forza quasi unico, ...come avvenuto nel sito che tu hai linkato, puoi ottenere lo stesso medesimo risultato cercando lo stesso effetto e/o molto simile su CODEPEN (in puro CSS),  oppure a piacimento in altri siti dedicati, per es. dynamicdrive, jQ, ecc....

.

Leggi di più
Postato il da  ‪ KolAsim ‪ ‪
Claudio D.
Claudio D.
Moderator

@Francesco:

senza usare i codici...  ... avendo tu la Professional...

Metti la riga "estesa" con un Oggetto Testo - utilizzi le schede in modalità "presentazione" e li inserisci i testi, con una tempistica di 6 secondi.

Nello "stile righe" abbini "sfondo" e li inserisci le immagini in "elenco immagini" (la tempistica lì è automatica , ma corrisponde a circa 6 secondi...

...ottieni quasi lo stesso effetto... di quel sito...

Se invece vuoi usare i codici , i consigli ti sono già stati dati...

Leggi di più
Postato il da Claudio D.
A. Manni
A. Manni
User
Autore

Un grazie a tutti per le risposte,

@Giancarlo B:

l'esempio suggerito del testo con pulsante sul sito http://www.bozzasito001.altervista.org/slidewithtext per me sarebbe perfetto!

La domanda però qui sorge spontanea.. in che modo posso farlo anche io?

Capisco bene non si possa spiegare in due righe, ma si accettano suggerimenti su come provare a contattare il "buon Giuseppe" o consigli su un “tutorial” o una qualsiasi altra informazione per capire da dove iniziare.

Grazie per il vostro tempo

Francesco

Leggi di più
Postato il da A. Manni
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Francesco B.
... ... l'esempio suggerito del testo con pulsante sul sito http://www.bozzasito001.altervista.org/slidewithtext per me sarebbe perfetto! ... ... ... consigli su un “tutorial” o una qualsiasi altra informazione per capire da dove iniziare. ... ...

... come ti avevo anticipato per gli extra (non servirebbero) devi essere minimamente esperto e conoscere bene il programma, altrimenti è come costruire il castello dai merli e non se ne verrebbe a capo...
... per l'ultimo esempio che hai linkato sempre come ti avevo anticipato trovi in rete le risorse adatte e nel caso proprio qui:
https://www.w3schools.com/howto/howto_js_slideshow.asp
https://www.w3schools.com/css/css3_buttons.asp
... eccetera...
... basta seguire le istruzioni della fonte per far da te, magari evitando gli errori nell'incorpormento...

... se non sei esperto, ti converrebbe iniziare con il metodo classico indicato precedentemente da Claudio ↑  col quale otterresti ottimi risultati; ...puoi provare immediatmente...

_______________________________

...!... se invece sei in grado di realizzare lo slideshow autonomo con una qualsiasi delle risorse reperibili in rete o tra quelle già indicate, allora ci sarebbe un mio semplice escamotage, unico, (div_custom+iframe), (che rende semplici ed immediate le cose apparentemente difficili), ma sempre per chi conosce bene il programma...!... (lo si vede applicato in questo recente > topic)...
.

.

Leggi di più
Postato il da  ‪ KolAsim ‪ ‪