WebSite X5Help Center

 
Giancarlo B.
Giancarlo B.
User

Consiglio o suggerimento  it

Auteur : Giancarlo B.
Visité 1896, Followers 1, Partagé 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

Posté le
25 RéPONSES
Skeggia 12
Skeggia 12
Moderator

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...

Lire plus
Posté le de Skeggia 12
Giancarlo B.
Giancarlo B.
User
Auteur

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 ....... 

 

Lire plus
Posté le de Giancarlo B.
Mirko Boschetti
Mirko Boschetti
Moderator

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>

Lire plus
Posté le de Mirko Boschetti
Giancarlo B.
Giancarlo B.
User
Auteur

grazie  Mirko, in definitiva fissa le posizioni testo del piè di pagina ?

Lire plus
Posté le de Giancarlo B.
#ABCD WebAgency
#ABCD WebAgency
User

si anche io vorrei sapere come poter scrivere su un footer con del vero e proprio testo e non usare grafica. Grazie.

Lire plus
Posté le de #ABCD WebAgency
#ABCD WebAgency
#ABCD WebAgency
User

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?

Lire plus
Posté le de #ABCD WebAgency
Esse Di
Esse Di
User

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>

Lire plus
Posté le de Esse Di
Giancarlo B.
Giancarlo B.
User
Auteur

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 

Lire plus
Posté le de Giancarlo B.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Meilleur utilisateur du mois ESMeilleur utilisateur du mois PT
Giancarlo B.
.... ... ...  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 ? ... ... ...

... 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

Lire plus
Posté le de  ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Meilleur utilisateur du mois ESMeilleur utilisateur du mois PT
Giancarlo B.
... .... ... ...infatti chiedevo se c'erano altre possibilità al posto di inerire il codice in html + css ...

... no! ...se non quelle dette prima, Skeggia, e l'IDEA...

 ‪ KolAsim ‪ ‪
... [...] ... ... ma come detto ci si deve andare di manina e saper cosa fare... ... [...] ...

... 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

Lire plus
Posté le de  ‪ KolAsim ‪ ‪
Giancarlo B.
Giancarlo B.
User
Auteur

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.

Lire plus
Posté le de Giancarlo B.
Giancarlo B.
Giancarlo B.
User
Auteur

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.

 

Lire plus
Posté le de Giancarlo B.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Meilleur utilisateur du mois ESMeilleur utilisateur du mois PT

... 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



Lire plus
Posté le de  ‪ KolAsim ‪ ‪
Giancarlo B.
Giancarlo B.
User
Auteur

ottimi, veramente belli, complimenti 

Lire plus
Posté le de Giancarlo B.
Skeggia 12
Skeggia 12
Moderator

come detto in precedenza, inserendo un ogg. html, puoi scrivere quello che vuoi e formattarlo con un css...con link, immagini...

Lire plus
Posté le de Skeggia 12
Giancarlo B.
Giancarlo B.
User
Auteur

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

Lire plus
Posté le de Giancarlo B.
 lemonsong  
 lemonsong  
User
Giancarlo B.
fino ad ora sono sempre andato di (manina) in html non è un problema

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.

Lire plus
Posté le de  lemonsong  
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Meilleur utilisateur du mois ESMeilleur utilisateur du mois PT
Giancarlo B.
... ... Incollare le due righe 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

... 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

Lire plus
Posté le de  ‪ KolAsim ‪ ‪
Giancarlo B.
Giancarlo B.
User
Auteur

@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.

Lire plus
Posté le de Giancarlo B.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Meilleur utilisateur du mois ESMeilleur utilisateur du mois PT

... 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

Lire plus
Posté le de  ‪ KolAsim ‪ ‪
Esse Di
Esse Di
User
 lemonsong  
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.

Eeeeeh!!!

Lire plus
Posté le de Esse Di
Giancarlo B.
Giancarlo B.
User
Auteur

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.

Lire plus
Posté le de Giancarlo B.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Meilleur utilisateur du mois ESMeilleur utilisateur du mois PT

... grazie a te ...  ...

Lire plus
Posté le de  ‪ KolAsim ‪ ‪