Alt har en begynnelse…

Archive for the ‘Nerding’ Category

You are currently browsing the archives for the Nerding category.

9 jan 2010

Nytt design hver dag?

Leste nettopp en engelsk artikkel, der designere ble oppfordret til å lage et nytt design hver dag. Hvorfor? jo, hva gjør idrettsutøvere gjør hver dag? jo de trener. Hvorfor trener de? for å bli bedre. Så hva gjør en designer? Han lager iallefall ikke et nytt design hver dag. Men i følge denne artikkelen så oppfordret han alle til å lage et design hver dag i et helt år. For å trene og dermed bli bedre. Nå ser jeg ikke på meg som en designer, men dette er igrunn en smart måte å bli bedre på.

Derfor tenke jeg at jeg skal prøve det, men jeg vil ikke klare hver dag. men hver tredje dag skal det bli lagt ut et nytt design her på bloggen, tilpasset blogg.no malene. Så får vi se hvor lenge jeg klarer å holde på. Vil legge ut maler og stilsett filen til alle designene, slik at de som ønsker å bruke dem har muligheten til det. Første ferdige design kommer mandag.

9 januar, 2010 at 16:42 by Tronds

Posted in Nerding, blogg.no | 14 Comments »

15 sept 2009

Design: Feilsøking i stilsett filen

Ja, dette er noe alle er borti en eller annen gang. Det er en feil i stilsett filen. Her skal jeg forklare enkel fremgangs måte for lett å se etter feil i stilsettet.

Stilsett “kodene” er bygd opp slik:

hvor{
hva: til;
}

Hvor denne koden skal virke feks h2 eller #wrapper

Hva er det som skal forandres, feks border: eller font-size:

Til hva skal dette forandres, feks 1px solid black; eller 15px;

Legg også merke til { } all “koden” skal plasseres mellom disse.

og at alle linjene inni skal sluttes med ;

Så hvis du feks finner dette i stilsett filen:

Feil	Rett
h2{ font-size: 20px; #wrapper{ background: #fff; }	h2{ font-size: 20px; } #wrapper{ background: #fff; }

Så ser du at det begynner på en ny “Hvor” før den andre er avsluttet med }

Denne feilen finner jeg mange ganger på slutten av en stilsett fil.

I 99.8% av tilfellene skal det ikke plasseres < > inni stilsett filen. Det er veldig mange som skriver <style> og </style> inni filen. De skal aldri være i en stilsett fil, fjern dem!

Feil	Rett
h2{ font-size: 20px color: #000000; } #wrapper{ background: #fff; }	h2{ font-size: 20px; color: #000000; } #wrapper{ background: #fff; }

Her vil aldri “h2″ blitt satt til 20px eller svart. Grunnen er at det er glemt en ; på slutten av ene linjen.

Med å gå gjennom stilsett filen på denne måten vil du finne de fleste innlysende feilene.

Lykke til.

15 september, 2009 at 1:02 by Tronds

Posted in CSS, Design, Nerding | No Comments »

9 sept 2009

Du ønsker?

Her kan du spørre spørsmål om html/css og jeg vil svare deg så godt jeg kan.

Jeg svarer på din blogg og jeg ordner kanskje et innlegg her hvis det er noe flere kan komme til å lure på.

Hva ønsker du?

( Jeg svarer på alle spørsmålene jeg får )

9 september, 2009 at 16:31 by Tronds

Posted in Design, Nerding, html/css | 138 Comments »

2 sept 2009

Oi.. den siden var vist blokker på skolen!

Blokkerer skolen din noen internettsider? Irriterende ? Jeg har funnet løsningen på hvordan du slipper unna blokkeringene.

Svaret er: Ikke gå inn på sider som er blokkert. Smart ?

Jeg må igrunn innrømme at jeg er en av de som driver å blokkerer slike sider. En del av jobben min på skolen. Er utrolig mange som prøver å komme uten om blokkeringene hver dag, proxy sider er veldig populære. Har ordnet det slik at en “ny” proxy side overlever bare i 10-15 sekunder på nettverket før den blir blokkert.

Men tror du eleven gir seg av den grunnen? nei, absolutt ikke. De prøver om og om igjen. Er vel en grunn at det er over 500 automatiske blokkeringer av nye proxy sider siden rett over sommerferien til nå.

Derfor har jeg nå gjort det sånn at etter 3-4 forsøk på proxy sider vil brukeren få nedsatt intetnetthastigheten en stund fremover.. jeg har til og med ordnet en skrivebords bakgrunn som blir lås til de brukeren som prøver seg på for mange proxy forsøk. Siden de tydeligvis ikke klarer å . Det er lov å rose tegne ferdighetene mine. ( smil )

Blokkerer skolen din enkelte nettsider ?

Klarer du å komme uten om blokkeringen ?

2 september, 2009 at 18:34 by Tronds

Posted in Blogg, Jobb, Nerding | 16 Comments »

14 aug 2009

Merkelig synes jeg det er

Holder på å installere programmer / spill på Ipoden min. Må bare nevne at jeg er veldig fornøyd med den så langt. Nå har jeg jo muligheten til å surfe fra alle plasser i huset, til og med på do. Noe å tenke over det, kanskje min neste kommentar til deg er innlegg når jeg sitter på do?

Men tilbake til det jeg synes var merkelig. Jeg holder på å installere program på Ipoden, så kom jeg på at jeg må jo ha en RSS leser. Dette er et program som henter ned nye blogg innlegg fra de sidene jeg velger å følge med på. Da fikk jeg opp en boks der jeg måtte bekrefte at jeg var over 17 år. Hvorfor tenke jeg. Så tok jeg meg en tur innom hjemmesiden til programmet, der står det:

Joda, men.. denne henter jo informasjonen sin fra sider jeg legger til. Som den henter ned fra internett. Hvorfor fikk jeg ikke en slik melding når jeg brukte Safari ( nettleseren som følger med Ipod )? Hvordan kan Apple i det hele tatt tillate noen å gå på internett når det er så mye “farlig” der ute?

Nok om det. Bortsett fra dette har jeg vært inne hele dagen. Bare studert regnet. Og stol på meg, det har regnet utrolig mye i dag.

Regner det med deg?

Synes du internett er “farlig” ?

14 august, 2009 at 19:43 by Tronds

Posted in Blogg, Ipod touch, Merkelig, Nerding | 9 Comments »

7 aug 2009

Snublende gjennom internett

Jeg har kanskje nevnt dette tidligere, men jeg liker dette så godt at jeg skriver litt til om det.

Stumbleupon? noen gang hørt om siden? Ikke? la meg fortelle hva den går utpå . Du registrere deg, gratis selvfølgelig, du krysser av hvilke interesse / hobbyer du har. Så setter du deg tilbake i stolen, tar på deg hjelmen og spenner sikkerhetsbeltet også trykker du på STUMBLE! knappen.

Stumbleupon har over 8 000 000 brukere. Disse brukeren sender inn sider som de tror folk kan ha interesse av. Det er disse sidene som blir vist på skjermen din når du trykker på STUMBLE! knappen. Jeg har funnet utrolig mye interessant når jeg har holdt på å “falt” rundt om på nettet. Alt fra brødristere som skriver på skiven din til filmer på youtube. Jeg har til nå samlet over 1200 bokmerker. Og mere blir det hver dag. Det skal nå sies at jeg til nå har stumblet 6590 sider. Sider som ikke intresserer meg blir det, men jeg har mye større kjangse på å treffe noe jeg liker nå.

Det var dagens reklame

Adressen til siden er: http://www.stumbleupon.com/

OBS! OBS! Dette kan være veldig vanedannende!!

Har du prøvd dette før?

7 august, 2009 at 2:44 by Tronds

Posted in Nerding, nyttige sider | 13 Comments »

13 jun 2009

Når du har 92..

faner åpen i firefox så er det kanskje på tide å lukke noen.

Dette er et gjentakende problem, jeg er innom en blogg. Legger igjen en kommentar og lar fanen være åpen slik at jeg kan svare på eventuelle svar som kommer. Eller bare følge med hva andre skriver.

Bildet er laget av foxtab tillegget, ganske greit å enkelt å finne igjen faner, kan også søke over åpnede faner.

Har du samme problemet?

13 juni, 2009 at 11:16 by Tronds

Posted in Just for fun, Nerding | 8 Comments »

20 mai 2009

Design: Blockqoutes

Hva er blockqoutes? Feks hvis du skal gjengi noe som noen andre har skrevet på bloggen, eller du har hørt i en film, lest i avisen. Da kan bruke den til det.

Vanskelighetsgrad: Lett, trenger bare å gjøre forandringer i “stilsett” filen.

Det du må gjøre er å skrive teksten du vil skal bli gjengi, gå over til html editoren og skriv <blockquotes> forand teksten du nettopp skrev og </blockquotes> etter teksten. Lagre trykk på forhåndsvisning og se at teksten ble “skubbet” litt lenger inn på siden. Det er “blockquotes”.

MEn den ser vel litt kjedelig ut? la oss “pimpe” den opp litt

Vi skal inn å forandre på “stilsett” filen. Slik gjør vi det:

Når det er gjort tilføy følgende kode nederst i filen:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19

blockqoutes{

width: 300px;  /* her stiller du hvor bredd den skal være */

border-left:10px solid #C11;  /*Hvor stor kanten til venstre skal være også fargen den skal ha */

background:#ccc; /* bakgrunnsfarge på boksen

margin:.612em; /* hvor langt inne boksen skal begynne */

padding:.612em;  /* hvor lange inne teksten skal begynne i boksen */

display: block;

text-decoration: none;

}

/* denne her setter inn " forand første tegn */

blockqoutes:before{

content:open-quote;

font-size:4em; /* størrelse på tegnet */

color:#000; /* fagre den skal ha */

vertical-align:-.4em; /*hvor mye den skal forflytte seg */

margin:0 .2em 0 0; /* hvor lange fra resten av teksen skal plassere seg */

line-height:.1em /* linje høyde *

}

Også er det bare å lagre. Da var det gjort.

TIPS: Er du som meg og aldri bruker gjennomstreking av teksten ( ABC )? Da har du muligheten til å gjøre den knappen om til blockqoutes. Det er igrunn ganske enkelt, gå inn i “stilsett” filen igjen, forandre “.blockqoutes” til “strike” ( Merk at “.” forsvinner også ). Forandre også “.blockqoutes:before” til “strike:before”. Lagre stillen så var vi ferdig. Når du nå skal ha tekst blockqoutes så skriver du først teksten, merker den og trykk på “ABC” knappen. Trykk på forhåndsvisning og du vil se at teksten ble blockqouta.

Og som alltid har du noen spørsmål så er det bare å skrike ut.

Lykke til.

20 mai, 2009 at 2:42 by Tronds

Posted in Design, Nerding, blogg.no | 15 Comments »

19 mai 2009

Design: Favicon?

Hva er et favicon? Et favicon er det lille bilde som vises vedsinav adresse feltet i web-leseren. Feks har blogg.no en før runding med en “b” inni.

Jeg er en av de som åpner mange faner på firefox ( eller IE ). Det jeg synes er kjedelig er å se dette:

Jeg skal nå ganske kort gå gjennom hvordan du kan ordne ditt eget favicon som vises når noen går inn på siden din.

Først må vi finne et favicon vi vil sette inn på bloggen våres. Favicon er en liten bilde fil som består av 16 x 16 punkt. Det finnes program du kan laste ned å installeres på maskinen for å lage slike, vi skal her i stede for bruke en web-side der vi kan lage en, eller vi kan finne noe som noen alerede har laget. Favicon.cc er en slik side, her kan du tegne eller velge mellom flere hundre favicon som noen har laget tidligere. Jeg velger å ikke vise hvordan du ordner et med animasjon da de ikke vil virke i Internet explorer.

Når du har laget eller funnet et du vil bruke høyre klikker du på “download Favicon” knappen som du finner på høyre side.

Hvis du bruker Internet Explorer velger du “kopier snartvei” fra menyen. Hvis du bruker Firefox velger du “Kopier lenkemål”.

Da må vi redigere malen på blogg.no, for å komme ditt følger du punktene under etter at du har logget deg inn til bloggen din.

Her Fin den linje som det står:

Så merker du teksten:

http://static.blogg.no/blogs/favicon.gif

og høyre klikk og velg “lim inn”. Der etter må du forandre “image/gif” til “image/x-icon”

Da vil linjen bli noe slik som:

1	<link rel="shortcut icon" href="http://www.favicon.cc/?action=download_copy&file_id=3185" type="image/x-icon" />

Trykk på “lagre malen”

Hvis du vil ha denne på alle sidene dine og ikke bare hovedsiden må du gjenta siste del på de andre mal filene. Arkiv, Kategori og Enkeltinnlegg.

Lykke til, hvis det skulle være noe som er uklart eller du får problem er det bare å rope ut.

19 mai, 2009 at 19:04 by Tronds

Posted in Design, Favicon, Nerding, blogg.no | 26 Comments »

19 mai 2009

Design: Meny

[EDIT] Tiril ( http://www.tiruuuuul.blogg.no ) lurtepå om hvordan hun forandret fargen på menyen. Har skrevet inn kommentarer i CSS delen. Kommentarene behøves du ikke å fjerne når du limer inn koden

Jeg har vært innom en god del blogger og jeg ser at det er mange som er flink til å ordne designet sitt selv, men de har alltid spørsmål om et eller annet. Derfor tenkte jeg at jeg kunne ordne en kategori der jeg la inn litt design tips. Jeg kan tipsene, men jeg er utrolig dårlig til å fikse design som ser bra ut selv

Vanskelighetgrad: Lett, bare du holder tungen rett i munnen og følger oppskriften.

Det første jeg vil ta for meg er menyer, jeg ser det er mange som lurer på hvordan de kan få seg en meny på siden. Det er faktisk ikke så vanskelig som noen vil ha det til.

Denne gangen skal vi prøve på denne menyen her:

La oss begynne. Jeg har bare erfaring med blogg.no så jeg vil her vise hvordan du setter den inn i desighet der:

Logg deg inn.

Velg “Design”

Velg “Rediger”

Sett inn disse linjene med kode på slutten av “stilsett” filen.

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56

#meny2 {

font-family: Arial, sans-serif;

font-weight: bold;

text-transform: uppercase;

padding: 0;

list-style-type: none;

background-color: #eee;

font-size: 13px;

height: 40px;

border-top: 2px solid #eee;

border-bottom: 2px solid #ccc;

}

#meny2 li {

float: left;

margin: 0;

}

#meny2 li a {

text-decoration: none;

display: block;

padding: 0 20px;

line-height: 40px;

color:  #000; /* Farge på skriften */

}

#meny2 li a:hover, #meny2 li.active a {

background-color: #f5f5f5;

border-bottom: 2px solid #DDD;

color: #999;

}

#meny2_wrapper ul {

margin-left: 12px;

border-top: 2px solid #356AA0;   /* Farge på top-rammen */

border-bottom: 2px solid #204061; /* farge på bunn-rammen */

background: #356AA0; /* bakgrunnsfarge */

}

#meny2_wrapper li a:hover, #meny2_wrapper li.active a {

color: #90CDFF;   /* skrift farge når du holder musen over */

background: #3D7BBB; /* bakgrunnsfarge når du holder musen over */

border-bottom: 2px solid #356AA0;  /* farge på bunn-rammen når du holder musen over */

}

#meny2_wrapper {

padding: 0 16px 0 0;

background: url(rund.png) no-repeat right;

}

#meny2_wrapper div {

float: left;

height: 44px;

width: 12px;

background: url(rund.png) no-repeat left;

}

Her kan du forandre på bakgrunnsfargen, størrelse på fonten. Den må også ha “rund.png” bildet ellers vil du ikke få avrundet kanter. Det som jeg bruker her kan du laste ned her:

Når det er gjort trykk på: “lagre stilsett”

Så trykker du på “Maler”

Her må du finne hvor du vil sette inn meny linjen på siden din. Hvis du ikke er sikker så vil jeg anbefale deg i å sette det etter “breadcrumbs”, dvs etter denne linjen som er slik ut ( kommer litt ann på hvor mye du har forandre på original designet) :

over denne kopierer du inn følgende html kode:

1
2
3
4
5
6
7
8

<div id="meny2_wrapper">

<ul id="meny2">

    <li><a href="#">Hjem</a></li>

    <li><a href="#">Om siden</a></li>

    <li><a href="#">Om meg</a></li>

    <li><a href="#">Kontakt</a></li>

</ul>

</div>

Her kan må du forandre på hva som skal stå på knappene og hvor de skal peke. Feks. hvis jeg ville at “Hjem” skulle peke til min side her så hadde den sett slik ut:

Du kan putte inn flere linjer hvis du ønsker det. Når du er ferdig trykk på “lagre”. Nå har menyen kommet på hoved siden, hvis du vil at menyen skal komme opp når noen er inne på et innlegg å leser må du legge inn siste koden i filen “Enkeltinnlegg” også.

Det er bare å prøve seg frem med forskjellige farger og oppsett.

Hvis det er noe som ikke går eller du får problem er det bare å rope ut, under her

CSS koden og bildet er hentet fra http://13styles.com/category/css-menus/ . Du kan følge oppskriftet min over og kopiere inn andre menyer fra denne siden.

Lykke til.

19 mai, 2009 at 12:27 by Tronds

Posted in Design, Meny, Nerding | 88 Comments »

Archive for the ‘Nerding’ Category

Nytt design hver dag?

Design: Feilsøking i stilsett filen

Du ønsker?

Oi.. den siden var vist blokker på skolen!

Merkelig synes jeg det er

Snublende gjennom internett

Når du har 92..

Design: Blockqoutes

Design: Favicon?

Design: Meny

Legg meg til som venn

Siste innlegg

Siste kommentarer

Emner

Bloggrull