juni 2010

"Legg meg til som venn"-link

For å få en link der det står 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

Når jeg skriver tekst på f.eks headere, så bruker jeg stort sett alltid skygger, kanter eller noe sånt rundt teksten.
Her skal jeg lære 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 verktøymenyen til venstre. Trykk hvor som helst inni dokumentet eller bildet ditt og skriv noe.

Farge, teksttype, størrelse osv.
Trykk på Window --> Character. Da kommer det opp et vindu med mange forskjellige ting du kan endre på. Hvis du fører musa over noe, så står det va det betyr.




Layer style (skygger, kanter, gradient)
Høyreklikk 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 skjønner hva som skjer når du drar den bortover.
Size er størrelsen på skyggen.
Fargen på skyggen kan du endre på øverst.

Outer Glow lager en glød 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 likesågodt 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 å prøve seg frem.

Pattern overlay brukes til å legge et mønster 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 ++

Håper dette var til hjelp!

Endre fargebilde til svarthvitt

Det er mange måter å gjøre 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. Før du gjør det kan du skifte størrelse 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 påmeldte enda, og alle har like stor sjanse til å vinne fordi jeg trekker en tilfeldig kommentar med random.org.

Har ikke bestemt meg for når 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 fått opp designet jeg har laget til henne :) Her er resultatet.


Hva syns du?

Lage runde hjørner på et bilde

1: Åpne bildet i Photoshop.

2: Lås opp bildet ved å dobbeltklikke på laget.

3: Velg Rounded rectangle tool. Velg Paths.



4: Du kan velge selv hva radiusen skal stå på. Jo høyere tallet er, jo rundere blir hjørnene. Jeg har min på 15 px.

5: Lag en "firkant" inni bildet sånn som jeg har gjort.


6: Høyreklikk inni bildet og velg Make selection. Sjekk at Anti-aliased er merka og at Feather står 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 når 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 følgere på bloglovin i forhold til det antallet lesere jeg har hver dag. Med bloglovin går du ikke glipp av et eneste innlegg til de bloggene du følger. 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 sånn at du lett finner dem igjen.

bloglovin
Før jeg begynte å bruke bloglovin måtte 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. Høres noe av dette interessant ut? Følg meg på bloglovin, så får du med deg alt.
Forresten så kan du fortsatt vinne et design HER.

Tror forresten jeg begynner å bli i litt dårlig form her nå. Sitter å snufser litt. Jeg har ikke vært 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 vært småforkjøla 2-3 ganger i 2-3 dager om gangen. Får jeg feber nå, så kan jeg sikkert gå et helt år på skolen til høsten uten å bli syk, og det er jo absolutt ikke dumt!

Bare fortsett å si hva dere vil lære 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 måter å 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. Høyreklikk inni bildet ditt og sjekk at hardness står 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 før, så kan du bruke en litt sterkere farge enn meg, men hvis bildet har ganske dårlig kvalitet og øynene begynner å se litt grå ut burde du velge en svak farge. Dra fargevelgeren/spaken mot der fargen går ut mot grå og nedover til det mørke området. Noe sånt 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å børsten burde være litt større 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. Sånn skal du gjøre på alle kvisene i hele ansiktet.


4: Nå skal du lage en jevn hudfarge med glød 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 mørk. Da klikker jeg bare på fargen nede i venstre hjørne og gjør den litt lysere. Trykk på X sånn at hudfargen står bakerst.


6:
Klikk på Filter - Distort - Diffuse Glow. Denne effekten kan være veldig lett å overdrive og da ser det fort veldig falskt ut. Pass på at Graininess står på 0. Jeg pleier å ha Glow amount på 2, så stiller jeg på Clear Amount helt til jeg får 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å viskelæret. Visk bort der det ikke skal være hudfarge. Øynene, håret og klærne.

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 lære?

http://www.csd.uwo.ca/bitbybit/logos/photoshoplogo.jpgHar tenkt å lage en egen kategori for Photoshop! Men hva vil du lære? Har du sett noe som er kult som du vil lage selv? Kom med det, så skal jeg prøve å 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 prøvd 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 fornøyd 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 når 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 sånn 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 søndag kveld.

hegekristin.blogg.no


moniamagdaalena.blogg.no


ivke.blogg.no


angelicamanke.blogg.no


ingvildsurrehue.blogg.no

Blogg vs blogg. Meld deg på!

Påmeldingen er stengt og avstemninga starter når jeg har valgt ut bloggen som skal være med videre.


Tenkte å kjøre i gang blogg vs blogg her for første gang!
De fleste blogg vs blogg-konkurranser jeg har sett plukker vel ut to stykker som leserne skal stemme på. Jeg har ikke tenkt å gjøre det sånn. 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 være med :)

Vinneren får 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. Står det h2 der fra før, så fjern det sånn at ingenting kræsjer.

h2, h2 a:link, h2 a:visited, h2 a:active, h2 a:hover {
font-family: times;  /* Skrifttype */
font-size: 22px;  /* Størrelse */
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 fått 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 høre på musikk 20 timer i måneden, så ikke glem musikken på når du går vekk fra pc-en!

Vinn et helt design!

KONKURRANSEN ER AVSLUTTET!
KONKURRANSEN ER AVSLUTTET!

Kjører 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 råd til å kjøpe. Jeg lager designet sånn 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 før.
Jeg trekker en tilfeldig vinner med random.org, så det blir max random. Sier i fra en stund før konkurransen avsluttes.

Nedsatt pris på design!

Har satt ned prisen på disse to designene.

30 kroner for det rosa (førpris: 50,-)

100 kroner for det grønne retrodesignet (førpris: 150,-)

Trykk på bildene for å komme til innleggene der de selges og får og se større bilder.
Jeg bytter selvfølgelig ut mine bilder med dine bilder og mitt bloggnavn med ditt.



Om du kjøper 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 før 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 før 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 å gjøre, men det sørger for at du får 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 står 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 råd til Adobe Photoshop så kan noen av disse gratisprogrammene være en grei erstatning. Legger ut link til de jeg har hørt mest om. Google gratis bilderedigeringsprogram hvis du vil finne fler.


Paint.NET - Støtter 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 (høyreklikkforbud)

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 går det heller ikke an å merke bilder og tekst i Internet Explorer.

Legg denne koden til body-taggen. Body taggen ser sånn ut: <body>

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

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

Det kan hende de står 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 å søke):
<tag:entrylist limit="
Bytt ut tallet som står der med det tallet du vil ha. Vil du ha 30 av dine siste innlegg, skriver du 30. Da skal det se sånn 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 gjør 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 første/øverste.

Kant rundt blogginnlegg

Lim denne koden inn i stilsettet.

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

1 står for hvor tykk kanten skal være. 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 gjøre det samme på alle de.

Slik får 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 står forklart ved siden av kodene hva de betyr.

#meny {
font-family: arial;
font-size: 12px; /* Tekststørrelse */
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, høyre, nede, venstre */
}
#meny a:hover {
color: #696969; /* Farge på linken når du fører 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 får 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 selvfølgelig 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 gjør 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 gått et år på medier og kommunikasjon (Alta) og et år på en fotolinje på folkehøyskole (Flisa).
Som dere kanskje skjønner liker jeg å holde på med photoshop og webdesign. Har holdt på med det i en god del år. Husker ikke når jeg begynte å lære meg html, men jeg vil tro det er 5-6 år siden.
Til høsten 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 når jeg har laget headerne!

Vinnerne er trekt og de blir annonsert når jeg har laget headerne!


Jeg setter i gang en headerkonkurranse nå der jeg lager en header hver til vinnerne. For å være med må du sende meg en mail med følgende:

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

Jeg trekker ut 2 vinnere. Her er det om å gjøre å 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 være beskjært, og bildene må være 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 større.


Knappene det står 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 å gjøre noen justeringer før 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 får?

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 beskjæring av kroppsdeler osv) og den beste beskrivelsen av hva de vil ha, så lenge det er gjennomførlig for meg. Høres det bra ut?



Hva gjør 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 står litt ut fra resten av teksten. F.eks en annen farge, litt større, fet skrift osv.

Farge på bakgrunn og tekst
Bruk en lys bakgrunnsfarge og en litt mørkere farge på teksten. Gjør 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 sånn blogg, går jeg ut med en gang. Det skal ikke gjøre vondt å lese.


Språk
Skriv på bokmål (eller nynorsk) sånn at alle forstår. Selv syns jeg det er lettere å lese bokmål enn min egen dialekt.

Design
Bruk et design som passer for de fleste skjermstørrelser. 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 bør vite.
Få andre til å se på bloggen og si hva de synes. Noen ganger ser man ikke selv hva som kan gjøres 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 fått nytt design. Ble ganske fornøyd 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 gjør 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 Havøysundnorske 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 får en gratis header av meg. Det er veldig enkelt å delta. Alt du trenger å gjøre er å skrive i kommentarfeltet at du er med. Du kan kommentere så mange ganger du vil. Husk å skriv bloggadressen din sånn at jeg kan kontakte deg.
Om du vinner, så er alt du trenger å gjøre å 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 sånt. Kopier url-en og lim den inn i stilsettet der det står den skal være. Skriv inn den riktige høyden på headeren. Du kan velge å ha den litt høyere om du vil ha litt mellomrom under den. For å få sidemenyen til å være like langt oppe som headeren, skriver du det samme etter margin-top under #side som du har skrevet etter høyde på headeren.

#header {
height: 260px; /* Her endrer du høyden 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