Graphic Vision Forum

Coding => Tutorials => Topic aperto da: Calliope - Luglio 27, 2006, 07:20:48 am

Titolo: Commenti su 'HTML - Creare un calendario'
Inserito da: Calliope - Luglio 27, 2006, 07:20:48 am
Link al tutorial: HTML - Creare un calendario (http://graphic-vision.net/index.php?p=tutorial/calendario)

Per domande, dubbi e commenti postate in questo topic.
Titolo: Commenti su 'HTML - Creare un calendario'
Inserito da: *Sa*bri*na* - Luglio 27, 2006, 11:42:01 am
wowww grazie  :D
Devo subito provare...mi metto all'opera e poi ti faccio sapere...a prima vista mi sembra perfetto...
Titolo: Commenti su 'HTML - Creare un calendario'
Inserito da: Calliope - Luglio 27, 2006, 03:08:23 pm
Spero che risulti buono anche ad una lettura più approfondita  :wink:

Se mi fai sapere davvero mi fai un favore, i vostri commenti, pareri e critiche sono importanti per migliorare!
Titolo: Commenti su 'HTML - Creare un calendario'
Inserito da: *Sa*bri*na* - Luglio 27, 2006, 08:12:49 pm
certo...infatti eccomi qui che come al solito nn capisco al primo colpo ^^

Allora ti spiego il mio problema...

Ho fatto l'immagine, ho modificato i valori che hai scritto tu...poi lo apro con front page e se guardo l'anteprima senza aver inserito prima l'immagine mi viene il calendario dove deve venire...ma se metto l'immagine invece di andare sopra nello spazio apposta per i numeri mi si sposta tutto sotto...in pratica ho la mia immagine e quando finisce quella i numeri dei calendari...come faccio a far venire i numeri sopra l'immagine?
Mi sono un pò persa...
Titolo: Commenti su 'HTML - Creare un calendario'
Inserito da: Calliope - Luglio 27, 2006, 08:37:21 pm
Mmm, spero che tu stia usando front page in modalità codice, perchè se stai modificando il calendario in modalità visuale non mi sorprende che tu abbia problemi...
Front page è un po' un disastro, fossi in te lo lascerei perdere e userei piuttosto il blocco note. Anche perchè in questo caso si tratta solo di qualche modifica e il blocco note è sufficiente.
Questo naturlamente è un mio parere, liberissima di ignorarlo ;)

Veniamo al tuo problema.
La cosa mi sembra davvero molto strana, se usi il codice che ho inserito nel tutorial non dovrebbe assolutamente succedere: l'immagine è uno sfondo, per cui dovrebbe stare sotto a tutto...
La inserisci solo nel foglio di stile, vero? Te lo chiedo perchè magari facendo quache prova l'hai inserita anche da qualche altra parte e poi non l'hai tolta, può succedere.

Per caso hai la possibilità di mettere online la pagina del calendario? Sarebbe molto più facile se potessi vedere direttamente. Altrimenti mandami tutto via mail, lasciando ogni cosa come l'hai ora.
Titolo: Commenti su 'HTML - Creare un calendario'
Inserito da: *Sa*bri*na* - Luglio 27, 2006, 08:59:10 pm
Allora io ho usato il bocco note e fatto le modifiche li...solo quando l'ho portato su front page per provare a mettere online il calendario mi è successa questa cosa...ho provato anche a copiare il tuo codice senza fare modifiche e vedo solo i numeri del mese ma senza l'immagine sotto...al posto del tuo nome di sfondo paesaggio1 ho messo il nome del mio calendario ma niente da fare...l'unico modo in cui riesco a visualizzarlo come si deve è dividere il calendario in due e inserirlo come sfondo nella cella...ma nn credo che sia questo il modo migliore...anzi...adesso nn riesco a metterlo online però domani lo faccio e ti mando sia il codice che la pagina online così vedi meglio che sbaglio :)

Grazie ancora...sei disponibilissima ^^
Titolo: Commenti su 'HTML - Creare un calendario'
Inserito da: Calliope - Luglio 27, 2006, 09:08:16 pm
Per metterlo online prova ad usare altro al posto di front page, giusto per essere sicuri che non sia il programma ad introdurre modifiche strane...
Se non hai un programma ftp puoi tranquillamente usare internet explorer, nella barra degli indirizzi digita ftp://tuo_indirizzo_ftp , ti comparirà una finestra in cui inserire username e password.

Comunque allora aspetto di vedere la tua pagina prima di avanzare delle ipotesi che sarebbero totalmente campate per aria  :mrgreen:

Figurati, è un piacere  :D
Titolo: Commenti su 'HTML - Creare un calendario'
Inserito da: *Sa*bri*na* - Luglio 28, 2006, 11:50:15 am
ho installato cuteFTP ma non ci capisco niente...tu con che cosa metti online le pagine?
Titolo: Commenti su 'HTML - Creare un calendario'
Inserito da: Calliope - Luglio 28, 2006, 12:53:53 pm
Io uso Filezilla (http://filezilla.sourceforge.net/), che è molto buono. A livello di gestione comunque i programmi ftp sono simili.

Qui (http://filezilla.sourceforge.net/documentation/) c'è la guida di filezilla, se vai in Using Filezilla -> Quick Guide è spiegato velocemente l'uso di base   :wink:
Titolo: Commenti su 'HTML - Creare un calendario'
Inserito da: *Sa*bri*na* - Luglio 28, 2006, 01:02:57 pm
ok grazie vedrò un pò come fare...  :?  :wink:
Titolo: Commenti su 'HTML - Creare un calendario'
Inserito da: *Sa*bri*na* - Luglio 28, 2006, 02:27:04 pm
ho provato anche con cuteftp e nn riesco...cioè...nn capisco come faccio ad inserire la mia immagine del calendario...

sono un disastro  :?  :(
Titolo: Commenti su 'HTML - Creare un calendario'
Inserito da: Calliope - Luglio 28, 2006, 02:52:35 pm
Tranquilla, le prime volte con queste cose siamo tutti un po' impacciati :wink:

Intendi come fare a caricare l'iimagine sullo spazio web?
Non conosco cuteftp, ma sicuramente avrai due finestre, una che mostra le cartelle e i file presenti nel tuo hard disk e l'altra (una volta fatto il login) con i file presenti sul tuo spazio web. Non devi fare altro che cercare l'immagine nella finestra dell'hard disk, esattamente come faresti con una normale cartella di windows.
Allo stesso modo nella parte del tuo spazio vai nella cartella in cui vuoi caricare il calendario. Puoi anche crearne una apposta (te lo consiglio per una questione di ordine), in genere cliccando col destro in quella parte della finestra ti comparirà un menù da cui puoi selezionare 'crea cartella' (o qualcosa di analogo), dopo di che entraci.
A questo punto puoi caricare il file: non devi fare altro che selezionarlo nella finestra dell'hard disk e trascinarlo in quella dello spazio web.  
Probabilmente ti comparirà da qualche parte un messaggio che ti informa sull'avanzamento dell'upload, e ti avviserà quando il caricamento sarà completato.

Il file html poi si carica nello stesso modo, per comodità ti consiglio di metterlo nella stessa cartella dell'immagine.

Spero di essere stata chiara, in caso contrario dimmelo che faccio qualche screenshot da filezilla e te lo posto ;)
Titolo: Commenti su 'HTML - Creare un calendario'
Inserito da: Calliope - Luglio 29, 2006, 07:04:42 am
Se ti pu interessare ho scritto un tutorial (http://www.graphic-vision.net/index.php?p=tutorial/filezilla) su come caricare i file via ftp ;)
Se hai altre domande sull'argomento meglio continuare nel topic che ho aperto per il tutorial ^^
Titolo: Commenti su 'HTML - Creare un calendario'
Inserito da: *Sa*bri*na* - Luglio 29, 2006, 12:19:14 pm
Siiiiiiiiii ce l'ho fattaaaaaaaaa ^^
ci sono stata dietro sino a stanotte e finalmente ci sono riuscita...
Guarda  :D

http://sabrygrafica.altervista.org

va bene?
Titolo: Commenti su 'HTML - Creare un calendario'
Inserito da: Calliope - Agosto 04, 2006, 07:14:15 am
Scusa il ritardo, c' stato un guasto sulla mia linea e sono rimasta senza telefono e adsl fino ad oggi...

Direi che il calendario perfetto, bravissima  :D  :D
Titolo: Commenti su 'HTML - Creare un calendario'
Inserito da: *Sa*bri*na* - Agosto 09, 2006, 07:09:11 pm
assie ^^
E' tutto merito tuo :)
Titolo: Commenti su 'HTML - Creare un calendario'
Inserito da: Calliope - Agosto 12, 2006, 08:53:45 am
Beh, io ho scritto il tutorial, ma tu ci hai messo l'impegno  :wink:
Titolo: Commenti su 'HTML - Creare un calendario'
Inserito da: GlamorousMika - Agosto 29, 2006, 03:04:14 pm
mi devo cimentare anche io...bah...sarò capace??? vediamo un po'..
Titolo: Commenti su 'HTML - Creare un calendario'
Inserito da: Calliope - Agosto 29, 2006, 08:38:03 pm
Ma certo che ne sarai capace, perch no? Credimi, in realt  non nulla di complicato :D
Titolo: Commenti su 'HTML - Creare un calendario'
Inserito da: ^aLiNa^ - Settembre 14, 2006, 01:58:20 pm
ciao Calliope ho un quesito da porti in merito ai calendari. Ho fatto il primo scegliendo una immagine come la tua ovvero pi lunga che larga cos ho seguito alla lettera le tue istruzioni ed stato molto facile. se invece volessi fare un calendario e mettere un'immagine ed a lato il calendarietto, ovvero usare un'immagine pi larga che lunga mi diresti come posso fare?
Grazie in anticipo.
 :wink:
Titolo: Commenti su 'HTML - Creare un calendario'
Inserito da: Calliope - Settembre 14, 2006, 06:58:57 pm
Eccomi qui ^_^

Allora, come avevo accennato nell'altro topic si tratta di lavorare sulla tabella che racchiude il calendario.
Se ricordate per il calendario verticale all'interno della tabella c'erano due righe (<tr>), ognuna delle quali conteneva una sola colonna (o cella, cio <td>). La prima riga era quella vuota, la seconda quella con il codice javascript. In sostanza questa era la struttura (ho fatto uno schemino perch mi sembrava pi esplicativo di qualsiasi spiegazione potessi dare):

(http://img212.imageshack.us/img212/2660/calvertin9.gif)

Nel caso di un calendario orizzonale invece vogliamo avere uno spazio vuoto laterale (a destra o a sinistra, a seconda di dove si trova l'immagine) e a fianco di questo il datario. Quindi abbiamo una sola riga che dobbiamo dividere in due parti, cio in due colonne.
La struttura in questo caso perci questa:

(http://img212.imageshack.us/img212/6144/calorizgr0.gif)

La prima colonna in questo esempio quella in cui verr  inserito il codice javascript, la seconda quella vuota.

Il resto del codice non cambia, si tratta solo di aggiustare i valori delle dimensioni in table.main, table.calendar e negli stili contenuti direttamente nei tag <td>

Alla fine qualsiasi tipo di struttura vogliate dare al calendario, tutto quello che dovete fare suddividere lo spazio che avete a disposizione in celle di una tabella e individuare quella dove volete fare apparire il datario. Quella sar  la cella in cui inserire il javascript.

Spero sia chiaro. Come sempre per ogni domanda sono qui   ;)
Titolo: Commenti su 'HTML - Creare un calendario'
Inserito da: ^aLiNa^ - Settembre 14, 2006, 10:07:54 pm
Grazie mille per il nuovo tutorial, stavolta pure illustrato^^
domani proverò anche questo. ma hai presente il canedario per cui mi hai fatto i complimenti oggi? beh con firefox è bellissimo, ma prova a vederlo con IE?  :(  :cry: una cosa orrenda. Ie non mette il carattere che gli ho indicato io e la tabella con i numeri è enorme e i numeri vanno fuori...che tragedia :shock:
Titolo: Commenti su 'HTML - Creare un calendario'
Inserito da: Calliope - Settembre 15, 2006, 05:54:20 am
Nooo!!! IE malefico  :evil: Ma perch deve sempre fare quello che vuole lui? Scommetto che il calendario perfetto anche con Opera...
Comunque strano, i miei si vedono bene anche con IE e il codice lo stesso.
Guarda, appena ho un attimo vado a vedere, questa cosa bisogna risolverla dato che purtroppo IE ancora il browser pi usato (ma firefox guadagna rapidamente terreno ^_^ Firefox forever!)
Titolo: Commenti su 'HTML - Creare un calendario'
Inserito da: Calliope - Settembre 15, 2006, 06:19:45 am
Ok, ritiro tutto, è colpa mia  :oops:

Ho lasciato nel codice javascipt un tag font che imposta il font come Verdana e che non serve più, dato che le impostazioni ora sono nel css. Evidentemente IE dà la precedenza al tag font invece che al foglio di stile. Io non me ne sono mai accorta perchè uso comunque sempre il Verdana...
Quindi IE ti mette tutto in Verdana, e allora ecco spiegate anche le dimensioni errate: i 15px del Verdana sono più grandi dei 15px del font che hai impostato tu. Che peraltro non credo sia quello che vedo io, dato che non mi pare di avere installato sul pc un font che si chiama Redensek.

Per risolvere fai così: cerca questa parte

Codice: [Seleziona]
document.write("<font face='Verdana'>");<!--Font Face-->
document.write("<center>");
document.write("<table border=0 " );<!--Border size-->


e rimuovi la riga

Codice: [Seleziona]
document.write("<font face='Verdana'>");<!--Font Face-->

Poi qui

Codice: [Seleziona]
document.write("</table>");
document.write("</center>");
document.write("</font>");


rimuovi la riga

Codice: [Seleziona]
document.write("</font>");

Mi spiace molto, è la seconda svista che viene fuori in pochi giorni, mi sa che mi sto rimbambendo :oops:
Vado subito a correggere il tutorial.

Un'altra cosa. Nel foglio di stile hai scritto:

Codice: [Seleziona]
font-family:Redensek;

Questo è corretto, però nel caso il computer di chi visualizza il calendario non avesse installato il font Redensek si vedrebbe un font predefinito. Ti conviene sempre mettere altri due font nell'elenco, in modo tale che se non fosse possibile visualizzare il primo verrebbe usato il secondo, e se nemmeno quello fosse disponibile verrebbe usato il terzo. Di solito per il secondo e il terzo si usano font comuni, tipo Arial o sans-serif, che sono al 99% presenti sul pc dell'utente. In questo modo ci saranno delle visualizzazioni alternative che tu comunque puoi verificare.
Titolo: Commenti su 'HTML - Creare un calendario'
Inserito da: ^aLiNa^ - Settembre 15, 2006, 08:44:17 am
Grazie mille sei un tesoro^^
provvedo subito. :wink:
Titolo: Commenti su 'HTML - Creare un calendario'
Inserito da: ^aLiNa^ - Settembre 15, 2006, 09:35:06 am
allora intanto grazie mille per aver risolto il problema. Ho anche seguito il tuo consiglio, meglio usare Verdana, che almeno sono sicura che tutti vedano il font e il calendarietto come lo vedo io... altro piccolo dubbio, scusa ti sto tartassando in questi giorni... potresti dare un'occhiata al calnedario con IE? mi sembra che la tabella del calendario non sia perfettamente centrata ma spostata leggermente verso sinistra... mentre con FireFox si vede perfettamente... Grazie e scusa per tutto il disturbo che ti sto arrecando...
 :?
Titolo: Commenti su 'HTML - Creare un calendario'
Inserito da: Calliope - Settembre 15, 2006, 10:28:34 am
Nessun disturbo, il forum è qui proprio per questo  :wink:

Allora, in effetti è un po' spostato, e mi sembra che lo sia un pochetto anche con firefox, anche se meno.
I motivi mi pare siano due, uno di codice e uno grafico.

Per quanto riguarda il codice, alla seconda riga hai dato una larghezza di 150px invece che di 153. La cella parte dal bordo sinistro della tabella, ma non riempie tutta la larghezza e quindi a destra rimane uno spazio di 3px; la tabella col datario, essendo centrata rispetto alla cella in questione, risulta quindi anche lei spostata sulla sinistra.

Per la parte grafica, guardando bene l'immagine di sfondo si vede che il rettangolo rosa è leggermente più vicino al lato destro che a quello sinistro. Si tratta di una differenza di pochi pixel, ma contribuisce comunque all'effetto generale, facendo sembrare il datario ancora più spostato di quanto sia in realtà.

Altri motivi non ne vedo...
Titolo: Commenti su 'HTML - Creare un calendario'
Inserito da: ^aLiNa^ - Settembre 15, 2006, 06:57:30 pm
Grazie, provo a modificare... :roll:
Titolo: Commenti su 'HTML - Creare un calendario'
Inserito da: ^aLiNa^ - Settembre 15, 2006, 07:10:27 pm
Ok adesso sono perfetti^^ grazie mille per le dritte
Titolo: Commenti su 'HTML - Creare un calendario'
Inserito da: ^aLiNa^ - Settembre 15, 2006, 07:55:46 pm
Lo so che ti farò rincoglionire, in questi giorni non mi sopporto da sola... allora, nuovo problema: ho provato a fare un calendario orizzontale modificando come da tutorial le colonne messe in un'unica riga ma guarda il risultato?

http://unanimafragile.altervista.org/Calendari/provaorizz.html

beh, come capirai dall'immagine vorrei mettere la tabella del datario un pò più in giù. Ho cercato di capire da sola cosa dovessi modificare o inserire per ottenere quel risultato ma da sola non ci arrivo... Mi aiuteresti? grazie sin da ora perchè so che lo farai :wink:
Titolo: Commenti su 'HTML - Creare un calendario'
Inserito da: Calliope - Settembre 16, 2006, 09:33:58 am
Le soluzioni possibili sono due, una che usa solo l'html, l'altra che sfrutta i css.

La prima, potresti aggiungere una nuova riga all'inizio della tabella, contenente una colonna alta quanto vorresti fosse la distanza del datario dal bordo superiore. In questo caso nella colonna all'interno della riga dovresti specificare che la colonna stessa dovr  occupare il posto di due colonne (perch poi nella riga dopo le colonne sono due). In sostanza potresti aggiungere prima di <tr> queste nuove righe (la misura dell'altezza l'ho messa occhio, naturalmente da provare ;)):

Codice: [Seleziona]
<tr>
<td style="height:40px;width:250px;" colspan="2">
</td>
</tr>


Dopo aver inserito la nuova riga dovrai anche diminuire l'altezza della colonna col datario e di quella vuota, in modo da avere come somma delle due righe l'altezza totale della tabella.

Seconda soluzione (che quella che preferisco, ma questione di gusti!), potresti agire sui margini della tabella del datario. Se inserisci in table.calendar la riga margin-top:40px; la tabella del datario acquisir  un margine in alto di 40px, spostandosi quindi pi in basso.
Con gli attributi di margine (margin-top, margin-bottom, margin-left, margin-right) puoi controllare la posizione dell'elemento in maniera precisa. L'unico neo (che a volte non cosa da poco) che per le posizioni laterali potresti avere delle differenze di resa su Internet Explorer. Il simpatico browser si comporta diversamente dagli altri per quanto riguarda l'interpretazione dei valori di width e margin e bisogna quindi starci molto attenti  :wink: (se penso alle ore di lotta che questo pu provocare lavorando a un layout mi viene da piangere :roll: )
Per le altezze invece non ci sono problemi.
Titolo: Commenti su 'HTML - Creare un calendario'
Inserito da: ^aLiNa^ - Settembre 16, 2006, 04:40:40 pm
Grazie provo appena posso. gentilissima... :wink:
Titolo: Commenti su 'HTML - Creare un calendario'
Inserito da: evenstar - Novembre 11, 2006, 09:36:25 pm
Ciao, grazie mille per i tuoi tutorial, sono davvero utilissimi.
Non sono riuscita a mettere online un calendarietto che avevo creato, postandolo con Lycos, quando lo inserivo in un blog mi faceva vedere una pagina di Lycos invece di quello, sono dovuta passare ad Altervista. Solo per curiosità ti risulta che ci siano problemi con quel sito o sono io che lì ho incasinato qualcosa? (perchè avrei già tutto un sito lì e mi veniva comodo avere tutto insieme)

ciao e grazie ancora per l'aiuto!
Titolo: Commenti su 'HTML - Creare un calendario'
Inserito da: Calliope - Novembre 13, 2006, 06:03:47 am
Ciao e benvenuta!
Non ho mai sentito che ci fossero problemi con Lycos. D'alta parte se su Altervista hai seguito lo stesso procedimento e ora il calendario si vede significa che hai fatto le cose in maniera corretta, per cui a questo punto non lo escluderei.
Mi sembra davvero strano però... Se ti va puoi provare di nuovo ad inserire nell'iframe la pagina di Lycos e poi darmi il link al tuo blog, così posso passare a vedere se si riesce a capire quale possa essere il problema.
Ciao!
Titolo: Re: Commenti su 'HTML - Creare un calendario'
Inserito da: silviante90 - Febbraio 25, 2007, 09:43:31 am
Ciao a tutti.
Ho seguito le istruzioni per creare il calendario soltanto che nell'anteprima della pagina web mi appaiono solo scritte e numeri ma non la mia immagine... non so se ho dimenticato qualcosa o meno. Ho messo upload l'immagine e inserito l'URL dopo la dicitura "background-image:". Ho anche controllato e il link è funzionante e mostra l'immagine. Allora perchè nel calendario l'immagine non si vede??
(è corretto scegliere il link dell'immagine che termina con .jpg?)
Grazie
Titolo: Re: Commenti su 'HTML - Creare un calendario'
Inserito da: Calliope - Febbraio 25, 2007, 03:39:56 pm
Ciao e benvenuta!

L'anteprima della pagina web dove la visualizzi? Tramite un programma tipo frontpage o tramite web? Te lo chiedo perchè a volte le anteprime giocano strani scherzi e il codice javascript (che è quello che fa funzionare il calendario) non sempre funziona correttamente.
Il calendario poi è già online da qualche parte? Se sì, se mi dai il link in modo che possa vederlo "in azione" è più facile trovare il problema. Altrimenti potresti postare il codice completo con tutte le modifiche che hai fatto?

P.s.: sì, se hai salvato l'immagine con estensione .jpg il link è corretto
Titolo: Re: Commenti su 'HTML - Creare un calendario'
Inserito da: miyu91 - Novembre 28, 2007, 04:05:09 pm
l'ultima risposta a questo topic risale a parecchio tempo fa ma spero di essere ascoltata ugualmente!^^
ho cercato di seguire al meglio le tue istruzioni (non avevo mai fatto cose del genere) quindi:
-ho creato l'immagine (in formato gif) che voglio come sfondo del calendario
-ho modificato il codice nel blocco note e l'ho salvato in formato html
-ho creato un sito cn lycos
-ho scaricato filezilla e sono riuscita a connettermi (dopo migliaia di tentativi!)
-ho creato in filezilla una cartella con il nome ''calendario'' in cui ho messo sia il file calendario.gif sia il file calendario.html
a questo punto avrei dovuto finire ma non si vede l'immagine di sfondo nel calendario!! vedo i giorni nel colore che ho scelto io e vedo lo sfondo di tutta la pagina nel colore che tu hai scritto che non si vede ma che di solito scegli in modo che si armonizzi col calendario...ma dell'immagine creata da me non c' traccia!! cosa sbaglio?? ho fatto tutti i tentativi possibili e immaginabili!! non so pi dove mettere le mani!! ho chiesto aiuto anche nel forum in cui vado di solito ma non sono riusciti ad aiutarmi! sei la mia ultima speranza!
Titolo: Re: Commenti su 'HTML - Creare un calendario'
Inserito da: Calliope - Novembre 29, 2007, 06:48:42 pm
Prima di tutto benvenuta ^_^

Ricordo che qualcuno aveva avuto problemi nel visualizzare i calendari usando lycos, non si mai riusciti a capire perch...
Comunque ci proviamo, magari in questo caso non c'entra nulla ^^
Per senza vedere il tuo codice mi praticamente impossibile aiutarti... Mi daresti l'indirizzo della pagina col calendario?
Titolo: Re: Commenti su 'HTML - Creare un calendario'
Inserito da: miyu91 - Dicembre 09, 2007, 09:35:11 am
scusa se non ho risposto subito ma ho avuto un po' di problemi con la connessione...
sono commossa! non credev che mi avrebbe risposto qualcuno! GRAZIE!!
l'indirizzo della pagina in cui ho caricato il calendario questo http://utenti.lycos.it/miyu91/calendario2/calendarion.html
grazie ancora!!
Titolo: Re: Commenti su 'HTML - Creare un calendario'
Inserito da: miyu91 - Dicembre 09, 2007, 09:56:31 am
finalmente sono riuscita a visualizzare il calendario!!
ha modificato il codice un mio amico...ma non ho idea di cosa abbia fatto! questo il codice da lui riscritto:
Codice: [Seleziona]
<title>*ღ_Calendario_ ღ*</title>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<style type="text/css">
<!--
body{
background-color:#ff51a0;
font-family:Verdana,Arial,Sans-serif;
font-size:10px;
}

/* stili per la tabella principale */

table.main{
border-collapse: collapse;
border:0px;
width:150px;
height:250px;
background-image:http://byfiles.storage.live.com/y1pynsteouosJ5h9_LJcdEbu66iF4e5_MqePuU0UWxUtna4dyS7v7dpD8S0z0grKHQK8q9csj-7LPO_YuMZTyp45x_4QrZEFUQM(calendario.gif);
}

/* stili per la tabella delle date */

table.calendar{
width:130px;
height:80px;
font-size : 10px;
color: #ffffff;
}

/* stili per i giorni */

.days{
color:#cf0038;
font-weight:bold;
}

/* stili per la data attuale */

.today{
color:#cf0038;
font-weight:bold;
}


-->
-->
</style>
</head>
<table width="150" border="0">
  <tr>
    <td width="150" height="250" background="calendario.gif"><p>&nbsp;</p>
      <p>&nbsp;</p>
      <p>&nbsp;</p>
      <p>&nbsp;</p>
    <p><script type="text/javascript" language="JavaScript">
<!-- This script and many more are available free online at -->
<!-- The JavaScript Source!! http://javascript.internet.com -->
<!--//Begin
monthnames = new Array(
"Gennaio",
"Febbraio",
"Marzo",
"Aprile",
"Maggio",
"Giugno",
"Luglio",
"Agosto",
"Settembre",
"Ottobre",
"Novembre",
"Dicembre");
var linkcount=0;
function addlink(month, day, href) {
var entry = new Array(3);
entry[0] = month;
entry[1] = day;
entry[2] = href;
this[linkcount++] = entry;
}
Array.prototype.addlink = addlink;
linkdays = new Array();
monthdays = new Array(12);
monthdays[0]=31;
monthdays[1]=28;
monthdays[2]=31;
monthdays[3]=30;
monthdays[4]=31;
monthdays[5]=30;
monthdays[6]=31;
monthdays[7]=31;
monthdays[8]=30;
monthdays[9]=31;
monthdays[10]=30;
monthdays[11]=31;
todayDate=new Date();
thisday=todayDate.getDay();
thismonth=todayDate.getMonth();
thisdate=todayDate.getDate();
thisyear=todayDate.getYear();
thisyear = thisyear % 100;
thisyear = ((thisyear < 50) ? (2000 + thisyear) : (1900 + thisyear));
if (((thisyear % 4 == 0)
&& !(thisyear % 100 == 0))
||(thisyear % 400 == 0)) monthdays[1]++;
startspaces=thisdate;
while (startspaces > 7) startspaces-=7;
startspaces = thisday - startspaces + 1;
if (startspaces < 0) startspaces+=7;
document.write("<center>");
document.write("<table border=0 " );<!--Border size-->
document.write("class='calendar' cellpadding=0 cellspacing=1>");<!--Border color, font size, cell padding, cellspacing and font color-->

document.write("<tr> <td colspan='7' style='text-align:center;'><strong>"
+ monthnames[thismonth] + " " + thisyear
+ "</strong></td></tr>");
document.write("<tr>");
document.write("<td align=center class='days'>D</td>");
document.write("<td align=center class='days'>L</td>");
document.write("<td align=center class='days'>M</td>")
document.write("<td align=center class='days'>M</td>");
document.write("<td align=center class='days'>G</td>");
document.write("<td align=center class='days'>V</td>");
document.write("<td align=center class='days'>S</td>");
document.write("</tr>");
document.write("<tr>");
for (s=0;s<startspaces;s++) {
document.write("<td>-</td>");
}
count=1;
while (count <= monthdays[thismonth]) {
for (b = startspaces;b<7;b++) {
linktrue=false;
document.write("<td>");
for (c=0;c<linkdays.length;c++) {
if (linkdays[c] != null) {
if ((linkdays[c][0]==thismonth + 1) && (linkdays[c][1]==count)) {
document.write("<a href=\"" + linkdays[c][2] + "\">");
linktrue=true;
}
}
}
if (count==thisdate) {
document.write("<span class='today'>");<!--todays date color-->
}
if (count <= monthdays[thismonth]) {
document.write(count);
}
else {
document.write(" ");
}
if (count==thisdate) {
document.write("</span>");
}
if (linktrue)
document.write("</a>");
document.write("</td>");
count++;
}
document.write("</tr>");
document.write("<tr>");
startspaces=0;
}
document.write("</table>");
document.write("</center>");

</script>&nbsp;</p>
</td>
</tr>
</table>

sotto il calendario si vede un pezzetto dell'immagine, come se ricominciasse, non so come toglierlo ma ho pensato che sul mio blog non avrebbe dato problemi visto che avevo messo le dimensioni di una sola immagine (150*250px)
adesso per il mio problema un altro...quando inserisco il codice nella sand box nel mio windows live space mi si apre automaticamente la pagina web in cui ho caricato il calendario...si chiude il mio blog e si apre la pagina web...cosa devo cambiare?? la pagina in cui ho caricato il calendario questa http://utenti.lycos.it/miyu91/calendario2/calendarion.html e il codice che uso x mettere il calendario nella sand box quello che hai scritto tu
Codice: [Seleziona]
<iframe frameborder="0" src="file_calendario.html" scrolling="no" width="150" height="250"></iframe>
Titolo: Re: Commenti su 'HTML - Creare un calendario'
Inserito da: miyu91 - Dicembre 27, 2007, 10:54:48 pm
ma non mi risponde pi nessuno...??  :'(
Titolo: Re: Commenti su 'HTML - Creare un calendario'
Inserito da: Galy - Aprile 05, 2008, 07:49:41 pm
nooo nn ci capisco nnt!
sn una frana! sn disperata -.-
nn so neank da dv cominciare cn sta cosa ....
e poi si aggiunge il problema k nn so usare altervista.... uffi!
io in pratica copio e incollo sul blocco note il codice k hai dato ma nn me lo salva in html xk puo salvare sl in txt !!! Perche??? nn riesco ad andare avanti... se riuscissi a farlo salvare in htlm potrei modifica un po di valori k qll sn capace ma l'altro no...... nn so neank io il problema k ho... ho fatto solo la immy che poi neank riesco ad inserirci dentro il calendario.... scusa se ti faccio tutte qst domande ma sto cercando di capire cm si fa da tantissimo tempo...!
Titolo: Re: Commenti su 'HTML - Creare un calendario'
Inserito da: Calliope - Aprile 06, 2008, 06:08:42 am
Niente panico, vedrai che si risolve  :)

Prima cosa, il salvataggio del file. Quando fai 'Salva con nome' in 'Salva come' hai selezionato 'Tutti i file' come nell'immagine qua sotto?

(http://img404.imageshack.us/img404/6166/notegp2.jpg)

Per l'uso di Altervista, che problema hai esattamente?

Non scoraggiarti, piano piano arriverai a farti il tuo bel calendario, ci vuole solo un po' di pazienza all'inizio ^_^

P.s.: ti chiedo un favore, per cortesia cerca di non usare troppe abbreviazioni nei post, rendono la lettura meno immediata (almeno per me che ormai ho la mia et  ;D). Tanto spazio per scrivere ce n' in abbondanza ^^
Titolo: Re: Commenti su 'HTML - Creare un calendario'
Inserito da: Galy - Aprile 06, 2008, 12:05:09 pm
oh... xD scusa....  :-[
comunque io mi sono creata l'immagine base.... poi in altervista per vedere il calendario, sono andata in ''HTML e Wap'' li ho inserito il codice e poi ho fatto anteprima e mi venuto il calendarietto giusto... ma se faccio anteprima non c'e il link da salvare... io non ho capito come faccio a mettere il codice creato per farlo stare in una pagina di altervista cosi dopo posso inerire il link della pagina nell'iframe...o magari non ho capito bene io...
In pratica io ho il codice del calendario giusto e poi non so piu cosa devo fare.... scusa se ti disturbo hihi  :( :-[
Titolo: Re: Commenti su 'HTML - Creare un calendario'
Inserito da: Galy - Aprile 06, 2008, 12:30:21 pm
oddio ce l'ho fattaaaaa grazie a te!
oddio grazie grazie grazie!
Non sai quanti tutorial ho riguardato ma non ci capivo niente ma il tuo era chiarissimo!
Ti adoro xD  :-*
Titolo: Re: Commenti su 'HTML - Creare un calendario'
Inserito da: Calliope - Aprile 06, 2008, 04:00:37 pm
Benissimo, sono davvero contenta che il mio tutorial ti sia stato d'aiuto  :D
Per qualsiasi domanda poi io sono qui  ;)

Per cui anche con Altervista hai risolto?
Titolo: Re: Commenti su 'HTML - Creare un calendario'
Inserito da: DottrilinS - Maggio 20, 2008, 06:25:09 pm
ciao, innazitutto complimeti per il tutorial l'unico che mi ci ha fatto capire qualcosa... ;D
fino alla parte grafica e quando si tratta di costruire il codice col blocco note tutto ok...
ho installato filezilla ho letto il tuo tutorial e la gudia ma non ci ho capito un tubo... sar impedita credo ma non riesco a capire di che server si parla che indirizzo devo mettere e dove ecc HELP pliz *___* ??? ??? ??? ???
Titolo: Re: Commenti su 'HTML - Creare un calendario'
Inserito da: Calliope - Maggio 23, 2008, 03:08:24 pm
Innanzitutto grazie mille per i complimenti ^_^

No che non sei impedita, sono cose che all'inizio possono creare un po' di confusione.
L'indirizzo di cui si parla va inserito nel Site Manager, che una finestra in cui inserire e memorizzare i dati per il collegamento, e che si apre andando su File e poi Site Manager.
L'indirizzo quello del tuo spazio web, preceduto da ftp; quindi, se il tuo indirizzo normalmente www.nome_sito.it, in filezilla bisogna scrivere ftp.nome_sito.it. (Nota che se hai lo spazio web su Altervista, l'indirizzo ftp sar invece identico a quello web, quindi senza ftp )
Gli altri campi da compilare sono Nome Utente e Password, che ti sono stati dati quando hai preso lo spazio web, o che comunque hai scelto in quel momento. Dei campi rimanenti direi che non ti devi preoccupare, in genere vanno bene i valori che compaiono in automatico.

Non so se sono riuscita a darti una mano... Se no dimmi passo passo quello che fai e dove ti blocchi, magari postando sul topic apposito (questo (http://forum.graphic-vision.net/index.php?topic=116)) per il tutorial su Filezilla  ;)
Titolo: Re: Commenti su 'HTML - Creare un calendario'
Inserito da: miyu91 - Maggio 24, 2008, 08:47:21 am
ci sto riprovando xD
scusa ma non ho capito uan cosa... quando dici "infine il comando che richiama l'immagine e la imposta come sfondo" cosa dobbiamo mettere qui? dobbiamo caricare l'immagine su un sito come imageshack? ci ho provato ma non ci riesco XD
Titolo: Re: Commenti su 'HTML - Creare un calendario'
Inserito da: Calliope - Maggio 24, 2008, 09:55:02 am
Il comando che richiama l'immagine e la imposta come sfondo

Codice: [Seleziona]
background-image:url(nome_immagine.jpg);
che si trova tra le definizioni di table.main
Si tratta di un comando che dice di prendere l'immagine che si trova all'indirizzo indicato in url( ) e la imposta come immagine di sfondo (background-image) per la tabella la cui classe .main
L'immagine in questione va caricata come dicevi su un sito come imageshack o sul tuo spazio web, comunque deve trovarsi da qualche parte online.
Nel primo caso al posto di nome_immagine.jpg avrai tutto l'indirizzo web fornito da imageshack; nel secondo, se il file immagine si trova nella stessa cartella della pagina del calendario sar sufficiente il nome del file (come nel mio esempio), se si trova in un'altra cartella ci vuole tutto il percorso. Ad esempio se 'immagine si trova in una cartella chiamata Immagini, che si trova nella stessa cartella in cui contenuta la pagina del calendario, dovrai scrivere 

Codice: [Seleziona]
background-image:url(Immagini/nome_immagine.jpg);
Spero di essere stata chiara, se no dimmelo che cerco di spiegarmi meglio ^_^
Titolo: Re: Commenti su 'HTML - Creare un calendario'
Inserito da: miyu91 - Maggio 24, 2008, 12:52:50 pm
si sei stata chiarissima! grazie! adesso ho sistemato il calendario sul sito ma non riesco a inserirlo nel sandbox del blog xD scusa lo so che sono impedita ma non riesco a capire che devo inserire in questo codice
Codice: [Seleziona]
<iframe frameborder="0" src="file_calendario.html" scrolling="no" width="150" height="250"></iframe> al posto di "file_calendario.html" che devo mettere? io ho chiamato il file index.html devo scriverci questo? oppure devo metterci l'url (cio miosito.altervista.org)? perch scrivendoci index.html il calendario non si vede  :-[

scusa per la scocciatura   :(
Titolo: Re: Commenti su 'HTML - Creare un calendario'
Inserito da: Calliope - Maggio 24, 2008, 01:14:39 pm
Ehm, sai che non so cosa sia il sandbox?

Comunque, chiamare la pagina del calendario index.html non una buona idea, perch quello sempre il nome della pagina principale di un sito... Se posso darti un consiglio chiamala con un nome tipo calendario.html o qualcosa di simile.
A parte questo, al posto di "file_calendario.html" ci va in effetti tutto l'indirizzo della pagina (mi sa che dovrei specificarlo meglio nel tutorial... L partivo dall'idea di avere il calendario sullo stesso spazio web del sito/blog, il che ovviamente non detto), per cui se chiami la pagina calendario.html ci devi mettere http://miosito.altervista.org/calendario.html

Nessuna scocciatura, sono qui apposta  ;)
Titolo: Re: Commenti su 'HTML - Creare un calendario'
Inserito da: miyu91 - Maggio 24, 2008, 01:38:03 pm
non ci credo ci sono riuscita!!! grazie sei stat gentilissima!! erano mesi che ci provavo! XD
il sandbox un gadget che si pu installare nei blog di msn, simili hai custom HTML ma supporta anche i codici iframe^^
Titolo: Re: Commenti su 'HTML - Creare un calendario'
Inserito da: Calliope - Maggio 24, 2008, 01:41:11 pm
Benissimo, sono contenta!

Ah ecco, immaginavo fosse qualcosa di simile ^_^
Mi sembrava di ricordare che su quei blog non si potessero usare gli iframe, ma evidentemente mi sbagliavo. Meglio cos ^^
Titolo: Re: Commenti su 'HTML - Creare un calendario'
Inserito da: miyu91 - Maggio 24, 2008, 01:55:02 pm
mi sono dimenticata di dirti una cosa!
le altre volte che ho provato a creare un calendario con questo tutorial non ci sono riuscita...eppure credo di aver usato lo stesso procedimento di oggi...forse dipendeva dal fatto che invece che con altervista avevo creato il sito con lycos...sicuramente era un mio errore ma pu anche darsi che i problemi dipendevano da lycos xD perch linkando come ho fatto adesso il sito in cui ho caricato il calendario nel codice iframe del blog invece che vedersi il calendario si chiudeva il mio blog e si apriva lycos XD

cmq grazie ancora sei un angelo!  ;)
Titolo: Re: Commenti su 'HTML - Creare un calendario'
Inserito da: Calliope - Maggio 24, 2008, 02:44:43 pm
S, probabilmente era proprio un problema di lycos, ho sentito varie persone che usando quello spazio non sono riuscite a far funzionare gli iframe. Non so cosa abbiano su quel sito, ma ormai sono arrivata a sconsigliarlo, e la tua l'ennesima conferma  ;)

Figurati, per cos poco, un piacere dare una mano quando posso ^_^
Titolo: Re: Commenti su 'HTML - Creare un calendario'
Inserito da: DottrilinS - Maggio 24, 2008, 03:37:15 pm
 ti ringrazio infinitamente   azie azie azie http://files.splinder.com/e340ad6c9b4635fdf8bcdde836a8708c.htm (http://files.splinder.com/e340ad6c9b4635fdf8bcdde836a8708c.htm) questo il risultate azie^^ :-*
Titolo: Re: Commenti su 'HTML - Creare un calendario'
Inserito da: Calliope - Maggio 24, 2008, 04:32:13 pm
ti ringrazio infinitamente   azie azie azie http://files.splinder.com/e340ad6c9b4635fdf8bcdde836a8708c.htm (http://files.splinder.com/e340ad6c9b4635fdf8bcdde836a8708c.htm) questo il risultate azie^^ :-*

Felice di esserti stata d'aiuto ^_^

Bello il calendario, mi piace!
Titolo: Re: Commenti su 'HTML - Creare un calendario'
Inserito da: patatusa - Giugno 23, 2008, 12:43:22 pm
Ciao... grazie per il tuo tutorial.. sono riuscita anche io a fare il my calendarietto...  :D x... ho ho notato ke leggermente spostato verso sinistra... invece di essere centrale... e poi quando lo inserisco nel sandbox dello spaces si msn... si vede intorno un bordino bianko... e non riesco a toglierlo... come posso risolvere?? :-\

Questo il calendarietto....

calendario clicca qui (http://ekc5rw.blu.livefilestore.com/y1pEE4pL8ViRpMSNJJh6Bt8mo1IP8_1p_b03nb_wjQknaFxsrm8H1dFSWJCIu_QQWe23KJ45_GbXgj5zoE-XAzXZx2fzLqH15HJ/calend.html)

Mentre lo spaces questo...

Spaces clicca qui (http://patatusina.spaces.live.com/)

Grazie mille...
Titolo: Re: Commenti su 'HTML - Creare un calendario'
Inserito da: Flipper! - Giugno 24, 2008, 02:31:09 pm
mi serve una mano...nn riesco a postare il calendario - orologio sul mio blog msn...cm si fa??
Titolo: Re: Commenti su 'HTML - Creare un calendario'
Inserito da: Calliope - Luglio 09, 2008, 05:54:58 pm
@patatusa: per il bordo bianco, non vedo niente nel codice che possa generarlo,  sembra essere presente nell'immagine di sfondo... sicura di non avercelo lasciato per sbaglio?
Per quanto riguarda la centratura, con firefox la vedo bene, tu usi internet explorer? Comunque, ho visto che nel codice hai scritto: align="center" per la classe table.calendar. E' sbagliato, un comando html e non va bene per i fogli di stile. Prova a sostituirlo con text-align:center; e vedi come va.

@Flipper: ho risposto nell'altro topic.
Titolo: Re: Commenti su 'HTML - Creare un calendario'
Inserito da: Flipper! - Luglio 09, 2008, 06:18:09 pm
 :-\ :-\ :-\ scusa...quale topic??
la parte ke nn capisco del tutorial qllo ke parla dell'iframe...cm lo credo??
Titolo: Re: Commenti su 'HTML - Creare un calendario'
Inserito da: patatusa - Luglio 14, 2008, 08:35:39 pm
Scusa se t risp solo ora... ma non mi ero proprio accorta ke mi avevi risposto!! cmq si uso internet explorer... no l'imagine non ha nessun bordo bianco... ne sn sicurissima!! e solo secondo me nel sandbox ke si vede! possiile ke mettondo il calendario da un'altra parte non si veda... non so proprio cs pensare altrimenti!!!!
cmq GRAZIE MILLE!
Titolo: Re: Commenti su 'HTML - Creare un calendario'
Inserito da: MailenDj - Agosto 08, 2008, 09:12:16 am
Ciao a tutti.... ho seguito alla lettera le vostre istruzioni per creare un calendario.... per non riesco a caricarlo nel blog....
premetto che ho un blog in MSN... ho aperto una Sandbox che pare leggere i codici iframe ma nulla.... non mi si carica eppure il calendario c'.... file:///C:/Documents%20and%20Settings/Milena/Documenti/Calendario7.html (http://file:///C:/Documents%20and%20Settings/Milena/Documenti/Calendario7.html).... boh.... magari un problema di codici!!!
Come posso fare???
Milena
Titolo: Re: Commenti su 'HTML - Creare un calendario'
Inserito da: Yuffie - Agosto 10, 2008, 08:00:38 pm
Urca qui non c' risposta da un bel po', spero che qualcuno risponda ^^"""

Non riesco a creare un calendario che abbia dimensioni diverse da quelle impostate in principio, se inserisco le dimensioni dell'immagine che ho creato, l'immagine viene tagliata (se imposto dimensioni pi piccole) o ripetuta (se imposto dimensioni pi grandi).

Dov' che sbaglio? Grazie in anticipo
Titolo: Re: Commenti su 'HTML - Creare un calendario'
Inserito da: Calliope - Agosto 15, 2008, 02:50:32 pm
Chiedo immensamente scusa a tutti per l'assenza  :-[
Non so se le mie risposte possano ancora servire, in ogni caso ci provo...

@Flipper: scusa, ho fatto confusione! Il topic a cui mi riferivo lo ha aperto un'altra persona, ma la risposta vale anche per la tua domanda. il topic in questione questo (http://forum.graphic-vision.net/index.php?topic=169.0).

@patatusa: intendi in un punto che non sia la sandbox? in effetti potresti provare, perch onestamente non capisco neanch'io da dove arrivi quel bordo...

@MailenDj: ma hai caricato il calendario sul web? perch il link che hai scritto la posizione del file sul tuo pc...

@Yuffie: molto strano che l'immagine risulti tagliata o ripetuta... Posteresti il tuo codice scrivendomi le dimensioni dell'immagine? O meglio ancora, se hai gi messo il calendario online potresti darmi il link?
Titolo: Re: Commenti su 'HTML - Creare un calendario'
Inserito da: Yuffie - Settembre 06, 2008, 05:01:21 pm
Chiedo scusa io a te per averti risposto cos in ritardo! x_x credevo ci fosse una notifica automatica per le risposte, invece oggi sono entrata e ho trovato la tua risposta >_>

Questo quello che accade ogni volta:

http://lonelyff.altervista.org/lonelyff_0002.html

il codice html modificato sarebbe questo:

<html>

<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">

<style type="text/css">
<!--
body{
background-color:#000000;
font-family:Verdana,Arial,Sans-serif;
font-size:11px;
}

/* stili per la tabella principale */

table.main{
border-collapse: collapse;
border:0px;
width:130px;
height:200px;
background-image:url(http://img144.imageshack.us/img144/5450/calendarprovahe8.jpg);
}

/* stili per la tabella delle date */

table.calendar{
width:109px;
height:83px;
font-size : 8px;
color: #FF0000;
}

/* stili per i giorni */

.days{
color:#FF0000;
font-weight:bold;
}

/* stili per la data attuale */

.today{
color:#FF0000;
font-weight:bold;
}


-->
-->
</style>
</head>

<body topmargin="0" leftmargin="0">

<div align="left" style="width: 910px; height: 130px;">
<table cellpadding="0" cellspacing="0" class="main">
<tr>
<td width="83" height="109" > </td>

</tr>
<tr>

<td style="width:150px; height:140px; text-align:center;vertical-align:top;">
<script type="text/javascript" language=JavaScript>
<!-- This script and many more are available free online at -->
<!-- The JavaScript Source!! http://javascript.internet.com -->
<!--//Begin
monthnames = new Array(
"Gennaio",
"Febbraio",
"Marzo",
"Aprile",
"Maggio",
"Giugno",
"Luglio",
"Agosto",
"Settembre",
"Ottobre",
"Novembre",
"Dicembre");
var linkcount=0;
function addlink(month, day, href) {
var entry = new Array(3);
entry[0] = month;
entry[1] = day;
entry[2] = href;
this[linkcount++] = entry;
}
Array.prototype.addlink = addlink;
linkdays = new Array();
monthdays = new Array(12);
monthdays[0]=31;
monthdays[1]=28;
monthdays[2]=31;
monthdays[3]=30;
monthdays[4]=31;
monthdays[5]=30;
monthdays[6]=31;
monthdays[7]=31;
monthdays[8]=30;
monthdays[9]=31;
monthdays[10]=30;
monthdays[11]=31;
todayDate=new Date();
thisday=todayDate.getDay();
thismonth=todayDate.getMonth();
thisdate=todayDate.getDate();
thisyear=todayDate.getYear();
thisyear = thisyear % 100;
thisyear = ((thisyear < 50) ? (2000 + thisyear) : (1900 + thisyear));
if (((thisyear % 4 == 0)
&& !(thisyear % 100 == 0))
||(thisyear % 400 == 0)) monthdays[1]++;
startspaces=thisdate;
while (startspaces > 7) startspaces-=7;
startspaces = thisday - startspaces + 1;
if (startspaces < 0) startspaces+=7;
document.write("<center>");
document.write("<table border=0 " );<!--Border size-->
document.write("class='calendar' cellpadding=0 cellspacing=1>");<!--Border color, font size, cell padding, cellspacing and font color-->

document.write("<tr> <td colspan='7' style='text-align:center;'><strong>"
+ monthnames[thismonth] + " " + thisyear
+ "</strong></td></tr>");
document.write("<tr>");
document.write("<td align=center class='days'>D</td>");
document.write("<td align=center class='days'>L</td>");
document.write("<td align=center class='days'>M</td>")
document.write("<td align=center class='days'>M</td>");
document.write("<td align=center class='days'>G</td>");
document.write("<td align=center class='days'>V</td>");
document.write("<td align=center class='days'>S</td>");
document.write("</tr>");
document.write("<tr>");
for (s=0;s<startspaces;s++) {
document.write("<td>-</td>");
}
count=1;
while (count <= monthdays[thismonth]) {
for (b = startspaces;b<7;b++) {
linktrue=false;
document.write("<td>");
for (c=0;c<linkdays.length;c++) {
if (linkdays[c] != null) {
if ((linkdays[c][0]==thismonth + 1) && (linkdays[c][1]==count)) {
document.write("<a href=\"" + linkdays[c][2] + "\">");
linktrue=true;
}
}
}
if (count==thisdate) {
document.write("<span class='today'>");<!--todays date color-->
}
if (count <= monthdays[thismonth]) {
document.write(count);
}
else {
document.write(" ");
}
if (count==thisdate) {
document.write("</span>");
}
if (linktrue)
document.write("</a>");
document.write("</td>");
count++;
}
document.write("</tr>");
document.write("<tr>");
startspaces=0;
}
document.write("</table>");
document.write("</center>");

</script>



</td>

</tr>
</table>

</div>

</body>

</html>




Sicuramente sbaglio nel toccare qualcosa >_>
Titolo: Re: Commenti su 'HTML - Creare un calendario'
Inserito da: yama - Settembre 25, 2008, 04:14:41 pm
Ciao Calliope, sono finalmente riuscita a realizzare un calendario grazie al tuo fantastico tutorial e spero presto di provare anche con gli orologi. Se ti va di darci un occhio, il mio sito http://yamanihal.spaces.live.com

Ora volevo provare a fare un calendario orizzontale, ho dato un'occhiata al tutorial, ma non riesco a saltarci fuori, nel senso che non riesco a portare pi su il calendario, sempre troppo in basso...Non so proprio come fare. Nel tentativo ho anche forse un po' pasticciato col codice, anche se non mi sembra che ci siano grosse variazioni.
Non ho ancora messo su internet il calendario. Posto qui il codice che ho usato, non che potresti dirmi dove sto sbagliando? Grazie mille.


 

<html>

<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">

<style type="text/css">
<!--
body{
background-color:#2c2935;
font-family:Verdana,Arial,Sans-serif;
font-size:11px;
}

/* stili per la tabella principale */

table.main{
border-collapse: collapse;
border:0px;
width:400px;
height:300px;
background-image:url(http://byfiles.storage.live.com/y1pJJosCZ-XoQult05ECKnRFHJvhd2jDXG5Qcbng-7mZfZC7MyqAtPSauSC6D-7UUSxNiD94owNFQI);
}

/* stili per la tabella delle date */

table.calendar{
width:200px;
height:180px;
font-size : 14px;
color: #00008B;
}

/* stili per i giorni */

.days{
color:#483D8B;
font-weight:bold;
}

/* stili per la data attuale */

.today{
color:#1E90FF;
font-weight:bold;
}


-->
-->
</style>
</head>

<body topmargin="0" leftmargin="0">

<div align="left" style="width: 910px; height: 250px;">
<table "0" cellspacing="0" class="main">
<tr  >
<td> </td>

</tr>
<tr>

<td style="width:150px; height:200px; text-align:left;vertical-align:top;">
<script type="text/javascript" language=JavaScript>
<!-- This script and many more are available free online at -->
<!-- The JavaScript Source!! http://javascript.internet.com -->
<!--//Begin
monthnames = new Array(
"Gennaio",
"Febbraio",
"Marzo",
"Aprile",
"Maggio",
"Giugno",
"Luglio",
"Agosto",
"Settembre",
"Ottobre",
"Novembre",
"Dicembre");
var linkcount=0;
function addlink(month, day, href) {
var entry = new Array(3);
entry[0] = month;
entry[1] = day;
entry[2] = href;
this[linkcount++] = entry;
}
Array.prototype.addlink = addlink;
linkdays = new Array();
monthdays = new Array(12);
monthdays[0]=31;
monthdays[1]=28;
monthdays[2]=31;
monthdays[3]=30;
monthdays[4]=31;
monthdays[5]=30;
monthdays[6]=31;
monthdays[7]=31;
monthdays[8]=30;
monthdays[9]=31;
monthdays[10]=30;
monthdays[11]=31;
todayDate=new Date();
thisday=todayDate.getDay();
thismonth=todayDate.getMonth();
thisdate=todayDate.getDate();
thisyear=todayDate.getYear();
thisyear = thisyear % 100;
thisyear = ((thisyear < 50) ? (2000 + thisyear) : (1900 + thisyear));
if (((thisyear % 4 == 0)
&& !(thisyear % 100 == 0))
||(thisyear % 400 == 0)) monthdays[1]++;
startspaces=thisdate;
while (startspaces > 7) startspaces-=7;
startspaces = thisday - startspaces + 1;
if (startspaces < 0) startspaces+=7;
document.write("<center>");
document.write("<table border=0 " );<!--Border size-->
document.write("class='calendar' cellpadding=0 cellspacing=1>");<!--Border color, font size, cell padding, cellspacing and font color-->

document.write("<tr> <td colspan='7' style='text-align:center;'><strong>"
+ monthnames[thismonth] + " " + thisyear
+ "</strong></td></tr>");
document.write("<tr>");
document.write("<td align=center class='days'>D</td>");
document.write("<td align=center class='days'>L</td>");
document.write("<td align=center class='days'>M</td>")
document.write("<td align=center class='days'>M</td>");
document.write("<td align=center class='days'>G</td>");
document.write("<td align=center class='days'>V</td>");
document.write("<td align=center class='days'>S</td>");
document.write("</tr>");
document.write("<tr>");
for (s=0;s<startspaces;s++) {
document.write("<td>-</td>");
}
count=1;
while (count <= monthdays[thismonth]) {
for (b = startspaces;b<7;b++) {
linktrue=false;
document.write("<td>");
for (c=0;c<linkdays.length;c++) {
if (linkdays[c] != null) {
if ((linkdays[c][0]==thismonth + 1) && (linkdays[c][1]==count)) {
document.write("<a href=\"" + linkdays[c][2] + "\">");
linktrue=true;
}
}
}
if (count==thisdate) {
document.write("<span class='today'>");<!--todays date color-->
}
if (count <= monthdays[thismonth]) {
document.write(count);
}
else {
document.write(" ");
}
if (count==thisdate) {
document.write("</span>");
}
if (linktrue)
document.write("</a>");
document.write("</td>");
count++;
}
document.write("</tr>");
document.write("<tr>");
startspaces=0;
}
document.write("</table>");
document.write("</center>");

</script>



</td>

</tr>
</table>

</div>

</body>

</html>


 

Titolo: Re: Commenti su 'HTML - Creare un calendario'
Inserito da: briciola02 - Maggio 14, 2011, 06:53:55 am
Spero che il forum sia ancora attivo   ???

Prima di tutto garzie del tutorial che sto studiando  ;)

Due domande:

1. in table.main quando scrivi: "infine il comando che richiama l'immagine e la imposta cpme sfondo". Cosa ci devo metter esattamente?

background-image:url(paesaggio1.jpg);

dopo background-image: devo inserire l'indirizzo del web dove ho caricato l'immagine? Cio il link diretto?

2. Alla fine del tutorial scrivi: "Dopo aver salvato il codice del nostro calendario (ricordo che necessario salvare con estensione .htm o .html) e averlo caricato su uno spazio web"
Quali sono gli spazi web che posso utilizzare? Io ho solo uno spazio web per le immagini (picasaweb).

Spero proprio in una tua risposta/aiuto.
Grazie
 :)
Titolo: Re: Commenti su 'HTML - Creare un calendario'
Inserito da: Calliope - Maggio 14, 2011, 07:17:44 am
Spero che il forum sia ancora attivo   ???

Prima di tutto garzie del tutorial che sto studiando  ;)

Due domande:

1. in table.main quando scrivi: "infine il comando che richiama l'immagine e la imposta cpme sfondo". Cosa ci devo metter esattamente?

background-image:url(paesaggio1.jpg);

dopo background-image: devo inserire l'indirizzo del web dove ho caricato l'immagine? Cio il link diretto?

2. Alla fine del tutorial scrivi: "Dopo aver salvato il codice del nostro calendario (ricordo che necessario salvare con estensione .htm o .html) e averlo caricato su uno spazio web"
Quali sono gli spazi web che posso utilizzare? Io ho solo uno spazio web per le immagini (picasaweb).

Spero proprio in una tua risposta/aiuto.
Grazie
 :)

Ciao,
per quanto purtroppo non abbia tempo di aggiornare il sito, passo ancora a vedere se qualcuno chiede una mano  ;)

Per rispondere alle tue domande:

1. Esatto, al posto di "paesaggio1.jpg" devi inserire il link diretto all'immagine. Ricordati di inserirlo tra parentesi nel comando url( );, altrimenti l'immagine non verr richiamata.

2. Purtroppo gli spazi web per le immagini non vanno bene perch, appunto, permettono di caricare solo immagini, e non file html. Spazi che permettono di farlo sono quelli come ad esempio altervista (http://it.altervista.org/ (http://it.altervista.org/)); in teoria in questi spazi dovresti crearti un sito, pena la sospensione dell'account nel caso si rendano conto che viene utilizzato solo come spazio "deposito". Basta per una semplice paginetta, e sei a posto  :)
Titolo: Re: Commenti su 'HTML - Creare un calendario'
Inserito da: briciola02 - Maggio 14, 2011, 08:34:27 am
Grazie mille!!!!

Mi sei stata di grande aiuto. Quando ho finito il calendario ti informo.
Se ogni tanto vuoi passare dal mio blog, sei la benvenuta!!!
Ti ho aggiunto tra i siti che visito.  ;)
Titolo: Re: Commenti su 'HTML - Creare un calendario'
Inserito da: briciola02 - Maggio 14, 2011, 09:47:32 am

Ciao,
per quanto purtroppo non abbia tempo di aggiornare il sito, passo ancora a vedere se qualcuno chiede una mano  ;)

Per rispondere alle tue domande:

1. Esatto, al posto di "paesaggio1.jpg" devi inserire il link diretto all'immagine. Ricordati di inserirlo tra parentesi nel comando url( );, altrimenti l'immagine non verr richiamata.

2. Purtroppo gli spazi web per le immagini non vanno bene perch, appunto, permettono di caricare solo immagini, e non file html. Spazi che permettono di farlo sono quelli come ad esempio altervista (http://it.altervista.org/ (http://it.altervista.org/)); in teoria in questi spazi dovresti crearti un sito, pena la sospensione dell'account nel caso si rendano conto che viene utilizzato solo come spazio "deposito". Basta per una semplice paginetta, e sei a posto  :)

Va bene sia un sito che un blog vero?
Titolo: Re: Commenti su 'HTML - Creare un calendario'
Inserito da: Calliope - Maggio 14, 2011, 09:56:31 am

Va bene sia un sito che un blog vero?

Assolutamente s, basta che lo spazio sia utilizzato :)