WebSite X5Help Center

 
SIMONE C.
SIMONE C.
User

DOVE INSERIRE I CODICI HTML  it

Autore: SIMONE C.
Visite 2313, Followers 1, Condiviso 0  

Ciao a tutti, ho trovato dei codici per un menu a tendina da inserire all'interno di una pagina per alcune esigenze del sito....di preciso mi potete dire cosa mettere prima della chiusura del tag head, o della chiusura etc etc etc 

inizio

1) la struttura ( vi scrivo solo una parte ) 

<html><head>    <title>Menu a tendina</title></head><body> etc etc.........

2) fogli di stile 

body {    background: #CCC;    font-family: Arial, Helvetica, sans-serif;}.........etc etc

ancora

#menu li a {    width: 120px;    line-height: 40px;    padding: 5px 13px;    display: block;    text-decoration: none;    text-align etc etc........

3) gli effetti    

#menu li a:hover{    text-shadow: 0px 0px 1px #FFF;    background-color: #000000;} #menu ul li:hover {    transform: translateX(2px);}

4) Ora la parte dove dobbiamo fare in modo di rendere visibile la tendina solo quando passiamo con il mouse#menu ul ul {    position: absolute;    top: 50px;    right: -1px;    visibility: hidden;} #menu ul li:hover ul{    visibility: visible;}Grazie a tutticiao

Postato il
11 RISPOSTE
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Utente del mese FRUtente del mese PL

... devi seguire le istruzioni del produttore del codice...

... in linea di massima è semplice seguendo questa struttura:

1) - tutti i codici che richiamano SCRIPT, dichiarazioni script, style CSS e richiami a fogli CSS vanno dichiarati o inseriti nel Pannello ESPERTO sezione HEAD;

2) - il codice HTML va inserito in Oggetto Codice HTML, o della Intestazione, o inserito nella pagina;

3) - tutte le cartelle e loro contenuti e files a servizio, JS, CSS, ecc., vanno inviate alla RADICE del Sito in RETE con un programma FTP alternativo, tipo Filezilla e simili...

...

... per capire e verificare,  fai le prove esportando un Progetto di prova, verificando in RETE, e magari posta qui il LINK per permettere agli esperti di controllare, e posta anche il LINK della fonte usata...

.

ciao

Leggi di più
Postato il da  ‪ KolAsim ‪ ‪
SIMONE C.
SIMONE C.
User
Autore

Grazie sei stato molto utile e gentile. Ciao

Leggi di più
Postato il da SIMONE C.
SIMONE C.
SIMONE C.
User
Autore

Sto provando ad inserire il codice...in pratica il codice html l'ho inserito nella pagina attraverso l'oggetto inserisci html e widgets poi mi sembra di aver capito che il codice css va inserito nella radice del sito ( nel mio caso register )...quindi questo codice

body {    font-family:arial;    font-size:11px;    } #nav {    margin:0;    padding:0;    list-style:none;}    #nav li {    float:left;    display:block;    width:100px;    background:#E0E0E0;    position:relative;    z-index:500;    margin:0 1px;    -webkit-transition: all 0.1s ease-in-out;        -moz-transition: all 0.1s ease-in-out;        -ms-transition: all 0.1s ease-in-out;        -o-transition: all 0.1s ease-in-out;        transition: all 0.1s ease-in-out;}#nav li.first {        -moz-border-radius:5px 0 0 5px;        -webkit-border-radius:5px 0 0 5px;    border-radius:5px 0 0 5px;    }#nav li.last {        -webkit-border-radius:0 5px 5px 0;    -moz-border-radius:0 5px 5px 0;        border-radius:0 5px 5px 0;    }#nav li li.last {        -webkit-border-radius:0 0 5px 5px;    -moz-border-radius:0 0 5px 5px;        border-radius:0 0 5px 5px;    }#nav li a {    display:block;    padding:8px 5px 0 5px;    font-weight:700;    height:23px;    text-decoration:none;    text-align:center;    color:#333;}#nav li a:hover {    color:#C00;}#nav li li:hover {    -webkit-transform: translate(+10px,0);    }#nav a.selected {    color:#C00;}#nav ul {    position:absolute;    left:0;    display:none;    margin:0 0 0 -1px;    padding:0;    list-style:none;}#nav ul li {    width:100px;    float:left;    border-top:1px solid #fff;}#nav ul a {    display:block;    height:auto;    padding: 8px 5px;    color:#666;}/* fix ie6, meglio inserirlo in un file .css separato */*html #nav ul {    margin:0 0 0 -2px;}

e questo jquery

$(document).ready(function () {      $('#nav li').hover(        function () {            //mostra sottomenu            $('ul', this).stop(true, true).delay(50).slideDown(100);         },         function () {            //nascondi sottomenu            $('ul', this).stop(true, true).slideUp(200);                }    );});

Se si...li devo prima inserire in una cartella per poi esportarla, ma basta inserirli in una cartella e poi esportare?

Se no, dove li devo inserire quei codici...Grazie ciao

Leggi di più
Postato il da SIMONE C.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Utente del mese FRUtente del mese PL

... per come ti avevo anticipato, dovresti postare i link del tuo esempio e anche il link della fonte del codice...

... di quanto hai postato, body {eccetera}{eccetera}{...} ... rientra nel precedente p.1), HEAD ...e va inserito nel TAG STYLE, così:

<style>  body {eccetera}{eccetera}{...} </style>

... il codice jQuery va nel TAG SCRIPT: <script> $_codice </script> ...e va inserito a seconda delle indicazioni della fonte, come detto al p.1), oppure come detto al p.2), cioè o in HEAD oppure in Oggetto HTML...

... eventualmente posta i due link di riferimento...

.

ciao

Leggi di più
Postato il da  ‪ KolAsim ‪ ‪
SIMONE C.
SIMONE C.
User
Autore

Grazie a tutti ma non mi funziona...dunque se al passo 1 prima della del tag body (style, onload etc )inserisco <style>  body {eccetera}{eccetera}{...} </style> il sito si incasina come nell'allegato 1...se invece non lo inserisco ma inserisco solo all'interno della pagina questo 

<ul id="nav">
<li class="first"><a href="#">Voce 01</a></li>
<ul>
<li><a href="#" class="selected">Voce 02</a>
<ul>
<li><a href="#">sandali</a></li>
<li><a href="#">decollete</a></li>
<li class="last"><a href="#">Sottovoce Menu Numero 03</a></li>
</ul>
<div class="clear"></div>
</li>
<li><a href="#">Voce 03</a>
<ul>
<li><a href="#">Sottovoce Menu Numero 04</a></li>
<li><a href="#">Sottovoce Menu Numero 05</a></li>
<li><a href="#">Sottovoce Menu Numero 06</a></li>
<li class="last"><a href="#">Sottovoce Menu Numero 07</a></li>
</ul>
<div class="clear"></div>
</li>
<li class="last"><a href="#">Voce 04</a></li>
</ul>
<script>$(document).ready(function () {
$('#nav li').hover(
function () {
//mostra sottomenu
$('ul', this).stop(true, true).delay(50).slideDown(100);

},
function () {
//nascondi sottomenu
$('ul', this).stop(true, true).slideUp(200);
}
);
})</script>

in anteprima appaiono le scritte voce 1 voce 2 e i sottomenu...senza stile....ma eventualmente i sottomenu come li collego alle pagine a cui devono accedere ( es  il sottomenu sandali come faccio a linkarlo alla pagina sandali ).

Se invece al passo 1 prima della chiusura del tag body inserisco <style>  body {eccetera}{eccetera}{...} </style> compare un bottone voce 1  ben fatto ma solo questo e senza sottomenu ( allegato 3).....

Vi allego un file alla volta perchè non mi funziona zip per comprimere e inviarli insieme

Dove sabglio?

Se potete grazie

Ciao

Leggi di più
Postato il da SIMONE C.
SIMONE C.
SIMONE C.
User
Autore

Allegato 2

Leggi di più
Postato il da SIMONE C.
SIMONE C.
SIMONE C.
User
Autore

Allegato 3

Leggi di più
Postato il da SIMONE C.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Utente del mese FRUtente del mese PL

... non hai assecondato la mia richiesta...
...gli STAMP postati in questo caso non servono a decifrare quello che hai fatto di errato...
... nessuno ha parlato di TAG BODY [prima della del tag body (style ...] ...nè di [prima della chiusura del tag body ...],...ma di HEAD/HEAD...
... adesso hai nominato i TAG UL/LI, che come ti avevo anticipato rispondono al p.2) ...per cui, la parte HTML UL/LI e SCRIPT, va tutto in oggetto codice HTML...
... del precedente codice che hai postato, essendo lo STYLE del BODY definito dal Programma, elimina la stringa che ti ha indicato Template By Silver™ , e tutto il resto che avanza lo metti in HEAD nel TAG STYLE, oppure nello stesso Oggetto Codice HTML sezione ESPERTO senza però in questo caso del TAG STYLE come fatto da lui nel suo esempio...
... quindi, se il codice è lo stesso di quello rilevato da Template By Silver™, ...anche se a questo punto non servirebbe, studia lo stesso ed approfondisci il suo esempio che chiarifica il tutto, ...trovandovi il codice in chiaro...

.

ciao

Leggi di più
Postato il da  ‪ KolAsim ‪ ‪
SIMONE C.
SIMONE C.
User
Autore

Hai ragione avevo letto male...ora riprovo e spero di riuscirci...ciao

Leggi di più
Postato il da SIMONE C.