Testo nel menù
Autor: Pasquale D.
Visitado 1161,
Seguidores 1,
Compartilhado 0
Buon giorno, (richiesta non mia), dato un menù orizzontale (l'area del menù è molto alta, poi i singoli pulsanti hanno un'altezza regolare), nello spazio che avanza tra la fine dei pulsanti e l'inizio del body,avrei bisogno di metterci : dei testi con link (titolo pagina corrente, e percorso pagina).
Potete dirmi come fare?
Avevo pensato a un div in head, però pare che non è corretto.
Grazie!
Publicado em
... per come fare di diverso non saprei...
...!... e non saprei perché e per come non debba essere corretto; ...per me sarebbe la scelta da fare, senza dubbi, ... il DIV CUSTOM by Icm (cioè un normale div)...
... se ne fossi interessato, avrei di già provato per togliermi i dubbi...
.
un div è la soluzione corretta, non è corretto metterlo in head,
va messo nel body e posizionato.
... giusta la puntualizzazione, mi era sfuggito quell'head...
Autor
oh!, ecco, va messo nel body e posizionato.
Mi spiego meglio, ho un menù che segue lo scroll (passo 4), mettendo il div in head, otterrei sicuramente che il testo che vado a metterci segua lo scroll, il mio dubbio era che se lo mettevo nel body, scrollava insieme al body, probabilmente debbo agire su : position : fixed e z-index.
Provo e vi dico.
Se non mi funziona, vi posto il codice, e forse riesco a postare anche il link.
Grazie!
Autor
allora, ho fatto questo codice :
(prima della chiusura del tag body)
<div id="container">
<div class="titolo-pagina">
12345789
</div>
</div>
(prima della chiusura del tag head)
<style>
#container
{
position:fixed;
top:30px;
width:960px
height:120px;
float:center
margin:0px;
}
.titolo-pagina
{
position:fixed;
top:150px;
z-index: 20000;
font-family: 'arial';
font-size: 20pt;
text-align: justify;
color: red;
}
</style>
Il risulato è che il mio testo, lo vedo a sx del sito come se fosse impostato left:0px;,
come mai?
(comunque, anche se riusciamo a risolvere questo, il risultato di cui ho bisogno è che una volta inserito questo testo nell'area menù, scrollando deve restare li, ovvero muoversi con il menù).
Ci riusciamo?
Grazie!
... avevo espresso un parere, e, personalmente non mi cimento in ciò che vuoi realizzare, e non sono un esperto, ti ricordo solo il DIV CUSTOM di Icm, che già di avevo suggerito, ...col quale puoi fare e contenerci quello che vuoi...
... adesso io non ho programmi per verificare gli effetti nel progetto, ma il contenitore potrebbe avere terra terra questa forma in HEAD:
<style>#contenitore_K {top:-300px;left:300px;margin: auto;
position:relative;width:300px;height:50px;
background-color:#FF0000;z-index:15000;}</style>
... e nel BODY:
<div id="contenitore_K"> **qui il contenuto** </div>
... tutti i valori e coordinate sono da valutare e personalizzare; ...il colore serve solo per valutare la posizione; da eliminare...
... il resto dipende da te...
.
ciao
Autor
Fatto, il problema è che il div così fatto , mi compare nel body e non nel menù.
(considera che il div id, non l'ho messo in un oggetto html di una pagina, ma l'ho messo nella sezione esperto, prima della chiusura del tag body).
Se mi dici che mi segui un attimo, esporto in ftp e ti mostro il risultato, così ci intendiamo.
Grazie!
... se puoi, far vedere qualcosa di esempio...
... intanto buona notte...
Autor
Per assurdo, se il div lo metto in head, ottengo quello che voglio (sempre ovviamente modificando i valori), invece mettendolo giustamente in body oppure prima della chiusura del tag body, il div lo visualizzo nel dody e non riesco a spostarlo nel menù, agendo sui valori.
... in HEAD va lo style, come avevo indicato......
... il DIV va nel BODY, non nel TAG dichiarazione BODY, ma prima della chiusura del BODY
... essendo in posizione relativa devi indicare coordinate negative per il TOP...
Autor
aspetta che forse ci sono riuscito.......(provo a mettere dei style in linea e ti confermo)
il problema era proprio nei valori, ovvero, per averlo dove desideravo, ho dovuto utilizzare un valore di top:-600px; e left:-330px.
Sinceramente non capisco da dove saltano fuori questi numeri.
Ho un header alto 100
un menù alto 170
un header largo 960
mentre il tuo box è 300x50
Autor
Il mio body, nel momento in cui funzionava, aveva un suo scroll, tolto questo e utilizzando lo scroll del browser, ho dovuto modificare i valori (perchè relative), e azionando lo scroll del browser, il tuo box si muove, mentr voglio che resti fermo.
Faccio altre prove, lo esporto on line e vediamo.
A domani.
Autor
Eccomi, credo di aver capito da dove salta fuori quel left : -330px; e forse, non mi può andare bene. Ho un monitor full hd : 1920x1280, suppongo che impostando :left : -330px; lo vedrò correttamente sul miomonitor, ma su di un monitor da 1024x768, il rettangolino rosso chissà dove andrà a finire. E' giusto? (lo dico senza aver provato).
Inoltre, se utilizzo lo scroll del browser, il rettangolino rosso scorre insieme al body, quindi ad un certo punto sparisce, mentre voglio che resti fisso nell'area sovrastante il body.
Il risultato che voglio, lo potete vedere nell'immagine allegata.
E' una cosa che riusciamo fare?
Grazie!
... ...inserito questo testo nell'area menù, scrollando deve restare li, ovvero muoversi con il menù). ... ...
il tuo box si muove, mentr voglio che resti fermo.
... ...
... ... ... ti contraddici ... ...
... ...
... comunque, ... se quello che vedo dal tuo STAMP è un menu personalizzato inserito in Intestazione, almeno sembra che sia così, ...allora non hai nessun problema, in intestazione puoi inserirci quello che vuoi, quindi aggiungi delle finestre html o altri oggetti nella posizione desiderata, ed al limite il DIV CUSTOM usalo con lo style in linea; ...se l'intestazione si muove o sta ferma, sarà così per tutto il suo contenuto...
... come detto inizialmente vale solo come idea; ...purtroppo sono senza PC e senza programmi; ...su questo portatile non mio non posso installare programmi e neanche la demo; ... ... se qualcosa posso è solo col blocco note, che ovviamente non ha limiti e limitazioni...
... fai le prove ed aggiustamenti fin quando non realizzi la struttura che preferisci...
... io sono un fedele del programma; ... rispetto (rispettavo!!) passivamente la sua filosofia, e te lo avevo già detto in passato; ...la forza del nostro programma sta nel fatto che si ottiene tutto semplicemente cliccando, basta un po' di logica, assecondandolo e senza rompersi la testa, ...evitando di incorrere in quelle personalizzazioni che si son viste spesso, che sono un obbrobrio, e che in caso di problemi diventano un pasticcio...
... ricordo che Silver come regalo di Natale aveva fornito un suo interessante esempio, adattabile per mille situazioni; ...vedi di integrarlo con quello che vuoi realizzare tu; di più non posso: http://answers.websitex5.com/post/82021
.
ciao
Autor
il menù è quello di wsx5, non è un codice personalizzato.
Non mi contraddico, magari mi sono espresso male.
Aspetta che ti pubblico il link.
Autor
ecco il link :
http://www.associatistudio.com/temp/chi-siamo.html
Se tu scrolli, il rettangolo sale, mentre vogli che resti li dove lo vedi nel precedent stamp.
Inoltre, se visualizzi il sito con un piccolo schermo, il rettangolo rosso lo vedrai da altra parte rispetto al mio stamp.
Forse ora è più chiaro e hai info in più per aiutarmi.
Grazie!
Potresti usare il metodo append di jQuery:
https://api.jquery.com/append/
Con una riga di codice e qualche CSS, potresti risolvere.
Il testo non sarà scritto "fisicamente", quindi non indicizzabile da Google e soci (che io sappia).
Buon lavoro!
_______ oltre il 5° step ________
http://www.unofficialwsx5.com
Autor
grazie, proprio perchè ho utilizzato il menù di wsx5, che sono immagini, almeno qui dove vado a metterci il titolo pagina, e percorso e tutto con i link, non è il caso di utilizzare questo metodo, che però è molto interessante è sicuramente da approfondire e da utilizzare in altre occasioni.
Ci sarebbe, un'altra via(forse).....quella di utilizzare i valori in percentuali, ma lo dovrei fare per tutto il sito, ma non vale la pena.
Sinceramente credevo che la strada del div fosse giusta e magari ho sbagliato a scrivere il codice, però vista la tua proposta......se ho capito bene, non ci sono alternative?
Grazie mille!
... credo che nell'esempio prova del DIV che hai linkato ci sia di mezzo x5engine.js e jQuery, non solo CSS...
... studia come funziona la barra del menu, ed adatta il codice al DIV che ti serve...
.
ciao
Autor
si, infatti è il menù di wsx5, quindi ci sono di mezzo altri file e non solo css.
Però.........se debbo andare a capire come è struttura il js di wsx5, faccio prima a fare un menù in html+css e ci metto dentro quello che voglio.
... è quello che avevo detto a proposito dello scroll sì/no ...
Autor
off topic, in generale, il mio problema non è fare un div, o codici personalizzati, ne ho fatto di diversi, con l'aiuto di diversi utenti tra cui lemonsong, il problema è integrare alcuni codici in wsx5.
Per questo motivo sto per abbandonarlo e fare siti solo in wp o siti statici in html+css.
Una volta Lemon fece una battuta : come complicarsi la vita in 5 passaggi, mi rendo conto che aveva ragione.
Finchè vuoi utilizzare wsx5 con i strumenti proprietari, funziona, solo che ci sono limiti, oltre al fatto che poi ogni tanto qualcosa non funziona, ad es;
http://www.associatistudio.com/temp/store-02.html se clicchi sulle immagini, si apre uno slideshow decentrato.
Mentre invece, importando strutture come gallery già pronte in jquery, o simili, è più agevole.
[OT]
Specifico meglio: credo che ci sia un limite alle personalizzazioni che puoi fare in WS; oltre questo limite devi ricorrere ad altri editor oppure (meglio ancora) scrivere tutto a manina con l'aiuto, per esempio, di Notepad++
_______ oltre il 5° step ________
http://www.unofficialwsx5.com
Provato, e a me lo slide si apre centrato nella pagina....
e poi questo a che serve scusa....?
Autor
vedi allegato per capire cosa intendo. Possibile che solo con il mio browser lo vedo decentrato?
Grazie!
e' esattamente quello che penso e che ho detto precedentemente.