johncons

Stikkord: HTML

  • Nå har jeg endret nettstedet mitt, sånn at det står: ‘Sist oppdatert’, (istedet for: ‘Sist endret’), nederst på sidene

    http://johncons.angelfire.com/kastautikulda.html

    PS.

    Dette var noe jeg blogget om, for noen dager siden, at jeg skulle ordne.

    Og jeg har fortsatt igjen mobil-sidene, (når det gjelder dette).

    Men jeg skulle endre ‘mobil-kallet’, (angående når surferne blir sendt til mobil-sidene), fra 1000 pixler til 1040 pixler, (i skjerm-bredde).

    (Noe jeg også blogga om, for noen dager siden).

    Og da fant jeg ut, at jeg hadde allerede hadde gjort dette, (muligens vinteren 2018, da jeg bodde i Trondheim).

    Men jeg har funnet en annen ting, som trengs å strammes opp, (på nettstedet).

    Og det er ‘dato-boksen’, (på forsiden).

    (Som jeg designet mens jeg bodde på Høvik, (hvor jeg bodde fra 2015 til 2017), var det vel).

    Den bruker noen ganger tre linjer og andre ganger to linjer.

    Den dato-boksen blir vel bedre, hvis den er sånn, at den alltid bruker tre linjer, liksom.

    (Nemlig at datoen er øverst, så månednavnet på neste linje og så årstallet på den nederste linja).

    Så det får jeg se på, om ikke alt for lenge.

    (For å si det sånn).

    Så sånn er det.

    Bare noe jeg tenkte på.

    Mvh.

    Erik Ribsskog

    PS 2.

    Her er mer om dette:

    http://johncons.angelfire.com

    PS 3.

    Når det gjelder logoen.

    Så er det kanskje ikke så lett, å se, at det står ‘johncons’, på det ‘Sovjetstat-flagget’.

    Så jeg burde kanskje ha gjort noe med logoen og.

    Det er kanskje litt surr, at det ikke er samme logo, som på johncons-blogg.

    Tidligere brukte jeg jo en ‘Tråen-skatten-logo’, en stund, (blant annet da jeg bodde i Tuebrook, (hvor jeg bodde høsten 2017), i Liverpool).

    Det er kanskje greit å ha forskjellig logo på nettstedet og bloggen og.

    (For jeg har jo egentlig ikke noe logo/våpenskjold.

    For å si det sånn).

    Så sånn er muligens det.

    Bare noe jeg tenkte på.

    Men men.

    PS 4.

    Når det gjelder footeren, (som jeg har strevd litt med).

    Så er den kanskje, litt for brei.

    Så den blir kanskje bedre hvis jeg gjør den litt smalere.

    (Noe som eventuelt er lett å fikse, fra CSS/style-siden.

    For å si det sånn).

    Og jeg har også tenkt, at jeg kanskje kan sette på litt opacity, (gjennomsiktighet), heter det vel, på teksten i footeren.

    Sånn at den blir litt dempet.

    (Noe sånt).

    Så sånn er det.

    Bare noe jeg tenkte på.

    Men men.

    PS 5.

    Som jeg har blogget om, (nå og da), de siste månedene.

    Så har jeg planlagt, å få meg, et mirror-nettsted, (for johncons-web).

    Og nå har jeg nettopp kjøpt shell-plass og domene-navn, (som ble johncons.net).

    Så nå regner jeg med, at jeg skal få opp et nytt nettsted, (uten Angelfire-reklamer/buger), iløpet av de neste dagene.

    (For å si det sånn).

    Så sånn er det.

    Bare noe jeg tenkte på.

    Men men.

    PS 6.

    Her er mer om dette:

    PS 7.
    Sånn blir det da, (men jeg har bare lasta opp førstesida foreløbig, (for det noe kode som må endres på hver side)):

    http://www.johncons.net

    PS 8.

    Jeg tenker at jeg bare lar mirror-nettstedet stå sånn her, i et par-tre dager, (for det er også det med mobil-sidene, fra det øverste PS-et):

    (Samme link som ovenfor).

    PS 9.

    Nå har jeg også endret mobil-sidene, (på Angelfire-nettstedet), sånn at det står: ‘Sist oppdatert’, (istedet for: ‘Sist endret’):

    http://johncons.angelfire.com/kastautikulda_mobil.html

    PS 10.

    Nå har jeg lasta opp alle PC-sidene, på mirror-nettstedet, så nå er det bare mobil-sidene igjen, (så tar jeg bort det om ‘Under construction’):

    http://www.johncons.net

    PS 11.

    Nå er mobilsidene også lastet opp, så nå er mirror-nettstedet ferdig, (må jeg si):

    http://www.johncons.net/mobil.html

    PS 12.

    Mirror-nettstedet har forresten fortsatt, samme tracking cookie-kode, som Angelfire-nettstedet.

    Men det merker nok ikke surferen/leseren noe til.

    (For å si det sånn).

    Så det kan jeg ordne med etterhvert.

    (Hadde jeg tenkt).

    Og det er også sånn, at jeg har tenkt å midtstille mobil-sidene, på johncons.net.

    (Noe som var kronglete, på Angelfire-nettstedet.

    Husker jeg).

    Og da blir nettstedet bedre, på mobiler, (som har bredere skjerm, enn det ‘hovedvinduet’ i PS-et overfor).

    (Jeg må bare finne ut hvordan jeg midtstilte mobil-nettsidene igjen.

    For det dreiv jeg med, for noen måneder tilbake.

    Før jeg måtte droppe det, på grunn av Angelfire-reklamene.

    Var det vel).

    Så sånn er det.

    Bare noe jeg tenkte på.

    Men men.

    PS 13.

    Jeg må vel også oppdatere ‘Nettstedets historie’-siden(e), om det, at jeg også har laget, et mirror-nettsted, (med mer proff url osv.).

    Eller om jeg skriver en artikkel, (med egen perm-link), om dette.

    (Noe sånt).

    Så sånn er det.

    Bare noe jeg tenkte på.

    Men men.

    PS 14.

    Det er også sånn, at det står: ‘Not secure’, (i Opera), når det gjelder mirror-nettstedet.

    Og det er vel noe med kryptering.

    Så det må jeg prøve å finne ut mer om.

    (For å si det sånn).

    Så sånn er det.

    Bare noe jeg tenkte på.

    Men men.

    PS 15.

    Her er mer om dette:

    http://www.johncons.net

    PS 16.

    Nettstedet må visst sertifiseres.

    Sånn var det ikke da jeg hadde Posegodt.net osv., (fram til 2015), sånn som jeg husker det.

    Så dette må jeg se mer på, ved en seinere anledning.

    (For å si det sånn).

    Så sånn er det.

    Bare noe jeg tenkte på.

    Men men.

    PS 17.

    Her er mer om dette:

    https://help.dreamhost.com/hc/en-us/articles/216539548-Adding-a-free-Let-s-Encrypt-certificate

    PS 18.

    Nå har jeg bestilt et sånt sertifikat, (men det er mulig, at jeg også må gjøre noen endringer i koden etterhvert, (for eksempel at jeg må endre fra ‘http’ til ‘https’)):

    PS 19.

    Da ble visst nettstedet sikkert, med en gang, (det er mulig at Spex Host, (min tidligere webhotell-leverandør), ordnet dette automatisk, da jeg leide shell fra de, (fra cirka 2011 til 2015)):

    https://www.johncons.net

    PS 20.

    Nå la jeg merke til, at Angelfire-nettstedet, også er sånn, at det står: ‘Not secure’, (i Opera).

    (Det er muligens sånn, at jeg ikke har lagt merke til dette før, på grunn av Angelfire-reklamene, osv.).

    Så det er mulig, at jeg må skaffe, et lignende sertifikat, til Angelfire-nettstedet og, (hvis ikke det blir veldig kronglete).

    (Noe sånt).

    Så sånn er nok det.

    Bare noe jeg tenkte på.

    Men men.

    PS 21.

    Her er mer om dette:

    http://johncons.angelfire.com

    PS 22.

    Når det gjelder mirror-nettstedet.

    Så kan man se, i PS 19, at noe innhold, blir blokkert.

    (Øverst til høyre, på skjermbildet).

    Og det er muligens på grunn av, at jeg ikke bruker https, men bruker http.

    Så det skal jeg se mer på seinere.

    (Sånn at det forhåpentligvis er mulig å fikse).

    Så sånn er det.

    Bare noe jeg tenkte på.

    Men men.

  • Nå har jeg jobbet litt med footeren, på nettstedet mitt. Og jeg har bestemt meg for å bruke litt opacity/’gjennomsiktighet’, (CSS3), på den, for at den ikke skal ta fokuset vekk, fra resten av nettsiden

    http://johncons.angelfire.com/kontakt.html

    PS.

    Jeg har ikke hatt footer, på det nettstedet, så lenge.

    Mens jeg bodde i Trondheim.

    (Hvor jeg bodde vinteren 2018).

    Så satt jeg på footer, (på siden av ‘hovedvinduet’), for at nettstedet ikke skulle se dumt ut.

    For på den tida, så prøvde jeg å finne, en løsning, som passet, både på mobil og PC/stasjonær/laptop.

    (Og da ble menyen og logoen stående helt øverst på skjermen).

    Men så kom jeg på det, at jeg kunne bruke, et ‘Unix-aktig-kall’, for å sende surferen til en mobil-side, (som bruker mye av den samme koden), hvis surferen hadde lav skjermoppløsning, (i bredden).

    Men footeren tok jeg ikke bort.

    Så den må jeg prøve å finne ut mer om hvordan jeg skal ha.

    Og det ble også en bug, når jeg, (mens jeg egentlig holdt på med ‘Unix-kallet’), satt footeren nederst, (på ‘PC-nettstedet’).

    Det ser litt dumt ut, at det står: ‘Høsten 2017’, (istedet for en bestemt dato), for når jeg sist endret ‘Kontakt’-siden.

    Men det er fordi at det må stå noe der.

    For hvis ‘hovedvinduet’ blir for kort/lavt.

    Så blir footeren plassert under ‘hovedvinduet’, til venstre for menyen.

    (Noe sånt).

    Så det er en bug, som jeg får se, om jeg klarer å få fikset etterhvert.

    (Før eller etter at jeg hiver ut en mirror-versjon av nettstedet, inn på et reklamefritt shell.

    Noe jeg har blogget om et par ganger tidligere, at jeg har planer om å gjøre).

    Så sånn er det.

    Bare noe jeg tenkte på.

    Mvh.

    Erik Ribsskog

    PS 2.

    På mobil-nettstedet, så gikk jeg for en litt enklere footer:

    http://johncons.angelfire.com/kontakt_mobil.html

    PS 3.

    Det er mulig at jeg bare bruker den mobil-footeren, på PC-nettstedet og.

    (Etterhvert).

    For hvis det er samme footer, på begge nettstedene.

    Så blir det mindre dobbeltarbeid, hvis jeg må endre på footeren igjen seinere.

    (For å si det sånn).

    Så sånn er det.

    Bare noe jeg tenkte på.

    Men men.

    PS 4.

    Hvis jeg bare kopierer koden, fra mobil-nettstedet.

    (For ‘hovedvinduet’ og footeren).

    Så burde den nevnte bugen bli borte og.

    Og da kan jeg ta bort det om: ‘Høsten 2017’, (som kanskje ser litt dumt ut).

    Hm.

    Men jeg ligger litt på etterskudd med skildringer fra handleturer, osv.

    Så det er mulig at jeg ser på dette litt seinere.

    (For å si det sånn).

    Så sånn er muligens det.

    Bare noe jeg tenkte på.

    Men men.

    PS 5.

    Nå er det ikke sånn, at jeg ikke har lest, om design av footer-e, på nettet.

    Men de footer-ene, som er vanlige, (og som anbefales), i dag.

    De synes jeg, at er for dumme.

    Det er liksom sånn, at nettstedet, er selve footer-en.

    (Der har man linker/menyer, sosiale media-knapper, adresse, osv., osv.).

    Og så har man et pent/stort bilde, (for eksempel), over footer-en.

    Pluss X antall ‘surre-menyer’.

    Så nettstedene blir veldig ustrukturerte, (og uoversiktlige), med de footer-ene, som er vanlige, for tida, (vil jeg si).

    Så de rådene som gis, om footer-e, i våre dager.

    De kunne jeg ikke bruke så mange av.

    (Må jeg si).

    Selv om dette liksom skal være veldig bra råd, osv.

    (For å si det sånn).

    Så sånn er det.

    Bare noe jeg tenkte på.

    Men men.

    PS 6.

    Her er mer om dette:

    https://designshack.net/articles/layouts/15-tips-for-creating-a-great-website-footer/

    PS 7.

    Nå bare tok jeg bort det med ‘Høsten 2017’, (som kanskje ser litt dumt ut, (siden at det ikke er en ordentlig dato)).

    Og da skjedde ikke den nevnte bug-en.

    Det er mulig at menyen stod lavere før, (da jeg bodde i Trondheim), og at det er grunnen til at den bug-en ikke skjedde nå.

    Men det er mye annet, som bør/kan gjøres på nettstedet.

    Så jeg behøver kanskje ikke å henge meg opp i en bug, som var der, i 2018.

    (For å si det sånn.

    Det er også mulig at jeg rakk å fikse den nevnte bug-en, i 2018.

    Hm.

    Jeg har også lagt inn noe ‘tradisjonell footer-kode’, (en linje jeg fant på nettet nå, (på www.w3schools.com)), i footeren.

    Så det er mulig at det er den linjen, som gjorde susen.

    Noe sånt).

    Footer-en har litt mye luft.

    Hovedvinduet har også ‘stylet ekstra-luft’ over overskriften.

    Men menyen har ikke det.

    (Den har like mye luft/’padding’ oppe og nede).

    Så det er mulig, at det er bedre, å gjøre som for mobil-footer-en, (og i menyen).

    Å ikke ha så mye luft, (i footeren).

    For den footeren, (til PC-nettstedet), er jeg fortsatt ikke helt fornøyd med.

    (Må jeg si).

    Så sånn er det.

    Bare noe jeg tenkte på.

    Men men.

    PS 8.

    Her er mer om dette:

    http://johncons.angelfire.com/kontakt.html

    PS 9.

    Nå gjorde jeg ‘hovedvinduet’ veldig kort, (i sandkasse-modus), for å se hva som ville skje, og da la footer-en seg fremdeles greit, (må man vel si), så det er ikke noe bug der lenger, (må jeg si):

    PS 10.

    Det er også sånn, at ‘hovedvinduet’, er rimelig smalt.

    (På PC-nettstedet).

    Og det henger igjen, fra tida før jeg begynte med egne mobil-sider, (vinteren 2018).

    Så det kunne muligens ha blitt gjort breiere.

    Selv om det er enklere, å lese teksten, (må man vel si), hvis hovedvinduet er smalt.

    Hvis man for eksempel ser i en avis.

    Så har de ganske smale spalter, (som det vel kalles).

    Så jeg får se an om jeg skal gjøre ‘PC-nettsidene’ litt breiere etterhvert.

    Hm.

    Så sånn er det.

    Bare noe jeg tenkte på.

    Men men.

    PS 11.

    Det er også sånn.

    At hvis jeg gjør ‘PC-nettstedet’ breiere.

    Da må jeg sende de med nettbrett, til mobil-nettsidene.

    (For å si det sånn).

    Så da må jeg kanskje ha egne nettbrett-sider og.

    Og det blir kanskje litt mye.

    (For det begynner å bli litt lite plass, på det gratis Angelfire-shellet, som jeg har nettstedet mitt på).

    Så sånn er det.

    Bare noe jeg tenkte på.

    Men men.

    PS 12.

    Det er også en slags bug, (må man vel si), når det gjelder at jeg sender de surferne, som har skjermbredde, på mindre enn 1000 pixler, til mobil-nettsidene.

    For PC-nettstedet er vel på 1040 pixler.

    (Hvis jeg ikke tar helt feil).

    Så hvis noen har en skjermoppløsnings-bredde, på 1020 pixler, for eksempel.

    Så blir de ikke sendt til mobil-nettsidene.

    Og de får vel da en dårlig bruker-opplevelse, (på ‘PC-nettsidene’).

    (Selv om jeg ikke har fått testa dette enda).

    Så jeg må egentlig stille om, sånn at alle som har en skjerm, med mindre enn 1040 pixler i bredde, havner på mobil-nettstedet.

    (Noe sånt).

    Så sånn er det.

    Bare noe jeg tenkte på.

    Men men.

    PS 13.

    Det er ganske lett å endre designen, når man bruker CSS, så nå har jeg gjort om footeren, (på ‘PC-nettstedet’), til noe lignende, av den på mobil-nettstedet:

    http://johncons.angelfire.com/foelg.html

    PS 14.

    Etter at jeg gjorde om, sånn at nettstedet mitt, også brukte CSS, (noe jeg først hadde på Posegodt, som jeg designet da jeg bodde i Keith Court, (hvor jeg bodde fra 2012 til 2014), i Walton).

    Så begynte jeg også å skrive, på nettsidene, hvilken dato, som de var publisert, osv.

    (Sånn som nettaviser gjør, for eksempel).

    Og jeg har også skrevet datoen, for når nettsiden sist ble endret eller oppdatert.

    Og da har jeg noen ganger brukt Sist endret og andre ganger Sist oppdatert.

    Og hvis det står ‘Sist endret’, så er det nesten sånn, at jeg gjør narr av meg selv, hvis jeg har oppdatert nettsiden.

    (Må man vel si).

    Og hvis det står ‘Sist oppdatert’, så blir det litt dumt, hvis jeg bare har rettet en skrivefeil, for å si det sånn.

    Så det burde kanskje ha stått: ‘Sist endret/oppdatert’.

    (Noe sånt.

    Så da må jeg se over om dette, på alle nettsidene.

    Og så bytte ut den teksten, som står der fra før.

    For å si det sånn.

    Etter at jeg har bestemt meg for, hva jeg skal gå for, av sist endret/sist oppdatert).

    For jeg har ihvertfall lest et sted.

    (Rundt 2007, da jeg begynte med web-design).

    At man burde skrive datoen, for når nettsiden er publisert/laget, på nettsiden.

    Så sånn er det.

    Bare noe jeg tenkte på.

    Men men.

    PS 15.

    Når det gjelder nettstedet mitt.

    Så linker jeg til Min Bok, hos Lulu.

    (Under ‘Lenker’).

    Men det var noen, som ønsket Min Bok-bøkene, i pocket-utgaver.

    Og da ble boka bare på noen få kapitler.

    Så den boka er kanskje litt ‘katta i sekken’.

    Den boken har ikke solgt noe.

    (For da hadde jeg vel fått mail om det.

    Og jeg går også på sosialen nå.

    Og da ble det surr, i England.

    Hvis jeg fikk penger, i royalites, for bøkene mine, (som da lå på Amazon/Createspace), husker jeg.

    Så da måtte jeg tilslutt begynne å leite etter mynter på gata, for å overleve.

    Siden at britene begynte å tulle med meg, da.

    For å si det sånn).

    Og siden det kanskje ble litt tøysete, (fordi at noen mailet meg, og ville ha bøkene mine i pocket-utgaver).

    Så tror jeg at jeg tar bort den linken, fra nettstedet mitt, (om den boka, hos Lulu).

    (En av de neste dagene).

    Så sånn er det.

    Bare noe jeg tenkte på.

    Men men.

  • Jeg jobber med, å finpusse, den nye web-designen, på johncons-web, (etter migreringen, (til CSS), for noen måneder siden). Og nettstedet skal nå være både objektorientert og responsivt. Men det blir kanskje litt stort mellomrom, mellom de små overskriftene og teksten, (i feltene), tenker jeg. Men det er vel smak og behag. Så jeg får se, hvordan jeg skal løse dette, etterhvert

    gjør om til objektorientert

    http://johncons.angelfire.com/lenker.html

    PS.

    Her kræsjer visst objekt-orienteringen litt med HTML/CSS.

    Men da kan jeg kanskje bare droppe å ha disse tekst-feltene objekt-orienterte, (tenker jeg).

    For det ser litt ‘gammeldags’ ut, (må man vel si), med så mye avstand, mellom overskriften og teksten, i de ‘link-feltene’, (blant annet).

    Så det blir nok til, at jeg bare tar en ‘spansk en’, (på dette), for å spare tid, (og slippe å definere egne overskrifter), osv.

    Vi får se.

    Mvh.

    Erik Ribsskog

    PS 2.

    Denne bloggposten blir kanskje litt teknisk, men ved å søke litt, på Google, så fant jeg ut, at det er mulig, å fikse problemet ovenfor, ved å stille, på noen ‘default-verdier’, som overskriftene, i HTML, har:

    teknisk

    http://www.w3schools.com/tags/tag_hn.asp

    PS 3.

    Jeg la også merke til, (når jeg så gjennom CSS-koden nå), at johncons-web, har en eller to ting igjen, (det var vel en font-størrelse, som var oppgitt, i piksler), før det er 100 prosent responsivt.

    (For da må alt være i em, (for eksempel), og ikke i piksler, da).

    Så det er en del finpussing igjen, på dette nettstedet, før denne migreringen, er helt ferdig, (for å si det sånn).

    Så sånn er det.

    Bare noe jeg tenkte på.

    Men men.

    PS 4.

    Jeg endte opp med, å definere, min egen ‘overskrift-type’, (noe som ser ut til å funke greit, under testing, ihvertfall):

    definere egen overskrift

    PS 5.

    Da ble avstanden mindre, mellom overskrift og tekst, (den røde bakgrunnsfargen, (bak overskriften: ‘johncons-blogg’), er bare for testingens skyld):

    avstand mindre