Personalizzazione con SlideShow Header-Footer nella V.13 
Autore: Enzo I.
Visite 1012,
Followers 2,
Condiviso 0
Buongiorno a tutti, sono da poco passato dalla versione Pro 11 alla Pro 13, però riscontro un piccolo inconveniente.
Nella versione Pro 11, utilizzavo spesso le SlideShow presenti all'interno di "Personalizzazione del Modello - Intestazione", così da poter scegliere quali immagini (pulsanti) fare apparire e in quali pagine (esempio: http://mtritaly.hostinggratis.it).
Nella versione Pro 13 invece noto con dispiacere che questa funzione non vi è più, magari è stata sostituita da altro?
In sostanza, a me interessa poter scegliere per ogni pagina del sito un contenuto dell'intestazione diverso.
In attesa di un vostro cordiale riscontro vi auguro una buona giornata :) Grazie.
Enzo
Postato il
come hai detto tu, ora con la 13 non si può più fare, ma volendo con codice a parte, puoi cambiare lo sfondo dell'intestazione di ogni pagina....
prova con questo:
In proprietà della pagina che serve nel tag head:
<style>#imHeader {background-color: transparent; background-image: url('files/top2.png');</style>
... non ho il programma per verificare, ma credo che, oltre alla soluzione storica, semplice ed immediata proposta da Mirko, ... con la v.13 si possa ottenere un risultato simile con lo > Stile delle Righe
... invece, per poter utilizzare ancora gli slideshow del programma personalizzati per pagine diverse, dovrebbe poter basterebbe il codice IFRAME che importi gli slideshow realizzati in pagine nascoste, senza applicare la grafica...
.
Autore
Grazie mille per le vostre risposte, pensavo di utilizzare il metodo classico da te suggerito, però non sono molto esperto a livello codice.
Io sono andato in "Statistiche, SEO e Codice > Esperto" e ho aggiunto come file lo sfondo che desidero applicare all'header di una sola pagina. Successivamente mi sono recato in "Mappa > Proprietà Pagina > Esperto" ed ho copiato il codice che mi hai generato tu, sostituendo ovviamente ('files/top2.png') con ('files/nomefoto.jpg'), però non funziona...
Visualizzo sempre lo sfondo dell'header impostato dal modello.
PERCHè NON UTILIZZI LO STILE DELLE RIGHE INSERENDO UNA IMMAGINE DIVERSA AD OGNI PAGINA?
... hai allegato la tua immagine nel pannello ESPERTO | ALLEGATI ...?...
... comunque, per poter valutare devi postare il LINK di prova reale della pagina pubblicandola in RETE...
.
Autore
Perchè in questo modo avrei un'immagine di sfondo all'interno del contenuto della pagina, a me interessa avere un'immagine differente per l'header. Non so se mi sono spiegato bene...
Io ho fatto questo procedimento:
1) Impostazioni > Avanzate > Statistiche, SEO e Codice > Esperto > Prima della chiusura HEAD: qui ho allegato tramite il pulsante "Aggiungi" l'immagine che desidero utilizzare come sfondo;
2) Sono andato nelle impostazioni pagina per richiamare tramite il tuo codice l'immagine che ho precedentemente caricato;
Ho sbagliato qualcosa?
Comunque il link per visionare il sito è http://tradingsn.netsons.org (dominio per test).
Attualmente ho rimosso il codice che mi hai dato in quanto non sono riuscito a farlo funzionare...
... prima di tutto devi cercare di mettere ordine alla pagina eliminando tutti gli errori da te commessi nell'inserire codice personalizzato extra dal programma...
... a colpo d'occhio: tag <a> in HEAD; tag <style> vaganti, tag <font> frammentati, ed eventuale altro da controllare...
... attualmente lo sfondo header è > questo ; ... con il codice extra proposto da Mirko lo puoi cambiare l'immagine fissa...
.
Autore
Buongiorno, scusa il ritardo nel rispondere ma è stata una settimana impegnativa.
Ho fatto pulizia di alcune cose, come mi hai chiesto, ho ricontrollato il codice e funziona, ma ho un problema...
Come puoi vedere (http://tradingsn.netsons.org), l'immagine rimane solo all'interno dell'Header (come da me richiesto, d'atronde). Evidentemente mi sono espresso male, avrei bisogno che l'immagine sia a schermata intera, quindi come se fosse uno sfondo dell'header, che mi includa anche il menù.
Andando ad intuito, credo basi sostituire all'interno del codice di Mirko, la parola imHeader con l'apposita parola che rappresenta lo sfondo dell'header (che però non conosco :P).
Riuscireste ad aiutarmi?
Enzo
Devi andare nelle Proprietà della Pagina/Grafica/Abilita Impostazioni Personalizzate e ci inserisci le foto che vuoi come sfondo di ogni singola pagina
Spiegazione: al PASSO 3 MAPPA vai in "Proprietà" della Pagina di tuo interesse (puoi usare questo metodo anche per la home) poi vai nella scheda "Grafica" e spunta la voce "Abilita impostazioni personalizzate" ed inserisci alla voce "File Immagine" una foto di 1920 di larghezza e come altezza ci metti quella che desideri, metti poi "Disposizione: non ripetere" e "Allineamento: Alto".
vedi foto sotto...
.. E poi vai qui e inserisci la foto come descritto nello screenshot:
Cmq come consigliato da altri utenti, si può benissimo ottenere quello che dici tu, delle intestazioni diverse per ogni pagina, senza codici, solo usando le funzioni di Website X5. Guarda qui nell'esempio del sito online se è quello che vuoi ottenere tu, segue sotto la spiegazione su come ottenere quell'effetto:
http://www.bozzasito10.altervista.org/multiheader (vai su Home, About e Services e vedi come ogni pagina sembra avere un'intestazione differente).
SPIEGAZIONE:
Ho usato due metodi differenti per ottenere l'effetto di header diversi.
1) L'immagine di intestazione della Home è inserita usando la funzione"Stile Righe", devi agire sui Margini Esterni dello Stile dell'Oggetto Testo per "dare" l'altezza desiderata all'immagine (prestando inoltre attenzione a settare al PASSO 2 MODELLO/Personalizzazione/Struttura del Modello un Header di altezza pari a 80px, cioè esattamente quanto l'altezza dello "Sfondo dell'Header", questo lo fai per tutte le varie risoluzioni).
2) L'immagine della sezione "About" è inserita in un modo differente: al PASSO 3 MAPPA vai in "Proprietà" della Pagina nella quale vorresti inserire una diversa immagine per l'Header, poi vai nella scheda "Grafica" e spunta la voce "Abilita impostazioni personalizzate" ed inserisci come File Immagine una foto di 1920x580px circa, con "Disposizione: non ripetere" e "Allineamento: Alto". Anche in questo caso occhio ad agire sui Margini Esterni dello Stile dell'Oggetto Testo per "dare" l'altezza desiderata all'immagine di intestazione e far sì che il testo del contenuto pagina inizi subito dopo il bordo inferiore dell'immagine.
L'immagine della sezione "Services" è inserita nuovamente con la funzione "Stile Righe"come descritto sopra al punto 1. Puoi personalizzare con uno dei due metodi o con entrambi tutte le pagine che vuoi del tuo sito. Non ci sono limiti.
Sembra di avere 3 header differenti per ogni pagina, prova e facci sapere. Ciao ciao
OPS ERRATA CORRIGE, intedevo dire Margini INTERNI, non Esterni, scusami...
Naturalmente quando nella spiegazione di sopra parlo di "Oggetto Testo" si intende che come PRIMO oggetto che devi inserire in ogni pagina ci va appunto un Oggetto Testo (con del testo o vuoto) sul quale andrai ad agire sui Margini INTERNI in Stile dell'Oggetto (vedi foto sotto) e quell'Oggetto sarà la "cornice" entro la quale sarà "visibile" la Foto che sceglierai, i margini interni daranno l'altezza a quella "cornice"...
Poi agisci sul valore Alto e Basso del Margine INTERNO...
Poi vai in Stile Righe....
E inserisci una foto di 1920 px di larghezza (l'altezza dipenderà dai valori di Margine Interno Alto e Basso che hai inserito prima), con le seguenti disposizioni (io non metto mai la funzione "adatta al contenuto della Finestra" in "Disposizione" perchè sui dispositivi iOS ingrandisce a dismisura l'immagine e sgrana tutta poi...
Tutta la procedura è la stessa fino all'inserimento dei Margini Interni Alto e Basso e poi procedi con il punto 2 della spiegazione più sopra se vuoi invece inserire l'immagine in Proprietà della Pagina/Grafica/Abilita impostazioni personalizzate
spero di essere stato chiaro. Ciao ciao
Con il metodo 2 devi avere una foto di 1920px di larghezza e altezza che stabilisci tu (esempio 500px max 600px), l'altezza della foto corrisponderà quindi all'altezza che l'Header "fittizio" avrà nella pagina. Mentre con Stile Righe l'altezza dell'Header "fittizio" sarai tu a deciderla in base al valore che assegnerai al margine interno alto e basso.