Visualizzazione dei risultati da 1 a 9 su 9
  1. #1
    Utente di HTML.it
    Registrato dal
    Jun 2010
    Messaggi
    4

    Differenza tra Dreamweaver e Internet

    Salve a tutti!E' la prima volta che posto in questo forum..e spero di non sbagliare sezione o altro ''n_n
    Io non me intendo molto di html...anzi moolto poco.Ma ho deciso di cimentarmi lo stesso nella creazione di un template per il mio blog! Su dreamweaver tutto bene, anche nelle anteprime su firefox, ma una volta copia&incollato il codice nella sezione "template" di splinder (ho provato anche su iobloggo...) il box del menù spray si sposta in basso..coprendo la colonna blog...
    Vi incollo qui il codice...e spero in un vostro aiutino é__é

    Grazie in anticipo!


    codice:
    <html>
     <head>
     <title> Prot Prot Prot || Kya's Blog. </title>
    
     <style type="text/css">
    
     body {background-image:url(http://img139.imageshack.us/img139/2...aabd8970a5.png); background-attachment:fixed; background-position:bottom right; background-repeat:repeat;}
     body {font: normal 7pt arial; line-height: 10pt; color: #666; text-align:justify; background-color: #f7f7f7; cursor: crosshair; scrollbar-face-color: #F3F3F3; scrollbar-highlight-color: #F3F3F3; scrollbar-3dlight-color: #F3F3F3; scrollbar-darkshadow-color:  #F3F3F3; scrollbar-shadow-color: #F3F3F3; scrollbar-arrow-color: #000; scrollbar-track-color: #F3F3F3;}
               
     .head {font: italic 18px georgia; color: #e8285a; text-align: left; background-color:; line-height: 12px; text-transform:lowercase; letter-spacing: -1pt;}
     .date {font: normal 7pt tahoma; text-transform:; background-color:; color: #333; line-height: 10pt; letter-spacing: 2px; text-transform: lowercase; text-align: left;}
     .comments {font: normal 8pt tahoma; text-transform:; text-transform: lowercase; text-align: right; padding-right: 8px;}
    
     .text {font-family: arial; background: #fff; padding: 12px; text-align: justify;}
     .content {font-size: 7pt; background: #fff; text-align: justify; line-height: 9.5pt; padding: 12px; padding-top: 12px; height: 190px;}
     .contentext {padding-top: 5px;}
               
     A:link, A:visited, A:active {font: normal 7pt arial; color: #555; text-decoration: none;}
     A:hover {font: italic 7pt georgia; color: #e6324b; letter-spacing:0px; }
           
     #link a{font: normal 7pt arial; color: #000; letter-spacing: 0px; text-transform: lowercase;}
     #link a:hover, #link a:hover {font: normal 7pt arial; color: #888;}
        
     u{ color: #555; text decoration: underline; border-bottom:; }
     b{ text-weight:bold; color:#888; border-left: 0px solid white; border-right:0px solid white;}
     i{ color: #777777; text decoration:italic; }
    
     blockquote {background-color: #efefef; border: 1px solid #d7d7d7; font-family: tahoma; padding: 4px; color: #666;}
    
     ::-moz-selection{color: #000; background:#;}
    
     .navi {font-family: Trebuchet MS; font-size: 7pt; letter-spacing: px; color: #444; background-color: #fff; position: absolute; border: 0px #efefef solid; top: 47px; left: 220px; padding: 10px; text-align: center; width: 75px}
     .navi1{font-family: Trebuchet MS; font-size: 7pt; letter-spacing: px; color: #444; background-color: #fff; position: absolute; border: 0px #efefef solid; top: 47px; left: 301px; padding: 10px; text-align: center; width: 75px}
     .navi2{font-family: Trebuchet MS; font-size: 7pt; letter-spacing: px; color: #444; background-color: #fff; position: absolute; border: 0px #efefef solid; top: 47px; left: 382px; padding: 10px; text-align: center; width: 75px}
     .navi3{font-family: Trebuchet MS; font-size: 7pt; letter-spacing: px; color: #444; background-color: #fff; position: absolute; border: 0px #efefef solid; top: 47px; left: 464px; padding: 10px; text-align: center; width: 75px}
     .navi4{font-family: Trebuchet MS; font-size: 7pt; letter-spacing: px; color: #444; background-color: #fff; position: absolute; border: 0px #efefef solid; top: 47px; left: 546px; padding: 10px; text-align: center; width: 75px}
             
     <style type="text/css">
     #b-navbar {height:0px; visibility:hidden; display:none}
     </style>
    
     <noembed><body></noembed>
    
     <div class="navi"><span style="text-decoration: blur" onClick="document.getElementById('box').innerHTML=document.getElementById('&hearts;').innerHTML" onMouseOut="this.style.textDecoration='none'; this.style.color='#444'"onMouseOver="this.style.textDecoration='none';this.style.color='#000'">
     &hearts; </span></div>
     <div class="navi1"><span style="text-decoration: blur" onClick="document.getElementById('box').innerHTML=document.getElementById('Mee').innerHTML" onMouseOut="this.style.textDecoration='none'; this.style.color='#444'"onMouseOver="this.style.textDecoration='none';this.style.color='#000'">
    Mee </span></div>
     <div class="navi2"><span style="text-decoration: blur" onClick="document.getElementById('box').innerHTML=document.getElementById('Archivio').innerHTML" onMouseOut="this.style.textDecoration='none'; this.style.color='#444'"onMouseOver="this.style.textDecoration='none';this.style.color='#000'">
     Archivio </span></div>
     <div class="navi3"><span style="text-decoration: blur" onClick="document.getElementById('box').innerHTML=document.getElementById('Wishlist').innerHTML" onMouseOut="this.style.textDecoration='none'; this.style.color='#444'"onMouseOver="this.style.textDecoration='none';this.style.color='#000'">
     Wishlist </span></div>
     <div class="navi4"><span style="text-decoration: blur" onClick="document.getElementById('box').innerHTML=document.getElementById('Links').innerHTML" onMouseOut="this.style.textDecoration='none'; this.style.color='#444'"onMouseOver="this.style.textDecoration='none';this.style.color='#000'">
     Links </span></div>
    
    
     <td valign="top" style="padding: 5px; font-size: 8pt; background-color: #;">
     <DIV style="left: 209px; POSITION: absolute; filter:alpha(opacity=100); top: 391px; width: 700px";>
    
    <Blogger><div class="text">
    <div class="date"><BlogDateHeader><$BlogDateHeaderDate$></BlogDateHeader></div>
    
    <div class="head"><BlogItemTitle><$BlogItemTitle$></BlogItemTitle></div> 
    
    
    
    <$BlogItemBody$>
    
    <div id="link"><div class="comments">
    
    [b]
    <$BlogItemComments$>"<$BlogItemCommentFormOnClick$><img src=http://img267.imageshack.us/img267/7897/ballooon.png></BlogItemCommentsEnabled>
    
    
    
    <center><p class="p"><$BlogPager$></p></center></div></div></div>
    
    
    <center><font style="color: #efefef;">back to top</font></center>
    
    <div class="ac"></div>
    
     
    <div>
    
    
    </Blogger>
    </div></div>
     
     
     <div style="position: absolute; left: 208px; top: 86px; width:700px; height: 400px;">
     <div class="content">
       <div id="box">
     <center><span style="position: absolute; left: 0px; top: 0px; width: 445px; height: 168px;">
    
    </span></center></div></div>
     
     
     <div id="&hearts;" style="display:none"><center><span style="position: absolute; left: 0px; top: 0px; width: 700px; height: 168px;">
    
    </span></center></div></div>
    
     <div id="Mee" style="display:none">   
     
    
    Gneegnosità varie...
    
    
    
    
     </div></div>
     <div id="Archivio" style="display:none">   
    
    
     
    
    Archivio:
    <$BlogArchive$>
    
    
     
    
    Categorie:
    <$BlogCategories$>
    
    
    
     </div>
     <div id="Wishlist" style="display:none">   
    
    -Guido i vorrei, che tu e Lapo ed io...
    
    <s>- Paraponzipoò</s>
    
    
    
    
    
     </div>
     <div id="Links" style="display:none">   
     friend 
     friend 
    
    
    
    
     </div></div>
     </body>
     </html>

  2. #2
    Tiro a indovinare... vedi se è così: splinder in alto fa comparire la "barra di splinder", e il menu scala in basso di un'altezza relativa alla barra di splinder.
    La soluzione è spostare verso l'alto il menu per un'altezza pari a questa barra.
    EDIT: o in basso il contenuto del blog, ovviamente.

    beh, io ci ho provato
    sopra la panca la capra campa, sotto la panca la suddetta decede (soffrendo).
    (il mio vero nome è davidino ^_^)

  3. #3
    Un attimo, cos'è sta cosa? :master:

    <div id="♥" ... >
    E' fantastico Ma il nome dell'id è parte del codice html, non è testo che compare nella pagina, e dovrebbe essere testuale (per esempio id="cuoricino", o quel che ti pare).
    sopra la panca la capra campa, sotto la panca la suddetta decede (soffrendo).
    (il mio vero nome è davidino ^_^)

  4. #4
    Utente di HTML.it
    Registrato dal
    Jun 2010
    Messaggi
    4
    Pff corretto il div id A__A

    Cmq ho cercato di fare quello che mi hai consigliato, ma non si sposta quel benedetto box! Si sposta solo se nella voce "position" metto fixed, che ovviamente non voglio.
    Non capisco ç_ç

  5. #5
    .. il cuoricino mi ha commosso

    Vediamo se riusciamo a cavare qualcosa da quel codice:

    codice:
    per alzare/abbassare il menu:
    .navi {font-family: Trebuchet MS; font-size: 7pt; letter-spacing: px; color: #444; background-color: #fff; position: absolute; border: 0px #efefef solid; top: 47px; left: 220px; padding: 10px; text-align: center; width: 75px}
    .navi1{font-family: Trebuchet MS; font-size: 7pt; letter-spacing: px; color: #444; background-color: #fff; position: absolute; border: 0px #efefef solid; top: 47px; left: 301px; padding: 10px; text-align: center; width: 75px}
    .navi2{font-family: Trebuchet MS; font-size: 7pt; letter-spacing: px; color: #444; background-color: #fff; position: absolute; border: 0px #efefef solid; top: 47px; left: 382px; padding: 10px; text-align: center; width: 75px}
    .navi3{font-family: Trebuchet MS; font-size: 7pt; letter-spacing: px; color: #444; background-color: #fff; position: absolute; border: 0px #efefef solid; top: 47px; left: 464px; padding: 10px; text-align: center; width: 75px}
    .navi4{font-family: Trebuchet MS; font-size: 7pt; letter-spacing: px; color: #444; background-color: #fff; position: absolute; border: 0px #efefef solid; top: 47px; left: 546px; padding: 10px; text-align: center; width: 75px}
    
    per spostare il blocco con l'immagine della frangetta alla moda:
    <div style="position: absolute; left: 208px; top: 86px; width:700px; height: 400px;">
    <div class="content">
    
    per spostare il blocco del contenuto del blog:
    <td valign="top" style="padding: 5px; font-size: 8pt; background-color: #;">
    <DIV style="left: 209px; POSITION: absolute; filter:alpha(opacity=100); top: 391px; width: 700px">

    Riesci?
    sopra la panca la capra campa, sotto la panca la suddetta decede (soffrendo).
    (il mio vero nome è davidino ^_^)

  6. #6
    Utente di HTML.it
    Registrato dal
    Jun 2010
    Messaggi
    4
    Originariamente inviato da Pino SIlvestre


    codice:
    per alzare/abbassare il menu:
    .navi {font-family: Trebuchet MS; font-size: 7pt; letter-spacing: px; color: #444; background-color: #fff; position: absolute; border: 0px #efefef solid; top: 47px; left: 220px; padding: 10px; text-align: center; width: 75px}
    .navi1{font-family: Trebuchet MS; font-size: 7pt; letter-spacing: px; color: #444; background-color: #fff; position: absolute; border: 0px #efefef solid; top: 47px; left: 301px; padding: 10px; text-align: center; width: 75px}
    .navi2{font-family: Trebuchet MS; font-size: 7pt; letter-spacing: px; color: #444; background-color: #fff; position: absolute; border: 0px #efefef solid; top: 47px; left: 382px; padding: 10px; text-align: center; width: 75px}
    .navi3{font-family: Trebuchet MS; font-size: 7pt; letter-spacing: px; color: #444; background-color: #fff; position: absolute; border: 0px #efefef solid; top: 47px; left: 464px; padding: 10px; text-align: center; width: 75px}
    .navi4{font-family: Trebuchet MS; font-size: 7pt; letter-spacing: px; color: #444; background-color: #fff; position: absolute; border: 0px #efefef solid; top: 47px; left: 546px; padding: 10px; text-align: center; width: 75px}
    
    per spostare il blocco con l'immagine della frangetta alla moda:
    <div style="position: absolute; left: 208px; top: 86px; width:700px; height: 400px;">
    <div class="content">
    
    per spostare il blocco del contenuto del blog:
    <td valign="top" style="padding: 5px; font-size: 8pt; background-color: #;">
    <DIV style="left: 209px; POSITION: absolute; filter:alpha(opacity=100); top: 391px; width: 700px">

    Riesci?
    Purtroppo avevo tentato anche così e (addiruttura) azzerando il valore di top che mi hai evidenziato per spostare il blocco, quest'ultimo arriva al limite del blocco blog...
    é_______é

  7. #7
    Sei fortunata, perché ho un blog su Splinder in disuso... anzi, mai usato, così ho potuto testare il tuo codice.

    Non ho osato correggere tutte le imperfezioni del codice ( ), c'erano parecchi errori, io ho rimosso solo quelli che ti impedivano di spostare i tre elementi "principali" (menu, blocco dell'immagine e blocco dei contenuti). Credo che funzioni... in qualche maniera... o almeno sul mio funzionava, vediamo se riesci a farlo andare anche sul tuo.

    Per favore, considerala un'eccezione, non potrò sistemarti il template ogni volta che ti passa per la mente

    trovi il tuo codice rielaborato qua: http://paste.ideaslabs.com/show/q1hS0zWZJw
    sopra la panca la capra campa, sotto la panca la suddetta decede (soffrendo).
    (il mio vero nome è davidino ^_^)

  8. #8
    Utente di HTML.it
    Registrato dal
    Jun 2010
    Messaggi
    4
    Grazie mille!
    Ora va! Mi hai fatto un grande favore c:
    Grazie ancor ;_;

  9. #9
    Mi fa piacere, ciao
    sopra la panca la capra campa, sotto la panca la suddetta decede (soffrendo).
    (il mio vero nome è davidino ^_^)

Permessi di invio

  • Non puoi inserire discussioni
  • Non puoi inserire repliche
  • Non puoi inserire allegati
  • Non puoi modificare i tuoi messaggi
  •  
Powered by vBulletin® Version 4.2.1
Copyright © 2025 vBulletin Solutions, Inc. All rights reserved.