[HTML] "Blocco Note"

Fuego2806

Utente Attivo
27 Lug 2016
72
2
8
Quello a destra (blocco note) non è un'immagine e non so come posso metterlo al mio.... Come?

pDUFTFH.png
 
E cos'è? Un widget? Un contenitore html?
Dalle informazioni che che fornisci non possiamo esserti molto d'aiuto.
 
È un div, stilato da una serie di regole e gestito anche con del codice javascript.

Qui il codice.
HTML:
<!DOCTYPE HTML>
<html>
    <head>
        <title></title>
        <linkrel="stylesheet"href="http://iabasic.altervista.org/modules/mod_note_its/assets/css/note_its.css"type="text/css"/>
        <scripttype="text/javascript"src="http://iabasic.altervista.org/modules/mod_note_its/assets/js/cufon-yui.js"></script>
        <scripttype="text/javascript"src="http://iabasic.altervista.org/modules/mod_note_its/assets/js/Gunny_Handwriting_400.font.js"></script>
        <scripttype="text/javascript">
            Cufon.replace('div.note-its-73',{fontFamily:'Gunny Handwriting'});
           
        </script>
    </head>
    <body>
        <divclass="moduletable"style="width:177px;">
            <divid="note_its">
                <divclass="pin-red"></div>
                <divclass="npaper-top">
                    <divclass="npaper-top2"></div>
                </div>
                <divclass="npaper-mid">
                    <divclass="npaper-mid2 nb-pin-red">
                        <divclass="note-its-73">
                            <h1class="nmessage"style="line-height:29px;color:#464646;font-size: 25px;">Nota Bene</h1>
                        </div>
                        <br/>
                        <divclass="separator"></div>
                        <divclass="note-its-73">
                            <h1class="nmessage"style="line-height:24px;color:#464646;font-size: 20px;">Inserire prima il sacramento nel registro ecumenico sul forum 2 dei Regni e dopo contattare l'archivista!!!</h1>
                        </div>
                    </div>
                </div>
                <divclass="npaper-bot">
                    <divclass="npaper-bot2">
                        <divclass="npaper-bot3"></div>
                    </div>
                </div>
            </div>
        </div>
    </body>
</html>
 
Lo devi inserire nel sorgente della pagina in cui vuoi farlo comparire. Per il come, invece, è necessario tu abbia dimestichezza almeno con HTML e CSS, oltre a una minima idea di come sia strutturato il tuo web space.

Una volta apprese queste nozioni, vedrai che tutto risulterà più semplice. ;)
 
Ciao Fuego, a me sembra più un modulo ovvero un post it che puoi scaricare direttamente qui
 
Ciao Cris,
grazie, ho appena installato, però nel Toogle Editor non riesco a formulare il codice con quello che mi ha passato AdekNite, per favore mi aiuti te....
Dovrebbe uscire uguale a quello in foto compreso con lo spillo rosso in alto....
 
Non conosco Joomla come CMS, però immagino che a questo punto il codice che ti ho passato lo puoi anche ignorare.
 
Se ha dimensioni fisse usa un'immagine che fai prima, perchè complicarsi la vita e scrivere righe e righe di codice per una cosa che si ottiene in 30 secondi...
Il font dopo lo importi da Google Font, vuoi che non ci sia uno simile?
 

Allegati

  • Like
Reactions: cris8380

Discussioni simili