Consiglio o suggerimento
Author: Giancarlo B.
Visited 1895,
Followers 1,
Shared 0
Buonasera,
vorrei fare una barra del menù circa come quella di questo sito www.cgwedding.it
a piè di pagina, esiste una soluzione diversa dallo scrivere il codice in html ?
Grazie
Posted on the
la puoi fare semplicemente con website...non ha nulla di speciale... sono solo dei link (quelli a sx (PAGINE, SERVIZI PRODOTTI), e delle immagini a destra(i pulsanti social ed altro))... imposta il footer nella dimensione adeguata e ci inserisci i link e le immagini, molto semplicemente...
P.S. - Hai notato che nel tuo sito l'immagine di sfondo non copre tutto lo schermo? sul mio monitor 1920x1080 c'è una fascia nera a destra...ciao...
Author
Grazie Skeggia ho ridimensionato lo sfondo a 1920..
... per quanto riguarda il suggerimento sul piè di pagina, avevo gia iniziato ad inserire il testo al punto 1 come personalizzazione del modello, però il risultato non mi soddisfaceva, il testo, probabilmente essendo poi un'immagine grafica mi sembra poco preciso non netto nei contorni....... e poi al passaggio del mause i link resta non hanno le propietà di impaginazione css, o sbaglio .......
provati questo in impostazioni generali nel tag head....se non ti soddisfa lo togli....
<style>
#imMnMn{top:auto; position:fixed; left: 50%; margin:0 0 0 -480px; bottom: 0px; }
</style>
Author
grazie Mirko, in definitiva fissa le posizioni testo del piè di pagina ?
si anche io vorrei sapere come poter scrivere su un footer con del vero e proprio testo e non usare grafica. Grazie.
l'esempio postato da Mirko, ti sposta il menu principale in basso. Ma Giancarlo ha chiesto un'altra cosa; come scrivere sul footer senza utilizzare grafica ma bensì con del vero e proprio testo?
Personalizzazione del Modello, Piè di Pagina, Inserisci Codice HTML (pergamena)
<a class="nomechevuoi"href="linktesto1.html"> testo1 </a>
<a class="nomechevuoi"href="linktesto2.html"> testo2 </a>
<a class="nomechevuoi"href="linktesto3.html"> testo3 </a>
Impostazioni Avanzate - Statistiche, SEO e Codice - Esperto - Prima della chiusura del taag HEAD"
<style>
.nonechevuoi {
.......
caratteristiche del testo normale
.......
}
.nonechevuoi:hover {
.......
caratteristiche del testo al passaggio del mouse
.......
}
</style>
Author
grazie Esse.. come ho scritto all'inizio... è quello che non volevo fare, infatti chiedevo se c'erano altre possibilità al posto di inerire il codice in html + css
... per non scrivere in HTML il metodo di Skeggiaè il più semplice ed immedito, e per renderlo fisso con l'aggiunta di MirKo...
... sarebbe anche semplice usando un DIV_CUSTOM incorporato nel Piè di Pagina, il solito, ...ma si deve andare di "manina" ed essere sicuri, e se non si sa come fare, si può prendere spunto da qui:
http://stackoverflow.com/questions/26018563/footer-menu-in-html-and-css
https://it.ifixit.com/Help/Header_and_Footer_Styling
... oppure modificare ed integrare quello di Snake.Xenzia distribuendolo su più colonne: http://www.ilcacciatoredinuvole.it/menu_comparsa_verticale/
... ma come detto ci si deve andare di manina e saper cosa fare...
... ...
.. come IDEA alternativa e tutto da programma, che io non ho(!), ma per fare le cose semplici, ben fatte e rapidamente, se fossi in condizioni di farlo mi regolerei così:
1) - in una pagina NASCOSTA realizzerei ed impaginerei il MENU tramite un Oggetto Testo o Tabella;
2) - avvierei l'Anteprima, aprirei il sorgente HTML, selezionerei il codice del DIV contenitore (e sotto-div) del MENU realizzato, e lo copierei con il destro del mouse;
3) - andrei al Passo_1 | Piè di Pagina, inserirei un Oggetto Codice HTML adeguatamente dimensionato, e nella finestra del codice incollerei quanto prima copiato;
3) - tornerei al sorgente cui p.2), selezionerei il TAG LIN REL relativo a quella pagina, un qualcosa del genere, (pcss/PaginaNascosta.css), lo copierei, ed andrei ad incollare nel Pannello ESPERTO | SEZIONE HEAD (/HEAD)
...
... fatto; ..si avrebbe nel Piè di Pagina il menu come realizzato nella pagina nascosta...
... si farebbe prima a fare che a dire, semplicemente cliccando, basta provare...
.
ciao
... no! ...se non quelle dette prima, Skeggia, e l'IDEA...
... intanto che ci pensavo, per risparmiarsi un po' di fatica(!), mi è venuta in mente la "pappapronta"... (copia/incolla, e via)
>> https://helpcenter.websitex5.com/post/82021#30 (...però, leggi tutto...)
.
ciao
Author
Grazie KolAsim ... sai fino ad ora sono sempre andato di (manina) in html non è un problema, non conoscendo tutte le potenzialità di x5 chiedevo se c'erano alternative .... non i sembra male il trucco della pagina nascosta ...
Grazie ancora.
Author
Ho seguito il suggerimento di KolAsim realizzato la pagina menù nascosta, ho disegnato il menù utilizzando l'oggetto tabella, poi inserito i codici htlm in piè di pagina ed incollato i link per i file css Pannello ESPERTO | SEZIONE HEAD (/HEAD).
Il pannello è ancora in vase di costruzione mancano le immagini per i social e ...
comunque il rusultato non sembra niente male allego il jpg.
... direi ottimo! ... ...
... non ho il Programma, ed era solo una IDEA campata in aria...
... e grazie a te per essertici impegnato e per la conferma che hai fornito...
.
ciao
da sempre uso i testi per il footer
come qui
http://templatex5.altervista.org/swagger-yellow/index.html
o qui
http://templatex5.altervista.org/builder/index.html
Author
ottimi, veramente belli, complimenti
bene, come si fa? Grazie.
come detto in precedenza, inserendo un ogg. html, puoi scrivere quello che vuoi e formattarlo con un css...con link, immagini...
Author
Dan Abba, io no seguito kolasim che come logica utilizzando x5 è perfetto, pagina nascosta crei il tuo menù,l'unico passaggio che devi per forza fare a mano è:
Incollare le duerighe di codice nella parte esperta ma è semplicissimo e poi incollare il codice html della sola zona del menù sul piè di pagina icona pergamena qui devi conoscere e sapere cosa incollare , se ti interessa posto i vari passaggi appena riesco. Ciao
In questo caso ti basta inserire il codice come fanno Esse Di e Silver, senza sistemi macchinosi (tipo pagina nascosta etc...) che possono servire solo a chi non conosce i linguaggi di base.
... oltretutto si dovrebbe risparmiare del ragionamento e del tempo...
... per codici a manina nei tre link che avevo postato, con un minimo di praticità ed il solito copia/incolla, si potrebbe realizzare abbastanza facilmente...
... ma, penso che possa tornare utile, mi vene in mente anche un mio vecchio suggerimento, dai tempi dell'Antenato che fu dell'Avo di Ansewrs, semplicissimo e veloce...
... realizzare l'impaginazione del MENU (immagini/testi/link) tramite una TABELLA in OO.o(*), esportare/salvare da OO.o in HTML, selezionare e copiare dal sorgente il TAG TABLE | /TABLE, ed incollarlo in qualsiasi Oggetto Codice HTML si voglia usare, Intestazione, Piè di Pagina, corpo della pagina...
... provare; ...ricordo che risultò velocissimo, e non serve neanche preparazione di base se non quella che serve per riconoscere i TAG...
... (*) - OO.o = OpenOffice.org ... (o equivalente WordProcessor)
.
ciao
Author
@KolAsim ... avrei bisogno di una altro consiglio.
Volevo differenziare i colori per i link, fra quello impostato al passo 1 stile modello e quello del menù a piè di pagina. (Il modello è pagina bianca mentre il menù al momento è molto scuro)
Io ho provato a fare in questo modo:
1) Una volta trovata la combinazione corretta per il menù ho rinominato i due file css
<link rel="stylesheet" type="text/css" href="<b>style/menu-x.css</b>" media="screen" />
<link rel="stylesheet" type="text/css" href="<b>pcss/menu-x.css</b>" media="screen" />
poi naturalmente ho messo lo stesso nome nella parte esperto prima della chiusura del tag HEAD.
pensando che i colori del testo fossero in questi file in modo che non vengano modificate e rigenerati dalle anteprime.
2) Ho modificato al passo 1 da impostazioni generali stile modello i nuovi colori adatti al corpo della pagina.
Purtroppo ho notato che anche il menù a piè di pagina prende queste nuove colorazioni, quindi presumo che il colore del testo e dei link non siano su questi file.
E' corretto ?
Grazie.
... purtroppo senza programma non posso far molto...
... certamente i LINK prenderebbero lo STILE delle impostazioni generali relative ai collegamenti...
... per tornare a "manina", ...quello che mi viene in mente sarebbe di correggere il comportamento dei LINK con qualche riga di codice, sempre se sortisca l'effetto desiderato...
... allora, dovresti individuare l'ID del DIV che contiene il testo dei LINK, e supponendo che abbia un nome del genere "imObj0_00" ...potrebbe funzionare questo codice da inserire al:
Passo 4 - Impostazioni Avanzate > Statistiche, SEO e Codice | Sezione Esperto | ▪Codice personalizzato >>> selezionando Prima della chiusura del tag HEAD
... il codice è questo, dove dovrai sostituire #imObj0_00 ...con il tuo ID anticipato dal(#):
<style>
#imObj0_00 a:link {text-decoration: none;color: #000000;}
#imObj0_00 a:visited {text-decoration: none;color: #000000;}
#imObj0_00 a:hover {text-decoration: underline;color: #FF0000;}
#imObj0_00 a:active {text-decoration: underline;color: #FF0000;}
</style>
... provalo; ...ci metteresti due secondi per il copia/incolla...
.
ciao
Eeeeeh!!!
Author
KolAsim grazie,
perfetto il l'ID è imTableObject_1_tab0 lo stile che ho utilizzato è quello sotto.
Prima della chiusura del tag HEAD
<link rel="stylesheet" type="text/css" href="pcss/menu.css" media="screen" />
<style>
#imTableObject_1_tab0 a:link {text-decoration: none;color: #ffffff;}
#imTableObject_1_tab0 a:visited {text-decoration: none;color: #ffffff;}
#imTableObject_1_tab0 a:hover {text-decoration: none;color: #FF0000;}
#imTableObject_1_tab0 a:active {text-decoration: none;color: #FF0000;}
</style>
tutto ok.
... grazie a te ... ...