Nydesignat

 
Äntligen ny bloggdesign!! Är ganska nöjd faktiskt men kommer antagligen byta ut headerbilden när jag får chansen. Stilrent och enkelt är helt klart en ny favort! Vad tycker ni? Bättre eller sämre, vad saknar ni och vad gillar ni? 
Är du också sugen på en ny bloggdesign? Kontakta mig på mejladressen hanna.loviisasol@hotmail.com

Ny design

Nya typsnitt, nya färger och ny header. Det sammanfattar väl det mesta med min nya design! Har egentligen kvar det mesta som ni kanske ser men diggar ändå förändringen. Vad tycker ni?
 
 
Förändringen
Självklart säljer jag fortfarande designer och du kan mejla mig på hanna.loviisasol@hotmail.com för mer information om det. 

Nytt, igen!

 
Har man läst min blogg ett tag eller bara någon gång tror jag det är omöjligt att missa hur sjukt mycket beslutsångest jag har, när det gäller precis allt! Jag vet att det bara var några veckor sedan jag bytte design men jag var verkligen inte nöjd och kände för något nytt, så nu kör jag på det här istället.
 
För ett fullständigt arkiv och kategorilista kan man klicka uppe i menyn eller rulla ned till slutet av bloggen. Vad tycker ni om den nya designen?
P.s. Vill du beställa en design till din blogg? Då kan du mejla mig på hanna.loviisasol@hotmail.com. Med tanke på att jag inte har något eget att jobba på och ganska få designbeställningar för tillfället är det billigt och snabbt, så passa på! D.s

Ny design!

 
Här är min nya design! Jag är ganska nöjd faktiskt, bortsett från att skiftandet i headern krånglar lite, men det brukar gå över efter ett tag. Vad som dock är viktigare är frågan vad ni tycker? Är den nya designen en hiss eller diss? Finns det något som inte funkar? 

Dags för vårdesign

Nu är det vår och jag blir inte bara sugen på nya kläder utan även nytt på bloggen! Jag tänkte själv fixa en ny, fräsch design till mig. Lite ljusare, lite uppdaterad, med det "nya" fina håret och nya bilder. Och om jag tror rätt så är jag inte ensam!
 
Om ni också är intresserade av en ny, fin design till våren kan ni beställa en skräddarsydd från mig. De kostar mellan 100 och 300 kr, oftast runt hundralappen, beroende på hur avancerade koder och redigeringar ni vill ha. Beställa kan man göra till min mejl, hanna.loviisasol@hotmail.com, jag gör designerna snabbt och smidigt och man kan betala både genom internetbank och brev. Hör av er!
Jag gör alla headers, bakgrunder och ikoner i Photoshop CS6

Designjobb

Nu är det såhär att jag behöver något att göra. Medan mina kompisar sitter hemma och pluggar sitter jag hemma och kollar på serier och har skittråkigt, och känner att det inte vore helt fel med lite nya projekt. Och vad är inte roligare än att slänga ihop en massa designer!? Jag kommer ha låga priser och snabba affärer hela månaden och tänkte bara tipsa alla om den tid och lust jag har just nu.
 
Vill ni beställa något så finns jag på hanna.loviisasol@hotmail.com och gör allt från kodningar till att redigara bilder. 
 

Så gör man en mouseover

Detta är sjukt enkelt men så snyggt! Mouseovers kan man ha i både inlägg och designen, och det gör ett snyggt och roligt intryck.
 
Du behöver såklart ha två bilder som det ska växla mellan när man håller musen över. 
 

Först måste man placera ett script i kodmallarna, vart som helst mellan <head> och </head>.
Kod till alla kodmallar: 

<script LANGUAGE="JavaScript">
<!--
// This is the implementation of SimpleSwap
// by Jehiah Czebotar
// Version 1.1 - June 10, 2005
// Distributed under Creative Commons
//
// Include this script on your page
// then make image rollovers simple like:
// <img src="/images/ss_img.gif" oversrc="/images/ss_img_over.gif">
//
// http://jehiah.com/archive/simple-swap
//
 
function SimpleSwap(el,which){
el.src=el.getAttribute(which || "origsrc");
}
 
function SimpleSwapSetup(){
var x = document.getElementsByTagName("img");
for (var i=0;i&lt;x.length;i++){
var oversrc = x[i].getAttribute("oversrc");
if (!oversrc) continue;
 
// preload image
// comment the next two lines to disable image pre-loading
x[i].oversrc_img = new Image();
x[i].oversrc_img.src=oversrc;
// set event handlers
x[i].onmouseover = new Function("SimpleSwap(this,'oversrc');");
x[i].onmouseout = new Function("SimpleSwap(this);");
// save original src
x[i].setAttribute("origsrc",x[i].src);
}
}
 
var PreSimpleSwapOnload =(window.onload)? window.onload : function(){};
window.onload = function(){PreSimpleSwapOnload(); SimpleSwapSetup();}
//-->
</script>


Efter det ska du placera dina bilder. Om du ska lägga in dem i ett inlägg är det viktigt att du skriver klart allt som ska stå i inlägget först, och lämna några rader där bilden/erna ska vara. Därefter ska du trycka på "ändra redigerare" och lägga in den här koden där du vill ha mouseovern:


<img src="adressentillförstabilden" oversrc="adressentillandrabilden" border="0">


Efter det ska du inte ändra redigerare igen, gör du det kommer mouseoverfunktionen försvinna. 

Om du lägger in koden i själva designen ska du placera samma kod som ovan någon stans i kodmallen, precis var du vill ha den.


Inte så svårt va? Lycka till!


Importera textstilar till bloggen, del 1

Jag har inte de vanliga typsnitten på min blogg. Det är jättekul att leka med och ändrar hela bloggens utseende, man bör dock komma ihåg att typsnitten kanske inte funkar på alla webbläsare (mina gör tex. inte det på Internet Explorer). 
Steg 1: Välj ditt typsnitt. Ladda ner ett från tex. dafont.com, där hittar jag i stort sett alla mina typsnitt! Vet ni inte hur man laddar ner ett typsnitt kan ni lära er det HÄR.
 
Ett tips är att gå in på "Recently added fonts". Där brukar det finnas allt möjligt!
 
Steg 2: Gå in HÄR och klicka på "Välj fil". Där ska du välja ditt typsnitt. Klicka sedan på "Upload file" och kopiera koden! Ibland funkar den här sidan inte direkt och man får prova några gånger innan länken kommer upp. 
 
Steg 3: Nu till själva koden. Denna ska du lägga in i stilmallen, förslagsvis längst upp. Spara efter.
 
@font-face
{
font-family: "TEXTSTILENSNAMN";
src: url('LÄNKENDUKOPIERAT');
}
 
Det är viktigt att du använder det riktiga namnet på fonten och att man inte bara hittar på något enkelt själv. Nu kan du skriva in det namnet i stilmallen där du vill ha textstilen, och det kommer synas på din blogg.

Klappat och klart! Det här är faktiskt väldigt enkelt när det väl blivit rutin. Lycka till!

Hur man laddar ner ett typsnitt

Jag använder mig alltid av Dafont när jag laddar ner typsnitt: det är enkelt, stort urval och funkar snabbt och bra. Såhär gör man!: 
 
Steg 1: Gå in på dafont.com och leta reda på det typsnitt du vill använda. Vi kan göra ett exempel på textstilen "Double Shadow".
 
 
Steg 2: Klicka på "Download" och välj en bra plats där du kan lägga filen utan att glömma vart den är. Förslagsvis gör man en ny mapp som heter nått i stil med "Typsnitt". 
 
Steg 3: Gå in i mappen och extrahera filen du laddat ner. Det gör man genom att högerklicka på filen, och sedan välja alternativet "Extrahera här". Du får nu en eller flera filer som du kan öppna på ett eller annat sätt, men det är den som ser ut (ungefär) såhär som man ska fokusera på: 
 
 
Steg 4: Högerklicka på filen. Välj alternativet "Installera" och låt datorn göra sitt jobb. Nu är typsnittet redo att användas i till exempel Word, Photoshop och liknande!
Lätt som en plätt. Lycka till!

Få bilder över hela inlägget

"Kan du inte visa hur du får att dina bilder är över hela inlägget men texten börjar en bit in?" Jag vet inte riktigt hur jag ska formulera vad jag ska förlklara nu, men såhär ser det ut i alla fall:
 
 
Alltså kan man ha bilder som är 800 px i ett content som är exakt 800 px, eller vilken bredd man vill.. Hela bilderna får plats i alla fall.

Först väljer du hur långt ut texten ska vara i inlägget. Lägg till texten "margin-left: 10px;under .entrybody {, så det ser ut såhär: (du kan välja vilken siffra som helst, det behöver inte vara 10)
 
.entrybody {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: normal;
color: #000000;
margin-left: 10px;
background-color: #FFFFFF;
padding: 5px;
}
 
Nu ska man ändra bildernas placering. Leta rätt på stycket ".image {" och lägg till raden "margin-left: -15px;",så det ser ut såhär: (också här är det upp till dig hur långt in du vill placera bilderna)
 
.image {
border: 0px solid #CCCCCC;
background-color:#FFFFFF;
padding:0px;
margin-left: -15px;
}

Spara stilmallen och det borde vara fixat och klart. Man måste anpassa allt det här utifrån hur bred design man har och hur breda bilder man har, men det är alltså de här två kodraderna som används för att fixa det. Lycka till!

Ny design uppe

Nu är, som ni kanske ser, den nya designen uppe! Det är ganska mycket stora filer och script, så ni får ha lite tålamod de första tre gångerna ni uppdaterar sidan kanske. Även slideshowen i headern kan lagga lite, men det är sånt som löser sig snart!
 
Vad tycker ni om den nya designen? Är det något som inte funkar så är jag tacksam om ni säger till, hoppas ni gillar det!
 
 

Designtips?

Jag har en fråga till er! Har blivit mer och mer sugen på att skriva om designer, och nu när jag håller på med en ny och har ganska lite i skolan passar det ganska bra för mig att lägga ner den tid som behövs för att göra tex. steg-för-steg inlägg med roliga designgrejer.
 
MEN för att det ska bli så bra och roligt som möjligt måste jag såklart veta vad ni är intresserade av att lära er. Hit me with your best shot så ska vi se om jag kan lösa det!
 
 
Extremt blurrig bild på min design in progress. Ganska mörkt - vad tycker ni om färgerna? 

Köp en bloggdesign

Jag säljer bloggdesigner, och nu tänkte jag ha en lite billig vecka. Jag kommer erbjuda extra bra priser om ni beställer innan på lördag.
 
Som en extra bonus kommer jag även erbjuda element från mina tidigare designer. Ni kommer inte få något rakt av kopierat, men är det något ni tyckt extra mycket om kan jag överväga att fixa det! Även enstaka kodningar kan jag fixa, det är bara att säga till.
 
Designerna kommer kosta snäppet mindre än de skulle göra i vanliga fall, några exakta exempel kan jag inte ge men billigare blir det. Jag kommer göra dem innan veckan är slut, så fort som möjligt och betalningen kan ske via internetbank eller post.
 
Intresserade? Min mejl är hannaloviisasol@hotmail.comkontakta mig med en beskrivning på designen/kodningen du vill ha så ordnar vi det!
 
 
Några av mina gamla designer. Mer kan ni hitta under kategorin "Design", HÄR

Ny design

Vet vad ni måste tänka, "Nu är hon igång igen". Men jag kunde inte låta bli att byta design redan nu! Min förra var faktiskt ingen favorit enligt mig och den här känns mycket stilrenare och snyggare. Headern är tillfällig för jag tänkte vänta med att göra nått riktigt tills mitt löshår kommer hem (iiih tagga!!) men det är snart, så det får duga så länge :D
 
 
Vad tycker ni om den nya designen?

Gör din egen ansiktsmask

Igår hade jag som sagt ett litet hemmaspa, och jag tog tillfället i akt för att prova lite egna masker :D Här är ett inlägg om vilka jag gjorde, hur och vad de är bra för !
 
Googlebild
 
Återfuktning för händer och fötter: 
Du behöver: Olja av vilket slag som helst, jag tog vanlig matolja. Plastpåsar.
Så gör man: Smörj in fötter/händer med ordentligt mycket olja. Slå in händerna eller fötterna i plastpåsar och täpp till ordentligt så de liksom badar i påsen. Vänta i ca. 15 minuter och tag sedan av plastpåsarna, skölj händerna/fötterna. Klart!
 
Fuktbomb för ansiktet:
Du behöver: 1 avokado, 1 äggula, 2 tsk honung, 1 tsk olja
Så gör man: Mixa ingridienserna till en slät smet. Applicera på huden och låt verka i ca. 15 minuter, så får du garanterat en mjuk hy efter det!

Peeling för läpparna: 
Du behöver: Socker, olja
Så gör man: Blanda en liten mängd socker och matolja. Man behöver inte alls mycket. Skrubba in läpparna, låt verka i några minuter, skrubba lite till och skölj av för riktiga kissable lips!

NY DESIGN

Jag vet inte vad jag tycker om den nya designen än men jag bestämde mig ändå för att lägga in den. Yolo liksom! Jag är kär i den nya menyn under headern, länkarna i sidomenyn och utseendet på inläggen. Vad tycker ni? Hiss eller diss på den nya designen? 
 
   
      - Bra att veta: 1) Det kan ta ett tag innan din dator vänjer sig vid headern, och de första gångerna du besöker bloggen kan det bli lite krångel med den. Det ska gå över. 2) Vissa webläsare (dock väldigt gamla) kanske inte vill läsa in alla script jag har på bloggen. Jag rekommenderar att ni laddar ned Google Chrome HÄR

Menyförklaring

"Vadå klickbar meny? Det är ju bara en meny, hallå." - Är ett exempel på kommentarer jag har fått för den nya designen. Så jag tänkte förklara hur menyn funkar, och det är inte svårare än såhär!:
 
Klicka bara på "MENY" så rullas det här ned. Jag är inte helt 100 på att det här fungerar på tex. Internet explorer, men snälla söta små läsare, installera chrome eller nått annat bättre. Explorer är typ döden ;)

Nytt utséende

Jag blev i stort sett klar och tänkte "amen yolo", copy och paste och så var designen inne på bloggen. Vet inte hur nöjd jag är egentligen, men en hel del måste jag säga. Fick in några koder här som jag velat ha länge, hihi. Är särskilt stolt över den nya menyn, som är klickbar! I love it.
 
Vad tycker ni om det nya utséendet på bloggen? Är det något jag behöver ändra/något ni tycker ser konstigt ut är jag tacksam för hjälpsamma kommentarer :)

DESIGNREA

Nu sätter jag igång en designrea! Nu över påsk kommer priserna sänkas sjukt mycket, om beställningen sker innan söndag nästa vecka, men gärna så fort som möjligt.
 
Betalning sker antingen över internetbank eller genom brev, det väljer ni.
 
Skicka din beställning till hanna.loviisasol@hotmail.comSkicka gärna beskrivning, bilder m.m i mejlet för att göra det så smidigt som möjligt.

Hur man gör en design

"Hej Hanna! Jag har en jätteviktig fråga. Hur gör man en design typ likadan som din? Kan du visa i detalj? Tack!" - Det här är en vanlig kommentar jag får och nu tänkte jag besvara den en gång för alla: 
Nej, det kan jag inte. Det ni frågar om är alldeles för stort! Det jag skulle kunna visa är hur man exakt gör MIN design, men det vill jag ju inte, det är ju MIN! Och det tar år att lära sig att göra såna designer, inte för att jag vill skryta nu men det har tatt så himla lång tid för mig. Men här är en hjälp på traven: 

Lär dig HTML och CSS. Googla massor, ta reda på alla basics och gå igenom hela stil- och kodmallarna så du verkligen förstår. Då är det jätteenkelt att börja ändra på grejer!
Ha en klar idé. Du måste hitta inspiration till hur du vill att din design ska se ut, och utifrån det och dina kunskaper du fick i första steget kan du bygga en egen design!
För att få fram resultatet: Googla. Helst på engelska om du kan det, men svenska funkar också bara att man inte får fram lika många resultat. Vill du ha en speciell kod så finns det nästan alltid på internet, men det är olika hur jobbigt det är att ta fram.

För att få fram idén: Kom på tre saker du verkligen vill ha med. Jag ville ha samma menysystem som jag har nu i mina kategorier och arkiv, så det fixade jag med en ny touch. Jag ville ha en bred wrapper och jag ville ha tydligt uppdelade inlägg. Utifrån det byggde jag designen, och höll fast vid dessa saker!
Det är såhär mycket jag kan hjälpa er, ungefär. Man kan inte ge en rak mall (eller jo det kan man men då får ni beställa, vill ni veta hur ni gör det så finns det att hitta i min meny), utan det handlar om egna kunskaper.
 
Lycka till!
 

Tidigare inlägg