Fw

Wordpress Creative Developer

Fedeweb Horizontal Template – Tema Html Css Con Navigazione Orizzontale Animata

  • Html Css
  • -

Oggi sono felice di presentarti Horizontal Template, il primo template realizzato da Fedeweb per voi lettori: un tema in html, css e javascript con navigazione orizzontale animata, adattabile a diverse esigenze.

Il template è composto da quattro sezioni: Home Page, About Us, I Nostri Lavori e Contatti. Queste sezioni si possono modificare in ogni loro parte, grazie alla guida che troverai insieme al tema.

Ottieni il Template

Le Caratteristiche di Horizontal Template

Vediamo nei dettagli le caratteristiche che hai potuto apprezzare nel video.

Navigazione Orizzontale Animata

La navigazione avviene con una animazione orizzontale che ci porta da una sezione all’altra del sito in modo originale e innovativo.

Horizontal Template - Navigazione Animata

Slideshow in Home Page

Lo slideshow in home page ti permetterà di inserire le immagini principali insieme a una descrizione. Un modo per presentare le caratteristiche più importanti della tua azienda.

Horizontal Template - Slideshow Home Page

Galleria lavori

Questa sezione la puoi adattare a moltissimi scopi.

Sei un ristorante e vuoi presentare i tuoi migliori piatti divisi in antipasto, primo, secondo ecc? Oppure sei un albergo e vuoi mostrare le camere a seconda della tipologia? O ancora sei un web designer e vuoi mostrare i tuoi lavori divisi per categorie?

Horizontal Template - Gallery Lavori

In questa sezione potrai fare tutto questo, presentando in modo elegante ciò che riterrai più opportuno, potendo inserire poi una descrizione per ciascuna foto.

Horizontal Template - Lavoro Singolo

Modulo Contatti

Grazie al modulo contatti, che prevede dei controlli nei vari campi, l’utente potrà contattarti in modo facile e immediato; sulla destra potrai inserire altre informazioni.

Horizontal Template - Contatti

Compatibilità

Horizontal Template è stato testato con successo con Internet Explorer dalla versione 7 in poi, Firefox, Chrome, Safari e Opera, con risoluzioni che vanno dai 1024x600px dei netbook, fino ai 1920x1080px.

La Guida

Insieme al tema riceverai una guida dettagliata su come inserire i contenuti nelle diverse sezioni.

Scarica Horizontal Template

Per scaricare Horizontal Template è gradita una donazione minima di 5 €. Puoi “offrirmi” una pizza (mi raccomando la diavola) o un’aragosta :D.

Una volta effettuata la donazione tramite paypal, ti invierò il pacchetto che comprende il template e una guida dettagliata su come inserire i contenuti.

Questo è anche un modo per ricevere un tuo “grazie” per tutte le risorse, tutorial, segnalazioni che ho condiviso con te in questi anni 😉

Ottieni il Template

Dicono di Horizontal Template

Giuliano Ambrosio – Julius Design

Il tema realizzato da Federico è molto interessante, proprio grazie alla possibilità di navigare in modalità orrizzontale.

Un template che può soddisfare le più comuni esigenze per siti portfolio, music band, hotel, ristoranti e molto altro ancora.

Laura Gargiulo – Italian Web Design

Mi sembra un ottimo template, validato secondo gli standard e secondo me molto carino, usabile non solo per portfolio online ma per usi anche diversi (leggi la recensione completa)

Nando Pappalardo e Sara Presenti – Your Inspiration Web

Un template d’impatto, versatile e allo stesso tempo essenziale e semplice.
Un ottimo esempio di portfolio gradevole e professionale allo stesso tempo!

Tommaso Baldovino – TomStardust

Horizontal Template è un ottimo lavoro, una soluzione ideale per chi vuole un layout originale e curato in tutti i dettagli.

La sua scalabilità a differenti risoluzioni è un bell’esempio di design attento ai particolari.

Mirko d’Isidoro – Blographik

Un metodo diverso per usare un sito ad una pagina, senza dover aspettare il caricamento di nuove pagine, e avendo una navigazione diversa dal solito, ma molto chiara e usabile.

 

197 Commenti

  1. Donazione effettuata 😉

    • Ciao ho provato con PostePay ma non accetta la donazione 🙁 in che altro modo posso farlo??

      • Ciao Luca, puoi eventualmente registrare la tua postepay su paypal 😉

      • Pizza pagata…. resto in attesa 🙂
        Grazie 1000

    • Salve, le ho inviato le 5 euro, qual’è il link per scaricare il template?

    • Buon giorno Federico scusami, ti ho fatto la donazione ma non ho ancora nessuna informazione su come poter ricevere il tuo template.
      Mi piacerebbe davvero poterlo avere ti ringrazio,
      Bruno

  2. Una diavola te la offro volentieri! 😉

  3. Donazione fatta. Resto in attesa del template

  4. Grazie fede! donazione inviata!

  5. Template inviato alle donazioni effettuate fino alle 11.30 😉

    Grazie! siete già in tantissimi!!

  6. Donazione inviata, penso che per una birra basti e avanzi!

  7. Grazie mille! Ottimo template!

  8. Donazione inviata. attendo il template 😉

  9. Template inviato a chi ha effettuato le donazioni fino alle 15.30!

    Ancora GRAZIE!

  10. Template ricevuto! Ottima risorsa 😉

  11. Inviato il template a chi ha effettuato la donazione entro le 20.30!

  12. Template ricevuto! grazie fede!

  13. Ti offro volentieri una pizza più la birra! donazione inviata!

  14. Inviato il template a chi ha effettuato la donazione entro le 11.30!

  15. Inviato il template a chi ha effettuato la donazione entro le 14! mamma in quanti siete! grazie!!

  16. Lo so, ho fatto una donazione un po’ stitica ma ero senza soldi nella paypal… Appena caricherò ti donerò qualche euro in piu 😀

  17. ciao fede ma hai chiuso la possibilità di scaricare il template sto provando a fare una donazione ma non mi fa accedere con la carta pay pal fammi sapere o troviamo un altro sistema

  18. Ciao Ale, esattamente che problema ti da? forse hai problemi tu con paypal?

  19. Template inviato a chi ha fatto la donazione entro le 17!

  20. […] fa ho avuto il piacere di vedere in anteprima questo template, ed ora che è stato lanciato dal suo autore ve ne posso […]

  21. Template inviato a chi ha fatto la donazione entro le 9.30 di questa mattina!

  22. ti ho offerto un caffè…attendo il template e la guida!

  23. Template inviato a chi ha effettuato la donazione entro le 12 😉

  24. ciao fede mi dice :Non puoi utilizzare un indirizzo email o un numero di carta appartenente a un conto PayPal esistente. Se sei titolare di un conto PayPal, accedi. In caso contrario, modifica l’indirizzo email o il numero di carta e riprova. ho provato a cambiare indirizzo ma non mi va su conto ho 1€ e mi sembra troppo poco da poterti offrire

  25. Template inviato a chi ha fatto la donazione entro le 10 di stamattina!

  26. A me con explorer 9 si vede male e non funziona lo scrolling… qualcuno ha lo stesso problema?

    • No risolto, erano bloccate delle impostazioni

      • Ciao Ernesto, si su explorer, in locale, ci sono dei blocchi perchè ci sono degli script, tutto qua. Ma questo è un “problema” di explorer, non del template 😉

        Poi on line questi problemi non ci sono 😉

  27. Template inviato a chi ha fatto la donazione entro le 18!

  28. Donazione effettuata :)))

  29. Template inviato a chi ha fatto la donazione entro le 12!

  30. Template inviato a chi ha fatto la donazione entro le 21!

  31. Template inviato a chi ha fatto la donazione entro le 12.30! grazie!

  32. Template inviato a chi ha fatto la donazione entro le 11.30!

  33. Template inviato a chi ha fatto la donazione entro le 15!

  34. Template inviato a chi ha fatto la donazione entro le 9.00!!

  35. Template inviato a chi ha fatto la donazione entro le 15.30!

  36. Template inviato a chi ha fatto la donazione entro le 16.30!

  37. donazione meritata ed effettuata 😉

  38. Donazione effettuata, Grazie mille per l’impegno e la passione.

  39. Donazione effettuata…perdonami la cifra ridicola ma non uso paypal da mesi e quelli erano tutti i miei averi! 😛 La mia amica e collega di tesi ha problemi di tempistica con i trasferimenti di carte e ti chiederà venia su facebook…poi saprai chi è 😛 ma se vieni ci mangiamo una pizza tutti e 3!
    ciao!!!!!!!!

  40. Template inviato a chi ha fatto la donazione entro le 15.30

  41. Ciao Fede,

    era da tempo che cercavo un template orizontale completo di guida e forse questo fa proprio al caso mio, magari lo aggiusterò un pochino per adattarlo alle mie esigenze…

    Grazie
    ciao
    Adriano

  42. Template inviato a chi ha fatto la donazione entro le 12.30

  43. Template inviato a tutti quelli che hanno fatto la donazione entro le 10!

  44. Ricevuto e apprezzato. Una curiosità: hai mai pensato di convertirlo in un tema per WordPress, Joomla o Drupal? Seconde me avrebbe molto mercato.

    • Ciao Michelangelo, felice che ti sia piaciuto!

      Si ci ho pensato 😉 Vedremo anche perchè ci vuole tempo e soprattutto non è così convertirlo in wp..

  45. Ciao, ho donato poco, ma se è bello come credo ti farò un’ulteriore donazione!!! fammi sapere quando lo invii!

    • Ciao Frank, mi spiace ma la donazione è davvero ridicola e francamente mi ha anche offeso. Te la restituisco in attesa di una donazione più “seria”

  46. Fatto! scusa

  47. Ciao! Mi dici qualcosa sulla licenza di rilascio del template e dei plugin di terze parti che hai utilizzato?

    Grazie

  48. ciao, donazione inviata, attendo template

  49. Ottimo template! Utile per molti progetti.
    Grazie Fede!

  50. Gran lavoro! Complimenti!

  51. Grande Fede..ottimo lavoro..sito funzionale e veramente piacevole..ti mando un altra donazione..:D

  52. Ciao Fede, donazione effettuata (scusa per l’importo, ma di sti tempi lo stipendio è veramente basso)!

  53. ma qualcuno ha risolto l’errore che dà w3c su questa riga?
    if (screen.height() < 600) {

    • Ciao Domenico, perdonami ma non lo ritengo un problema rilevante. Alla fine è l’unico errore che viene dato dal validatore, non gli darei tutto questo peso..

      • assolutamente, non è per dargli peso, ci mancherebbe anche.
        è per capire perché lo dà, cosa non gli piace.
        voleva essere un commento costruttivo, mi spiace sia passato per l’opposto

      • Si quello è vero, infatti anch’io non capivo quale fosse il problema e poi ho lasciato perdere dato che appunto mi dava solo quell’errore. Se riesci a risolvere facci sapere!

  54. ovviamente con // si bypassa il problema della validazione.
    non risolve il problema ma del perché a w3c non piaccia quella stringa ma almeno lo si prende in giro.

  55. salve ma quant’è l’offerta minima?

  56. Ciao Fede, piccola donazione inviata 🙂

  57. Dove è possibile vedere un sempio “Live” del thema in azione?

  58. sono ignorantello in materia.. volevo fare un sito web per il mio negozio.. a cosa mi servirebbero questi templates? .. dico.. dovrei inserirli in qualke programma ? opp è tutto pronto qui?

    • Ciao Fabio e benvenuto nel blog 😉

      E’ tutto già pronto nel tema. Tu dovrai solo inserire i contenuti e ho realizzato una guida che spiega come fare questa operazione 😉

  59. ciao Fede, ti ringrazio anticipatamente, ho fatto una piccola donazione, (simbolica, non per sminuire il tuo lavoro) spero vada bene, grazie, rimango in attesa, ciao.

  60. Offerto un caffè! : )

  61. ti ho offerto anch’io un caffè non avevo letto che fosse di minimo 5 euro, avevo 3 euro sulla mia carta e te ne ho inviato 1…
    aaaaaaaaaaaaah santo cielo,
    ciao!

  62. Donazione effettuata…attendo con ansia il template…ciao

  63. Et voilà, pizza offerta!
    Attendo con ansia, complimenti per i lavori.

  64. Ottimo lavoro, donazione effettuata: buona pizza!
    Attendo template.

  65. Grazie Fede…
    Donazione effettuata con molto piacere perchè è davvero un ottimo lavoro 😉

  66. Bel template, ho fatto una donazione con estremo piacere.
    Bel lavoro.
    Grazie

  67. Stupendo! Ti ho mandato la Diavola ^^
    Attendo il tuo fantastico lavoro!

  68. Donazione effettuata!
    Attendo template con impazienza 🙂

    PS: complimenti bellissima idea

    • Speravo fosse un pò più veloce la ricezione del template 🙁
      Ci sono degli orari previsti in cui invii i files?

      • Template inviato! Scusa per il ritardo ma ho avuto problemi con internet oggi,. Ciao e grazie per la donazione!

  69. In attesa di Horizontal Template !
    Grazie a presto !

  70. ho inviato la donazione, attendo template ed istruzioni… ciao e grazie ancora!

    • Ciao Raffaele, donazione minima 5 €, come scritto nell’articolo.

      • provvederò allora ad inviarti un altra donazione…. non avevo letto l’articolo ed il pulsante di download sottoscriveva “donazione libera”… scusami

  71. donazione effettuata… ciao e buona serata

  72. Donazione effettuata, aspetto il bellissimo template 😉

  73. 🙂 donazione ok!!!attendo impaziente!

  74. ciao, vorrei chiederti se il tuo template lo posso usare anche per siti wordpress? Grazie e complimenti!

    • CIao Edoardo, il template non è in WordPress, ma in html css e javascript

      • e non posso in nessun modo utilizzarlo per un sito costruito su wordpress?

  75. Ciao Federico mi piace molto il tuo template e volevo acquistarlo( dalla mia inesperienza in WP davvero complimenti ) ma per il progetto che avevo in mente mi serviva anche un BLOG nel sito…puoi darmi qualche dritta? posso cmq acquistarlo e inserirlo?
    GRAZIE 🙂

  76. Ciao Fede, scusa x la piccola donazione ma la paypal piange.. cmq quando posso dono qualcosa in +!! Complimenti x tt. Spero di ricevere cmq il template!? GRAZIE.. Anton

    • Ciao Anton, resto in attesa della donazione minima e poi ti manderò il template 😉

      A presto!

  77. ciao donazione fatta, aspetto link
    grazie , Bellissimo lavoro

  78. Ciao Fede, donazione minima finalmente effettuata; aspetto link… Anton

  79. Template ricevuto!! E’ molto carino! GRAZIE 🙂

  80. Non avendo competenze in materia volevo sapere se una volta scaricato il template ho bisogno di altro per pubblicare il sito, considera che ho un dominio acquistato da aruba e il sito attuale me lo sono fatto da solo con un modello di aruba. Grazie.

    • Ciao Alessio, no non hai bisogno di altro. Devi solo seguire la guida e inserire i contenuti pertinenti al tuo sito 😉

      • Ok, allora procedo con la donazione e apetto il template. Grazie.

  81. Ottimo esempio di javascript e molto attuale. Ho molto apprezzato!
    Grazie Federico 😉

  82. ciao ho fatto l’offerta, puoi gentilmente inviarmi il template grazie……

    • ciao ma ci sei, ho fatto il pagamento e mi serve urgentemente grazie…..

      • Ciao tema appena inviato. Scusa per il ritardo!

  83. Su desktop funziona senza ombra di ubbio ma su tablet c’è un problema di click su i pulsanti della navigazione. Sembra che il problema sia causato dalla posizione fissa del div Leftsider che su tablet crea un conflitto tra i link e la pagina scrollabile. Pensavo di utilizzare un frame dove collocare il menu di navigazione. Tu cosa ne pensi? Si può risolvere? Hai già una idea? Cmq il template rimane un importante spunto di riflessione e di confronto sulla tecnologia attuale.

  84. Donazione effettuata!!! aspetto con ansia di provare il tuo template..
    è bello vedere che esistono persone che fanno ciò che fanno per passione e lo condividono davvero senza scopo di lucro ma chiedendo una donazione!
    Se fossimo tutti come te tutto il mondo sarebbe migliore!
    grazie ancora

  85. Ricevuto il template.. Una stupida domanda..con la risoluzione del mio pc 1920×1080 vedo 2 contenuti per volta..(esempio Home e about us nella stessa pagina).. c’è modo di risolvere?ho provato ad andare nel css e modificare la class “left278″ma senza ottenere il risultato sperato..
    ti ringrazio dell’attenzione

    • Ciao Giorgio, il template è realizzato apposta per far vedere una parte della pagina successiva.

      Ovviamente a risoluzioni elevate rischi di vedere anche due pagine insieme. Ad ogni modo per modificare la distanza tra due “pagine” devi modificare la classe che hai indicato, aumentando il margine (margin), e avendo cura anche di aumentare la larghezza del body.

    • Anche io ho lo stesso problema c’è modo di risolvere?

    • Ciao, ho anche io questo problema e ho risolto in questo modo.
      ho modificato la classe lft278 aumentando il margine sinistro di 100px, aggiungendo un margine destro di 500px e allargando il body di 1000px.

      In questo modo il corpo del sito resta abbastanza vicino al menù e le altre schede non si vedono.

      Unica pecca, è la parte destra che risulta essere “vuota”.

      Cmq veramente bel template. Grazie mille Fede! GG

  86. Donazione inviata aspetto con ansia il template! Grazie e complimenti per tutto

  87. Donazione fatta 😉 attendo il tuo capolavoro! 😉

  88. Ciao,

    Esiste una versione ottimizzata per IPHone e IpAd?

    Grazie

  89. Ciao, sarei interessato al tuo template. Volevo chiederti. Invece di avere il menu verticale. Eì possibile renderlo statico in orizzontale in alto? Grazie per la risposta.

  90. ciao federico ho inviato una donazione. aspetto con ansia il tuo tema. ciao

  91. ciao omonimo, ho trovato il tuo template orizzontale e sto meditando di scaricarlo. Da quello che leggo nei commenti precedenti, potrebbe fare al caso nostro – cioè della onlus L’Auriga. Mi chiedo solo: oltre una drastica ristrutturazione delle pagine informative, per renderle più snelle, pensi che ci sia posto o modo di inserire con la nuova veste anche il nostro archivio notizie? Mi spiego: tutte le nostre micronews sono attualmente organizzate in cartelle lungo gli anni e consultabili dalla sezione notizie. Mi viene in mente che potrebbe diventare una sottopagina della homepage, ma poi posso aggiungere altre sottosottopagine per rimandare alle vecchie notizie? o è forse meglio linkare semplicemente alle attuali senza rifomare il tutto? grazie di una risposta, spero risolutiva del dubbio… mi piace troppo il template, dimmi che fa per noi! grazie, federica

  92. fatto donazione 🙂

  93. Ciao fede! Ho fatto la donazione, resto in attesa del template! 😉

    • Scusami Fede, ho letto male! Pensavo che il tema fosse compatibile con wordpress…non essendo così ti chiedo gentilemente di restituirmi la donazione, grazie!

  94. Ho effettuato la donazione, sono in attesa del template 😀

  95. Ciao Fede!
    Donazione fatta 🙂
    Resto in attesa del template 🙂
    Grazie mille
    Franz

  96. Donazione fatta, resto in attesa del template.. Grazie!

  97. Ciao, ottimo tema!
    Ho fatto appena fatto la donazione, ti risulta? Attendo il template 🙂

  98. Ciao, rimango in attesa del tuo bel template. Ho effettuato la donazione poco fa.

    Grazie!

  99. Ciao Fede, scusa x la piccola donazione ma non uso mai paypal: era tutto ciò che c’era sul conto!Cmq appena ricarico dono qualcosa in +!!
    Complimenti x tt. Spero di ricevere presto il template!? GRAZIE

  100. Ciao, ho appena effettuato una donazione. Attendo dunque il template!

    Grazie e buon lavoro,

    E

  101. Ciao

    effettuata la donazione.

    Davvero complimenti per il sito che ho scoperto solo ora…Rimango in attesa del template.

    Ciao e buona giornata 🙂

    Eugenio Borgialli

  102. effettuata donazione,,,,,,….. silenzio….
    inviato un pagamento di €5,00 EUR a favore di Federico Pian
    da parte di mailazio@yahoo.it
    attendo
    grazie

    • Ciao Carlo ti ho mandato il template il 4 ottobre alle 15.20. Controlla che non sia finito nello spam. Sennò te lo rimando 😉

  103. donazione OK! attendo i file.. GRAZIE 🙂

  104. Ciao Fede,

    complimenti per la proposta del template con donazione libera.

    Intanto vorrei porti alcune questioni:
    1. nel modulo contatti manca sia l’autorizzazione al trattamento dei dati, che l’elemento per la generazione del codice captha per evitare lo spam;
    2. si sente la mancanza di navigare su una versione demo fruibile on line per apprezzarne le caratteristiche che enfatizzi nei video;
    3. noto la mancanza di dati di esempio per l’adeguamento alla legge stanca.

    Ancora complimenti e buon lavoro,
    R.

    • Ciao Rosario e benvenuto nel blog 😉

      1. Si hai ragione, il modulo utilizzato non lo prevedeva, potrebbe diventare un futuro aggiornamento del tema;

      2. Non esiste una demo navigabile per evitare che venga scaricato il sito senza donazione;

      3. Non é stato realizzato seguendo i requisiti della legge stanca, in quanto non obbligatorio. La legge va applicata ai siti di pubblica amministrazione.

      Spero di aver risposto ai tuoi quesiti.

  105. effettuata donazione,,,,,,….. silenzio….
    inviato un pagamento di €5,00 EUR a favore di Federico Pian
    da parte di mailazio@yahoo.it
    attendo
    grazie

    e 2…..

  106. Ciao Federico,
    ho effettuato una donazione per il template!

    Ciao

  107. Ciao Federico,
    purtroppo non mi è arrivato nulla. Ho controllato anche in SPAM ma niente!!
    Potresti rimandarmelo per favore?

    Grazie.

  108. Ok come non detto era allegato nell’altra email 🙂

    Grazie e complimenti per il template, davvero ben fatto e facilmente configurabile 🙂

    Salvo

  109. Ciao, donazione inviata
    attendo template
    grazie
    Ciao

  110. Anche stasera pizza offerta 😉
    Pagamento effettuato…non vedo l’ora di mettere le mani su quei codici 😉
    Ottimo lavoro Fede!
    Attendo…

  111. Donazione effettuata aspetto il link!! Grazie!

  112. Ciao Federico,
    ho effettuato la donazione, attendo tue notizie!

    Grazie

  113. Ciao Fede, innanzitutto complimenti per il sito, una raccolta di risorse utili e interessanti! Ti ho inviato la donazione minima, aspetto il template, non vedo l’ora di studiare come è stato realizzato!
    Complimenti ancora per tutto il lavoro che fai.

    Ciao e grazie!

  114. donazione effettuata 🙂 Aspetto il template. Ciao grande! 😀

    • Ciao, da poco frequento il tuo sito e noto con piacere che a circa un anno e mezzo dall’uscita del tuo “Horizontal Template” fa ancora la sua bella figura ed è ben lontano dall’essere superato.
      Ieri ho effettuato la donazione e sono in attesa del tamplate per poter realizzare il mio sito.
      Grazie mille e buon lavoro,
      Luigi.

  115. Donazione effettuata , aspetto il template con ansia crescente…..

  116. Ottimo template, semplice e molto funzionale.
    Grazie

  117. Ottimo template, semplice e molto funzionale.
    Grazie

  118. Grazie per il template scusa per la donazione in linea con … i tempi 🙁
    Ciao!

  119. Complimenti per il tuo sito e grazie di cuore per condividere le tue conoscenze

  120. Ciao Fede,
    non è che per un’altra donazione renderesti il template responsive?
    Sarebbe fantastico
    Grazie
    Franz 😉

  121. diavola donata ma come devo fare ora per scaricare il template?

    • fede ciao scusami io ti ho fatto la donazione mi piacerebbe ricevere il tuo template grazie mille davvero!

      • Buon giorno Federeico,
        ho provato a farti una donazione con postepay – circuito Visa – perché volevo scaricare Horizontal Template ma, non so per quale motivo, la transazione
        si è interrotta. Ho controllato il mio estratto conto e ho notato che è stato prenotato 1 € mentre io ho provato a donartene 5 €.
        Puoi farmi sapere cosa è accaduti.
        Grazie ti saluto,
        Bruno Eboli

  122. Scusami Federico, finalmente ho potuto eseguire la donazione, cosa devo fare ora per scaricare il tuo template ?

  123. ho effettuato il pagamento ora cosa devo fare?

Scrivi un commento

Il tuo indirizzo email non sarà pubblicato. I campi obbligatori sono contrassegnati *