Menù a tendina

Se stai imparando a costruirti il tuo template qui trovi consigli e risposte ai tuoi dubbi sull'HTML

Moderatori: Moderatori iobloggo, Moderatori HTML & Grafica

Menù a tendina

Messaggioda RiaPatty » 22 novembre 2005, 21:23

Ho un problemino con il mio template. :? Volevo renderlo di più facile lettura e volevo modificarlo un po', magari togliendo una colonna e tante altre cose. Però volevo lasciare alcune cosucce, ma vorrei che fosse visibile solo il titolo (per esempio "i miei libri"), sul quale sia possibile cliccare per poter far scorrere la colonna e aprire le parti nascoste. :? Non so se mi sono spiegata... O_o ma su questo blog c'è un esempio http://alexiel.iobloggo.com/.
Voi sapreste spiegarmi come posso fare?
Grazie già da ora...
:ciao:
RiaPatty
purosangue
purosangue
 
Messaggi: 277
Iscritto il: 19 settembre 2005, 18:08
Indirizzo blog: perledivetro.iobloggo.com

Messaggioda Lucretia » 22 novembre 2005, 21:35

Immagine. pretend to love my imperfection at least for a minute .

// . reflection .
// . readthefuckingmanual . guida . faq . search
Avatar utente
Lucretia
Admin
Admin
 
Messaggi: 5121
Iscritto il: 15 marzo 2004, 16:45
Località: home is where the heart is

Re: Menù a tendina

Messaggioda Alexiel » 4 giugno 2006, 10:17

RiaPatty ha scritto:Ho un problemino con il mio template. :? Volevo renderlo di più facile lettura e volevo modificarlo un po', magari togliendo una colonna e tante altre cose. Però volevo lasciare alcune cosucce, ma vorrei che fosse visibile solo il titolo (per esempio "i miei libri"), sul quale sia possibile cliccare per poter far scorrere la colonna e aprire le parti nascoste. :? Non so se mi sono spiegata... O_o ma su questo blog c'è un esempio http://alexiel.iobloggo.com/.
Voi sapreste spiegarmi come posso fare?
Grazie già da ora...
:ciao:

lol! quella sono io! :lol:
Cercare prima di postare
Prima di postare una richiesta d'aiuto, usate la ricerca! Qualcuno prima di voi potrebbe aver già avuto lo stesso problema!
(cit. regolamento: http://forum.iobloggo.com/viewtopic.php?f=1&t=4)

Immagine Immagine
Avatar utente
Alexiel
Moderatore
Moderatore
 
Messaggi: 1777
Iscritto il: 3 agosto 2004, 16:32
Località: Napoli
Indirizzo blog: http://alexiel.iobloggo.com/

Messaggioda alpin_wolf » 17 settembre 2006, 22:42

Ola...

siccome sono un disastro a scrivere in qualsiasi linguaggio (italiano compreso!) volevo chiedere se qualcuno aveva la pazienza di spiegarmi come devo fare per avere anch'io un giocattolino del genere.

Sono andato anche sul sito dynamic drive, ma non ho capito molto...principalmente non riesco a capire dove devo mettere il codice, perchè anche se lo metto tra gli head, mi viene un disastro... :ko:

io continuo a provare e provare, ma è più facile spiegare il sesso a una vergine....

se poi c'è una guida in italiano per sta roba anche meglio...


-----aggiornamento
messi li ho messi, ma fanno un pò pena...il mio problema adesso è metterli nella barra a sinistra...
alpin_wolf
occasionale
occasionale
 
Messaggi: 43
Iscritto il: 10 dicembre 2005, 18:07

Messaggioda EddieTF » 17 settembre 2006, 23:10

Uhm, qual è il blog dove li hai messi? Perchè in quello del profilo non li trovo :?
Immagine Immagine Immagine

morgan ha scritto:l'ignoranza è da sempre la madre delle puttane
EddieTF
senza speranza
senza speranza
 
Messaggi: 3801
Iscritto il: 17 maggio 2004, 16:57
Località: Sulla sponda (sinistra!) di un fiume sacro alla patria che nessuno s'incula
Indirizzo blog: http://fotoacaso.iobloggo.com

Messaggioda alpin_wolf » 17 settembre 2006, 23:21

adesso viene una roba così:
http://i27.photobucket.com/albums/c195/ ... magine.jpg


io vorrei mettere il menù a tendina per le categorie a destra...con quello stile..
alpin_wolf
occasionale
occasionale
 
Messaggi: 43
Iscritto il: 10 dicembre 2005, 18:07

Messaggioda alpin_wolf » 17 settembre 2006, 23:23

EddieTF ha scritto:Uhm, qual è il blog dove li hai messi? Perchè in quello del profilo non li trovo :?


per ora li ho messi in un template di prova, non pubblicato ma salvato..all'indirizzo sopra riportato.
alpin_wolf
occasionale
occasionale
 
Messaggi: 43
Iscritto il: 10 dicembre 2005, 18:07

Messaggioda EddieTF » 17 settembre 2006, 23:41

Ci sei quasi dai...
Ok, è evidente che quello è il posto del template sbagliato dove inserirli :asd:

È difficile spiegarti dove metterlo, comunque dalle parti dove trovi il tag --descrizione--, ma è meglio che posti sul forum direttamente tutto il template (usando il tasto code)
Immagine Immagine Immagine

morgan ha scritto:l'ignoranza è da sempre la madre delle puttane
EddieTF
senza speranza
senza speranza
 
Messaggi: 3801
Iscritto il: 17 maggio 2004, 16:57
Località: Sulla sponda (sinistra!) di un fiume sacro alla patria che nessuno s'incula
Indirizzo blog: http://fotoacaso.iobloggo.com

Messaggioda alpin_wolf » 17 settembre 2006, 23:45

mò ce provo...
il problema è che non riesco a capire l'istruzione per dirgli dove mettersi..
è sicuramente incasinato...ergo chi riuscisse a dargli un'occhiata e darmi consigli...lo accoglierà a braccia aperte...intanto grazie eddie!

Codice: Seleziona tutto
<html>
<head>
<title>--titolo--</title>
<meta>
<STYLE>
      BODY {BACKGROUND-POSITION: left top; BACKGROUND-IMAGE: url(http://i27.photobucket.com/albums/c195/alpin_wolf/CampoEG04NovaPonente13.jpg); MARGIN: 0px; BACKGROUND-REPEAT: no-repeat; BACKGROUND-COLOR: #000000;
}</style>
<style> 


.menutitle{
cursor:pointer;
margin-bottom: 5px;
background-color:#ECECFF;
color:#000000;
width:140px;
padding:2px;
text-align:center;
font-weight:bold;
/*/*/border:1px solid #000000;/* */
}

.submenu{
margin-bottom: 0.5em;
}
</style>

<script>

/***********************************************
* Switch Menu script- by Martial B of http://getElementById.com/
* Modified by Dynamic Drive for format & NS4/IE4 compatibility
* Visit http://www.dynamicdrive.com/ for full source code
***********************************************/

var persistmenu="yes" //"yes" or "no". Make sure each SPAN content contains an incrementing ID starting at 1 (id="sub1", id="sub2", etc)
var persisttype="sitewide" //enter "sitewide" for menu to persist across site, "local" for this page only

if (document.getElementById){ //DynamicDrive.com change
document.write('<style>\n')
document.write('.submenu{display: none;}\n')
document.write('</style>\n')
}

function SwitchMenu(obj){
   if(document.getElementById){
   var el = document.getElementById(obj);
   var ar = document.getElementById("masterdiv").getElementsByTagName("span"); //DynamicDrive.com change
      if(el.style.display != "block"){ //DynamicDrive.com change
         for (var i=0; i<ar> 0) {
offset = document.cookie.indexOf(search)
if (offset != -1) {
offset += search.length
end = document.cookie.indexOf(";", offset);
if (end == -1) end = document.cookie.length;
returnvalue=unescape(document.cookie.substring(offset, end))
}
}
return returnvalue;
}

function onloadfunction(){
if (persistmenu=="yes"){
var cookiename=(persisttype=="sitewide")? "switchmenu" : window.location.pathname
var cookievalue=get_cookie(cookiename)
if (cookievalue!="")
document.getElementById(cookievalue).style.display="block"
}
}

function savemenustate(){
var inc=1, blockid=""
while (document.getElementById("sub"+inc)){
if (document.getElementById("sub"+inc).style.display=="block"){
blockid="sub"+inc
break
}
inc++
}
var cookiename=(persisttype=="sitewide")? "switchmenu" : window.location.pathname
var cookievalue=(persisttype=="sitewide")? blockid+";path=/" : blockid
document.cookie=cookiename+"="+cookievalue
}

if (window.addEventListener)
window.addEventListener("load", onloadfunction, false)
else if (window.attachEvent)
window.attachEvent("onload", onloadfunction)
else if (document.getElementById)
window.onload=onloadfunction

if (persistmenu=="yes" && document.getElementById)
window.onunload=savemenustate

</script>


<Keep>
<div id="masterdiv">

   <div class="menutitle">about</div>
   <span>
      - <a href="new.htm">dicono di me</a><br>
      - <a href="hot.htm">i miei contatti</a><br>
      - <a href="revised.htm">questa è una prova</a><br>
      - <a href="morezone/">fottiti</a>
   </span>

   <div class="menutitle">categorie</div>
   <span>
      - <a href="notice.htm">prova 1</a><br>
      - <a href="faqs.htm">prova 2</a><br>
      - <a href="help.htm">prova 3</a>
   </span>

   <div class="menutitle">link</div>
   <span>
      - <a href="http://www.codingforums.com">to mare link1</a><br>
   </span>
   
   <div class="menutitle">to mare link2</div>
   <span>
      - <a href="http://www.javascriptkit.com">link3</a><br>
      - <a href="http://www.freewarejava.com">Flink4</a><br>
      - <a href="http://www.cooltext.com">Cool Text</a><br>
      - <a href="http://www.google.com">link5</a>
   </span>

   

</div>



<body>
</style>
</head>

<body>
<table width="700" border="0" cellspacing="0" cellpadding="5">
  <tr>
    <td height="387" valign="top">
      <p align="center"><font color="#C7EAFC" size="6" face="Georgia, Times New Roman, Times, serif"><strong><em>--titolo--</em></strong></font></p>
      <p align="center">&nbsp;</p>
      <table width="613" border="0" align="right" cellpadding="0" cellspacing="0">
        <tr>
          <td width="600" height="258" valign="top">
            --post--           
          </td>
          <td width="34">&nbsp;</td>
          <td width="200" valign="top"><table width="100%" border="0" cellspacing="0" cellpadding="0">
              <tr>
                <td height="115">&nbsp;</td>
              </tr>
              <tr>
                <td height="243" valign="top" background="http://valeweb.altervista.org/NocturnalFly/Templates/serenitylight/bg.gif">
                  <table width="100%" border="0" cellspacing="0" cellpadding="3">
                    <tr>
                      <td bgcolor="#3399CC"><div align="center"><font color="#C7EAFC" size="1" face="Verdana, Arial, Helvetica, sans-serif"><strong>ABOUT</strong></font></div></td>
                    </tr>
                    <tr>
                      <td><div align="justify"><font size="1" face="Verdana, Arial, Helvetica, sans-serif">--descrizione--</font></div></td>
                    </tr>
                  </table>                 
                  <table width="100%" border="0" cellspacing="0" cellpadding="3">
                    <tr>
                      <td bgcolor="#3399CC"><div align="center"><font color="#C7EAFC" size="1" face="Verdana, Arial, Helvetica, sans-serif"><strong>CATEGORIE</strong></font></div></td>
                    </tr>
                    <tr>
                      <td><div align="center"><font size="1" face="Verdana, Arial, Helvetica, sans-serif">--categorie+counter--</font></div></td>
                    </tr>
                  </table>
                 
                  <table width="100%" border="0" cellspacing="0" cellpadding="3">
                    <tr>
                      <td bgcolor="#3399CC"><div align="center"><font color="#C7EAFC" size="1" face="Verdana, Arial, Helvetica, sans-serif"><strong>LINKS</strong></font></div></td>
                    </tr>
                    <tr>
                      <td><div align="center"><font size="1">--link--</font></div></td>


                    </tr>
                  </table>
                  <table width="100%" border="0" cellspacing="0" cellpadding="3">
                    <tr>
<a href="http://www.di.fm" target="_blank"><img src="http://www.di.fm/partners/images/button4.gif"></a>
<a href="http://www.m2o.it/m2o/home" target="_blank"><img src="http://i27.photobucket.com/albums/c195/alpin_wolf/product.gif"></a>
<a href="http://www.last.fm/user/alpin_wolf" target="_blank"><img src="http://i27.photobucket.com/albums/c195/alpin_wolf/lastfm_anijabanner.gif"></a>
<a href="http://quattromele.splinder.com" target="_blank"><img src="http://i27.photobucket.com/albums/c195/alpin_wolf/mele.jpg"></a>

         

<br>
<table width="100%" border="0" cellspacing="0" cellpading="0">
<tr>
<td bgcolor="#3399CC"><div align="center"><font color="#C7EAFC" size="1" face="Verdana"><strong>SONDAGGIO</strong></font></div></td>
</tr>
          <tr>
           <td><div align="center"><font size="0.5" face="Verdana, Arial, Helvetica,  sans-serif">--sondaggio--</div></td>   
      </tr>
       </table>
<br> <table width="200" border="0" cellspacing="0" cellpadding="0">
         <tr>
             <td bgcolor="#3399CC"><div align="center"><font color="#C7EAFC" size="1" face="Verdana, Arial, Helvetica, sans-serif"><strong>ULTIMI
                          COMMENTI </strong></font></div></td>
                    </tr>
                    <tr>
                      <td><div align="center"><font size="1" face="Verdana, Arial, Helvetica, sans-serif">--ultimicommenti--</font></div></td>
                    </tr>
                  </table>
                  <table width="100%" border="0" cellspacing="0" cellpadding="3">
                    <tr>
                      <td bgcolor="#3399CC"><div align="center"><font color="#C7EAFC" size="1" face="Verdana, Arial, Helvetica, sans-serif"><strong>TAG
                          BOARD</strong></font></div></td>
                    </tr>
                    <tr>
                      <td><div align="center"><font size="1" face="Verdana, Arial, Helvetica, sans-serif">--tagboard--</font></div></td>
                    </tr>
                  </table>
                  <table width="100%" border="0" cellspacing="0" cellpadding="3">
                    <tr>
                      <td bgcolor="#3399CC"><div align="center"><font color="#C7EAFC" size="1" face="Verdana, Arial, Helvetica, sans-serif"><strong>CREDITS</strong></font></div></td>
                    </tr>
                    <tr>
                      <td><div align="left"><font size="1" face="Verdana, Arial, Helvetica, sans-serif">Image:
                          <a href="http://i27.photobucket.com/albums/c195/alpin_wolf/CampoEG04NovaPonente13.jpg">L'immagine è assolutamente mia, rispettate il copyright...</a><br>
                          Layout: <a href="http://lineedistorte.iobloggo.com">Nocturnal
                          Butterfly</a><br>
                          Template: <a href="http://webgrafica.iobloggo.com">WebGrafica</a></font></div></td>
                    </tr>
                  </table>
<table width="100%" border="0" cellspacing="0" cellpadding="3">
                    <tr>
                      <td bgcolor="#3399CC"><div align="center"><font color="#C7EAFC" size="1" face="Verdana, Arial, Helvetica, sans-serif"><strong>ARCHIVIO</strong></font></div></td>
                    </tr>
                    <tr>
                      <td><div align="center"><font size="1" face="Verdana, Arial, Helvetica, sans-serif">--archivio+counter--</font></div></td>
                    </tr>--adsense--
                  </table>
                 </td>
              </tr>
            </table></td>
          <td width="58">&nbsp;</td>

        </tr>
      </table>   
    </td>
  </tr>
</table>
</body>
</html>
alpin_wolf
occasionale
occasionale
 
Messaggi: 43
Iscritto il: 10 dicembre 2005, 18:07

Messaggioda EddieTF » 18 settembre 2006, 0:01

Ok, intanto hai due tag body e ciò non è buono, poi mi pare ci sia un /style che avanza... magari c'è altro, non ci ho guardato.

A parte questo, l'errore per quanto riguarda i menu a tendina sta che la parte


Codice: Seleziona tutto
<Keep>
<div id="masterdiv">

   <div class="menutitle">about</div>
       
bla bla bla

      - <a href="http://www.google.com">link5</a>
   </span>
</div>


non va messa come quella precedente tra head e /head, bensi tra body e /body.
Più precisamente dovrebbe sostituire tutta quella parte di template che sta tra ABOUT e SONDAGGIO, che è quella che vuoi "incassettare"

Magari domani qualche appassionato di template te lo sistemerà, ma non è difficilissimo
Immagine Immagine Immagine

morgan ha scritto:l'ignoranza è da sempre la madre delle puttane
EddieTF
senza speranza
senza speranza
 
Messaggi: 3801
Iscritto il: 17 maggio 2004, 16:57
Località: Sulla sponda (sinistra!) di un fiume sacro alla patria che nessuno s'incula
Indirizzo blog: http://fotoacaso.iobloggo.com

Messaggioda alpin_wolf » 18 settembre 2006, 0:05

domani con più svegliezza sistemo...intanto, grazie abuso!
alpin_wolf
occasionale
occasionale
 
Messaggi: 43
Iscritto il: 10 dicembre 2005, 18:07

Re: Menù a tendina

Messaggioda PiccolaStellina » 2 maggio 2009, 18:56

Ho inserito un menù a tendina nel mio template, con dei normalissimi link. Il problema è che la "tendina" va sotto i boxini post e menù laterale (come nell'immagine). Qualcuno potrebbe dirmi dove sta l'inghippo?
Grazie infinite!!
Stellina


http://img.photobucket.com/albums/v673/PiccolaStellina/template.jpg
"Le STELLE
sono illuminate
perchè ognuno
possa trovare
la sua.."
PiccolaStellina
abituale
abituale
 
Messaggi: 75
Iscritto il: 14 febbraio 2005, 17:30
Località: Como


Torna a HTML, CSS e Javascript

Chi c’è in linea

Visitano il forum: Nessuno e 1 ospite

cron