Carosello + testo con pulsante
Autore: A. Manni
Visite 1973,
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
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...
come dice Skeggia devi utilizzare del codice esterno, se sei interessato a questa alternativa ti segnalo questo esempio creato dal buon Giuseppe http://www.bozzasito001.altervista.org/slidewithtext/
spero ti sia utile, ciao Giancarlo.
... 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....
.
@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...
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
... 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)...
.
.
francesco puoi contattare Giuseppe Guida dal suo sito http://www.ggwebdesign.altervista.org/
ciao