JOHANNA KÄLLGREN - FOTO & DESIGN -

Satan i gatan vilken tid det har tagit, men nu är den äntligen klar! Förhoppningsvis hinner jag inte ändra mig så fort denna gång, heh :)

Design till lillsyrran

Date: 2012-03-04 Time: 12:50:40

CATEGORY: Kreativt - Bloggdesign / 10 kommentarer

Gjorde en design till min lillasyster som skaffade en blogg igår. Den är väldigt lik min, men eftersom hon är min syster så ska det ju synas även i bloggvärlden (a)

...10 KOMMENTARER

ny design, igen..

Date: 2012-03-01 Time: 17:07:36

Jag var inte nöjd med den förra så har pysslat lite med en ny och nu blev den publicerad. Klicka f5 om du inte ser den! :)

Design till Agnes

Date: 2012-02-24 Time: 20:03:53

CATEGORY: Kreativt - Bloggdesign / 0 kommentarer

Nu är jag klar med ännu en design, och denna gång till Agnes.

...0 KOMMENTARER

Nya designen uppe!

Date: 2012-02-22 Time: 20:22:54

CATEGORY: Kreativt - Bloggdesign / 8 kommentarer

Jag vågade byta. NU ÄR DEN NYA DESIGNEN UPPE! Klicka f5 om för att uppdatera :)

FLIPP ELLER FLOPP?

...8 KOMMENTARER

Design till Louise

Date: 2012-02-16 Time: 18:37:53

Nu har jag precis lagt in designen till Louise. Nu ska jag plugga i all evighet. HEJDÅ :)

designpyssel

Date: 2012-02-12 Time: 10:22:00

Det här pysslade jag med lite igår. Bloggdesign till mig och tjejerna, eftersom att vi någon dag (SNART!) ska skaffa en blogg tillsammans! Och då måste vi ha en lite häftig design och än så länge har jag inte kommit längre än hälften i sidmenyn, bakgrund och kommentarstjosan. Det tar en jäkla tid. Men det ska bli grymt. DET KOMMER BLI GRYMT!

- senare idag kommer även nästa bild ur projekt 52 upp. Håll utkik! ;)

resultat av bloggdesign-pyssel

Date: 2012-02-06 Time: 22:38:43

Såhär ser designen ut som jag har pysslat ihop denna kväll. Har väl suttit sen halv fem, med en halvtimmes matpause och en timmes tv-tittande. Och nu är den alldeles snart färdig. Älskar ljusa designer!

två designer klara

Date: 2012-02-05 Time: 10:58:00

Marcs Petras

Designtips - Ram runt bloggen

Date: 2012-02-02 Time: 20:37:25

Fick en fråga om hur man gör en ram runt bloggen. IT'S EASY PEASY PANCAKE!
Om man vill ha runt hela bloggen som jar har så gör man såhär:

Den här koden ↓ lägger du under #side { i stilmallen
border: 1px solid #d7d4d4;   <-------------- tjockleken, typ av linje (heldragen i detta fall) och färgen

De här koderna ↓ lägger du under #content { i stilmallen
border-right: 1px solid #d7d4d4;    <-------- Högra sidan
border-bottom:1px solid #d7d4d4;    <-------- Under sidan
border-left: 1px solid #d7d4d4;     <-------- Vänstra sidan

Runt headern fixade jag i photoshop då man dubbelklickar på lagret, väljer ram och sen hur många px beroende på hur du valt på dom övre, sen färgen.

Fråga om det är något ni inte förstår! :)

design till anida

Date: 2012-01-25 Time: 15:22:19

Nu kan ni hitta ännu en av mina designer hos Anida!

svar på fråga - skiftande header

Date: 2012-01-19 Time: 16:02:59

CATEGORY: Kreativt - Bloggdesign / 5 kommentarer

Svar till Larose:

Det finns olika sätt som man kan göra på och just till Linns design så använde jag kodning.

1. Gå in i din stilmall och lägg in koden under avsnittet #header {

#EmilyPictureBackground { float: center; margin-right: 0px; }

2. Lägg in denna kod ovanför </head> i dina kodmallar

<script type="text/javascript"><br /> <br />// Browser Slide-Show script. With image cross fade effect for those browsers<br /> <br />// that support it.<br /> <br />// Script copyright (C) 2004-2011 <a href="http://www.cryer.co.uk" mce_href="http://www.cryer.co.uk">www.cryer.co.uk</a>.<br /> <br />// Script is free to use provided this copyright header is included.<br /> <br />var FadeDurationMS=1000;<br /> <br />function SetOpacity(object,opacityPct)<br /> <br />{<br /> <br />// IE.<br /> <br />object.style.filter = 'alpha(opacity=' + opacityPct + ')';<br /> <br />// Old mozilla and firefox<br /> <br />object.style.MozOpacity = opacityPct/100;<br /> <br />// Everything else.<br /> <br />object.style.opacity = opacityPct/100;<br /> <br />}<br /> <br />function ChangeOpacity(id,msDuration,msStart,fromO,toO)<br /> <br />{<br /> <br />var element=document.getElementById(id);<br /> <br />var msNow = (new Date()).getTime();<br /> <br />var opacity = fromO + (toO - fromO) * (msNow - msStart) / msDuration;<br /> <br />if (opacity>=100)<br /> <br />{<br /> <br />SetOpacity(element,100);<br /> <br />element.timer = undefined;<br /> <br />}<br /> <br />else if (opacity<=0)<br /> <br />{<br /> <br />SetOpacity(element,0);<br /> <br />element.timer = undefined;<br /> <br />}<br /> <br />else<br /> <br />{<br /> <br />SetOpacity(element,opacity);<br /> <br />element.timer = window.setTimeout("ChangeOpacity('" + id + "'," + msDuration + "," + msStart + "," + fromO + "," + toO + ")",10);<br /> <br />}<br /> <br />}<br /> <br />function FadeInImage(foregroundID,newImage,backgroundID)<br /> <br />{<br /> <br />var foreground=document.getElementById(foregroundID);<br /> <br />if (foreground.timer) window.clearTimeout(foreground.timer);<br /> <br />if (backgroundID)<br /> <br />{<br /> <br />var background=document.getElementById(backgroundID);<br /> <br />if (background)<br /> <br />{<br /> <br />if (background.src)<br /> <br />{<br /> <br />foreground.src = background.src;<br /> <br />SetOpacity(foreground,100);<br /> <br />}<br /> <br />background.src = newImage;<br /> <br />background.style.backgroundImage = 'url(' + newImage + ')';<br /> <br />background.style.backgroundRepeat = 'no-repeat';<br /> <br />var startMS = (new Date()).getTime();<br /> <br />foreground.timer = window.setTimeout("ChangeOpacity('" + foregroundID + "'," + FadeDurationMS + "," + startMS + ",100,0)",10);<br /> <br />}<br /> <br />} else {<br /> <br />foreground.src = newImage;<br /> <br />}<br /> <br />}<br /> <br />var slideCache = new Array();<br /> <br />function RunSlideShow(pictureID,backgroundID,imageFiles,displaySecs)<br /> <br />{<br /> <br />var imageSeparator = imageFiles.indexOf(";");<br /> <br />var nextImage = imageFiles.substring(0,imageSeparator);<br /> <br />if (slideCache[nextImage] && slideCache[nextImage].loaded)<br /> <br />{<br /> <br />FadeInImage(pictureID,nextImage,backgroundID);<br /> <br />var futureImages = imageFiles.substring(imageSeparator+1,imageFiles.length)<br /> <br />+ ';' + nextImage;<br /> <br />setTimeout("RunSlideShow('"+pictureID+"','"+backgroundID+"','"+futureImages+"',"+displaySecs+")",<br /> <br />displaySecs*1000);<br /> <br />// Identify the next image to cache.<br /> <br />imageSeparator = futureImages.indexOf(";");<br /> <br />nextImage = futureImages.substring(0,imageSeparator);<br /> <br />} else {<br /> <br />setTimeout("RunSlideShow('"+pictureID+"','"+backgroundID+"','"+imageFiles+"',"+displaySecs+")",<br /> <br />250);<br /> <br />}<br /> <br />// Cache the next image to improve performance.<br /> <br />if (slideCache[nextImage] == null)<br /> <br />{<br /> <br />slideCache[nextImage] = new Image;<br /> <br />slideCache[nextImage].loaded = false;<br /> <br />slideCache[nextImage].onload = function(){this.loaded=true};<br /> <br />slideCache[nextImage].src = nextImage;<br /> <br />}<br /> <br />}<br /> <br /></script><head><br /> <br /><script src="<a href="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js%22%3E%3C/script" mce_href="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js%22%3E%3C/script">http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script</a>><br /> <br /> <br /> <br /><script src="fadeslideshow.js"><br /> <br /> <br /> <br />/***********************************************<br /> <br />* Ultimate Fade In Slideshow v2.0- (c) Dynamic Drive DHTML code library (<a href="http://www.dynamicdrive.com" mce_href="http://www.dynamicdrive.com">www.dynamicdrive.com</a>)<br /> <br />* This notice MUST stay intact for legal use<br /> <br />* Visit Dynamic Drive at <a href="http://www.dynamicdrive.com/" mce_href="http://www.dynamicdrive.com/">http://www.dynamicdrive.com/</a> for this script and 100s more<br /> <br />***********************************************/<br /> <br /><script>var slide1foldername='';</script><script charset="utf-8" src="slide1.js"></script><br /> <br /></script><br /> <br /> <br /> <br /><script><br /> <br /> <br /> <br />var mygallery=new fadeSlideShow({<br /> <br />wrapperid: "fadeshow1", //ID of blank DIV on page to house Slideshow<br /> <br />dimensions: [250, 180], //width/height of gallery in pixels. Should reflect dimensions of largest image<br /> <br />imagearray: [<br /> <br />["<a href="http://i26.tinypic.com/11l7ls0.jpg" mce_href="http://i26.tinypic.com/11l7ls0.jpg">http://i26.tinypic.com/11l7ls0.jpg</a>", "", "", "Nothing beats relaxing next to the pool when the weather is hot."],<br /> <br />["<a href="http://i29.tinypic.com/xp3hns.jpg" mce_href="http://i29.tinypic.com/xp3hns.jpg">http://i29.tinypic.com/xp3hns.jpg</a>", "<a href="http://en.wikipedia.org/wiki/Cave" mce_href="http://en.wikipedia.org/wiki/Cave">http://en.wikipedia.org/wiki/Cave</a>", "_new", "Some day I'd like to explore these caves!"],<br /> <br />["<a href="http://i30.tinypic.com/531q3n.jpg" mce_href="http://i30.tinypic.com/531q3n.jpg">http://i30.tinypic.com/531q3n.jpg</a>"],<br /> <br />["<a href="http://i31.tinypic.com/119w28m.jpg" mce_href="http://i31.tinypic.com/119w28m.jpg">http://i31.tinypic.com/119w28m.jpg</a>", "", "", "What a beautiful scene with everything changing colors."] //<--no trailing comma after very last image element!<br /> <br />],<br /> <br />displaymode: {type:'auto', pause:2500, cycles:0, wraparound:false},<br /> <br />persist: false, //remember last viewed slide and recall within same session?<br /> <br />fadeduration: 500, //transition duration (milliseconds)<br /> <br />descreveal: "ondemand",<br /> <br />togglerid: ""<br /> <br />})<br /> <br /> <br /> <br /> <br /> <br />var mygallery2=new fadeSlideShow({<br /> <br />wrapperid: "fadeshow2", //ID of blank DIV on page to house Slideshow<br /> <br />dimensions: [250, 180], //width/height of gallery in pixels. Should reflect dimensions of largest image<br /> <br />imagearray: [<br /> <br />["<a href="http://i26.tinypic.com/11l7ls0.jpg" mce_href="http://i26.tinypic.com/11l7ls0.jpg">http://i26.tinypic.com/11l7ls0.jpg</a>", "", "", "Nothing beats relaxing next to the pool when the weather is hot."],<br /> <br />["<a href="http://i29.tinypic.com/xp3hns.jpg" mce_href="http://i29.tinypic.com/xp3hns.jpg">http://i29.tinypic.com/xp3hns.jpg</a>", "<a href="http://en.wikipedia.org/wiki/Cave" mce_href="http://en.wikipedia.org/wiki/Cave">http://en.wikipedia.org/wiki/Cave</a>", "_new", "Some day I'd like to explore these caves!"],<br /> <br />["<a href="http://i30.tinypic.com/531q3n.jpg" mce_href="http://i30.tinypic.com/531q3n.jpg">http://i30.tinypic.com/531q3n.jpg</a>"],<br /> <br />["<a href="http://i31.tinypic.com/119w28m.jpg" mce_href="http://i31.tinypic.com/119w28m.jpg">http://i31.tinypic.com/119w28m.jpg</a>", "", "", "What a beautiful scene with everything changing colors."] //<--no trailing comma after very last image element!<br /> <br />],<br /> <br />displaymode: {type:'manual', pause:2500, cycles:0, wraparound:false},<br /> <br />persist: false, //remember last viewed slide and recall within same session?<br /> <br />fadeduration: 500, //transition duration (milliseconds)<br /> <br />descreveal: "always",<br /> <br />togglerid: "fadeshow2toggler"<br /> <br />})<br /> <br /> <br /> <br /></script><br /><br /><br />

3. Lägg sedan in denna kod efter <div id="header">

<div id="EmilyPictureBackground"><br /> <br /><img src="BILD 1" width="BREDDEN" height="HÖJDEN" id="EmilyPicture"><br /> <br /></div><br /> <br /><script type="text/javascript"><br /> <br />RunSlideShow("EmilyPicture","EmilyPictureBackground",<br /> <br />"BILD 1;BILD 2;SISTA BILDEN",5);<br /> <br /></script>

Koden i den tredje rutan är den som ni ska klistra in bilderna i. Nästan längst ner i den koden står det "BILD 1;BILD 2;SISTA BILDEN" - Där ska ni klistra in bildens url. Lite högre upp står det BILD 1" width="BREDDEN" height="HÖJDEN", där ska ni sätta in första bilden och sen skriva bredden och höjden på din header.

När ni kopierar texten i bildrutorna, håll in shift+a för att enklast makera allt, och sen shift+c för att kopiera.
Om det är något ni undrar så är det bara att fråga!

...5 KOMMENTARER

design till linn

Date: 2012-01-16 Time: 19:01:24

CATEGORY: Kreativt - Bloggdesign / 11 kommentarer

Har gjort en design till Linn baserad på en av mina gratismallar. KLICKA HÄR för att komma till hennes blogg :)

...11 KOMMENTARER

Nya designen är på plats!

Date: 2012-01-02 Time: 17:07:32

CATEGORY: Kreativt - Bloggdesign / 10 kommentarer

Klicka på F5 för att uppdatera!

...10 KOMMENTARER

Longing for spring

Date: 2011-12-27 Time: 16:25:55

Sitter och pillar lite med vårdesignen som kommer upp i början av mars nångång sen. Ska bli riktigt ljusa och söta färger, stora bokstäver och blommigt.

Får se om jag kanske åker hem till min kära kusin idag eller om hon kanske kommer hit. Ska iallafall lana sims på nåt sätt, med eller utan henne (a) Simsnörd-HEJ!

DESIGN TILL MIN FINA VÄN

Date: 2011-12-17 Time: 23:08:45

CATEGORY: Kreativt - Bloggdesign / 3 kommentarer

Har suttit och mixtrat ihop en design till mina kära vän Bella nu på kvällskvisten. Och nu ska jag snart börja mixtra ihop en till mig själv som ska va till våren sen :)) Himla skoj att hålla på med sånt!

...3 KOMMENTARER

Julig bloggdesign på G!

Date: 2011-11-19 Time: 23:43:59

Tänkte att jag skulle få ihop en lite julig blogg fram till första advent nästa söndag. Är inte riktigt klar med bilderna i headern men det ska fixas!
Har lagt in en sån där spelare med lite julmusik också så det blir toppen! Självklart ska snö falla ner också, det kan man ju bara inte glömma :))

Nu ska jag glo på scooby-doo. Varför kan dom inte ha Scooby-doo som julkalender nåt år? Behöver nya avsnitt liksom (a)

Will I ever say: Oh, this it is!

Date: 2011-10-04 Time: 22:34:52

Nu jäklar i attan ska jag göra en design som jag ska bli nöjd över. Ska finslipa varenda liten kant och allt sånt där med pillergöra. Bloggen kommer bli mindre så de stora bilderna jag haft nu kommer se lite mysko ut sen (a)

Men nu ska jag sova och jag har sovmorgon imorrn, Tjoho!

NY DESIGN

Date: 2011-09-29 Time: 21:00:58

CATEGORY: Kreativt - Bloggdesign / 0 kommentarer

Ny Black & White design. Och nu är allt uppflyttat till headern och kan få plats med större bilder, tjoho! Happy time :)
Det enda som ska fixas nu är lite fräscha typsnitt och sånt, men det tar jag tag i imorrn. Nu ska jag slå på en film och krypa ner i min (snart) nybäddade säng.

...0 KOMMENTARER

Fix & Trix; Ny stilren design

Date: 2011-09-21 Time: 15:02:05

Håller på med en ny och stilren design. Vet inte om jag ska ha den själv eller om jag skänker bort den till någon rackare. Men jag börjar bli lite grymmare på design och sånt nu, TJOHO!

Nej nu ska jag väl gå och plugga. Tjingeling!

NY DESIGN

Date: 2011-09-02 Time: 21:21:50

- Just nu ser det lite konstigt ut med en del bilder, men det var bara för att bloggens content vart lite för liten innan. Men nu är det fixat men bilderna får va som dom är ändå för jag orkar inte sitta och ändra i princip varje inlägg. Men från och med nu ska nog bilderna bli perfekta i inlägget!

Jag har verkligen all-time men ändå no-time

Date: 2011-08-30 Time: 18:40:09

CATEGORY: Kreativt - Bloggdesign / 0 kommentarer

Gat Damn It. Att hitta en bra design är fanimej det svåraste jag någonsin gett mig in på. Den förra vart inte så bra som jag tänkt mig i huvet, SUCK! Så har börjat på åter en ny vilket tar upp typ all min tid. WOILA! Asså, än så länge har jag bara fixat contenten och båda side. Text, header och allt annat fixar jag en annan gång liksoooooom

Man får typ ny inspiration vart man än tittar, asdrygt. MEN JAG ÄR GLAD FÖR DET! Men nu tar jag en paus och nördar någonting annat.
HA DET FINT! :)

...0 KOMMENTARER

Nytt "projekt"

Date: 2011-08-29 Time: 18:38:35

Hej Hallå Tjena Tja
Har suttit och trixat lite med en ny design dom senaste dagarna, därav min lilla bloggtorka.. Men tänkte lägga upp en peaky liksom.

Ny header och bakgrundsfärg

Date: 2011-08-14 Time: 17:33:17

Nu är den nya headern klar med bilder och sånt. Ändrade texten lite också och även bakgrundsfärgen på bloggen. Och nu får det stanna såhär.

Nu ska jag äntligen spela lite sims, så som jag har LÄNGTAT. Återkommer om hundra år -så spelsugen är jag!

NYA DESIGEN ÄR UPPE

Date: 2011-08-08 Time: 16:01:34

CATEGORY: Kreativt - Bloggdesign / 9 kommentarer

Det var krångligt, men nu är den uppe. Efter London blir det andra bilder i headern, men än så länge får dom här fylla ut. Äckligt irriterande och få ihop allt med kategorierna men det gick! Om nu upptäcker nåt som inte stämmer så är det bara att hojta till!

...9 KOMMENTARER

Jobbar med ännu en ny design

Date: 2011-08-07 Time: 20:46:10

Shit tänker ni, skönt tänker jag. Man får ju så himla många ideér bara utav att titta på andra bloggar. Så den designen jag håller på med nu är inspirerad från denna tjej:

Och såhär är då min pågående design:

Jag ska ändra bilderna, så det ska inte va på blombuketten. Ska vänta tills jag kommer hem från London med massoooooooor av bilder! :) Åker på tisdag och jag har inte packat. Ops.

NY PINK DESIGN

Date: 2011-08-02 Time: 13:05:26

FÖRE

EFTER:

~~~~~~~~~~~~~~~
Nu ska det bara fixas lite vid kommentarrutan och sånt, sen klart! Det var inte den här designen jag hade tänkt från början. Har i princip gjort 4 olika.. Men nu får det bli den här, lite enkel och så :)

Nya Designen -KLAR

Date: 2011-07-26 Time: 00:08:46

Den är klar och den är stilren. Ska fixas lite småjusteringar vid kommentarrutan och så är det något som inte funkar i menyn när man klickar in på inlägg och sånt men annars så är den rätt så klar. Men jösses vad svårt det är att göra en passande header.. Oboy!

Nu är det bara en profil bild som ska fotas, sen är allt extremt klart. Men det tar vi imorrn. Är lite halvt sovande just nu så godnatt!

SNEAK-PEAK - den nya designen

Date: 2011-07-23 Time: 21:24:36

Nu har jag latjat i över tre timmar, gaash vad det tar tid med sånt här.. Men jag tänkte visa er en SNEAK-PEAK bild på designen så länge. Kanske, om ni tycker den är bra, att jag ska börja designa fler och lotta ut i tävlingar och sånt. MEN DET FÅR VI SE HUR DET BLIR.

Designen är långt från klar och jag har nyss satt min lillasyster på ett uppdrag till headern. Jag har massa planer! -tror jag. Nej men det ska gå bra!