Design & Makeup -

Svar på designfråga

Denna frågar har jag fått mååånga gånger så varför inte svara på detta i ett blogginlägg, det kanske jag ska börja göra? De får hamna under "Design tips".

Fråga:
Då jag lånar dina designer ser allting konstigt ut, varför ser det ut så?

Svar:
Förmodligen har du haft designer som tidigare är ändrad inne i kodmallarna, den kod du tar av mig är bara ändrad i stilmallen och dessa mallar är fullt fungerande.

För att förhindra att bloggen ska se skev ut med mina stilmallar är det bra om du återställer dina kodmallar eller ber någon (inte jag) att hjälpa dig för att ta bort det som stör.

Notera. om du återställer kodmallarna så försvinner t. ex. din bloglovin ikon och om du lagt in någon bild. Därför är det bra att be någon att hjälpa dig om du vill behålla dessa och själv inte veta hur man gör.

Denna blogg används ej mer, om du ska kommentera gå till http://designandmakeup.se exempelvis om du tagit en design eller har någonting du vill säga. På min nuvarande blogg hittar du alla gamla inlägg som även finns här så du missar ingenting, du har även chansen att bli veckans blogg, vinna gratis bloggdesigner, åtkomst till gratisdesigner, sminkguider och mycket mycket mer. Så gör dig en tjänst och kika in HÄR

2010-01-20 @ 14:55:26 Permalink > Design tips Kommentarer (3) Trackbacks ()

Design tips - Margin och padding

Okej, nu ska vi se hur jag kan förklara detta, bilden säger det mesta.
Många blandar ihop margin och padding och de vet framförallt inte vilken ordning alla värden man ger är.

Jag börjar med att förklara margin och padding.

Margin: är det luftutrymme du anger om du vill att en ruta tex ska ha mellanrum från en annan box, eller om texten ska vara längre ifrån en annan som inte tillhör samma div eller class (eller vad man nu använder). Den påverkar utifrån innehållet så att säga. Bakgrundsfärgen i denna div skall inte påverkas.
Padding: flyttar innehållet från kanterna eller vad man säger. Mellanrummet går alltså inåt. Bakgrundsfärgen i denna div fyller ut det värde du anger.

Vilken ordning ligger alla värden på?
Tänk dig att du har en klocka, det första du anger är kl 12 (top), andra kl 3 (right), tredje kl 6 (bottom) och den fjärde och sista kl 9 (left). Då man väl vet detta så är det inte krångligt alls att minnas, det är bara att räkna utefter klockan.

Hoppas denna guide är hjälpsam, berätta gärna om den varit hjälpsam för dig.

2009-12-07 @ 17:43:27 Permalink > Design tips Kommentarer (1) Trackbacks ()

Design tips - Hur googlar jag på rätt sätt?

Jag får många klagomål på att de som vill ha hjälp aldrig hittar då de googlar. Det ni måste förstå är att ni inte kan skriva typ "hur får man mellanrum mellan headern och inläggen", eller jo visst kan man det kan få svar, men ni måste tänka mer som en webbdesigner än som en bloggare.

Vi tar ett exempel på att vi vill veta hur man får bort strecken under länkarna i menyn
Det vi ska undvika att googla är:
"hur får man bort strecken under länkar i bloggen"

Utan ni får tänka lite djupare, vad är det vi ska ändra?
- Länkar
Var är det vi ska ändra?
- Stilmallen = Css (kodmallen html/xhtml)

Okej, då googlar man då på
länkar css

Då kommer det upp massvis med information om vilka attribut och värden den finns.

Jag hoppas att denna guide har gett dig bättre hum om hur du bör tänka när du skall googla efter något du vill ta reda på och att denna guide varit till hjälp.

2009-12-06 @ 15:45:42 Permalink > Design tips Kommentarer (2) Trackbacks ()

Design tips - Varför font family?

Många undrar nog varför det står "font-family" och så ligger det massvis med typsnitt efter varandra? "blandas de ihop och blir ett typsnitt tillsammans?", "varför är det citationsstecken runt vissa, är det det som är den som man väljer?", "varför är det inte bara "font" som står, varför är det family?", är det många som undrar. Nu ska jag förklara lite för er.

När man skriver vilket typsnitt man vill ha är det inte alla datorer som har det typsnittet. Jag börjar med att skriva det jag vill använda, låt oss säga Arial då.
font-family: arial;
Om en viss dator inte skulle ha detta typsnitt, då kan de heller inte se det. Så därför skriver vi då ännu en till typsnitt som en slags reserv.
font-family: arial, tahoma;
Har du inte tahoma, då går man vidare till nästa typsnitt. Inte så svårt va? Låt oss säga att vi ska lägga till en extra.
font-family: arial, tahoma, "Trebuchet MS";
Varför lade jag snuffar kring den sista, har jag valt att det är helst den jag vill att den ska synas?
Nej, inte riktigt så är det. När vi har typsnitt som har mellanrum så ska man lägga citationsstecken så att webbläsaren förstår att det är "2-ords"- teckensnitt.

Detta var det jag ville gå igenom, inte så svårt egentligen va? Hoppas ni lärde er något av detta.

2009-11-22 @ 13:49:34 Permalink > Design tips Kommentarer (3) Trackbacks ()

Vissa frågor är nja inte okej..

Visst kan det vara roligt att ha ett bra bildredigerinsgprogram, men att ladda ner är ingenting jag skulle berätta för andra att göra. Alltså det ni ber mig om med dessa frågor är att visa hur man stjäl olika program och det tycker jag inte är helt okej.

Visst nedladdning går ju att diskutera men det ändrar inte det faktum att jag skulle förklara något olagligt för er. Så tyvärr, ni får gå den lagliga vägen eller vända er till någon annan =)

Däremot Gimp är ett gratisprogram och fungerar ungefär som photoshop men är mycket lättare att förstå. För att ladda ner det kicka här. [länk]

(Är du student? Photoshop kan man köpa hur billigt som helst jämfört med orginalpriset, kika på din sida för studentrabatter)

2009-10-18 @ 13:31:16 Permalink > Design tips Kommentarer (6) Trackbacks ()

Hitta färgen till texten med färgkarta

Jag har ju tidigare skrivit om hur man kan få färg på kursiv och fet text genom att bara klicka på "B" eller "I" i verktygsfältet. Men hur vet du vilken färg du ska välja och framförallt hur väljer du färg?

Bloggdesign.nu har en jättebra artikel med en färgkarta där du kan välja färg exakt hur du vill och till och med testa den. För att kunna göra det så måste du klicka in på denna här. [länk]
Vill du lära dig lite mer om "färgkoderna" (hexadecimal, RGB och färgnamn) så rekomenderar jag dig att kika här [länk]

2009-09-29 @ 23:34:25 Permalink > Design tips Kommentarer (4) Trackbacks ()

Designtips - Sätt färg på tjock text

Jag har sedan tidigare berättat hur man sätter färg på kursiv text i bloggen utan att behöva skriva in krångliga koder varje gång. Nu har jag även fått en förfrågan om hur man gör med en fet text.

Jag gjorde som jag gjort tidigare, letade reda med hjälp utav källkoden vad koden för fet text skrivs ner om man använder verktygsfältet, det är nämligen "strong" så därför så behöver du bara lägga in denna kod i din STILmall:

strong {
font-weight: bold;
color: #DF0000;
}

Förklaringar:
font-weight: bold = tjockleken på texten

------------------------..bold = fet

color: #666..........= färgen på texten
------------------------.,#DF0000 = färgen (mörk röd)
OBS, glöm inte att ändra till valfri färg :)

2009-09-24 @ 19:35:11 Permalink > Design tips Kommentarer (2) Trackbacks ()

Designtips - Acceptera inte "designen passar bäst i"

Att bloggdesigner kan se olika ut i olika webbläsare är något man ofta stöter på, många har därför på ett enkelt och på ett väldigt enligt mig, lat sätt gjort det acceptabelt genom att skriva "designen passar bäst i firefox" till exempel.

Jag kan erkänna att jag gjorde det förr också, men det var för att jag inte visste bättre. Jag säger inte detta bara för att framstå mig bättre än andra när jag säger detta utan jag är bara mer envis, så ni inte får detta om bakfoten.

Man kan få en design att se likadan ut i olika webbläsare, men ibland kan man behöva få bra tips på vägen så man inte torskar ut totalt.

Några tips är att:

Ha flera olika webbläsare till hands, Internet explorer och Mozilla firefox är två av de vanligaste och finns lätt tillgängliga. Jämför och kolla så att allting ser bra ut.
Validera dina kod och stilmallar. Har du add-on verktyget Web developer [Ladda ner] till firefox, där finns massvis med bra funtktioner till dig som designar mycket. Du kan enkelt använda valideringsverktyget i detta add-on istället för att komma ihåg eller spara de 2 valideringsadresserna. Mer information om det hittar du här. [länk]

Med valideringsverktyget kan du lätt se vilka problem som behöver åtgärdas och var du hittar dem.
Designer ser olika ut med olika upplösningar, fråga vänner och dina läsare hur designen ser ut, be dem skicka en skärmdump till exempel så du kan se de möjliga fel som de kan se men inte du.

Detta var några tips på hur du kan göra då designen krånglar, det viktigaste för en webbdesignare är att du är tålamodig och envis. Utan detta kommer du ha halvfärdiga projekt och designer som egentligen inte uppnår ett riktigt mål.

2009-09-08 @ 16:47:52 Permalink > Design tips Kommentarer (6) Trackbacks ()

Firefox add-ons som underlättar webdesignandet

Här har en liten lista på olika add-ons för firefox som jag använder, och jag lovar dig att det underlättar för dig som håller på med designer och liknande varje dag.

Firebug [Ladda ner]
Med firebug kan du enkelt kika på css och html koder. Vet du inte var "side" ligger till exempel så kan du kika upp det genom att hålla muspekaren på "#side" i html koderna. Då markerar firebug området så du exakt kan se var det ligger. Dessutom kan du även se hur margin och paddingen ligger jämtemot området.
HTML validator [Ladda ner]
Med detta verktyg kan du enkelt validera (bekräfta koden, kollar efter fel) designen. Varför sticker sidomenyn ner? Varför vill inte bilden komma fram? Validerar du designen så kan visar det upp vilka fel som finns som du själv kanske missat eller inte förstått.
Adblock plus [Ladda ner]

Detta är inte bara för webdesignare, här slipper du all reklam du oftast gnäller över. Det jag tycker är bra att man slipper se reklamen i blogg.se som ofta stör designen. (Det fungerar endast för DIG och inte dina läsare, då får du hänvisa dem samma add-on)
ColorZilla [Ladda ner]
Är inte den gråa nyansen mörk nog? Inga problem, klicka på så som jag kallar det "färgsnapparen" och välj ut en mörkare nyans eller en helt annan färg. Det finns flera olika alternativ på hur du kan välja färger. Du slipper leta upp hemsidor på nätet eller klicka upp photoshop för att leta upp en bättre färg.
MeasureIt [Ladda ner]
Sitter headern och inläggen riktigt jämnt? Hur långt är avståndet mellan punkt A och B? Det kan du lätt avgöra med detta add-on då blotta ögat gärna avrundar med några pixlar.
Web developer [Ladda ner]
Med detta add-on får du ett eget verktygsfält som en hjälpreda för olika saker du behöver göra. Kolla stilmallen, källan, ta bort cookies, ändra storlek, validera, etc. Det finns massor med användbara saker.

Härmed har jag delat med mig utav några av bra och användbara add-ons för webdesignare. Hoppas ni gillar dem lika mycket som jag :)

2009-08-13 @ 23:51:35 Permalink > Design tips Kommentarer (5) Trackbacks ()

Design tips - Hur man får skugga i texten

Jag har faktsikt själv ganska nyss upptäckt detta med skugga i texten. Hur skönt skulle det inte vara att slippa att göra bilder till varje rubrik i menyn för att få en skugga? Dessutom kan du ha skuggor i rubrikerna så du kan matcha menyn.

Detta är då koden som ska in i den kod där texten sitter.
Exempelvis "#h3" - inläggsrubrik eller "#navheader" - meny rubrik
Jag rekomenderar däremot inte att ha det i en vanlig text, t ex. inlägg eller menylänkar, då det kan bli jobbigt att läsa.

text-shadow: 10px -11px 2px #000000;

10px - Anger hur många pixlar åt höger skuggan ska ligga (ange minus "-" för motsatt håll)
11px - Anger hur många pixlar neråt skuggan ska ligga (samma som ovan)
2px - Anger i pixlar vilken "grad" av oskärpa skuggan ska ha.
#000000 - (svart färg) Anger vilken färg skuggan ska ha.
; - Man avslutar alltid en rad med semikolon (;) för att berätta för webbläsarn att raden är slut. Typ som en punkt i en mening.

OBS, TÄNK PÅ ATT DETTA INTE FUNGERAR FÖR ALLA. ENDAST CSS 2 OCH CSS3. Sedan kan webbläsare spela roll också.

2009-08-07 @ 21:49:08 Permalink > Design tips Kommentarer (7) Trackbacks ()

Hur man lägger upp en header

Jag har fått frågor om hur man lägger in en header, det man inte får glömma är att man måste ladda upp den i rätt storlek.

Denna guide utgår från stilmallen Fashion

Då du laddar upp headern och är osäker på dess storlek, ta då det högsta alternativet 1000px (de pixlar som står, är antalet pixlar bred bilden ska laddas upp)
Ta sedan url adressen på bilden, lättast att ta den är att kopiera den från adressfältet.
Nu ska du klicka dig in till STILmallen. För att komma dit så klickar du på Design > redigera stilmall
Leta upp #header i stilmallen, för att underlätta så kan du trycka på ctrl + F så kommer det fram en liten sökruta där du kan skriva in "#header".
Då du hittat det så ska du byta ut en del av koden som ser ut såhär
background: #FFFFFF url(http://static.blogg.se/shared/img/css/fashion_top.jpg) no-repeat right center;
Byt ut "http://static.blogg.se/shared/img/css/fashion_top.jpg" till din nya url adress.
Glöm inte att förhandsgranska först så du ser att allting blir rätt.

Händer det att det inte alls blir rätt?

Var noga med att kolla om headerns storlek stämmer med resten utav designen.
Kolla så att height och width stämmer överens med headern
Funkar det inte får du prova dig fram, jag kan tyvärr inte hjälpa dig mer än såhär.

Jag hoppas denna guide är en bra vägledning och att allt går som det ska.
Trevlig kväll!

2009-06-24 @ 18:27:10 Permalink > Design tips Kommentarer (10) Trackbacks ()

Hur man får bilderna att visas på bloglovin

Du kanske någongång har tänkt på hur du får dina bilder ifrån inlägget att synas på bloglovin?

Enkelt!!

Klicka in på "inställningar" uppe i menyn
Bocka i "Lämna ut hela inlägg i rss-flödet"
Klicka på "Spara inställningar" så har du fixat det!

2009-06-22 @ 00:39:51 Permalink > Design tips Kommentarer (0) Trackbacks ()

Designtips - Sätta färg på kursiv text

Det man kan göra är att exprimentera lite, hur får jag färg på kursiva texten? Hur läggs det i html form? Kursiv text blir < em > i html då du gör det kursivt med hjälp av verktygsfältet vi använder då vi bloggar på blogg.se. (ska du skriva in det själv av någon anledning så är det egentligen <i>, <em> i sig är text du vill betona, framhålla, understryka)

Ja, det är det man tar reda på då man vill få fram svar, det enda man behöver göra är att tänka logiskt. Okej, om det läggs som "em" då kan jag ju göra en egen klass för den i stilmallen, som jag i min egen definitiion har beskrivit tidigare som "inredningen" till detta "em".

Detta är det du behöver lägga in i stilmallen, var du vill:

em {
font-style: italic;
letter-spacing: 1px;
font-weight: normal;
color: #CC0256;
}

Förklaringar:
font style = där skriver du hur du vill att texten ska se ut, som i detta fall kursivt
letter spacing = det betyder hur långt du vill ha mellan bokstäverna, persoligen tycker jag litet passar bättre än mycket då det gäller kursiv text.
font-weight = Här är det hur fet du vill att texten ska vara, normal är ingen alls och bold betyder fet.
color = Detta är det viktigaste då det gäller detta, här kan du välja vilken färg du vill att texten ska vara. Kom ihåg att ljus text är jobbig att läsa så välj någon som passar din blogg, men inte är för ljus. För färgkarta, kolla här [länk]

Jag hoppas detta hjälpte dig och att du klarar av att göra precis samma sak :)

2009-06-15 @ 19:10:25 Permalink > Design tips Kommentarer (8) Trackbacks ()

Bloggdesign - Vad är egentligen allt i stilmallen?

Jag får ofta frågor om vad vissa saker är i stilmallen då de vill ändra typsnitt eller färg på en bakgrund. Jag har nu suttit och gjort så att du, jag säger inte lätt, men lättare kan hitta det du söker.

För varje kod så har jag lagt en bakgrundsfärg/typsnittsfärg så du kan se vad det är du ska ändra.
Tex, bakgrunden är blå = blå text i stilmallen

Stilmallen

Startsidan

Kommentarssidan

Det kan verka stökigt och krångligt, men detta tycker jag är en bra helhelts förklaring. Vill du veta vad rubrikerna i inlägget är för kod, ja du kollar du på bakgrundsfärgen och kollar på på stilmallen som jag har lagt upp här ovan och kollar vilken färg som är likadan. Inga svårigheter :D

2009-04-19 @ 23:33:31 Permalink > Design tips Kommentarer (5) Trackbacks ()

Något jag bör ta upp...

Det finns hundra säkert tusentals otroligt duktiga blogg/web designare i bloggvärlden, som även också kan göra misstag ibland. Ofta har man lärt sig att designa genom att prova sig fram. Jag har upptäckt många gånger då jag designar en blogg att kodmallen kan vara "stökig".

Jag ska förklara hur jag ser på saken då det gäller kodmall (html) och stilmall (css)
Då en byggfirma bygger ett hus inreder de inte den på samma gång, det gör man själv då man flyttar in.

Kodmallen är som ett hus, det är själva byggnaden, stilmallen är däremot inredningen i huset. Man ska inte inte lägga koder som beskriver något i kodmllen utan något som är.

Dvs. <font color="#000000"> SKALL ICKE stå i kodmallen, även om det skulle vara enkelt att göra på det viset. Skapa då en CLASS till denna text, eller ännu enklare DIV (ett nytt rum), som du sedan inreder (bestämmer färg, storlek etc) i stilmallen.

Hoppas inte detta inlägg gör dig förvirrad, men detta är något som många designare gör tyvärr...

2009-03-29 @ 22:34:45 Permalink > Design tips Kommentarer (3) Trackbacks ()

Nytt i bloggen

Nu ska jag börja med vanliga bloggdesigner som ni själva kan välja ut och på bara minuter lägga in själva. Det enda du behöver göra är att välja vilken design du vill ha, kopiera koden och klistra in den i din stilmall.

Observera att detta är då designer som FLERA kan använda och därför inte blir personlig, men har du otur vid utlottningar och inte vill betala är detta exakt det du behöver!

För att få mer avancerade designer måste ni fixa det själv, Jag har RSS ikoner som ni kan välja ut >här<

Första designen kommer snart :D

2009-03-28 @ 20:15:47 Permalink > Design tips Kommentarer (1) Trackbacks ()

Upplösning

Förutom er med explorer (som gör att min blogg inte ser ut som den ska) så ska ni kunna se min blogg rätt. Främst er med firefox.

Det ni behöver är en upplösning på 1280 x 1024 px för att se denna rätt. Jag vet inte hur det är med gamla skärmar men med era nyare så ska det gå. Har ni en lägre upplösning så måste allting vara väldigt stort för er, eller?

Hur ändrar jag upplösning?
Har du windows:
- Högerklicka på skrivbordet (där du går för att ändra bakgrund) klicka på egenskaper > inställningar och så drar ni upplösningen på max.

OBS- Detta är en upplösning som INTE passar alla skärmar!

2009-03-26 @ 11:55:57 Permalink > Design tips Kommentarer (0) Trackbacks ()

Till er otåliga designers

med några undantag då... Till era snokiga otåliga designers!!

Vissa frågar efter stilmallar till min blogg och till andra bloggar som jag designat, varför ska ni ha det?
Tror du att jag lärde mig hur man designade bloggar genom att kopiera andras designer? Guess what? NO!

På det sättet lär du dig inte. Vill ni veta hur jag kunde bli (tycker jag) en riktigt bra designer?
Jag satt mig på en bekväm stol, tog mig tid att prova mig fram tills jag sedan lyckades. Har man ingen bekväm stol, ja då får man träsmak i arslet men det ger dig ändå ingen rätt till att snylta åt sig andras designer. Oavsett om det är lätt eller inte att ta en annans stilmall (vilket bara på frågan, redan tyder på att ni inte kan så mycket inom detta).

Är det något du inte kan?
Webdesignskolan.se, ninetnet.com, bloggdesign.nu, designadinblogg.se ALLA SVENSKA SIDOR!
Kan du engelska? Bra!
google.se klicka på sökrutan, skriv det du vill veta t ex: Vill du veta hur man gör mouseover, skriv då "mouseover html".

Hur gick det då? Bra?!
Nej men vad konstigt, du som trodde att du måste sno andras stilmallar för att göra en snygg design, hahahaha, DEN VAR BRA!!!

2009-03-13 @ 12:48:08 Permalink > Design tips Kommentarer (6) Trackbacks ()

Fler Rssikoner

Fler hittar ni här

2009-02-01 @ 15:25:38 Permalink > Design tips Kommentarer (5) Trackbacks ()

RSS

Här kommer jag lägga upp lite RSS:er du kan ha på din blogg, jag har själv gjort dem så om du vill ha en så tipsa snälla i din blogg om dem för andra, se det som en liten gentjänst :)

Tänk på att spara den till din dator först och ladda upp den på din egen blogg, annars kan min blogg bli mycket segare.
Storleken får du ävne ändra på själv ifall den inte passar.

../images/2009/rss_27139059.png

Samma i olika färger:

1

Nu orkar jag inte fler för stunden, har så ont i ryggen! Men kika in detta inlägg fler gånger så kanske det kommer fler :)

2009-01-31 @ 22:17:29 Permalink > Design tips Kommentarer (3) Trackbacks ()

Design tips

Nu var det länge sedan jag delade med mig utav ett designtips tycker jag, men inte ska man låta bli helt för det.

Jag fick en fråga från en tjej som kallar sig för Marrue som undrade hur man direktlänkade sin rubrik till kommentarerna. Alltså om du klickar på inläggets rubrik så kommer du direkt till kommentarer.
Jag tänkte sedan, varför berättar jag inte i ett inlägg också, så nu blir det så!

Det du gör är att du klickar in til kodmallen.
Letar upp <h3>${EntryTitle}</h3>
Sedan ändrar du det till <h3><a href="${EntryPermaLink}#comment">${EntryTitle}</a></h3>
(så det som är i fetstil är det som är tillagt i själva koden)
Tryck på spara och sedan är det klart!

OBS - glöm inte att ändra i archive och categorypage också.

2009-01-03 @ 21:41:57 Permalink > Design tips Kommentarer (2) Trackbacks ()

Svar på era frågor...

Nu har jag tagit mig tid och svarat på era frågor, det är inte många men jag är glad för de frågor jag får :)

1. Jag vill kunna PS CS3 bättre,

Ang photoshop hänvisar jag dig till moderskeppet.se, där visar de photoshopgrunder på film som du kan se online gratis.

2. Jag vill förstå mer om bloggens alla koder.

Om du vill förstå alla bloggens koder kan du gå in på designadinblogg.se som är inriktat mycket för just blogg.se/publishme. Däremot finns det ju andra sidor också som du kan kika in på , som tex; webdesignskolan.se och ninetnet.com vilket är väldigt lätta att förstå. Det är väldigt mycket man behöver lära sig och jag kan inte dra allting rakt av.

3. Hur vet man tex hur stor hedern ska vara?

Headern får du anpassa till bloggens storlek, ingenting kan vara större än 1000 px vilket du ser då du laddar upp bilden (om du inte laddar upp bilden på ett annat ställe).
Vanligast på bredden är mellan ca 800-950 px. Själv har jag 1000px bred header, det har jag valt eftersom jag har 3 "spalter" i min blogg. Två siodspalter och en mittenspalt.

Höjden varierar också, jag rekomenderar dig inte att ha högre än 500 px, vilket iallafall jag tycker är jobbigt om de är större. Höjden brukar vara ca 200-500 px hög, men det är en smaksak.

4. Hur får man headern att smälta in i bloggen?

Det beror på hur man vill att headern ska smälta in i bloggen. Det finns massor med olika vis man kan göra det på.

5. I min meny, runt mitt foto och andra länkar blir det en sån "prickig ram" Hur får man bort den?

Då måste du gå in i kodmallen och ändra, du letar upp "image" och ändrar sedan på "border".

.image {
border: 2px solid #fff;
background-color:#FFFFFF;
padding:2px;
margin: 0px 6px 6px 0px;
}

Det jag gjort är att jag har gjort är att ändra färgen på själva ramen till densamma som bakgrunden, det är det enkla sättet. Du kan även ändra ramen till 0px så ska den heller inte synas.

Samma sak får du göra på "thumbnail"

.thumbnail {
border: 2px solid #fff;
background-color:#FFFFFF;
padding:2px;
margin: 0px 6px 6px 0px;
}

6. Jag skulle vilja veta hur man får bilder att inte se så B ut. Alltså typ, när man lägger bild på bild så kan det bli "vita märken" som tex på paint.

Det du menar är att det blir vitt runtom varje bild, som en kantig ram, om jag förstår rätt? Det jag skulle rekomendera är att använda ett riktigt bildredigeringsprogram (Det finns en gratisversion av photoshop, googla på "gimp") Där kan du använda dig utav lager och smidigt kunna ta bort det du inte vill ha med.

Tack för era frågor, jag hoppas verkligen det har hjälpt er. Var inte rädd för att skriva fler frågor nästa gång ;)

2008-09-28 @ 23:00:07 Permalink > Design tips Kommentarer (3) Trackbacks ()

Vad vill du veta ang. bloggdesign?

OBS! bilden är inte för utlottning just nu!

Nu är det ju så många som frågar mig dittan och dattan om hur man gör vissa grejer i designen och hur man gör en header. Jag tänkte att jag kommer ju inte kunna sitta här på hela dagen, och då kan ni ju komma med frågor om vad just du vill veta så svarar jag på era frågor då jag har tid. Antagligen imorgon då Daniel jobbar eller så.

Så kom med alla frågor ni har, kan jag inte svaret så letar jag upp det helt enkelt!

Vad vill du veta ang. bloggdesign??

Update: Fjuttigt med så få frågor, våga fråga!

2008-09-24 @ 13:04:59 Permalink > Design tips Kommentarer (16) Trackbacks ()

Hur får man skugga längs bloggen?

Jag fick en fråga nyss om hur man får skugga i designen. Det tycker jag är en bra fråga, för det finns inte många med skugga längs bloggen.

Jag använder mig utav denna bild som jag har anpassat till resten av bloggen. Sedan har jag repeterat den neråt. Själva skuggningen med bilden får ni fixa själv. Jag ger er bara en vägledning till hur ni ska bära er åt.

Fixa bilden
ladda upp den
kopiera bildadressen.
klicka in i stilmallen och leta efter "wrapper"
lägg till denna kod innanför denna symbol "}" annars kommer det inte att funka-
background: #fff url(url-adressen);
background-repeat: repeat-y;
som på denna bild
testa att förhandsgranska innan du sparar för att se om det funkar.
Nu ska det sitta där, om inte skuggan stämmer överens med själva bloggen får du helt enkelt prova dig fram tills det funkar. Det kan ta tid men ge inte upp.

Lycka till!

2008-08-02 @ 20:02:36 Permalink > Design tips Kommentarer (5) Trackbacks ()

Hur man byter Rss-ikon

Visst kan man tycka att den orangea rss-knappen kan vara tråkig och kanske inte ens passar in till din egen blogg. Du måste ju faktiskt inte ha just denna så varför inte göra en ny?

Här har jag gjort en egen rss-knapp till min blogg, kan du inte göra en själv så finns det många sidor man kan ladda ner gratis ifrån på internet. Google har svar på allt...

Men hur lägger man upp den då? Det ska jag visa er...
OBS, MIN BILD ÄR COPYRIGHTSKYDDAD!

Ladda upp bilden
kopiera bildadressen
klicka in i kodmallen
leta efter subside, det ligger ganska långt ner.
såhär ser koden ut.
< div class="subside" >
< a href="index.rss" title="RSS"><img src="http://elinengmaan.webblogg.se/images/2008/rss_14160812.png" border="0" alt="RSS 2.0" / >< /a >
< /div >
Byt ut den understrukna texten till din egna url-adress, dvs. den som är markerad ovanför.
Glöm inte att spara!
Gå även in på de andra kodmallarna och gör samma sak.

Nu är det klart och du ska ha en ny och fin rss ikon :)

2008-07-31 @ 17:07:33 Permalink > Design tips Kommentarer (6) Trackbacks ()

Hur man lägger in en signatur

Många har frågat mig hur man får en ikon nere i slutet av inlägget. Här ska jag visa dig hur.

Först behöver man göra en egen ikon, bäst är med något fotoredigeringsprogram, som tex photoshop, gimp (gratisversion av photoshop) etc. Det går även bra med paint också men kvalitén blir kass.

Ett tips är att ha en transparent bakgrund utifall att du ska byta design och ha en annan färg på bakgrunden, och fortfarande vill ha kvar den gamla ikonen.
Lägg upp bilden i bloggen så att du får en url-adress.
Klicka in i kodmallen.
Leta efter <div class="entrybody">${EntryBody}</div>
Här kan du se hur det kan se ut i kodmallen. Den feta texten är där jag har lagt in bilden.

Använd denna kod där jag har placerat min och kopiera in din bild-adress.
<img src="din url-adress" border="0" align=left></a>
Lägg koden under <div class="entryvody">${EntryBody}</div> precis som nedanför.

<div class="entrybody">${EntryBody}</div>
<img src="http://elinengmaan.webblogg.se/images/2008/elinengman_2526398.png" border="0" align=left></a>
Spara så är det klart :D

Jag tar inte ansvar om du gör något fel, det är ditt val att ändra något själv i kod- och stilmallen. Blir något fel kan du enkelt återsälla det med ALLA ändringar du gjort kommer att försvinna.

2008-07-24 @ 11:13:43 Permalink > Design tips Kommentarer (6) Trackbacks ()

Hur man lägger in ett filmklipp

Jag ställde en fråga förut på vilka tips ni läsare vill ha.
Den första frågan var hur man fick upp en youtube video här på bloggen.
Jo det ska jag visa er.

Ni vet nog hur ni hittar filmen så de behöver jag inte hjälpa er med, däremot kan behöver du veta vilken kod du ska använda.

Det du behöver leta efter är "embed-koden" som du kan se är markerat och inramat med rosa. Det är lätt att hitta.
Du kopierar embed-koden.
klickar på html knappen i verktygsfältet
klistrar in koden

Och simsalabim så har du videon i bloggen :)
kika på klippet, söta dumma barn :D

2008-07-15 @ 10:43:55 Permalink > Design tips Kommentarer (5) Trackbacks ()

Hur man får rullande text & bilder

Hur får man rullande text/bildspel?

Det är enkelt, det finns olika sätt texten kan rulla. Här finns olika förslag.

Kom ihåg att det egentligen ska vara två taggar som stänger in texten, för att ni ska kunna se koderna måste jag lägga till mellanslag.

< marquee >Vanlig rullande text< /marquee >
Vanlig rullande text

< marquee behavior="alternate" >Texten studsar< /marquee >
Texten studsar

< marquee bgcolor="pink" width="300" height="20">Text med rosa bakgrund< / marquee >

width och height står för bredden och höjden på själva "lådan", som då är bakgrunden.
Text med rosa bakgrund

< marquee direction="RIGHT"> Texten rullar från vänster till höger < / marquee >

"Right" står för "höger", vill du att texten ska rulla från vänster så byter du bara ut "right" till "left"

Texten rullar från vänster till höger

Hur gör man om man vill lägga till en bild då?
Det enda man behöver göra är att lägga till bild adressen. Men eftersom koden ska ligga i kodmallen (vilket är html koder) måste man skriva såhär

< marquee > < img src="../images/2008/aiiblogg_12071216.png" border="0" > < / marquee >

http://elinengmaan.webblogg.se/images/2008/aiiblogg_12071216.png är urladressen till själva bilden.
"border" står för "ram" och "0" står för storleken på ramen.
resultatet är då

Jag hoppas detta har hjälpt er lite, det kan vara lite svårt att veta var man ska lägga in den i kodmallen, alla vill ju ha text och bilder på olika ställen. Så om du inte kan något om html så bör du inte lägga in detta själv. Fråga någon som kan.

2008-07-11 @ 11:09:28 Permalink > Design tips Kommentarer (9) Trackbacks ()