Genomskinlig ram runt bloggen

       2013-01-04 / 08:09:00 / Bloggdesign
Har fått in många frågor om hur jag har gjort den genomskinliga ramen runtom min blogg. Så tänkte försöka förklara för er! c:
 

1.Börja med att öppna Photoshop och gör en bild som har storleken 400 x 400 pixlar. (Det går att göra detta i Gimp också, dock vet inte jag hur det fungerar!)
 
2. Gå ner till lagerna och lås upp bakgrundslagret. Börja med att kopiera det genom att dra ner det till   och sedan raderar du det låsta lagret genom att dra ner den till 
Då kommer du bara ha kvar ett lager som på bilden nedan:
 
3. Sedan är det dags att fixa den "gemonskinliga effekten". Det gör du genom att dra ner Opacitet/Opacity till någonstans mellan 30-50, jag använde mig av 45 tror jag. Du drar ner den med regaglet eller skriver in värdet i rutan.
 
4. Sedan är det dags att spara, det viktigaste är att du tänker på att spara din bild i filformatet PNG.
Så den kommer att heta bildnamn.png om du sparar den i tex JPEG försvinner den genomskinliga effekten. 
 
5. Ladda upp din bild, på bloggen eller tinypic eller vad du föredrar. Om du ska ladda upp bilden på bloggen,
ladda upp den i 1000px. 
 
6. Sedan tar du koden nedan och klistrar in i wrapper avsnittet (innan } ), längst ner som på bilden nedan.
 
Om du skulle vilja ändra hur stor kanten ska vara gör du det på padding där det står 20px, testa dig fram för att se hur stor du vill att kanten ska vara!
 
Hoppas du förstod och om inte eller om det skulle vara
några problem, tveka inte att skicka iväg en kommentar eller ett mejl! c:



Kommentarer


Linnéa

Hmmm, idag ska jag bara hänga med min syster tror jag... hon är ledig så vi behöver lite tid ihop, får väl leka med systersonen också antar jag <3

2013-01-04 / 08:41:33
URL: http://linnealiebig.blogg.se
Clara

Tack fina du!

2013-01-04 / 08:43:57
URL: http://clararingqvist.blogg.se
ebba

sv: allt är toppen här!
vad gör du?:)
kram

2013-01-04 / 10:04:37
URL: http://anderssoneebba.blogg.se
M A T I L D A ♥

sv. skönt att höra! Idag ska jag in till stan för att träna på gym och sen ikväll blir det myskväll med familjen! Vad har du för planer idag? :)
KRAM

2013-01-04 / 10:49:14
URL: http://matildaddahlberg.blogg.se
benedit ♥

bra tips, har också det :D

sv; okej, jag med :) händer idag?
kram

2013-01-04 / 10:59:35
URL: http://moufieeh.blogg.se/
sofie

sv: härligt :), nja sådär vaknade av att jag inte fick luft i näsasn är mega sjuk.

planer inför dagen?:)

2013-01-04 / 11:37:56
URL: http://soofielundberg.blogg.se
Jeanette

sv: Vad bra :) Idag så blir det mycket plugg för mig, vad ska du själv göra idag då?

2013-01-04 / 12:16:52
URL: http://kerosene.blogg.se
Emma - Foto och annat skoj!

Aha, gud vad tråkigt då!

Vilken kamera köpte hon då? :D

2013-01-04 / 12:24:31
URL: http://emmaaaolssons.blogg.se
▲ Lina | fotoblogg ▲

SV: Hihi, precis :)

2013-01-04 / 12:35:22
URL: http://linaphoto.blogg.se/
Daniella

Svar: Det är bara bra, hur är det själv då? :D

2013-01-04 / 13:56:05
URL: http://daniellaevelina.blogg.se
emelie

Sv: Hihi, eller hur ^^ Härligt att höra, jodå allt är bra med mig:)

2013-01-04 / 14:40:27
URL: http://thelifeofemme.blogg.se
Anonym

sv: idag ska jag bara slappa, dudå? :)

2013-01-04 / 15:03:22
URL: http://wilmalinneas.webblogg.se
CECILIA

sv: någon idé om vad jag kan videoblogga om? :)

2013-01-04 / 15:03:28
URL: http://candersson.bloggplatsen.se
→ Amanda ←

sv; tack så mycket! Glad jag blir :D

2013-01-04 / 15:22:21
URL: http://amandaengbergs.blogg.se/
klarajt.blogg.se

Man gör typ samma i gimp, lite andra knappar bara :) Bra tips!

SV: Åh, tacck :D
Allt bra idag?
kram på dej!

2013-01-04 / 15:42:23
URL: http://klarajt.blogg.se/
HANNA ~ blondinen i homs

Sv: Jag ska fixa inför min brors födelsedag tror jag, själv? :) Kram

2013-01-04 / 15:52:53
URL: http://homs.blogg.se
Moa

sv. okej, ja det lät ju bra det! vad ska du göra i helgen då? :D kram♥

2013-01-04 / 16:04:59
URL: http://madnessheat.blogg.se
Anton

sv: tack så mycket! :)

2013-01-04 / 16:33:13
URL: http://antonsfoto.webblogg.se
malin [fotoblogg]

sv: åh tack :) hoppas du får en bra helg! kram

2013-01-04 / 16:48:37
URL: http://mkarlstrom.blogg.se
Liborius

bra inlägg^^

2013-01-04 / 17:29:50
URL: http://liborius.blogg.se
Alice Gustafsson

Bra tips!

2013-01-04 / 17:37:16
URL: http://aliceaphotodream.blogg.se/
Nina~

Hej sötis! :) Allt bra med dig? :)

2013-01-04 / 17:58:11
URL: http://ninawallinder.blogg.se
Michelle - foto

SV: Ja allt är bra, med dig då? :)

2013-01-04 / 19:06:09
URL: http://michellesphoto.blogg.se
Bysisters

Sv: inte så mycket sj?<3

2013-01-04 / 20:21:34
URL: http://bysisters.se
klarajt.blogg.se

Sv: Åh, tack :D
Tack igen ;) Följer dig också nu, nummer 58!
Kram på dig!

2013-01-04 / 21:17:52
URL: http://klarajt.blogg.se/
bea

Åhh tack för inlägget, ska försöka mig på detta nu när jag ska göra ny design, får se om jag klarar det, verkar lite krångligt! :D

sv: Den ser bra ut! Jag har denna väska http://www.siba.se/product/10411519/andersson-cab-2-0-messenger?ref=section&sec=929060792905689261698 (och en liten som alternativ) tycker att den fungerar bra men är dock, väldigt stor vilket är både bra och dåligt! D

2013-01-04 / 21:36:32
URL: http://hhappydays.blogg.se
Josefin

Kul med designtips! Bra blogg :D kram

2013-01-04 / 22:12:37
URL: http://jjosefineklund.blogg.se/
LIENE

Bra tips:D Kanske måste återkomma hit när jag gör mitt nästa design men jag lär redan ha glömt bort då:P kort minne, haha.

2013-01-04 / 22:13:07
URL: http://lifefromwithin.blogg.se
Maja (foto&vardag)

Sv: Tack så mycket! :)

2013-01-04 / 22:16:08
URL: http://majaafzelius.blogg.se/
Simona ågren-

sv: min dag spenderades i Stockholm med massa shopping, sj? :D

2013-01-04 / 22:24:40
URL: http://simonis.blogg.se
josefin

Nu är vinnaren av dagens blogg uppe på min blogg, kolla om det blev du, och glöm INTE att anmäla dig igen :)

2013-01-05 / 00:00:38
URL: http://tussex.blogg.se
ida

måste bara säga att du har en jäkligt fin blogg och att du fotar väldigt bra! kraaaaaamm

Svar: tack så jättejätte mycket ida! c: Kramar på dig!
Emma Broberg

2013-01-05 / 00:52:57
Jouline♡

Tack snälla du för din rara kommentar :) kram

2013-01-05 / 03:36:39
URL: http://stylebyjouline.blogg.se
Louice

Jätte bra tips har du! Du är väldigt duktig på design :) Skulle du möjligtvis vilja dela med dig av hur du får menyn i olika rutor eller vad man säger? :)

Svar: Tack så mycket! (: Ja, utkik så kommer det nog snarast upp ett tips om man delar in menyn i boxar! kram
Emma Broberg

2013-01-06 / 22:24:27
Amanda

Hej!! Jag har ett litet problem när jag försöker fixa det här. Just nu när jag gör det här får jag bara genomskinligt runt inläggssidan men jag vill ha det genomskinliga runt menyn och hela headern också :) Tror du att du skulle kunna hjälpa mig på något sätt? <33

2013-04-13 / 17:32:57


Namn:
Kom ihåg mig? :)

E-postadress: (visas ej)

Hemsida/Blogg:

Kommentar:

Tack så mycket! (:
Trackback