Skrevet av Mats den 23.06.2008
Har du noengang vært hjemme hos noen, du har sett et utrolig kult bilde på veggen? Det tror jeg du har, selv så jeg et fantastisk stilig bilde av hovedpersonen i Scarface på en sammenkomst tidligere i år. Det var tredelt og var sentralt plassert i stuen til vedkommende.
Hvor får man tak i slike bilder? Kan man lage dem selv? Jeg spurte dem og fikk beskjed om at de hadde kjøpt det av en privatperson som hadde laget selve bildet selv og fått det printet ut i etterkant. Selv sitter jeg mye i Photoshop og er en liten hobbyfotograf, så det å få vist noe av dette på veggen hadde vært ypperlig.
Problemet var bare at jeg måtte finne noen som kunne tilby å få dette printet ut i det formatet jeg ønsket, samt til en rimelig kostnad.
Har funnet ut at Punkt1 i Larvik kan tilby digitaltrykk til gode priser, samt at de har avdelingskontor i Oslo. Passer meg perfekt siden jeg er fra Stavern og bor i Oslo. Så det blir noen turer ned til nærområdet der i løpet av året.
De kan også tilby mange andre ting som bøker, plakater, bannere og visittkort. Egentlig alt man kan tenke seg når man skal promotere seg selv eller bedriften sin.
Tenkte jeg ville dele det med dere, så dere også kan få et slikt bilde som det under:
Privat bilde:
Fra ShowOff på hjemmesiden til Punkt1:
Ta en tur innom Punkt1 sin digitaltrykk!
Skrevet av Mats den 23.06.2008
Her får du tips til noen nettsteder som viser deg hvordan du kan gjøre siden din enklere å bruke:
Skrevet av Mats den 22.06.2008
Velkommen til den første guiden her på ItStyle Bloggen.
I startfasen av denne bloggen var fokuset å få folk til å se bloggen, få gode tips og triks som er gull verdt. Dette trakk en stor andel brukere hit, håper alle syntes det var verdt en tur innom.
Nå er fase 2 av bloggingen kommet, her vil jeg fortsette med gode tips og triks, men har lagt til en ny kategori som går under guider. Her vil jeg poste artikler som vil hjelpe deg til å få til forskjellige ting for din nettside eller på din datamaskin.
Har du ønsker til noe du lurer på så post gjerne det i kommentarfeltet på “om bloggen”.
Guide nr 1: Lag en rollover effekt på din navigasjon!
1. Lag et bilde av din navigasjonsknapp.
Dette kan du lett gjøre i for eksempel Adobe Photoshop eller i andre tegneprogram. Under her ser du min navigasjonsknapp. Det jeg vil at den skal gjøre er å vise kun den blå delen av bildet når man ikke holder musen over knappen, for så å bytte over til den røde delen når man holder musepekeren over den. Du kan laste ned og bruke bildet jeg har under for å teste det ut selv.
Det mest vanlige har vært å ha to forskjellige bilder. Der det ene bildet blir lastet når man går inn på siden din, og den andre blir ikke lastet før man holder musen over, så da kan det ødelegge designet mens den lastes inn. Det finnes noen mellomlagrinsløsninger for å løse det problemet, men med denne metoden er det enklere.
2. CSS koden for å få dette til å fungere
<style type=”text/css”>
<!–
a#rollover{
height: 20px;
width: 100px;
background-image:url(DittRollOverBilde.png);
text-decoration:none;
display:block;
}
a#rollover:hover{
background-position:100px;
}
–>
</style>
Over her har du selve CSS koden for å få din rollover til å fungere. De feltene som er markert med rødt må du endre til det som gjelder for deg. Du setter inn koden i din egen CSS fil eller i <head></head> delen av din nettside.
Forklaring av koden:
height: Her setter du inn høyden til det bildet som du selv har laget, bruker du mitt eksempel lar du det stå “20″ der siden bildet er 20 piksler høyt.
width: Dette er bredden på den delen av bildet som er den blå knappen, i mitt eksempel så er den 100 piksler lang.
background-image:url: Dette er linken til bildet ditt. Du bytter ut DittRollOverBilde.png med det ditt bildet heter. Hvis du ikke legger bildet i samme mappe som html filen din ligger så må du legge til hele adressen til dit bildet ligger eks “http://www.itstyle.net/blog/guider/RollOverBilde.gif”
background-position: Dette bestemmer hvor langt til venstre nettsiden din skal gå i bildet når man holder musen over bildet. I mitt eksempel er den blå knappen 100 piksler lang, så når jeg velger at den skal hoppe 100 piksler til høyre på bildet, så vil den kun vise den røde knappen.
3. HTML koden
<a href=”#” id=”rollover”> </a>
Over ser du html koden. Det er en helt vanlig link tag, men den har fått påført seg id’en “rollover”. Id’en henviser da til CSS koden som du skrev i punkt 2. Den røde firkanten er der du setter inn url’en til siden du linker til. Regner med at du vet hvordan en link tag ser ut fra før, så skal ikke forklare den så mye.
4. Det var det, du er ferdig! Fullstendig kode her.
Vanskeligere enn dette er det ikke. Er du en klipp og lim type som skal teste eksempelet så fort som mulig uten å sette det overstående sammen så får du her fullstendig kode til hele html siden. Det eneste du må huske på er å endre de parameterne som jeg tidligere nevnte og ha bilde filen klar.
Fullstendig kode for nettside med rollover link:
<html>
<head>
<title>Din Rollover navigasjon nettside</title>
<style type=”text/css”>
<!–
a#rollover{
height: 20px;
width: 100px;
background-image:url(RollOverBilde.png);
text-decoration:none;
display:block;
}
a#rollover:hover{
background-position:100px;
}
–>
</style></head>
<body>
<a href=”#” id=”rollover”> </a>
</body>
</html>
Live eksempel: http://www.itstyle.net/blog/eksempler/rollover/
Skrevet av Mats den 22.06.2008
Når du setter deg ned for å jobbe med et nytt design, eller friske opp et gammelt design på en av dine nettsider eller blogger så kan man få litt sperre på akkuratt hvilke farger man skal bruke.
Da er det godt at det finnes nettsider som kan gjøre det litt enklere for deg å finne farger som passer sammen. Adobe Kuler finner du ved å gå på http://kuler.adobe.com/ så kan du søke frem forskjellige fargevalg og velge ut de som er ratet høyest. Mange gode fargekombinasjon der.
Et par andre fargevalg sider som er gode: Color Scheme Generator 2, Daily Color Scheme
Skrevet av Mats den 20.06.2008
På utkikk etter et overblikk over nye/kommende spill som du kanskje skal kjøpe?
Da kan det være lurt å ta en titt innom gamer.no, Gamereactor.no, gamerankings.com, gamespy.com og ign.com.
Der har du et par norske sider og noen utenlandske. Det har vært litt nyhetsoppmerksomhet blandt annet i Dagbladet om at de norske sidene baserer sine anmeldelser på piratkopierte utgaver av spillene. Det er under etterforskning nå og en av de norske sidene tok ned sin anmeldelse etter at det ble påpekt. Kan i hvertfall ikke klage på at de ønsker sine lesere det helt ferskeste stoffet!
Skrevet av Mats den 20.06.2008
Er du en webutvikler og elsker å se sider som har brukt CSS egenskapene til det ytterste?
Da anbefaler jeg en tur innom de 5 sitene jeg har listet opp her, de inneholder samlinger av gode CSS sider som finnes. Vel verdt å ta en tur for inspirasjon eller bare for underholdnignen av de kreative påfunn:
- Welovetxp
- CSSvault
- CSSmania
- CSSdrive
- CSS-website
Skrevet av Mats den 20.06.2008
Sitter du nedlasset i arbeid på et slitent kontor? Da vil du kjenne deg igjen i denne tegneserien. Den handler om det vanlige som skjer på et kontor med en liten humoristisk tvist.
Enjoy http://www.mylifeinacube.com/
Skrevet av Mats den 19.06.2008
Om du har fulgt med på mine tidligere poster, så la du nok merke til Hvordan bruke hvilken font du vil på din nettside. Der fikk du vite hvordan du kan ha hvilken som helst font på din nettside med et par små triks. Det vil heller ikke skade din rangering av nettsiden i google siden original teksten er der. Det anbefales at den kun brukes på overskrifter og helst ikke på all tekst.
Nå som du har en slik strålende mulighet til å ha hvilken som helst font på din nettside, så kunne du vel tenkt deg å funnet en ny font, en frisk og rask, hard og brutal eller kanskje en håndskrift lignende font.
Da kan du ta en titt på sidene som er listet opp under, der finner du font gallerier med mest gratis fonter men og noen for profesjonelle som er villig til å betale:
Da er det bare å sette seg ned med sIFR og fontene og friske opp siden før sommerferien starter!
Skrevet av Mats den 19.06.2008
Mozilla Firefox nettleseren gjorde en stor pr kampanje rundt den nye lanseringen sin, de klarte å få frem budskapet sitt blant mange som var villige til å delta i nedlastingsforsøket deres. De fikk satt en ny rekord som du kan lese mer om på http://www.dagbladet.no/kultur/2008/06/19/538626.html
Her kan du få lastet ned Mozilla Firefox 3!
Skrevet av Mats den 19.06.2008
Her har du en liten samling av gode sider som har samlinger av bilder og annet materiale som man bruker på sine nettsider eller i en eller annen publiserings vei:
- SXC - www.sxc.hu - Stort utvalg med bilder
- Image After - www.imageafter.com - teksturer, gratis bilder
- MorgueFile - www.morguefile.com - Bilder
- Design Packs - www.designpacks.com - Gratis bilder for designere.
- UnProFound - http://www.unprofound.com - Bilder
Håper du får god bruk for dem!
Få oppdateringer på epost når det kommer nye tips!
Velkommen inn i varmen av gode tips om programmer og nettsider. Siden er til for å samle alle gode tips som folk sitter på rundt om. Tipsene skal være nyttige, ha et bruksområde og kunne hjelpe deg å gjøre hverdagen litt enklere men du sitter her og skal gjøre diverse oppgaver ved pcen.
"Tips bloggen" har hatt en enorm vekst fra dag 1 og har nå flere hundre besøk om dagen. Det vil bli publisert tips daglig på bloggen, men nå i starten er det 2 tips om dagen. Til uken er det lagt frem tips som vil bli publisert 7:30 og 16:00 hver dag. Så ta en titt innom så kan du se om det er noe som er nyttig for nettopp deg!
Har du egne tips, så gå på Om bloggen siden og gi ditt tips der, lenke til din blogg og ære er den store premien.
