Koda in visning av tid på hemsidan?

2006-01-27, 07:50 #1

Medlem

Reg: Jan 2006

Inlägg: 23

Är det någon som vill försöka hjälpa mig att lägga in visning av tid på hemsidan,enligt bild?Jag använder imageready/dremweaver/photoshop.Skickar med info om hur lite av sidans kodning ser ut etc.

http://files.upl.silentwhisper.net/upload5/1-zvn.PNG

Citera

2006-01-27, 07:55 #2

Medlem

Reg: Feb 2005

Inlägg: 3 633

Citat:

Ursprungligen postat av EricVg

Är det någon som vill försöka hjälpa mig att lägga in visning av tid på hemsidan,enligt bild?Jag använder imageready/dremweaver/photoshop.Skickar med info om hur lite av sidans kodning ser ut etc.

http://files.upl.silentwhisper.net/upload5/1-zvn.PNG

Flrstod inte riktigt om du redan har den klockan men inte får in den där du vill ha den, eller om du vill ha en lika dan...Det lättaste är att högerklicka på sidan du hittat den på och sno koden, eller så tittar du här:

http://www.javascript.nu/javascript/

Längst ner till vänster finns en kolumn som heter "datum/tid"...Med lite fantasi kanske du kan få en klocka att se snygg ut...///Milk

Citera

2006-01-27, 10:02 #3

Medlem

Reg: Jan 2006

Inlägg: 23

Citat:

Ursprungligen postat av milk

Flrstod inte riktigt om du redan har den klockan men inte får in den där du vill ha den, eller om du vill ha en lika dan...Det lättaste är att högerklicka på sidan du hittat den på och sno koden, eller så tittar du här:

Jodå jag har kollat koden,men jag lyckades inte hitta den.Hans sida verkar vara uppbyggd på ett annat sätt än min (html).

http://www.aqa-d.se/autumn2002/index.htm

Citat:

Ursprungligen postat av milk

Med lite fantasi kanske du kan få en klocka att se snygg ut...///Milk

Problemet är att jag inte ens vet hur jag ska börja.Jag behöver hjälp med hur jag ska köra igång.Ska jag ladda upp sidan i imageready och ta ut ett nytt segment på tex "103 x 22" det är väll ungefär den storleken som krävs för att få med dag/månad/år/klockslag?Jag har ju originalet av sidan kvar,sparat i "psd".Sen laddar jag upp sidan i dreamweaver och tar bort den lilla gif-bilden,eller?

Citera

2006-01-27, 14:27 #4

Medlem

Reg: Dec 2005

Inlägg: 714

Originalsidan var ju gjord i flash.

Men du kanske kan göra så här?

klocka

Citera

2006-01-27, 16:23 #5

Medlem

Reg: Jan 2006

Inlägg: 23

Citat:

Ursprungligen postat av cenobite

Originalsidan var ju gjord i flash.

Men du kanske kan göra så här?

klocka

http://files.upl.silentwhisper.net/upload5/1-ghr.PNG

Tack för den hjälpen,jag tog mig friheten att färgsätta ramen lite.
Om jag nu till att börja med vill justera ner klockan så att den ligger precis ovanför hemsidan,hur gör jag då?jag vill se hur det ser ut bara.
Om jag vill kunna lägga klockan exakt var jag vill inom hemsidan,hur gör jag då?eller det kanske är svårt att förklara detta så här rakt av?Helst inte "css" det fattar jag inget av.

Jag testade att göra lite ändringar i följande så då fick jag ner den lite.
<body leftmargin="100" topmargin="100" marginwidth="100" marginheight="100">

Citera

2006-01-27, 19:43 #6

Medlem

Reg: Dec 2005

Inlägg: 714

Citat:

Ursprungligen postat av EricVg

http://files.upl.silentwhisper.net/upload5/1-ghr.PNG

Tack för den hjälpen,jag tog mig friheten att färgsätta ramen lite.
Om jag nu till att börja med vill justera ner klockan så att den ligger precis ovanför hemsidan,hur gör jag då?jag vill se hur det ser ut bara.
Om jag vill kunna lägga klockan exakt var jag vill inom hemsidan,hur gör jag då?eller det kanske är svårt att förklara detta så här rakt av?Helst inte "css" det fattar jag inget av.

Jag testade att göra lite ändringar i följande så då fick jag ner den lite.
<body leftmargin="100" topmargin="100" marginwidth="100" marginheight="100">

Hur har du gjort sidan?
Har du använt frames eller gjort på något annat sätt?

Om du har använt ramar och lagt klockan i den översta ramen så kan du lägga till style="position:absolute; bottom:0px" i <table>, då kommer klockan att hamna längst ner (eller 100px upp om du har <body topmargin="100" marginheight="100"> som du nämnde, men jag tycker att du ska ändra det till 0 och justera med css istället).

Jag uppdaterade länken jag skrev in tidigare.

(Du ville ju iofs inte ha "css", men det är i min mening enklare än alternativen.)

Citera

2006-01-28, 06:10 #7

Medlem

Reg: Jan 2006

Inlägg: 23

Citat:

Ursprungligen postat av cenobite

Hur har du gjort sidan?
Har du använt frames eller gjort på något annat sätt?

Jag ritade upp sidan i photoshop och laddade sen upp den i imageready.Därefter gjorde jag dom segment jag ville ha och sen sparade jag ner allt i html och gif-bilder.

Citat:

Ursprungligen postat av cenobite

(Du ville ju iofs inte ha "css", men det är i min mening enklare än alternativen.)

Jodå alla säger så men efter att ha tittat lite på det så känns det ändå oerhört komplicerat.

Jag citerar en liten guide:

Det finns tre sätt att styra sidans utseende med hjälp av CSS.

Extern Stilmall - en eller flera sidor styrs av en separat stilmall.
Intern Stilmall - stilmallen skrivs in direkt i sidans huvud.
Inline Style - skrivs direkt i html-koden mellan <body> och </body>.

Med en Stilmall kan du styra det övergripande utseendet - layouten - på din sida så att du slipper hålla på och ange teckensnitt och sånt i varje tagg. Vill du ändra någonting på sidan eller sidornas utseende behöver du bara göra det på ett ställe... I Stilmallen!

Förenklat kan man säga att du kodar din HTML-sida som vanligt men använder dig av CSS för att bestämma hur de olika taggarna ska visas av webläsaren. Med andra ord: Sidans innehåll skrivs i HTML-koden och utseendet styrs av CSS.

Om du har formaterat din sida med HTML-koder kommer de att gälla i första hand! Vill du formatera din sida med CSS ska du ta bort de Html-koder för formatering du redan har på sidan. Det GÅR i och för sig bra att blanda också... Men det är inte att rekommendera. Använd uteslutande CSS.

Om jag väljer den "svåra vägen" för tillfället nu då.Jag har gått in i koden på min gamla hemsida och testat att lägga in "clock-bg.gif".Det är den knappen på bilden och kodraden är under.Vad och var exakt ska jag då infoga behövlig kod för att det ska bli bra?
Det är väll en del av detta som ska infogas,eller hur?background:url('clock-bg.gif')" align="center">.
<span id="clock" style="color:#00ffff; font-size:9pt">

Bild på Kod:
http://files.upl.silentwhisper.net/upload1/1-tum.PNG

Citera

2006-01-28, 10:43 #8

Medlem

Reg: Dec 2005

Inlägg: 714

Om du vill ha klockan på det stället du har lagt bilden "bild/clock-bg.gif" (enligt din bild) så ändra bara:

Kod:

        <td>
<a href="   "target="_blank"><img src="bild/clock-bg.gif" alt="" width=100 height=15 border="0"></a></td>

till:

Kod:

        <td>
  <table cellpadding="0" cellspacing="0" height="15" width="100">
    <tr>
      <td style="background:url('bild/clock-bg.gif')" align="center">
        <span id="clock" style="font-size: 9pt; color: rgb(0, 255, 255);">&nbsp;</span>
      </td>
    </tr>
  </table>
        </td>

Citera

2006-01-28, 12:46 #9

Medlem

Reg: Jan 2006

Inlägg: 23

Citat:

Ursprungligen postat av cenobite

Om du vill ha klockan på det stället du har lagt bilden "bild/clock-bg.gif" (enligt din bild) så ändra bara:

till:

Kod:

        <td>
  <table cellpadding="0" cellspacing="0" height="15" width="100">
    <tr>
      <td style="background:url('bild/clock-bg.gif')" align="center">
        <span id="clock" style="font-size: 9pt; color: rgb(0, 255, 255);">&nbsp;</span>
      </td>
    </tr>
  </table>
        </td>

Någon ide om varför det blev så här?

http://files.upl.silentwhisper.net/upload4/1-jal.PNG

Citera

2006-01-28, 14:25 #10

Medlem

Reg: Dec 2005

Inlägg: 714

Citat:

Ursprungligen postat av EricVg

Någon ide om varför det blev så här?

http://files.upl.silentwhisper.net/upload4/1-jal.PNG

Kort svar: Nej.

Men om du postar hela html-koden antingen som länk till sidan eller på något annat sätt så kan jag nog hjälpa dig.

Citera

2006-01-28, 18:42 #11

Medlem

Reg: Jan 2006

Inlägg: 23

Det löste sig när jag skrev det hela enligt nedre bilden.

http://files.upl.silentwhisper.net/upload3/1-ugp.PNG

Inte för att det gjorde någon skillnad när jag tog bort den,men varför ska det vara 2 st "</td>"?

Citera

2006-01-31, 06:11 #12

Medlem

Reg: Jan 2006

Inlägg: 23

Varför är det "ingen" som vill svara på varför det ska vara 2 st </td>?Det är säkerligen massor av er som läst detta och vet svaret,men ändå väljer att inte svara.Är min fråga för simpel för att svara på?Jag trodde man försökte hjälpa dom som är nya i detta,även om frågorna ibland inte är så komplicerade.

Citera

Koda in visning av tid på hemsidan?

Stöd Flashback