Keskustelu: Yleinen keskustelu: Kuinka tehdä oma joulukalenteri?

Terse.

Juuh, kun joululähestyy niin pitäis saada joulukalenteri tehtyä. Mites tämä käytännössä onnistuu? TOki olen huomannut ohjelmointiputkan ohjeen, mutten ymmärrä siitä ollenkaan.
Siis kuinka saan kuvaan tehtyä luukut? Jos sattuu löytymään semmoinen koodi, että siihen vaan johonkin liitetään kuva niin voisi liittää sen tähän.
Toki saa minulta tämän kuvan pyytää ja värkätä sen kalenteriksi. (Tämä olisi todella iloinen yllätys)

Kuvaan saa linkkejä kuvakartalla, katso myös muokattavaa esimerkkiä.

Kiitos tästä, mutta kuinka saan kuvaan ruudut? Piirränkö jollain kuvankäsittelyohjelmalla siihen ruudun ja pistän linkin siihen kohtaan?
Tuo "coords="0,0,82,126" määrittää linkin kohdan kuvassa?

E: Yritin tuohon esimerkkiin muuttaa "coordsia" mutta mitään ei tapahtunut.
Help?

Tuo coords-kohta tekee nelikulmion, joka on vasemmas yläkulmassa kiinni, on 86px pitkä ja 126 korkea. Voit joko piirtää kuvaan neliöt, ja laittaa ne koordinaatit oikeisiin kohtiin. Voit myös laittaa border-attribuutin/a:href border 1, jolloin sillä on reunat.

Ajattelitko tehdä sellaisen jossa painamalla luukkua tulee uusi sivu jolla on suklaa vai sellaisen jossa se luukku aukeaa ihan oikeasti samalla sivulla.

Itsekkin etsin tälläistä. Kun painaa luukkua niin avautuisi uusi sivu jossa olisi luukun sisältö. Löytyiskö jotain koodia, jossa on helppo laittaa luukut yms.?

Ei tuosta kuvakarttahommasta paljon helpommaksi pääse, kun suoraan vain kirjoitetaan area-tagiin koordinaatit ja avattava sivu. Googlella löytyy vielä avuksi tällainen.

Olisko jossain valmista koodia joka on yksinkertainen ja helppo lisätä luukkujen sisältö?

Juurihan kysyit sitä samaa. Ei sitä ole helpompi tehdä kuin tuo (Jollet tekstipohjaista halua) ja luukkujen tarkistus onnistuu PHP:llä todella helpolla.

Minä löysin Beepediasta kun joku on tehnyt. Siinä on kalenteri joka aukeaa toiselle sivulle ku avaa luukun. linkki sinne on tässä ja koodin jonka värkkään mutta en testaa on tässä.

{| border=0 style="background:#E42217; border:3px silver ridge;"
|25
{| cellspacing="0" border="1" align="center" style="text-align:left; font-family:Times New Roman; font-size:12pt; background:#E42217;"
|-
! width="50px" height="50px" | <big><a href = "http://www.sivu.fi</a></big>
! width="50px" height="50px" | <big><a href = "http://www.sivu.fi</a></big>
! width="50px" height="50px" | <big><a href = "http://www.sivu.fi</a></big>
! width="50px" height="50px" | <big><a href = "http://www.sivu.fi</a></big>
! width="50px" height="50px" | <big><a href = "http://www.sivu.fi</a></big>
! width="50px" height="50px" | <big><a href = "http://www.sivu.fi</a></big>
|-
! height="50px" | <big><a href = "http://www.sivu.fi</a></big>
! height="50px" | <big><a href = "http://www.sivu.fi</a></big>
! height="50px" | <big><a href = "http://www.sivu.fi</a></big>
! height="50px" | <big><a href = "http://www.sivu.fi</a></big>
! height="50px" | <big><a href = "http://www.sivu.fi</a></big>
! height="50px" | <big><a href = "http://www.sivu.fi</a></big>
|-
! height="50px" | <big><a href = "http://www.sivu.fi</a></big>
! height="50px" | <big><a href = "http://www.sivu.fi</a></big>
! height="50px" | <big><a href = "http://www.sivu.fi</a></big>
! height="50px" | <big><a href = "http://www.sivu.fi</a></big>
! height="50px" | <big><a href = "http://www.sivu.fi</a></big>
! height="50px" | <big><a href = "http://www.sivu.fi</a></big>
|-
! height="50px" | <big><a href = "http://www.sivu.fi</a></big>
! height="50px" | <big><a href = "http://www.sivu.fi</a></big>
! height="50px" | <big><a href = "http://www.sivu.fi</a></big>
! height="50px" | <big><a href = "http://www.sivu.fi</a></big>
! height="50px" | <big><a href = "http://www.sivu.fi</a></big>
! height="50px" | <big><a href = "http://www.sivu.fi</a></big>
|-
|}
|}

Tossa paras mihin pytyn.

Sammakkomies taas vauhdissa... Älä oikeasti EDES YRITÄ auttaa ketään ennen kuin osaat edes itse ohjelmoida yhtään mitään. Etkä postaa yhtäkään postausta ennenkuin olet oikeasti motivoitunut opettelemaan ohjelmointia (ja kuuntelemaan muiden neuvoja).

Onko tuo pielessä vai mikä on?

On, ja paljonkin! Lopputulos nettisivulla on seuraava:

{| border=0 style="background:#E42217; border:3px silver ridge;" |25 {| cellspacing="0" border="1" align="center" style="text-align:left; font-family:Times New Roman; font-size:12pt; background:#E42217;" |- ! width="50px" height="50px" | <a href = "http://www.sivu.fi |- |} |}

Jaa jaa. Ei näköjään toiminu. katon suoraan lähdekoosista jotain.

Älkää vain kaikki haukkuko täällä muita. eihän täällä enää kukaan jaksa olla kun kaikki vaan haukkuvat toisiaan.

Ei se ole haukkumista. Jos opettelee ohjelmoimaan, niin kai sitä täytyy tajuta, että tagit alkavat <-merkillä ja loppuvat >-merkkiin. Tuossa on vain jotain aaltosulkuja ja |-viivoja...

Anteeksi vain, jos loukkasin jotakuta.

Lisäksi kaikki attribuuttien arvo kuuluvat olla lainausmerkeissä. Myöskin css-määritteen border järjestys on seuraava: paksuus tyyli väri, eikä paksuus väri tyyli.

no nyt toimii. Äläkä sano että on huono. Kuva ei jostain syystä näy. http://villejuhanigo.jouluserver.com/Joku.html

Tietenkään kuva ei näy, jos sitä ei ole tuossa osoitteessa. Sinun pitää muuttaa osoite oikeaksi.

Macro kirjoitti:

Ei se ole haukkumista.

minä kyllä laskisin tuon esikoulujutun(jonka tosin poistit) jo haukkumiseksi ja myös tuo jo123 kommentti menee jo hieman piikittelyn puolelle.

Odotas kun lisään sen kuvan. miksi tuponne sivun yläreunaan muuten tulee tuollanen epämääräinen kuvio?

Sivun merkistö on UTF-8 -koodauksella, mutta serveri tarjoilee sitä ISO-8591-15:nä. Jos käytät UTF-8 -koodausta kaikilla sivuilla (ja miksipä et käyttäisi, siihen suuntaanhan tässä ollaan menossa), voit huoletta lisätä vaikkapa kyseisen hakemiston .htaccess-tiedostoon seuraavan rivin:

AddCharset UTF-8 .html

Mihin hakemmistoon?

www.

siis kirjoitan tuon notepadille ja siirrän www kansioon?

... ja tallennat nimellä .htaccess

eli siis tarkotat varmaan testi.htaccess (esimerkiksi)

Ei vaan pelkkä ".htaccess".

Ei anna tallentaa. pitää olla tiedostonimi

Esimerkiksi täällä (ensimmäisiä tuloksia haulla Windows htaccess) kerrotaan, että lainausmerkit nimen ympärillä auttavat.

No just. MEni just äsken hermot

Ei anna käyttää " merkkejä.

Lataa kunnon tekstinkäsittelyohjelma.

Voit tehdä niin, että tallennat sen jollain muulla nimellä, uploadaat, ja vaihdat FTP-ohjelmalla nimeksi .htaccess

Heti

Menet muistioon sitten sieltä

Tiedosto -> tallenna nimellä
Tallennusmuoto -> Kaikki tiedostot

sitten tiedostonimi kohtaan ".htaccess"
Toimii varmasti, kokeilin juuri.

Kysyin samaa, tietenkin. Pitäis saada koodi, ennen joulukuuta, eli tän kahden päivän aikana, jokin yksinkertainen.

Thank you weeeeeeeeeeeeeeeeeeeeeeeeeery much. http://villejuhanigo.jouluserver.com/ kato nyt mitä tapahtu

Varmaan tallensit senkin UTF-8-muodossa niin, että siinä on alussa pari ylimääräistä merkkiä. Valitse enkoodaukseksi ANSI.

No just...

Tehty mut ei auta mitään.

Nyt on ruma

nyt se näkyy mulla kokonaan. tosin toi joulukalenteri vie jonnekin ihan random sivulle -.-

niin vie. näkyykö kuva? sellanen vammanen

Tums kirjoitti:

Juuh, kun joululähestyy niin pitäis saada joulukalenteri tehtyä. Mites tämä käytännössä onnistuu?

Nyt ollaan toki jo hieman myöhässä, mutta tossa on aika kiva ohje: http://pamppa.blogspot.com/2009/09/joulukalenteri.html

Eikö se mun kelvannu?

ja varmaan halus koodatun kalenterin

Adoben Dreamweaverilla kuvakartan saa tehtyä visuualisin apuvälinein jos ei halua koodata tai ei oikein ymmärrä tekniikasta. Dreamweaverissa on muuten aika hyvä värikoodaus koodille... mutta sen huonopuoli on se että se on aika raskas ohjelmisto verrattuna mm. Notebad++:n..

walkout_ kirjoitti:

Adoben Dreamweaverilla kuvakartan saa tehtyä visuualisin apuvälinein jos ei halua koodata tai ei oikein ymmärrä tekniikasta.

Samanlainen ominaisuus löytyy muistaakseni myös gimpistä.

Lisäksi sen huonona puolena on hinta.

(Mod. poisti joukon riitaisia vastausviestejä. Pysytäänpä nyt aiheessa.)