juni 2010

"Legg meg til som venn"-link

For f en link der det str Legg meg til som venn, kopier og lim inn denne koden der du vil ha linken.

<a href="${ProfileUrl}">Legg meg til som venn</a>

Gratis design - Hva vil du ha?

Jeg har tenkt lage et til gratis design som alle kan laste ned og bruke, men jeg er ikke helt sikker p hvordan jeg skal lage det. Har du noen forslag, s kom med dem :)

Hvilket oppsett kunne du tenkt deg?
Har ikke laget noen gratisdesign med sidemenyen oppdelt i flere bokser.. kanskje jeg skal lage det? Hva mer?

Farger, skygger og kant p tekst i Photoshop

Nr jeg skriver tekst p f.eks headere, s bruker jeg stort sett alltid skygger, kanter eller noe snt rundt teksten.
Her skal jeg lre deg hvordan du kan f teksten din til se litt mer interessant ut. Tar de effektene jeg bruker mest og kan mest om.

For skrive tekst, trykker du p T i verktymenyen til venstre. Trykk hvor som helst inni dokumentet eller bildet ditt og skriv noe.

Farge, teksttype, strrelse osv.
Trykk p Window --> Character. Da kommer det opp et vindu med mange forskjellige ting du kan endre p. Hvis du frer musa over noe, s str det va det betyr.




Layer style (skygger, kanter, gradient)
Hyreklikk p tekstlaget du har laget og trykk p Blending Options. I menyen til venstre ser du mange ting du kan legge p teksten. Hvis du trykker p Drop Shadow, s skal jeg forklare litt hva de forskjellige tingene betyr.
Opacity er gjennomsiktighet.
Angle bestemmer hvor skyggen skal legge seg, i hvilken retning.
Distance er avstanden mellom selve teksten og skyggen.
Spread vet jeg ikke helt hvordan jeg skal forklare, men den pleier jeg aldri bruke. Du skjnner hva som skjer nr du drar den bortover.
Size er strrelsen p skyggen.
Fargen p skyggen kan du endre p verst.

Outer Glow lager en gld rundt teksten. Nesten det samme som skygge, bare at det vises like mye rundt hele teksten.

Color overlay er nesten ikke vits i bruke p tekst. Da kan du likesgodt bare bytte farge direkte p teksten i stedet for bruke den.

Med gradient overlay kan du smelte flere forskjellige farger inn i hverandre og det vises da p teksten. Her er det bare prve seg frem.

Pattern overlay brukes til legge et mnster over teksten.

Stroke lager en kant rundt teksten. P den kan du velge tykkelse og farge eller gradient.

Layers styles kan brukes p alt mulig. Bilder, former, tekst ++

Hper dette var til hjelp!

Endre fargebilde til svarthvitt

Det er mange mter gjre et bilde til svarthvitt i Photoshop. Her er en:

1:
pne bildet i Photoshop.

2: Trykk p Image - Adjustments - Hue/Saturation.

3: Still spaken under Saturation helt til venstre og klikk OK.


Youtube video i blogginnlegg

DENNE FUNKER IKKE LENGER. NY GUIDE KOMMER.

DENNE FUNKER IKKE LENGER. NY GUIDE KOMMER.

DENNE FUNKER IKKE LENGER. NY GUIDE KOMMER.

DENNE FUNKER IKKE LENGER. NY GUIDE KOMMER.

DENNE FUNKER IKKE LENGER. NY GUIDE KOMMER.

DENNE FUNKER IKKE LENGER. NY GUIDE KOMMER.

DENNE FUNKER IKKE LENGER. NY GUIDE KOMMER.



1:
Finn youtube videoen du vil ha.

2: Trykk p Innbygg. Kopier koden som kommer opp. Fr du gjr det kan du skifte strrelse og farge om du vil.

3: For f videoen i et innlegg, m du trykke p HTML av/p. Lim koden inn nederst og trykk p HTML av/p igjen. N vises videoen som en gul/oransj firkant.

Vinn et design!

Minner om at du kan vinne et helt design hos meg hvor du selv bestemmer hvordan du vil ha det. Det er ikke s mange pmeldte enda, og alle har like stor sjanse til vinne fordi jeg trekker en tilfeldig kommentar med random.org.

Har ikke bestemt meg for nr jeg skal trekke vinneren, men skal ikke vente s mye lenger n. Noen dager, kanskje.

TRYKK HER for bli med!



MinGave.com

Design til Ruth

N har Ruth09.blogg.no ftt opp designet jeg har laget til henne :) Her er resultatet.


Hva syns du?

Lage runde hjrner p et bilde

1: pne bildet i Photoshop.

2: Ls opp bildet ved dobbeltklikke p laget.

3: Velg Rounded rectangle tool. Velg Paths.



4: Du kan velge selv hva radiusen skal st p. Jo hyere tallet er, jo rundere blir hjrnene. Jeg har min p 15 px.

5: Lag en "firkant" inni bildet snn som jeg har gjort.


6: Hyreklikk inni bildet og velg Make selection. Sjekk at Anti-aliased er merka og at Feather str p 0. Klikk OK.

7: Trykk Select - Inverse. Snarvei: Shift + Ctrl + i. Og deretter trykker du p Delete (eller Del) p tastaturet.

8: Trykk File - Save As...
For at du skal kunne bruke bildet p alle bakgrunner uten at det kommer en hvit firkant rundt bildet s m du velge PNG som format, men da vil kantene bli hakkete om du laster de opp p blogg.no. Anbefaler da bruke tinypic.com i stedet.
Lagrer du i JPG-format kan bildet fint lastes opp p blogg.no, men da blir det en hvit firkant rundt bildet. Det vises ikke om du har hvit bakgrunn p bloggen.
For f en annen farge en hvit nr du lagrer i JPG m du lage et nytt lag, farge det den farge du vil og legge det under laget med bildet ditt.




Vinneren av blogg vs. blogg

Da var avstemningen avsluttet og hegekristin.blogg.no er vinneren. Gratulerer!


30 kroner for en header!

Har satt ned prisen p headere til 30 kroner. Klikk her for komme til bestillingssiden. Husk beskrive godt hvordan du vil ha headeren. Legg gjerne ved headere du liker.



Bloglovin - Bruker du det?

N syns jeg faktisk jeg har lite flgere p bloglovin i forhold til det antallet lesere jeg har hver dag. Med bloglovin gr du ikke glipp av et eneste innlegg til de bloggene du flger. Alle innleggene du ikke har lest kommer til ligge verst p listen helt til du har lest dem. Du kan ogs spare innlegg du syns er nyttig snn at du lett finner dem igjen.

bloglovin
Fr jeg begynte bruke bloglovin mtte jeg selv huske p g innom hver eneste blogg jeg likte for sjekke om det var skrevet noen nye innlegg. N har jeg alle p en plass! :) Det er s enkelt og greit.

Jeg kommer til legge ut mange fler html og css-koder, Photoshop tutorials og kanskje et til gratis design om ikke lenge. Hres noe av dette interessant ut? Flg meg p bloglovin, s fr du med deg alt.
Forresten s kan du fortsatt vinne et design HER.

Tror forresten jeg begynner bli i litt drlig form her n. Sitter snufser litt. Jeg har ikke vrt syk siden Mars 2009, alts over 1 r siden. Det vil si feber og sengeliggende. Etter det har jeg bare hatt litt vondt i halsen og vrt smforkjla 2-3 ganger i 2-3 dager om gangen. Fr jeg feber n, s kan jeg sikkert g et helt r p skolen til hsten uten bli syk, og det er jo absolutt ikke dumt!

Bare fortsett si hva dere vil lre i Photoshop HER.


Fant ut n nettopp at jeg er p 13. plass p pluss-topplisten med 70%. hehe

Endre/forsterke yenfargen

Det er flere mter skifte yenfarge p. Jeg viser dere den jeg synes er enklest.




1: Trykk og hold inne Brush/pencil Tool helt til listen kommer fram. Velg Color replacement tool. Hyreklikk inni bildet ditt og sjekk at hardness str p 0%.


2: Velg fargen du vil ha. Du burde ikke velge en knallfarge. Da ser det ut som jobben er gjort i Paint, alts veldig falskt. Hvis ynene har en skarp farge p bildet fra fr, s kan du bruke en litt sterkere farge enn meg, men hvis bildet har ganske drlig kvalitet og ynene begynner se litt gr ut burde du velge en svak farge. Dra fargevelgeren/spaken mot der fargen gr ut mot gr og nedover til det mrke omrdet. Noe snt som dette:


3: Fargelegg inni irisen p ynene.

Et tips til de aller fleste blogg"leserne"

G p denne linken og les.
http://flisa.blogg.no/1277329684_se_hit_alle_spammere_.html

Det handler om oppmerksomhetssyke (og frekke) spammere!

Fjerne kviser og f fin hud i Photoshop

1: pne bildet du vil redigere i Photoshop.

2: For fjerne kviser bruker jeg som regel Clone stamp tool. Med den kan du velge hvor i ansiktet du vil kopiere hud fra og legge over kvisene. Dra hardness til 0%. Diameteren p brsten burde vre litt strre en kvisa er.




3: Finn en hudfarge i ansiktet som ligner p huden der kvisene er. Hold inne Alt og venstreklikk med musa en gang. Deretter trykker du en gang p kvisa. N har du kopiert hud fra en plass til en annen. Snn skal du gjre p alle kvisene i hele ansiktet.


4: N skal du lage en jevn hudfarge med gld i. Dra laget med bildet ditt ned til Create new layer som vist p bildet.


5: Trykk p Eyedropper tool og trykk p en fin hudfarge i ansiktet ditt. Hos meg pleier den bli litt mrk. Da klikker jeg bare p fargen nede i venstre hjrne og gjr den litt lysere. Trykk p X snn at hudfargen str bakerst.


6:
Klikk p Filter - Distort - Diffuse Glow. Denne effekten kan vre veldig lett overdrive og da ser det fort veldig falskt ut. Pass p at Graininess str p 0. Jeg pleier ha Glow amount p 2, s stiller jeg p Clear Amount helt til jeg fr en fin og jevn hudfarge. I dette tilfellet har jeg den p 9. Trykk OK.

7:
Pass p at det verste laget er merka n. Trykk p viskelret. Visk bort der det ikke skal vre hudfarge. ynene, hret og klrne.

8: Hvis du syns du tok litt hardt i med effekten, kan du stille ned gjennomsiktigheten (opacity) i det verste laget.

Photoshop tutorials - Hva vil du lre?

http://www.csd.uwo.ca/bitbybit/logos/photoshoplogo.jpgHar tenkt lage en egen kategori for Photoshop! Men hva vil du lre? Har du sett noe som er kult som du vil lage selv? Kom med det, s skal jeg prve skrive en tutorial om det. Jeg har Photoshop CS3. Det er nesten helt likt som CS4. Jeg har i alle fall ikke lagt merke til noen store forskjeller som har noe si for tutorials jeg kommer til skrive. CS5 har jeg ikke prvd enda, men det er vel ikke store forskjeller der heller?

Nytt design!

Jeg har laget et nytt design til bloggen min i dag. Hva syns du om det?
Jeg er veldig fornyd med det. Skal bare endre litt p sidemenyen, s er det ferdig.

Gi et terningkast til det nye designet

6
5
4
3
2
1

View Results

Blogg vs blogg. Stem p din favoritt!

Avstemingen er avsluttet og vinneren vil bli annonsert nr jeg har telt opp stemmene!


N har jeg trekt ut 5 blogger som konkurrerer om vinne blogg vs blogg. Premien er et innlegg der jeg reklamerer for vinneren og en header om det er nskelig. Det var tilfeldig trekning snn at jeg ikke skulle trekke ut "de beste". Alle m f en sjanse :)
Stem p den du liker best! Det er bare lov stemme en gang. Avstemningen avsluttes sndag kveld.

hegekristin.blogg.no


moniamagdaalena.blogg.no


ivke.blogg.no


angelicamanke.blogg.no


ingvildsurrehue.blogg.no

Blogg vs blogg. Meld deg p!

Pmeldingen er stengt og avstemninga starter nr jeg har valgt ut bloggen som skal vre med videre.


Tenkte kjre i gang blogg vs blogg her for frste gang!
De fleste blogg vs blogg-konkurranser jeg har sett plukker vel ut to stykker som leserne skal stemme p. Jeg har ikke tenkt gjre det snn. Er det veldig mange som melder seg p, s m jeg jo luke ut noen og ta med de jeg synes er best i avstemninga. Blir det derimot f deltakere, s tar jeg med alle.

S da trenger du bare skrive bloggadressen din i kommentarfeltet om du vil vre med :)

Vinneren fr et innlegg hvor jeg reklamerer for bloggen h*nnes og en header om det er nskelig.


bloglovin

bloglovin

Endre "Send kommentar"

G til Design -> Rediger -> Maler -> Innlegg

Bla ned til du finner "Send kommentar" og bytt ut med det du vil skal st der.

Bakgrunnsbilder til "Send kommentar"-knapp

Kopier koden under den bakgrunnen du vil ha og lim den inn i stilsettet.



#comment_submit {
background-image: url('http://i47.tinypic.com/wu01sm.jpg');
background-repeat: repeat;
-moz-border-radius: 0.5em;
color:#505050;
}


#comment_submit {
background-image: url('http://i46.tinypic.com/vngv2d.jpg');
background-repeat: repeat;
-moz-border-radius: 0.5em;
color:#505050;
}



#comment_submit {
background-image: url('http://i45.tinypic.com/jp9zls.jpg');
background-repeat: repeat;
-moz-border-radius: 0.5em;
color:#505050;
}



#comment_submit {
background-image: url('http://i49.tinypic.com/f3n6u.jpg');
background-repeat: repeat;
-moz-border-radius: 0.5em;
}



#comment_submit {
background-image: url('http://i49.tinypic.com/mj1pue.jpg');
background-repeat: repeat;
-moz-border-radius: 0.5em;
}



#comment_submit {
background-image: url('http://i50.tinypic.com/33etzmd.jpg');
background-repeat: repeat;
-moz-border-radius: 0.5em;
}



#comment_submit {
background-image: url('http://i45.tinypic.com/2qmnnlw.jpg');
background-repeat: repeat;
-moz-border-radius: 0.5em;
}

Endre utseende p overskrifter i blogginnlegg

Lim dette inn i stilsettet. Str det h2 der fra fr, s fjern det snn at ingenting krsjer.

h2, h2 a:link, h2 a:visited, h2 a:active, h2 a:hover {
font-family: times; /* Skrifttype */
font-size: 22px; /* Strrelse */
font-weight: normal; /* Bytt ut normal med bold om du vil ha fet skrift */
color: #010101; /* Farge p skriften */
background-color: #FFFFFF; /* Bakgrunnsfarge */
padding: 5px; /* luft rundt overskriften */
border-bottom: 0px solid #000000; /* strek under */

text-align: left; /* left kan byttes ut med center eller right */
}
h2 a:link, h2 a:visited, h2 a:active, h2 a:hover { border: 0px;}

Spotify er n gratis for alle


Jeg vet ikke hvor mange som har ftt det med seg, men n kan du registrere deg (uten invitasjon) og laste ned Spotify gratis fra hjemmesiden til Spotify. Trykk p Get spotify open, registrer deg og last ned Spotify.

Ulempen med ikke ha invite er at du bare kan hre p musikk 20 timer i mneden, s ikke glem musikken p nr du gr vekk fra pc-en!

Vinn et helt design!

KONKURRANSEN ER AVSLUTTET!
KONKURRANSEN ER AVSLUTTET!

Kjrer i gang enda en konkurranse. Denne gangen kan du vinne et helt design, s dette er en gylden sjanse om du ikke kan lage selv eller om du ikke har rd til kjpe. Jeg lager designet snn som du vil ha det.

1: Lag et innlegg om denne konkurransen p bloggen. Kopier et av bildene under, lim det inn i blogginnlegget og link til bloggen min.
2: Legg adressen til innlegget der du deltar i kommentarfeltet mitt.


Merk bildet du vil ha og trykk Ctrl + C for kopiere. Trykk Ctrl + V for lime inn i innlegget ditt.





Trykk p "Bestill design" i menyen for se hva jeg har laget fr.
Jeg trekker en tilfeldig vinner med random.org, s det blir max random. Sier i fra en stund fr konkurransen avsluttes.

Nedsatt pris p design!

Har satt ned prisen p disse to designene.

30 kroner for det rosa (frpris: 50,-)

100 kroner for det grnne retrodesignet (frpris: 150,-)

Trykk p bildene for komme til innleggene der de selges og fr og se strre bilder.
Jeg bytter selvflgelig ut mine bilder med dine bilder og mitt bloggnavn med ditt.



Om du kjper et av designene er det ingen som har et likt design som deg! :)

Dropdown meny

Lim dette inn i stilsettet:
Background-color, color (farge p teksten), border osv kan endres p.

#navbar {
padding: 5px;
height: 1em;
width: auto;
margin: 0px;
text-align: center;
}
#navbar li {
float: left;
list-style: none;
width: 150px;
background-color: #fff;
}
#navbar li a {
padding: 5px;
display: block;
border-bottom: 0px dashed #F7D7EE;
color: #000000;
text-decoration: none;
font-family: arial;
font-size: 10px;
line-height: 12px;
}
#navbar li ul {
padding: 5px;
display: none;
width: em;
background-color: #fff;
}
#navbar li:hover ul, #navbar li.hover ul {
display: block;
position: absolute;
margin: 0;
padding: 0;
z-index: 1;
text-align: left;
}
#navbar li:hover li, #navbar li.hover li {
float: none;
}
#navbar li:hover li a, #navbar li.hover li a {
border-bottom: 1px dotted #ffc0c0;
color: #727272;
}
#navbar li li a:hover {
background-color: #ffc0c0;
}
#meny {
width: 610px;
margin-left: auto;
margin-right: auto;
}


Og kodene under i malene hvor du vil at menyen skal vises. P bildet har jeg forklart hvor du skal lime inn koden.


<div id="meny">
<ul id="navbar">

<li><a href="#">Siste innlegg</a>
<ul>
<tag:recentlist limit="10">
<li><a href="${EntryPermaLink}">${EntryTitle}</a></li>
</tag:recentlist>
</ul>
</li>

<li><a href="#">Kategorier</a>
<ul>
<tag:categorylist>
<li><a href="${CategoryLink}" class="nav">&raquo; ${CategoryName}</a></li>
</tag:categorylist>
</ul>
</li>

<li><a href="#">Arkiv</a>
<ul>
<tag:archivelist limit="10">
<li><a href="${ArchiveLink}">${ArchiveName}</a></li>
</tag:archivelist>
</ul>
</li>

<li><a href="#">Overskrift</a>
<ul>
<li><a href="#" class="nav">Link</a></li>
<li><a href="#" class="nav">Link</a></li>
<li><a href="#" class="nav">Link</a></li>
</ul>
</li>

</ul>
</div>


Vil du ha flere "overskrifter" med dropdown meny, s legger du bare til dette fr den siste </ul>.
Listene med siste innlegg, kategorier og arkiv kan fjernes hvis du ikke vil ha dem.
Bytt ut # med den url-adressen du vil linke til. Firkanten fr overskrift kan bare st der om du ikke vil ha noen link der.

<li><a href="#">Overskrift</a>
<ul>
<li><a href="#" class="nav">Link</a></li>
<li><a href="#" class="nav">Link</a></li>
<li><a href="#" class="nav">Link</a></li>
</ul>
</li>

Vinnerne av headerkonkurransen

Gratulerer til dem!
Hva synes du om headerne? :)

Bakgrunnsfarge bak dato/kategori/kommentarer

Hvis du ser p datoen og det her ^ s har jeg en farge bak det. Det er s enkelt som legge til en bakgrunnsfarge. Lim dette inn i stilsettet:

.entry .meta {
background-color: #f1f1f1;
padding: 3px;
}


Bytt ut #f1f1f1 med den fargen du vil ha.
padding: 3px; har ingenting med bakgrunnsfarge gjre, men det srger for at du fr litt luft mellom kanten og teksten.

Bytte farge p scrollbaren

NB: Vises bare i Internet Explorer og Opera.

Lim disse kodene inn i stilsettet. Under er det et bilde som forklarer hva de forskjellige ordene betyr. Bytt ut fargene som str etter color:

body {
scrollbar-face-color: #D4D0C7;
scrollbar-highlight-color: #FFFFFF;
scrollbar-3dlight-color: #D4D0C7;
scrollbar-darkshadow-color: #404040;
scrollbar-shadow-color: #808080;
scrollbar-arrow-color: #000000;
scrollbar-track-color: #D5D1C8;
}

Gratis bilderedigeringsprogrammer

Har du ikke rd til Adobe Photoshop s kan noen av disse gratisprogrammene vre en grei erstatning. Legger ut link til de jeg har hrt mest om. Google gratis bilderedigeringsprogram hvis du vil finne fler.


Paint.NET - Sttter layers (lag) noe som er veldig nyttig om du skal ha mange forskjellige elementer i et bilde. Dette progammet er bare for Windows.Klikk her hvis du vil lese noen tutorials.


http://linux4noobs.files.wordpress.com/2009/08/gimp-logo.jpg
GIMP - For Window, Mac, Linux ++. Har ogs layers. Klikk her for lese mange kule tutorials.


Picasa
Picasa - For Windows og Mac. Tutorials.




bloglovinbloglovinbloglovin

Kopisperre 2 (hyreklikkforbud)

Lim denne koden under <body> eller <body class="front"> i malene. Bytt ut Function Disabled! med den meldingen du vil ha.

<script language=JavaScript>
<!--

//Disable right mouse click Script
//By Maximus (maximus@nsimail.com) w/ mods by DynamicDrive
//For full source code, visit http://www.dynamicdrive.com

var message="Function Disabled!";

///////////////////////////////////
function clickIE4(){
if (event.button==2){
alert(message);
return false;
}
}

function clickNS4(e){
if (document.layers||document.getElementById&&!document.all){
if (e.which==2||e.which==3){
alert(message);
return false;
}
}
}

if (document.layers){
document.captureEvents(Event.MOUSEDOWN);
document.onmousedown=clickNS4;
}
else if (document.all&&!document.getElementById){
document.onmousedown=clickIE4;
}

document.oncontextmenu=new Function("alert(message);return false")

// -->
</script>

For flere javascript-koder, se www.dynamicdrive.com.

Kopisperre 1

Hindrer folk i og dra bilder til f.eks adresselinjen for f URL-en eller og dra og kopiere tekst. Med denne koden gr det heller ikke an merke bilder og tekst i Internet Explorer.

Legg denne koden til body-taggen. Body taggen ser snn ut: <body>

ondragstart="return false" onselectstart="return false"

Har du gjort det riktig skal den se snn ut: <body ondragstart="return false" onselectstart="return false" >

Det kan hende de str class="front" inni body-taggen, det trenger du ikke fjerne.

Endre antall blogginnlegg p forsiden

Hvis du vil at flere av innleggene dine skal vises p forsiden av bloggen din.
Let etter dette i malen "forside" (ctrl + F for ske):
<tag:entrylist limit="
Bytt ut tallet som str der med det tallet du vil ha. Vil du ha 30 av dine siste innlegg, skriver du 30. Da skal det se snn ut: <tag:entrylist limit="30">

Fjerne siste kommentarer

Slett dette fra malene:

<div>
<h3>Siste kommentarer</h3>
<ul>
<tag:commentlist global="true" limit="10" sort="desc">
<li> ${CommentAuthorLinkIf} om ${CommentArticleLink}</li>
</tag:commentlist>
</ul>
</div>

Fjerne siste innlegg

Slett dette:
<div>
<h3>Siste innlegg</h3>
<ul>
<tag:recentlist limit="10">
<li><a href="${EntryPermaLink}">${EntryTitle}</a></li>
</tag:recentlist>
</ul>
</div>

Fjerne arkiv

Slett dette fra malene:

<div>
<h3>Arkiv</h3>
<ul>
<tag:archivelist>
<li><a href="${ArchiveLink}">${ArchiveName}</a></li>
</tag:archivelist>
</ul>
</div>

Fjerne kategorier

Slett dette fra malene:

<div>
<h3>Kategorier</h3>
<ul>
<tag:categorylist>
<li><a href="${CategoryLink}">${CategoryName}</a></li>
</tag:categorylist>
</ul>
</div>

Fjerne profil

Legg dette til nederst i stilsettet:

#profile { display: none; }

Fjerne reklame i sidemenyen

Hvis du gjr dette fjerner du ogs widgets!

Dette er koden du skal fjerne: </tag:profile>

Det finnes to av den i malene, og du skal slette den frste/verste.

Kant rundt blogginnlegg

Lim denne koden inn i stilsettet.

.entry {
border: 1px solid #000000;
}

1 str for hvor tykk kanten skal vre. Den kan endres til hva som helst.
Solid kan byttes ut med dotted, dashed, double, groove, ridge, inset eller outset. (trykk p de for se hvordan de ser ut)
#000000 er fargen. Klikk her for finne fargekoder.

Midtstille bloggen

Lim disse kodene inn i stilsettet:

#wrapper {
margin-left: auto;
margin-right: auto;
}
#header {
margin-left: auto;
margin-right: auto;
}
#footer {
margin-left: auto;
margin-right: auto;
}

Bilder i sidemenyen

Bilder i sidemenyen
For f bilder i sidemenyen m du bruke html. Du kan enten skrive det inn i widgets eller rett i malen. Widgets er enklest om du ikke vet hvor du skal sette koden.

<img src="URL" width="200" />

Bytt ut URL med url-en til bildet. Bytt ut 200 med bredden du vil ha.

Endre "x kommentarer"

Endre "x kommentarer"
G til maler. Scroll ned til du finner dette:
<a href="${EntryPermaLink}#comment"> 0 kommentarer</a>
<tag:elseif test="${EntryCommentCount == 1}" />
<a href="${EntryPermaLink}#comment"> 1 kommentar</a>
<tag:else />
<a href="${EntryPermaLink}#comment"> ${EntryCommentCount} kommentarer</a>

Bytt ut ordet "kommentar" med det du vil skal st. Om du vil ha det likt p innlegg, kategorier og arkiv, s m du gjre det samme p alle de.

Slik fr du horisontal meny under/over headeren

1: Lim disse kodene inn i malen under eller over headeren.
Bytt ut # med url-en og Link med navnet p linken.

<div id="meny">
<a href="#"> Link </a>
<a href="#"> Link </a>
<a href="#"> Link </a>
<a href="#"> Link </a>
<a href="#"> Link </a>
<a href="#"> Link </a>
</div>




2: Lim deretter dette inn i stilsettet. Det str forklart ved siden av kodene hva de betyr.

#meny {
font-family: arial;
font-size: 12px; /* Tekststrrelse */
text-align: center;
width: 890px; /* Bredde */
padding: 5px 0px 5px 0px;
background-color: #efefef; /* Bakgrunnsfarge bak hele menyen*/
margin-left: auto;
margin-right: auto;
}
#meny a {
background-color: #efefef; /* Bakgrunnsfarge */
color: #898989; /* Farge p linken */
padding: 5px 15px 5px 15px;
width: 100%;
margin: 0px 8px 0px 0px; /* Mellomrom mellom boksene. Oppe, hyre, nede, venstre */
}
#meny a:hover {
color: #696969; /* Farge p linken nr du frer pekeren over */
background-color: #efefef; /* bakgrunnsfarge */
}

HTML og CSS ++

Konkurranse, design til salgs ++

  • Minner om at du kan vinne en header her. Jeg trekker to vinnere, men om det kommer mange nok bidrag s trekker jeg fler.
  • Jeg har oppdatert Tips og triks-innlegget litt.
  • Hva er en URL?
  • Disse to er fortsatt til salgs. Trykk p de for komme til det innlegget der de selges.


Har du problemer med designet ditt?

Ser det ikke likt ut i Internet Explorer og Firefox eller er det noen feil du ikke fr rettet opp i?
Da kan jeg hjelpe deg med fikse det. Gratis! Send meg en mail med kodene i stilsettet og malene og adressen til bloggen din. Det enkleste er jo selvflgelig om jeg logger meg inn p bloggen din med ditt brukernavn og passord, s om du heller vil det s er det mye enklere :)

bloggdesignet@gmail.com


NB: Det jeg gjr er rette opp i koder som er skrevet feil. Jeg koder ikke et nytt design til deg.

Stem p designet mitt!

Jeg er med i en konkurranse om finest design hos pab.blogg.no. Trykk her for legge igjen en kommentar med bloggnavnet til den bloggen du synes har finest design.


Minner om at SweetPink- og Retrodesignet fortsatt er til salgs. Og at du kan vinne en header her.

Hvem er jeg?

N er det kanskje p tide presentere meg ordentlig. Jeg heter alts Lisa, er 18 r og kommer fra en liten plass i Finnmark. Har gtt et r p medier og kommunikasjon (Alta) og et r p en fotolinje p folkehyskole (Flisa).
Som dere kanskje skjnner liker jeg holde p med photoshop og webdesign. Har holdt p med det i en god del r. Husker ikke nr jeg begynte lre meg html, men jeg vil tro det er 5-6 r siden.
Til hsten har jeg planer om g vg2 IKT-servicefag i Trondheim hvis jeg kommer inn. bloglovin

Vinn en header - 2 vinnere!

Vinnerne er trekt og de blir annonsert nr jeg har laget headerne!

Vinnerne er trekt og de blir annonsert nr jeg har laget headerne!


Jeg setter i gang en headerkonkurranse n der jeg lager en header hver til vinnerne. For vre med m du sende meg en mail med flgende:

  • Emne: Headerkonkurranse
  • Bilder du vil jeg skal bruke
  • Beskrivelse av hvordan du vil headeren skal se ut
  • Nyaktig hva som skal st p headeren
  • Bloggadressen din

Jeg trekker ut 2 vinnere. Her er det om gjre ha bilder med bra kvalitet og en god beskrivelse av hva du vil ha.
Webcam bilder er sjeldent av god kvalitet. Kroppdeler burde heller ikke vre beskjrt, og bildene m vre s store som mulig. Jeg ser ikke p hvor fotogen du er eller hvor bra du ser ut p bildene.

Mailen sendes til:
bloggdesignet@gmail.com
Vinnerne trekkes i neste uke.

Retrodesign - SOLGT!

Solgt til kristenjente87.blogg.no.


Trykk p bildet for se det strre.


Knappene det str kategorier, arkiv p osv trykkes p, s vises listen under.
Designet koster 100 kroner.

Hva syns du om designet?

Hvor mye kunne du betalt for et design?

Jeg holder p lage et retrodesign som jeg skal selge. Trenger bare gjre noen justeringer fr det er ferdig. Tipper jeg legger det ut i morgen.

Hvor mye kunne du betalt for et design du liker veldig godt som bare du fr?

06.jun.2010

N har jeg registrert meg p Bloggurat.

06.jun.2010

Jeg har forresten presentert bloggen min p Bloggurat.

Vinneren av headerkonkurransen - ny konk til uka

Det var tilfeldig trekning og Tonje vant headeren.
Jeg lager en ny konkurranse til uka. Vet ikke helt om det blir design eller bare en header i premie, men jeg trekker ut den personen som har de beste bildene (best kvalitet, ikke beskjring av kroppsdeler osv) og den beste beskrivelsen av hva de vil ha, s lenge det er gjennomfrlig for meg. Hres det bra ut?



Hva gjr en blogg bra? (design)

Venstrestill teksten i blogginnleggene
Det er utrolig slitsomt lese lange tekster som er midtstilt. Dessuten ser venstrestilt tekst mye bedre ut.

Skrifttype
Bruk en font som er lett lese. F.eks arial, tahoma eller verdana. Mange bruker Times og andre fonter med seriffer p bloggen. De typene er ikke beregnet for lese p skjerm, men p trykk.

Overskrifter
Bruk overskrifter som str litt ut fra resten av teksten. F.eks en annen farge, litt strre, fet skrift osv.

Farge p bakgrunn og tekst
Bruk en lys bakgrunnsfarge og en litt mrkere farge p teksten. Gjr du det omvendt, kan det fort bli slitsomt lese.
Noen ganger lurer jeg faktisk p om folk ikke ser p designet til sin egen blogg, men bare bruker to farger som er fine. Selv om fargene er fine for seg selv, betyr det ikke at de passer sammen. Har du noen ganger lest en blogg med rosa bakgrunn og turkis skrift? Ser jeg en snn blogg, gr jeg ut med en gang. Det skal ikke gjre vondt lese.


Sprk
Skriv p bokml (eller nynorsk) snn at alle forstr. Selv syns jeg det er lettere lese bokml enn min egen dialekt.

Design
Bruk et design som passer for de fleste skjermstrrelser. De fleste har mest sannsynlig ikke under 1024 pixler i bredden.

Dette er ting jeg pirker p om jeg skal si hva jeg synes om en blogg. Ikke alt stemmer for alle, men mye av dette er grunnleggende og noe alle br vite.
F andre til se p bloggen og si hva de synes. Noen ganger ser man ikke selv hva som kan gjres bedre.

Bestill design

TAR IKKE I MOT BESTILLINGER LENGER! TAR IKKE I MOT BESTILLINGER LENGER!
Det tar rett og slett for mye tid. Kanskje jeg pner for bestillinger igjen senere.


Lurer du p noe, send meg en mail p bloggdesignet@gmail.com

--------------------------------------------
Design jeg har laget





Headere jeg har laget








Nytt design

N har jeg ftt nytt design. Ble ganske fornyd selv. Hva syns du?

edit: S at designet var helt delagt i IE. N har jeg retta det opp. Det var noen koder som var skrevet feil. Firefox retter de opp mens IE ikke gjr det, s om noen oppdager feil i IE, si ifra, s skal jeg sjekke det opp. N er heldigvis alt som det skal.

Et lite tips: Last ned Mozilla Firefox.

bloglovin

04.jun.2010

Jeg har plassert min blogg i Havysund p norske bloggkart!

F en gratis header - konkurranse

KONKURRANSEN ER AVSLUTTET! Tonje vant.

Jeg har bestemt meg for ha en konkurranse ca en gang i uka. Vinneren fr en gratis header av meg. Det er veldig enkelt delta. Alt du trenger gjre er skrive i kommentarfeltet at du er med. Du kan kommentere s mange ganger du vil. Husk skriv bloggadressen din snn at jeg kan kontakte deg.
Om du vinner, s er alt du trenger gjre fortelle meg om du har lyst p noe spessielt og eventuelt sende bilder du vil jeg skal bruke.
Trekker vinneren om et par dager.

Noen headere jeg har laget s langt















Design 3: Din header


Last ned
Hjelp til  sette inn designet

Legge inn header

Etter du har limt inn alle kodene, laster du den headeren du vil bruke (bredde: 650 pixels) opp p blogg.no, tinypic.com eller noe snt. Kopier url-en og lim den inn i stilsettet der det str den skal vre. Skriv inn den riktige hyden p headeren. Du kan velge ha den litt hyere om du vil ha litt mellomrom under den. For f sidemenyen til vre like langt oppe som headeren, skriver du det samme etter margin-top under #side som du har skrevet etter hyde p headeren.

#header {
height: 260px; /* Her endrer du hyden p headeren. */
width: 650px;
background-color: transparent;
background-image: url('http://i49.tinypic.com/nzaf4.jpg'); /* URL-en til headeren */


NB: Ikke fjern linken tilbake til siden min. Ikonene under bloggtittelen har jeg ogs laget, s om du bruker dem, link tilbake til min blogg.
Lisa

Lisa

24, Trondheim

Jeg har flyttet til www.nerdie.me/design



Kategorier

Arkiv

hits