Gå til innhold

Oppdatering på siden...


Anbefalte innlegg

Kan jo legge til at hovedsiden til denne siden heller ikke er optimal for 800 x 600.

 

Så det så  :cool:

Han kan gjerne ligge det i <title> også - med store bokstaver, en popup med...

<h1>Denne siden støtter ikke 800x600</h1>

...er heller ikke å forakte. Og hvorfor stoppe der? Kan lempe inn en artikkel og egen hovedmenyknapp for info om oppløsninger som støttes :lol:

:p:

 

Men asså... Skjønner godt at det ikke er så fristende å lage ny layout nå. Den du har nå er faktisk bra - men den har uten tvil et par minus, som du bør ha i bakhodet hvis du noengang skal lage en nye side.

Nei, det frister ikke å regne ut hvor stor hver enkel bue og slikt blir en gang til :-)

 

Men jeg kan som du sier gjøre brukerne av 800 x 600 oppmerksom på at siden blir best med 1024 x 768 oppløsning eller bedre...

 

En popup hadde nok gjort susen der...

Lenke til kommentar
Videoannonse
Annonse

Fikk så lyst, og laget den samme sida med tables og en <div>. Denne tilpasser seg ikke noe, men den _funker_ i alle oppløsninger.

 

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Endelig Ferie =)</title>
<base href="http://www.endeligferie.com">
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">
<!--
body {
background-color: #C9D5DF;
scrollbar-face-color: #6F98BC; 
scrollbar-shadow-color: #FFFFFF; 
scrollbar-highlight-color: #FFFFFF; 
scrollbar-3dlight-color: #FFFFFF; 
scrollbar-darkshadow-color: #FFFFFF; 
scrollbar-track-color: #FFFFFF; 
scrollbar-arrow-color: #175999;
}
.leftside {
background-image: url(Grafikk/HS_Hoyre.jpg);
}
.hovedfelt {
overflow: auto;
height: 400px;
width: 720px;
background-color: #FFFFFF;
}
-->
</style>
<script language="JavaScript" fptype="dynamicanimation">
<!--
function dynAnimation() {}
function clickSwapImg() {}
//-->
</script>
<script language="JavaScript1.2" fptype="dynamicanimation" src="animate.js">
</script>
</head>

<body>
<center>
<table width="100%" style="height: 100%" border="0" cellspacing="0" cellpadding="0">
 <tr><td valign="center" align="center">
<table width="800" border="0" cellspacing="0" cellpadding="0">
 <tr>
   <td><img width="100" height="0"></td>
   <td><img width="720" height="100" src="Grafikk/HS_Topp2.jpg"></td>
   <td> </td>
 </tr>
 <tr>
           <td class="leftside"><p><img border="0" src="../../Grafikk/_VM_01.jpg" width="100" height="89"><br>
<a onmouseover="document['fpAnimswapImgFP1'].imgRolln=document['fpAnimswapImgFP1'].src;document['fpAnimswapImgFP1'].src=document['fpAnimswapImgFP1'].lowsrc;" onmouseout="document['fpAnimswapImgFP1'].src=document['fpAnimswapImgFP1'].imgRolln" href="hovedside.htm"><img border="0" src="../../Grafikk/_VM_02.jpg" id="fpAnimswapImgFP1" name="fpAnimswapImgFP1" dynamicanimation="fpAnimswapImgFP1" lowsrc="../../Grafikk/_VM_02_ov.jpg" width="100" height="24"></a><br>
<img border="0" src="../../Grafikk/_VM_03.jpg" width="100" height="10"><br>
<a onmouseover="document['fpAnimswapImgFP2'].imgRolln=document['fpAnimswapImgFP2'].src;document['fpAnimswapImgFP2'].src=document['fpAnimswapImgFP2'].lowsrc;" onmouseout="document['fpAnimswapImgFP2'].src=document['fpAnimswapImgFP2'].imgRolln" href="_N_A_list.htm"><img border="0" src="../../Grafikk/_VM_04.jpg" id="fpAnimswapImgFP2" name="fpAnimswapImgFP2" dynamicanimation="fpAnimswapImgFP2" lowsrc="../../Grafikk/_VM_04_ov.jpg" width="100" height="26"></a><br>
<img border="0" src="../../Grafikk/_VM_05.jpg" width="100" height="11"><br>
<a onmouseover="document['fpAnimswapImgFP3'].imgRolln=document['fpAnimswapImgFP3'].src;document['fpAnimswapImgFP3'].src=document['fpAnimswapImgFP3'].lowsrc;" onmouseout="document['fpAnimswapImgFP3'].src=document['fpAnimswapImgFP3'].imgRolln" href="_U_A_list.htm"><img border="0" src="../../Grafikk/_VM_06.jpg" id="fpAnimswapImgFP3" name="fpAnimswapImgFP3" dynamicanimation="fpAnimswapImgFP3" lowsrc="../../Grafikk/_VM_06_ov.jpg" width="100" height="24"></a><br>
<img border="0" src="../../Grafikk/_VM_07.jpg" width="100" height="12"><br>
<a onmouseover="document['fpAnimswapImgFP4'].imgRolln=document['fpAnimswapImgFP4'].src;document['fpAnimswapImgFP4'].src=document['fpAnimswapImgFP4'].lowsrc;" onmouseout="document['fpAnimswapImgFP4'].src=document['fpAnimswapImgFP4'].imgRolln" href="hjelposs.htm"><img border="0" src="../../Grafikk/_VM_08.jpg" id="fpAnimswapImgFP4" name="fpAnimswapImgFP4" dynamicanimation="fpAnimswapImgFP4" lowsrc="../../Grafikk/_VM_08_ov.jpg" width="100" height="24"></a><br>
<img border="0" src="../../Grafikk/_VM_09.jpg" width="100" height="11"><br>
<a onmouseover="document['fpAnimswapImgFP5'].imgRolln=document['fpAnimswapImgFP5'].src;document['fpAnimswapImgFP5'].src=document['fpAnimswapImgFP5'].lowsrc;" onmouseout="document['fpAnimswapImgFP5'].src=document['fpAnimswapImgFP5'].imgRolln" href="Linker_Hovedside.htm"><img border="0" src="../../Grafikk/_VM_10.jpg" id="fpAnimswapImgFP5" name="fpAnimswapImgFP5" dynamicanimation="fpAnimswapImgFP5" lowsrc="../../Grafikk/_VM_10_ov.jpg" width="100" height="24"></a><br>
<img border="0" src="../../Grafikk/_VM_11.jpg" width="100" height="12"><br>
<a onmouseover="document['fpAnimswapImgFP6'].imgRolln=document['fpAnimswapImgFP6'].src;document['fpAnimswapImgFP6'].src=document['fpAnimswapImgFP6'].lowsrc;" onmouseout="document['fpAnimswapImgFP6'].src=document['fpAnimswapImgFP6'].imgRolln" href="takontakt.htm"><img border="0" src="../../Grafikk/_VM_12.jpg" id="fpAnimswapImgFP6" name="fpAnimswapImgFP6" dynamicanimation="fpAnimswapImgFP6" lowsrc="../../Grafikk/_VM_12_ov.jpg" width="100" height="24"></a><br>
<img border="0" src="../../Grafikk/_VM_13.jpg" width="100" height="11"><br>
<a onmouseover="document['fpAnimswapImgFP7'].imgRolln=document['fpAnimswapImgFP7'].src;document['fpAnimswapImgFP7'].src=document['fpAnimswapImgFP7'].lowsrc;" onmouseout="document['fpAnimswapImgFP7'].src=document['fpAnimswapImgFP7'].imgRolln" href="omsiden.htm"><img border="0" src="../../Grafikk/_VM_14.jpg" id="fpAnimswapImgFP7" name="fpAnimswapImgFP7" dynamicanimation="fpAnimswapImgFP7" lowsrc="../../Grafikk/_VM_14_ov.jpg" width="100" height="24"></a><br>
<img border="0" src="../../Grafikk/_VM_15.jpg" width="100" height="74"></p></td>
           <td class="center"><div class="hovedfelt">lksjdføsdkjf<br>
               <br>
               <br>
               <br>
               <br>
               <br>
               <br>
               <br>
               <br>
               <br>
               <br>
               <br>
               <br>
               <br>
               <br>
               <br>
               <br>
               <br>
               <br>
               <br>
               <br>
               <br>
             </div></td>
   <td><img src="Grafikk/HS_Venstre.jpg" width="100" height="400"></td>
 </tr>
 <tr>
   <td> </td>
   <td><img src="Grafikk/HS_Bunn.jpg" width="720" height="100"></td>
   <td> </td>
 </tr>
</table></td></tr></table></center>

</body>
</html>

 

 

Hvis jeg var deg, ville jeg ha kuttet ut framesene og heller brukt php-include eller liknende. Det er så mye enklere når siden vokser! ;)

 

(Med inkludering har du et lite php-script i index-siden som "henter" inn informasjon fra andre filer. For eksempel kan Rogers tur til Mallorca hete "rogersturtilmallorca.txt". Når denne inkluderes i index.php ser det ut som den er en del av index.php. Hvis du ser i kildekoden kan du ikke se at det er brukt et include-script. Adressen til turen til roger vil da bli "index.php?side=rogersturtilmallorca. Kan godt hjelpe deg å sette opp scriptet hvis du er interresert.)

 

 

Hm.. kan også se om jeg finner et sånn script som resizer bildene automatisk etter hvor stort vinduet er.

Lenke til kommentar

Jeg får prøve den "siden" du har lagd. Takker så mye :-)

 

Når det gjelder navngivning av filer, for jeg regner med det var det det handler om, så har jeg laget et system som gjør det litt enklere for meg å finne ut av det hele.

 

Har et tresifret nummer for hvert land, så et nummer for et reisebrev i det landet igjen, og deretter to siffer for hvert bilde igjen.

 

Men takker for all hjelp jeg kan få...

 

Forløpig fungere det greit, men hvis siden skulle vokse seg stor, så spørs det om jeg har like god kontroll, selv om det ser slik ut akkurat nå :-)

Lenke til kommentar
Smart med navngivingen din :)

men jeg liker ikke de buene under menyteksten. Får hele siden til å se rotete ut synes jeg...

Ellers er det en smellvakker side (til å være laget med frames)

Likte du ikke buene? Hmmm... Men skal love deg at det ble penere enn det det var før, så det er ihvertfall et sted i riktig retning.

 

Men takker for ros :-)

Lenke til kommentar

En ting til, som ikke er blitt nevnt (tror jeg): Definer en bakgrunnsfarge på siden inni framen. Greit nok at hvit er default, men her hjemme bruker jeg et theme til WinXP som endrer det til en lys gråfarge... Siden bildene har hvit bakgrunnsfarge ser det ikke så bra ut

Lenke til kommentar
Når det gjelder navngivning av filer, for jeg regner med det var det det handler om, så har jeg laget et system som gjør det litt enklere for meg å finne ut av det hele.

 

Har et tresifret nummer for hvert land, så et nummer for et reisebrev i det landet igjen, og deretter to siffer for hvert bilde igjen.

Gjelder ikke navngivning av filene.. :nice:

 

 

Nei, du trenger ikke å gjøre det om hvis du ikke vil, men jeg tror det ville vært en stor fordel. Hva om du for eksempel skulle skifte bakgrunnsfarge eller skrifttype på alle sidene? Ville ta det et halvt århundre. ;)

Lenke til kommentar

Hei igjen...

 

Har vel i grunn bestemt meg for å beholde siden slik den er nå, dvs, jeg skal gjøre om en del på den, men jeg beholder frames og slik siden er oppbygd. Dette fordi jeg da slipper å være avhengig av alle dere som hjelper meg her. For hvis jeg skulle gjort en liten endring på siden, måtte jeg hver gang ta turen innom her og legge inn et spørsmål. Ikke noe med dere å gjøre altså, men litt dumt å være avhengig av andre hele tiden, og dere hadde sikkert gått lei etter ei uke med dummer spørsmål :lol:

 

Jeg vet at siden ikke er optimal slik den er nå, og jeg har tenkt til å lære meg litt mer om hvordan en side er optimalt oppbygd, men inntil videre altså, så forblir den slik den er.

 

Takker for samtlige råd jeg har fått, mange gode. Takker for logoen, det kommer en side om litt historikk om en stund og der kommer Mikka til å bli "æret". :woot:

 

Men en ting lurte jeg på. Er det mulig å lage et script som finner ut hvilken oppløsning brukeren som er inne på siden bruker? Tenkte nemlig å lage flere index-sider som er optimal for hver oppløsning, slik at hvis en bruker med 800x600 oppløsning på skjermen automatisk kom på index-siden som er optimal for 800x600 oppløsning... :ide:

 

Hvis ikke dette går, er det da en dum idé at når man først går inn på EndeligFerie.com kommer til en side hvor du selv velger hvilken oppløsning du har på skjermen før du trykker på en knapp som fører deg til en index-side som er optimal for oppløsningen? Har jo lissom ikke sett andre sider som har dette mener jeg :wow:

Lenke til kommentar

Here ya go:

 

<script>

var width = screen.width;var res =(((!(640-width))*1)+((!(800-width))*2)+((!(1024-width))*3)+((!(1152-width))*4)+((!(1280-width))*5)+((!(1600-width))*6)); if(!(res)) res = 1;if (res=='1') {window.location='640-480-SIDE'}if (res=='2') {window.location='800-600-SIDE'}if (res=='3') {window.location='1024-768-SIDE'}if (res!='1' && res!='2' && res!='3') {window.location='ANNEN-OPPLØSNING-SIDE'}</script>

 

 

 

 

Bytt ut de uthevede med siden man skal forflyttes til hvis man har den oppløsningen.

 

:)

Lenke til kommentar

Index.html kan se ut noe slikt som dette:

 

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Endelig Ferie, detekterer skjermoppløsning</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>

<body>
Sender deg videre... Vennligst vent
<script language="JavaScript">
var width = screen.width;
var res =(((!(640-width))*1)+((!(800-width))*2)+((!(1024-width))*3)+((!(1152-width))*4)+((!(1280-width))*5)+((!(1600-width))*6));
if(!(res)) res = 1;if (res=='1') {window.location='[B]640-480-SIDE[/B]'}
if (res=='2') {window.location='[B]800-600-SIDE[/B]'}
if (res=='3') {window.location='[B]1024-768-SIDE[/B]'}
if (res!='1' && res!='2' && res!='3') {window.location='[B]ANNEN-OPPLØSNING-SIDE[/B]'}
</script>


</body>
</html>

De uthevede må du fortsatt gjøre om.. :nice:

Lenke til kommentar

Nå har jeg endret på fonten ihvertfall.

 

Så har jeg kommet til at jeg benytter meg av den tabellen som Mikka laget for meg. Den regner jeg med kommer på plass i løpet av fredag.

 

Men det vil vel bety at samtlige sider må "bygges" inn i tabellen? For hvis jeg klikker på et sted (hvis jeg bruker tabeller istedenfor frames) så vil jo den bare vise selve reisebrevet, menyene og slikt blir jo da borte?

 

Så da må jeg vel bruke en mal og lagre alle sidene på nytt? Det er jo en ulempe siden brukerne da må laste opp menyer og alt det rundt på nytt hver gang de skifter side... Slik det er nå så forandres jo bare hovedrammen, og alt det rundt består uansett hvilken side du er på...

 

Men det er selvfølgelig fordeler med tabell-løsningen også. Så det blir vel til at jeg gjør det uansett, men noen har kanskje noe mere og komme med?

Lenke til kommentar
Nå har jeg endret på fonten ihvertfall.

 

Så har jeg kommet til at jeg benytter meg av den tabellen som Mikka laget for meg. Den regner jeg med kommer på plass i løpet av fredag.

 

Men det vil vel bety at samtlige sider må "bygges" inn i tabellen? For hvis jeg klikker på et sted (hvis jeg bruker tabeller istedenfor frames) så vil jo den bare vise selve reisebrevet, menyene og slikt blir jo da borte?

 

Så da må jeg vel bruke en mal og lagre alle sidene på nytt? Det er jo en ulempe siden brukerne da må laste opp menyer og alt det rundt på nytt hver gang de skifter side... Slik det er nå så forandres jo bare hovedrammen, og alt det rundt består uansett hvilken side du er på...

 

Men det er selvfølgelig fordeler med tabell-løsningen også. Så det blir vel til at jeg gjør det uansett, men noen har kanskje noe mere og komme med?

STOP! Det må du ihvertfall _ikke_ gjøre! Tenk hvis du for eksempel bestemmer deg for å gjøre en forandring? Da har du arbeid! :yes::p:

 

 

 

Det er det du har php-inkluderingsscript til! ;)

 

 

Link til et innlegg om php-includescript jeg skrev i en tråd.

 

 

Bare spør hvis det er noe du lurer på om det. Kan godt hjelpe deg å sette opp scriptet og sånn hvis du vil det! :)

Lenke til kommentar

Regner med serveren støtter php... Siden ligger på Nordic Hosting...

 

Så du mener en hver knøl (les: meg) skal skjønne dette, bare jeg setter meg litt inn i det? Håper du har rett... Selv om jeg ikke helt skjønte det. Hva er det dette scriptet gjør?

 

Har bygd opp katalogene slik:

 

www/grafikk: her ligger logoen, menyene og slikt...

www/html: her ligger stedene og bildene, stedene er som jeg har skrevet bygd opp slik:

 

landnr_reisenr_eventuelle bilder...

 

Så hvis jeg har et reisebrev fra USA og får et til, så blir navnet slik:

215_0002.htm

 

Slik er jeg nesten nødt til å ha det for at jeg skal holde orden på det

 

da blir vel adressen til den siden http://www.endeligferie.com/forsiden.php?side=215_0002 ???

Lenke til kommentar
Regner med serveren støtter php... Siden ligger på Nordic Hosting...

 

Så du mener en hver knøl (les: meg) skal skjønne dette, bare jeg setter meg litt inn i det? Håper du har rett... Selv om jeg ikke helt skjønte det. Hva er det dette scriptet gjør?

 

Har bygd opp katalogene slik:

 

www/grafikk: her ligger logoen, menyene og slikt...

www/html: her ligger stedene og bildene, stedene er som jeg har skrevet bygd opp slik:

 

landnr_reisenr_eventuelle bilder...

 

Så hvis jeg har et reisebrev fra USA og får et til, så blir navnet slik:

215_0002.htm

 

Slik er jeg nesten nødt til å ha det for at jeg skal holde orden på det

 

da blir vel adressen til den siden http://www.endeligferie.com/forsiden.php?side=215_0002 ???

Jøss, ja, det stemmer!

 

 

Index.php er siden bare at der innholdet i de andre filene skal komme ligger det et script i stedet. ;)

 

 

 

 

Skjekk denne (eksempel)

Nå finnes det ikke noe side som heter grsdlkjsjkdnfskjdhfvksdjfng.htm, og derfor skriver den ut feil404.htm i stedet og legger den der grsdlkjsjkdnfskjdhfvksdjfng.htm skulle ha vært. For å illustrere: feil404.htm ser slik ut:

Huh!?<br><br>

Her må jeg ha bommet alvorlig, for denne siden finnes ikke!
Fint om du gidder å sende meg en <a class="text" href="mailto:[email protected]">mail</a> om dette, slik at
jeg får fikset feilen.

Lenke til kommentar

siden er om ikke i samme fargen så i samme fargetonen. noen kontraster på viktigere ting hadde gjort seg.

Det er vel kanskje gjort bevisst men, jeg tror litt kontraster hadde gjort susen, blir litt mer "oppkvikkende" kanskje :shrug: tenker bare høyt altså. siden er egentlig bra som den er..

Lenke til kommentar

Takker for ros... Tanken bak siden er at den skal ha et litt "rolig" look... Vil ikke bruke for mye farger, hadde det vært mye menyer og lignende hadde det kanskje vært en ide. Men føler den er oversiktelig slik den er nå, men ting kan jo forandre seg...

 

For det vil kommer flere ting innpå siden etterhvert. Det blir etterhvert både konkuranser, resieforum (?) og diverse andre ting, og da blir det en del flere menyvalg og da kanskje jeg endre fargene i en retning du tenker.

 

En mellomting mellom det jeg har nå og VG's meny kanskje? Mest lik slik den er nå ;)

 

---

 

Mikka, hvis jeg gjør om siden til php... Hvordan blir egentlig oppsettet av siden? Tables? Kan ingenting om php, men regner med at det ikke blir likt slik siden er nå?

 

Skal ikke plage deg så mye med å forklare, men du, eller andre, har kanskje en link hvor jeg kan lære mer? Helst på norsk, da kommer det fortere inn i hodet :-)

 

For slik det er nå så er det jo bare hovedrammen som endrer seg, slik at siden fungerer raskere enn om jeg brukte tabeller og siden måtte lastes opp på nytt for hvert klikk... Hvordan fungerer dette med php?

 

---

 

Er det noen som tror jeg har noe på gang med denne siden, eller er den dømt til å bli en flopp? Send gjerne inn reisebrev, eller gode ord om deres hjemsteder...

Lenke til kommentar
[quote name='EndeligFerie' date='09/11/2003 : 17:42'] Mikka, hvis jeg gjør om siden til php... Hvordan blir egentlig oppsettet av siden? Tables? Kan ingenting om php, men regner med at det ikke blir likt slik siden er nå?

Skal ikke plage deg så mye med å forklare, men du, eller andre, har kanskje en link hvor jeg kan lære mer? Helst på norsk, da kommer det fortere inn i hodet :-)

For slik det er nå så er det jo bare hovedrammen som endrer seg, slik at siden fungerer raskere enn om jeg brukte tabeller og siden måtte lastes opp på nytt for hvert klikk... Hvordan fungerer dette med php? [/quote]
Du kan ha oppsettet akkurat som du vil! :woot:


På en måte så lager du én side slik du vil ha den. Når du er fornøyd med den, fjerner du innholdet. Menyer og sånt noe står igjen (det som skal være på alle sidene).

Der innholdet var, legger du denne koden:
[code]
<?php
$sjekk_side = isset($side);
if ($sjekk_side == 1)
{
if (@fopen("sider/$side.htm", "r"))
{
include ("sider/$side.htm");
}
if (!(@fopen("sider/$side.htm", "r")))
{
include("sider/feil404.htm");
}
}

if ($sjekk_side <> 1)
{
include("sider/forsiden.htm");
}
?>[/code]


Det denne koden gjør, kan forklares slik:

Hvis det finnes en side som heter det som er angitt, så inkluder den siden som er angitt.
Hvis det ikke finnes en side som heter det som er angitt, inkluder feil404.htm.
Hvis det ikke er angitt noe side, inkluder forsiden.htm.




Når siden kommer frem til brukeren (som sitter og ser på siden din) er alt dette allerede regnet ut, slik at brukeren bare ser det som om siden er skrevet som om du hadde laget en side for hver side (*kremt*, ble litt rart forklart her, duh..).


Med andre ord kan du bygge siden med tables, hvis du vil det, eller med css-positioning hvis du vil det. Poenget er å lage en fil som blir "mal" for resten av sidene.


Husk at undersidene (som ligger i mappen "sider") skal ha endingen .htm (dette kan du jo endre i scriptet hvis du vil det). Husk også at de IKKE skal ha <html>, <head>, <body>, <target>, <link>, <title>, <meta> og slike tagger.


For å oppsummere:
- Lag en side som ser ut som den du har nå, uten frames.
- Fjern innhold hvis du har noe, og legg inn scriptet over.
- Lagre filen som .php. (index.php)
- Lag mappen "sider" (kan gjøres om).
- Lag undersidene (bare tekst og tagger som skal stå inni <body>-tagg) og legg dem i mappen "sider". Du kan gjerne lage undermapper.
- Adressa til undersidene blir for eksempel "index.php?side=undermappe1/endaenundermappe/vildutamegparompaforentier", hvis siden heter "vildutamegpårompaforentier.htm".


Har ikke noe link til en side spesielt om php include-script, beklager.


- Berg
Lenke til kommentar

Opprett en konto eller logg inn for å kommentere

Du må være et medlem for å kunne skrive en kommentar

Opprett konto

Det er enkelt å melde seg inn for å starte en ny konto!

Start en konto

Logg inn

Har du allerede en konto? Logg inn her.

Logg inn nå
  • Hvem er aktive   0 medlemmer

    • Ingen innloggede medlemmer aktive
×
×
  • Opprett ny...