downloadesempi - LO SMANETTONE

Esempi e Codice
Vai ai contenuti
MATERIALE DOWNLOAD
Questo sito web è stato creato con l'intento di supportare i frequentatori dell'Help Center di Incomedia, offrendo tutorial completamente gratuiti, testati e corredati di esempi pratici. Tutti i materiali e gli esempi disponibili sul sito possono essere utilizzati e scaricati liberamente, senza che venga richiesto alcun compenso. TemplateWebDesign non si assume alcuna responsabilità per eventuali errori di programmazione o problemi derivanti dall'uso dei contenuti forniti. Si raccomanda di verificare attentamente i codici e adattarli alle proprie esigenze.
UN BLOG PRE-IMPOSTATO


  • Il progetto contiene una pagina HOME con un content slider a Video da modificare a piacere
  • 8 Break-point
  • Abbiamo un layout,un header, una stiky bar, margini e contenuti già tutti pre-impostati.
  • Header ,stiky bar e Footer possono essere manipolati nelle altezze e nei colori per le proprie esigenze
  • Sulla stiky Bar è presente un oggetto free come traduttore in sostituzione di quello di default.
  • Il modello scaricabile può essere utilizzato come base per realizzarsi un proprio sito web
  • Le immagini del BLOG del modello scaricato ove sostituite dalle vostre devono avere TUTTE obbligatoriamente queste dimensioni: 1573x720PX
  • Sia il codice extra che gestisce il content slider e tutto il Blog è già presente.
  • Per il content slider ove si preferisca una sequenza di immagini o altro fare riferimento a questo sito web dove potrai trovare degli esempi al riguardo.
  • L'immagine del Banner del Blog da 1920x300PX va sostituita con una vostra modificando il listato del codice nella parte della pagina blog (passo 3 Blog:pagina principale - Esperto), in cui trovate:
  • /** immagine extra x corpo del blog responsive by KolAsim **/
    imgK = 'https://www.templatewebdesign.it/images/banner.jpg'
  • Il codice con il patch da sostituire lo trovate tra le prime righe.
MODELLO SITO WEB PRE-IMPOSTATO
BLOG E STORE INCLUSI
Caratteristiche:

  • Misure immagini STORE 1019x829 ( Devono essere Tutte identiche articolo per articolo)
  • Misure per le immagini del Blog - 1573x720px ( Devono essere Tutte identiche articolo per articolo)
  • Immagine Blog e STORE dopo l'header va inserita la vostra cambiando il patch sulle proprietà del Blog pagina principale passo 3 codice-esperto dopo l'apertura del tag HEAD. La vostra 'immagine dovrà risultare caricata nella cartella images del vostro sito.
  • Misure immagini slider 1920x1280 - 1920x853 (variazione da provare in funzione del responsive)
  • Misure video Slider 1920x1280 o 1920x720 -  formato mp4 massimo 2Mb
  • 8 break-point (non aggiungerne altri)
  • header trasparente sino alla soglia dei 960px
  • Sticky Bar semitrasparente 80%
  • Info trasferimento file - da cambiare con le vostre
  • traduttore bi-lingue automatico inserito (nessuna sottodirectory da realizzare)
  • Compatibilità Browser - Edge-Chrome-Safari (Firefox da provare)
  • Compatibilità con versioni successive alla 2024.2.8 - da provare
MODELLO SITO WEB PRE-IMPOSTATO
BLOG INCLUSO
Caratteristiche:

  • Misure per le immagini del Blog - 1573x720px ( Devono essere Tutte identiche articolo per articolo)
  • Immagine Blog dopo l'header va inserita la vostra cambiando il patch sulle proprietà del Blog pagina principale passo 3 codice-esperto dopo l'apertura del tag HEAD. La vostra 'immagine dovrà risultare caricata nella cartella images del vostro sito.
  • Misure immagini slider 1920x1280 - 1920x853 (variazione da provare in funzione del responsive)
  • Misure video Slider 1920x1280 o 1920x720 -  formato mp4 massimo 2Mb
  • 8 break-point (non aggiungerne altri)
  • header trasparente sino alla soglia dei 960px
  • Sticky Bar semitrasparente 80%
  • Info trasferimento file - da cambiare con le vostre
  • traduttore bi-lingue automatico inserito (nessuna sottodirectory da realizzare)
  • Compatibilità Browser - Edge-Chrome-Safari (Firefox da provare)
PARALLASSE
Progetto FREE
ADATTATO 100%
PER SFONDI BIANCHI E NERI




Possibilità di personalizzare altezze e colori intervenendo sul codice - PER ESPERTI
codice extra già presente


CONTENT SLIDER 1

Un content slider (o slideshow ) è un elemento grafico utilizzato nei siti web per visualizzare contenuti (come immagini, testi o video) che si spostano o "scivolano" automaticamente o quando l'utente interagisce con esso. Di solito, i contenuti vengono visualizzati uno alla volta, con la possibilità di navigare tra le diverse "slide" utilizzando frecce o indicatori. I content slider sono utili per presentare informazioni in modo dinamico e coinvolgente senza occupare troppo spazio nella pagina. Possono essere usati per presentare prodotti, offerte, gallerie fotografiche, o anche testi e citazioni.
Nel download troverete:
  • Breakpoint già preimpostati
  • Una index con l'oggetto content slider già con codice extra inserito.
  • Misure immagini 1920x1280
CONTENT SLIDER 2

Un content slider (o slideshow ) è un elemento grafico utilizzato nei siti web per visualizzare contenuti (come immagini, testi o video) che si spostano o "scivolano" automaticamente o quando l'utente interagisce con esso. Di solito, i contenuti vengono visualizzati uno alla volta, con la possibilità di navigare tra le diverse "slide" utilizzando frecce o indicatori. I content slider sono utili per presentare informazioni in modo dinamico e coinvolgente senza occupare troppo spazio nella pagina. Possono essere usati per presentare prodotti, offerte, gallerie fotografiche, o anche testi e citazioni.
Nel download troverete:
  • Breakpoint già preimpostati
  • Una index con l'oggetto content slider già con codice extra inserito e video.
  • Misure immagini e video 1920x1280
BREAKPOINT
ATTENZIONE: Questa pagina scarica un layout pre-formattato per i break-point suggeriti per specifici esempi e tutorial. Non scarica l'esempio completo!!!!
OVERLAY MENU
CON SOTTOLIVELLI CLICCABILI

LATEST NEWS PROJECT
Presenta le tue news del Blog
FREE


OGGETTO HTML
CONTENT SLIDER 5 ESEMPI CON DISSOLVENZA
FREE


Crediti

Questo pannello è stato personalizzato da Losmanettone.it a partire dal progetto open source SIENNA concesso sotto licenza MIT.

Torna ai contenuti