"Genomskinlig" header..

Photoshop / Permalink / 63
Hur gör du för att få bilderna genomsynliga? Som din header tex.

SVAR:
För det första måste man ändra om lite bland koderna i stilmallen. Såhär ser min kod ut i stilmallen där headern är.

Du måste helt enkelt radera #000000 = bakgrundsfärgen. Och ersätta med texten: transparent eller sudda ut helt, det spelar ingen roll.

I Photoshop sen så har jag helt enkelt suddat ut bilden där jag vill att bakgrunden ska synas igenom på bloggen. Tänk på att bakgrunden i headern också måste vara transparent, du tar bort den genom att helt enkelt radera lagret background eller klicka på "ögat"!


Ni ser ögat i lagret ovanför, det är den ni ska klicka bort om ni inte vill radera hela bakgrunden. Kan vara bra och ha en bakgrund så du kan se om något mer ska suddas ut för att det ska bli bra. Då syns inte det lagret helt enkelt och ni kan inte redigera i lagret förrän ni klickar i ögat igen.

Sedan när du känner att du gjort din header såsom du vill ha den, så ska du spara den i PNG format. EJ JPEG.. Sedan laddar du upp den som vanligt i din blogg och klistrar in den vid: transparent url(KOD TILL BILDEN);
Precis som jag har gjort i den första bilden.

PROBLEM UPDATE
För många av er har detta inte fungerat och det beror på att ni har en färg i wrappern. Radera denna färg och ni kommer få en genomskinlig header. Dock lär ni antagligen lägga på bakgrund under områdena entry header, post body txt och posted by txt. Dessa sköter bakrunden bakom headern, inläggen och vid kommentarer och datum mm.

Hoppas det här var till någon hjälp :) säg gärna till om ni tycker det blir för krångligt eller dylikt. Pusss
#1 - - Elin - Design&Makeup:

Aw vad gulligt uttryck, genomsynliga. Jag har en tendens att tycka omvridna ord är söta ^^

Där lärde jag mig något nytt, haha jag visste inte att man kunde skriva endast transparent där :o Eller vänta nu förresten, jag skriver ingenting.. haha

#2 - - HelloNicki:

Jaha vad mysigt. För att fira med familjen?



Hur länge blir du kvaR?

#3 - - sandra:

Hej, jag har en liten fråga :)

Hur får man texten som du har i headern att se så silvrig ut? eller guldig? (som du gjorde till Gabriella).

#4 - - Molly:

Älskar att man kan ha genomskinlig bakgrund.. Använder det till alla mina bildkollage och sånt jag gör på bloggen. Så jäkla smidigt om man sedan skulle byta bakgrundsfärg på bloggen. Kan inte leva utan det <3

#5 - - Catrin:

Mkt bra och enkelt förklarat tips!

#6 - - S A N N A S . R U M:

Toppen, gud så bra, brukar själv sitta och pilla med html-koder i kodmallen, men detta var mkt smidigare! Taack!

#7 - - Linn:

(Y) fast man behöver inte skriva transparent ;} png är bäst. Blir bäst kvalité om mansparar i det :D

#8 - - Sanna:

Hej!

Vet du vilken kod man använder för att bakgrunden endast ska vara lite genomskinlig? Om man tex vill ha bakgrunden i menyn (ovanför headern) lite genomskinlig.



Tacksam för svar :)

#9 - - Anna:

Hej. Jag har sparat bilden i pgn format och bakgrunden är transparent men ändå blir bakgrunden vit när jag lägger in den på bloggen. Har tagit bort färgkoden men icke. Vad är felet? Blir tokig snart :)

#10 - - Anna:

Jag har testat fram och tillbaka men eftersom att det inte funkar så har jag inte sparat den. Blir gråhårig snart :)

#11 - - Amanda:

Jag har ett litet problem, när jag byter ut färgen mot "transperant" så försvinner visserligen färgen och headern blir bra, men den vita färgen längs hela bloggen (vid inläggen) försvinner också :S



dessutom står bild-url till min header under "# wrapper" och inte "#header".. Har det något med saken att göra och isåfall hur ändrar man det? :)



Hoppas att du kan hjälpa mig, förstår ingenting längre :p

#12 - - Anna D:

hejhej!

hur skaffade du din photoshop och vilken photoshop använder du ? Jag har inte använt photoshop innan så vet inte hur man fixar det.



tacksam för svar =)

#13 - - Issa:

Kvinna jag älskar dig för detta inlägg!!!, har hållit på och tjorvat med GIF format i en timme!

#14 - - ♥Emma♥:

Det funkar inte för mig. Bilden är det inget fel på för har kollat det hundra gånger, Så varför funkar det inte snälla hjälp mig?



Här är bloggen jag testat det på: http://ferb.blogg.se/

#15 - - ♥Emma♥:

okej fixa det nu men nu är typ hela bloggen genomskinlig?



Bloggen jag testade det på : http://ferb.blogg.se/

#16 - - fannyhedberg:

gud va glad jag är att jag hitta din blogg. men asså det funkar verkligen inte .. gör EXAKT som det står men det går verkligen inte:( på min blir det vit bakgrund på headern iställe för genomskinlig..

#17 - - s:

hej!



jag har testat precis som du har beskrivit, men det funkar ändå inte :(



Det blir vitt som bakgrund hur jag än sparar headern i photoshop!! :( gör jag något fel?

#18 - - s:

Tack!!!



nu funkar det :) fast headern blir på väster sida även om jag har center istället för left top

#19 - - carolinhe med H:

Åh har försökt med detta ett bra tag nu men det vill verkligen inte funka utan blir bara vitt, hur ska jag göra ? :(

#20 - - Anonym:

Det funkar inte för mig. vad gör jag för fel?

#21 - - Sanna:

Det fungerar inte för mig :/

#22 - - my andersson ~ fotoblogg:

tack tack tack! :D

#23 - - sara:

Hej! Det fungerar inte för mig, jag har gjort så det står transparent, och använt png format och tagit bort bakgrunden på headern. Vet du hur jag ska fixa det? Tacksam för svar!!

Detta är bloggen jag försöker fixa det på:

http://tteessttbbllooggg.blogg.se/



KRAM!

#24 - - sandra:

Hej! Jag märker att mång har samma problem som jag här, min bakgrund till headern blir vit ändå. Tips?

#25 - - Celine:

Det funkar inte!:(

#26 - - Jenny:

Det funkar! Men jag förstår inte riktigt hur du menar att jag ska lägga dit en bakgrund på Entry header och dom. Kan du inte vara snäll och visa?

#27 - - Vicky Lepard:

vilken kod ska man lägga till i entry header, post body txt, posted by txt?

#28 - - Esther:

hej, kanske är en lite sen komentar menmen..

Jag har försökt göra bilder genomskilniga i ps förut, men jag kan inte ladda upp dem på blogg.se, har hört att man inte kan ladda upp bilder i formatet .png där. Kan man det lr? om inte, var kan man ladda upp sina bilder?



Tack för svar<3

#29 - - Linda:

Coolt! Äntligen vet jag hur man gör:D

#30 - - Rodja:

Tack så jättemycket för tipset, det fungerade till en viss del..



Det jag är ute efter är att endast ha transparent header, så att man ser min bakgrund genom headern.

Detta fungerar om jag tar bort #FFFFFF koden i wrappern, men gör jag detta så blir även många andra delar ''genomskinliga'' det vill säga att man ser bakgrunden istället för att det ska vara vitt. Bland annat bakom rubriker, det vill jag inte :/



Vet du hur man ändrar detta? Så att man har vit bakgrundfärg på inläggen, rubriker, os.v. Och ENDAST tranparent bakom headern?



Tack på förhand, tacksam för svar!

#31 - - Victoria:

asså för mig fungerar det inte alls :s Vet inte vad jag gör för fel

#32 - - Emma♥:

jo du en fråga när jag testade så på min "test blogg" så vart min bakgrund mellan inläggen osv, hur får man bort de? :)

#33 - - Emma♥:

jag skrev en kommentar nyss tänkte kolla på min test blogg så ser du

http://emmaawessman.blogg.se/test/

att det blir bland allt om du fattar men svara gärna på min "vanliga" blogg om du svarar :)

#34 - - hanna:

hej !

Allt funkar perffa , men headern syns inte i internet explore , safari m.m , funkar endast i google chorme

vad är felet ? :)

#35 - - Bodil:

Googlade på "genomskinlig header" och hamnade hos dig. Fungerade klockrent, tack för en bra beskrivning!

#36 - - Anna:

Hej! Har gjort allt det där, men kan inte få en vit bakgrund bakom inläggen, menyn osv. Har du något förslag på vad man kan göra? :)

#37 - - Dana:

Hej!

alltså min blogg när jag gör det och tar bort färgen på wrapper blir mina inlägg konstiga och allting!

#38 - - erika:

Testade det här från din blogg igår, funkade inte, så jag testade från andra, funkade inte heller.

Men nu testade jag igen, och det funkade ifrån din blogg.

Haha. :D

Håller fortfarande på att mixtra lite smått på en testblogg.

#39 - - Elin:

Hejj! ;)

Tack så mkt för dettta tips! Det har verkligen hjälpt mig, men dock blir det lite knas i menyn och vid inläggen, då bakgrundsfärgen försvinner under inläggsrubrikerna, och presentationen i menyn. Skulle du kanske kunna hjälpa mig lite med att fixa det?

Tacksam för svar!

Ha det bra! ;)<3

#40 - - emma:

Alltså jag blir tokig snart men det här funkar inte! Gör en header i Gimp, trycker på "ögat" så att bakgrunden blir grått/svart-rutigt och sedan sparar i PNG-format, lägger in det under header-stycket och tar bort färgkoden men ÄNDÅ FUNKAR DET INTE. Är extremt tacksamt för svar!

#41 - - Astrid Jinder:

Tack för en helt underbar blogg, inte bara till synes utan också för all hjälp du ger! Detta är den enklaste guiden (och den första som någonsin fungerat för mig) och dessutom bara tog någon menut att fullfölja. Jag har dock ett problem och jag såg även att du gjort en uppdate om det. Grejen är att det inte fungerar. Headern blir genomskinlig precis som jag vill men även det som är bakom inläggen. Jag har fyllt i allt du skrev på "problem update" men det vill inte fungera.. har ingen aning om vad jag ska göra nu... ska söka runt lite själv men skulle vara helt underbart om du ville hjälpa mig! Eller skriva en till "updatering i bloggen"

Tack för en galet bra blogg!=)

#42 - - Ella:

Hej! När jag tar bort backround i wrapper så försvinner liksom hela, vid inläggen också, lite dåligt förklarat, svara gärna på min blogg! Tack! :D

#43 - - Ella:

Svar; Nej, jag fattar inte. När jag har tagit bort färgen i wrappern försvinner den vita färgen bakom inläggen också. Hur ska jag göra då, jag fattade inte. Svara gärna på mig blogg! :)

#44 - - Ella:

Men jag fattar inte det, vad ska jag göra :P

#45 - - Ella:

Men vart?! Under entry headrs och allt det där? vad ska jag skriva då? Jag fattar inte.

#46 - - sara:

Hej!

Tack för jättebra beskrivning. Jag har dock ett problem som jag inte får till.. bakgrunden bakom inläggen är transparent och jag fattar inte hur man får till det. Kan du hjälpa mig?

#47 - - Sara:

Har gjort som du skrivit i inlägget men det fungerar ändå inte. Problemet är alltså det transparenta glappet mellan side och content.

#48 - - Melinda:

Hej! Försökte mig på detta men när jag har lagt till så det (äntligen!!) funkar med transparent bakgrund på headerbilden så blir hela bloggen transparent. Alltså färgen där man skriver inlägg och där man har inläggen och så det blir också transparent, fattar inte hur jag ska fixa detta :///

#49 - - Melinda:

Såg nu att mina bildlänkar ligger under body, kanske det har något med de o göra att det inte funkar..???

#50 - - Evelina:

Hejsan!

Jag gjorde som du skrev, men det funkade inte, tillslut raderade jag färgen i wrapper och då funkade det (:D!!), men då (precis som du skrev) raderades färgen mellan inläggen, kommentarerna osv, det blev alltså genomskinligt där med istället för vitt.

Hur ska jag göra för att det ska bli vitt där igen? Vill att min header ska vara transparent.



Jätte tacksam för svar!



/evelina

#51 - - Tove Nilsson:

Hejsan! Jag har testat det där, och då blir bakgrunden i headern genmskinlig och allt, men hur gör jag om jag vill att det fortfarande ska vara vitt "bakom inläggen" ?

Tacksam för svar! :)

#52 - - Vilma:

Taaacck! Har leteat efter hur man gör detta jätte länge! Äntligen funkar det! <3

#53 - - ebba (::

jag kan inte ladda upp bilden på blogg.se när jag sparat med transparent bakgrund i formatet png , var gör man då?

#54 - - Louise ♡:

tack för tipset! :D

#55 - - alexandra:

det var till stor hjälp.. TACK! :)

#56 - - Vicki:

Så sjukt grym blogg! Tack för all hjälp.

Hoppas det är bra med dig och att folk inte försöker utnyttja dig för mycket ;)

#57 - - Nomi:

Jag försöker lägga in en transparent header. Men den har repeterats trots att jag har koden no-repeat left top. Vet du vad jag kan göra?

Svar: Och du har avslutat den koden med ett ;
Sara Eriksson

#58 - - Linnea:

Tusen tack! :)

Svar: Varsegod :)
Sara Eriksson

#59 - - Celle:

Jag behöver färgen på wrappern för att få menyn att fortsätta ner till botten av bloggen, men som sagt funkar inte min PNG-header om jag har färg på wrappern.
Vet du hur jag skulle kunna lösa detta?

Svar: Läs vad jag skrivit i texten en gång till!!!
Sara Eriksson

#60 - - Bella:

Allt funkade för mig, dock så blev det en massa mellanrum som du skrev att det skulle kunna bli. Och jag förstår inte hur man får vitt där igen så att det inte blir genomskinligt.
Det är vid menyn och rubriken!
Hjälp!!!! ):

#61 - - erika:

Hej tänkte fråga dig om du har någon aning. Jag har länge haft transparent bakgrund i min header och har alltid funkat bra. Igår råkade jag återställa min kodmall och nu har jag lyckats rätta till nästan allt. På något vänster så funkar inte min header med transparent bakrund om man trycker sig in på kategorier/inlägg/månad osv, utan endast på startsidan. Så min fråga är om du har någon aning om hur man får de att funka överallt?

mvh

#62 - - Emma Broberg:

Hej, jag har nu tagit bort färgen i wrappen och det funkade bra. Men nu får jag mellanrum på färgen i rubrik och inlägg och jag tycker inte det blir snyggt. Reklamen mellan inläggen är även utan bakgrundsfärg och jag tycker det blev fult. Hur fixar man så att man får bagrund under inläggen och rubrik men inte på headern? Så som du har.

Blir jätte glad för svar.

Svar: Längre ner i inlägget står det varför det blir så, man får även eventuellt lägga på mer bredd och "dra ihop" allting med hjälp av padding & margin.
Sara Eriksson

#63 - - Emma Broberg:

Men du får ju som en wrapper ändå.. fast bara inte under headern.. hur gör man så att det ska bli så? :)

Till top