Bloggande iFokus

Bloggande

Etikettbloggdesign-html-och-css
Läst 10382 ggr
Fralice
41

Klippa ut bilder till header?

Hej! De flesta med bildredigerings program brukar kunna klippa ut saker,oftast sig själv till att vara på en header. Förstår ni vad jag menar? Klipper bort bakgrunden och klistrar in på t.ex en vit header.

Skulle gärna vilja ha en sådan header. Någon frivillig? Skrattande

Och om någon har intresset kanske den vill pimpa min blogg lite mer, börjar tröttna på dens utseende lite.. Glad

[YlvaP]
0
#1

Dom verktygen har jag också letat efter men har inte hittat någon bra ännu. Någon annan kanske?

Fralice
0
#2

Förstår inte heller hur de får de så fint utklippt! :)

Em--ma
0
#3

http://pizap.com  går att göra så på :)

/ Emma
Kolla in min blogg, väluppdaterad och högt rankad hästblogg- http://enallroundryttare.blogg.se !

Flamman1
0
#4

Jag kan "klippa" ut bilder.

Försök att aldrig ge upp hur svårt allt än är

 

BlackieSixx
0
#5

Pen Tool är ett av dom bästa verktugen att använda i Photoshop om man ska hålla på med utklippningar! :)
Men de gäller att man har tålamod ;)

MVH
// Cissy - BlackieSixx.blogg.se


Fralice
0
Bild 1. Klicka för att öppna i full storlek.
#6

3&5: Är inte intresserad av att lära mig själv det just nu utan ville helst ha hjälp nu! Tack iaf! :D

4: Sugen på att hjälpa mig? Vore awsome! :)

Denna kommentar har tagits bort.
Fralice
0
Bild 1. Klicka för att öppna i full storlek.
#8

4:Intresserad av att hjälpa mig? Skrattande

Flamman1
0
#9

#6, 7 & 8Ja visst kan jag det:)

Försök att aldrig ge upp hur svårt allt än är

 

Fralice
0
#10

Vill ha en stor header, om du besöker min blogg : Min blogg ser du hur stor jag vill ha den på min nuvarande! Det är det enda du behöver göra, klippa ut den på en vit header. Texten gör jag själv ! :D

Flamman1
0
#11

Vilken av bilderna?:)

Försök att aldrig ge upp hur svårt allt än är

 

Fralice
0
#12

Första :)

Om den andra är enklare kan du ta den.

Flamman1
0
#13

Okej

Försök att aldrig ge upp hur svårt allt än är

 

Fralice
0
#14

Tackar :D

Gärna en stor bild nudå!

Flamman1
0
Bild 1. Klicka för att öppna i full storlek.
#15

Den är klar nu

Det enklaste är nog om du förstorar den själv;)

Försök att aldrig ge upp hur svårt allt än är

 

Fralice
0
#16

Man kan ju inte förstora en bild? :P

Bara förminska,eller?

Tack så mycket! :)

Flamman1
0
#17

Ingen aning;)

Varsegod:)

Försök att aldrig ge upp hur svårt allt än är

 

BlackieSixx
0
#18

Kan också göra ett försök, men får bli på Lördag/Söndag om ja har lite tid då :) ,

MVH
// Cissy - BlackieSixx.blogg.se


Fralice
0
Bild 1. Klicka för att öppna i full storlek.
#19

Kul :D Ta denna bild!

Eller den första som inte flamman gjorde.

Fralice
0
Bild 1. Klicka för att öppna i full storlek.
#20

Eller skulle någon kunna klippa ut den här till en vit bakgrund ?Skrattande

Em--ma
0
Bild 1. Klicka för att öppna i full storlek.
#21

:)

/ Emma
Kolla in min blogg, väluppdaterad och högt rankad hästblogg- http://enallroundryttare.blogg.se !

Fralice
0
#22

21:Oh tack! Skrattande Du kan inte sätta den på en lite större vitbild ? Ungefär så stor som den Falmman gjorde? Vore jätte snällt kan inte det själv nämnligen! Skäms

riiffen
0
#23

öppna ett dokument i paint som är så stort som du vill ha headern och klistra in hennes bild:p

medarbetare på allergier.ifokus .

Emelie
0
Bild 1. Klicka för att öppna i full storlek.
#24

Här kommer mitt bidrag! ;)

Sajtvärd för Bullhundar, medarbetare på Borderline & Djurtransport.

Står i stargroparna för en förhoppningsvis framgångsrik avel av tan-tecknade möss!

Fralice
0
Caroline.H
0
Bild 1. Klicka för att öppna i full storlek.
#26

Skulle det vara okej om jag lånar denna tråd lite? Flört Behöver nämligen hjälp med precis samma sak, få inte till det för jag har inga bra program för detta…

Du får säga till om du inte vill att jag ska sno den här tråden! Flört

Men det är iaf två bilder jag behöver hjälp med, den här…

//Caroline


Em--ma
1
Bild 1. Klicka för att öppna i full storlek.
#27

;)

/ Emma
Kolla in min blogg, väluppdaterad och högt rankad hästblogg- http://enallroundryttare.blogg.se !

Caroline.H
0
Bild 1. Klicka för att öppna i full storlek.
#28

…och den här! :) Tack säger jag redan nu! Skrattande

//Caroline


Caroline.H
0
#29

Jösses, det gick fort! ;) Det lilla märket nere i hörnet, får man ta bort det?

Tack! Skrattande

//Caroline


Em--ma
0
Bild 1. Klicka för att öppna i full storlek.
#30

/ Emma
Kolla in min blogg, väluppdaterad och högt rankad hästblogg- http://enallroundryttare.blogg.se !

Em--ma
0
#31

Det är borta nu :) Kolla på bilden igen :P

/ Emma
Kolla in min blogg, väluppdaterad och högt rankad hästblogg- http://enallroundryttare.blogg.se !

Caroline.H
0
#32

Tack så jättemycket! :D Nu kan jag äntligen få en vettig bloggdesign! Tack, verkligen! Bilderna blev super, särskilt på lilla ponnyn! ;)

//Caroline


Caroline.H
0
Bild 1. Klicka för att öppna i full storlek.
#33

Dum som jag är så försöker jag att göra en julheader när julen snart är över. Så skulle vara snällt om någon ville klippa ut dessa bilder istället…

//Caroline


Caroline.H
0
Bild 1. Klicka för att öppna i full storlek.
#34

…och den! :)

//Caroline


Em--ma
0
Bild 1. Klicka för att öppna i full storlek.
#35

den första bilden gick inte att klippa, bilden var så liten och när jag förstorade den blev den jätte suddig..

/ Emma
Kolla in min blogg, väluppdaterad och högt rankad hästblogg- http://enallroundryttare.blogg.se !

Caroline.H
0
#36

Oj, nejmen så där liten ska den ju inte vara! Ska se om jag kan fixa det! ;)

//Caroline


Em--ma
0
Bild 1. Klicka för att öppna i full storlek.
#37

hästen :)

/ Emma
Kolla in min blogg, väluppdaterad och högt rankad hästblogg- http://enallroundryttare.blogg.se !

Fralice
0
Bild 1. Klicka för att öppna i full storlek.
#38

Kan ni klippa ut denna ? Skrattande

Fralice
0
Bild 1. Klicka för att öppna i full storlek.
Fridaaaa
0
#40

man kan göra detta i paint själv med hur lätt som helst;)

 Medarbetare: Sällskapskaniner, Support.

Fridaaaa
0
Bild 1. Klicka för att öppna i full storlek.
#41

Mitt försök

 Medarbetare: Sällskapskaniner, Support.

Fridaaaa
0
Bild 1. Klicka för att öppna i full storlek.
#42

Andra bilden

 Medarbetare: Sällskapskaniner, Support.

Em--ma
0
#43

du kan annars göra i http://pizap.com gratis internet redigerare, tar typ 2 min och klippa ut en bild ;)

/ Emma
Kolla in min blogg, väluppdaterad och högt rankad hästblogg- http://enallroundryttare.blogg.se !

Fralice
0
#44

42&43: Tack men hade viljat ha dem i bildens naturliga storlek, alltså de största formatet! Tyst 43: Får väll testa.. Men uppskattar er hjälp :)

Moa-16
0
#45

#44 Är nog bättre om du gör det själv, är ju inte svårt & då får du det också precis som du själv vill ha det :)

Fridaaaa
0
#46

säger som #45

 Medarbetare: Sällskapskaniner, Support.

Caroline.H
0
#47

Har prövat Pizap nu… Jag klippte ut mig och hästen, men hur gör jag nu för att få bort delen som jag klippt ut, bort från bakgrunden…? Skäms

//Caroline


Em--ma
0
Bild 1. Klicka för att öppna i full storlek.
#48

Ska prova att beskriva hur jag gör :)

1.gå in på pizap.com tryck på start
2. tryck sen på upload photo och sen välj en helt random bild (spelar ingen roll vilken!) tryck på öppna
3. Sen trycker du på paint (penseln till höger) och sen på paintbucket (färgburken)
4. Färglägg hela bakrunden (tryck bara på bilden så blir den röd)
och sedan på add a cut out or face (den gröna gubben med en sax) 
Och sen klipper du ut den bilden du vill ha eller färglägger den med grönt. Där du färglagt med grönt kommer den klippa ut tryck på finish.
5. Nu kommer bilden upp, då trycker du igen på Paint bucket och tar en valfri färg (ex. vit)  sen trycker du på Download så får du bilden till din dator

Jag brukar sedan gå in på paint och sudda ut texten PiZap :)

/ Emma
Kolla in min blogg, väluppdaterad och högt rankad hästblogg- http://enallroundryttare.blogg.se !

Caroline.H
0
#49

Du är bra på att förklara! ;P tack ;P

//Caroline


Caroline.H
0
#50

Nej det fungerar inte… När jag trycker på lilla gubben så måste jag ladda upp en ny bild…

//Caroline


Em--ma
0
#51

trippelklick*

/ Emma
Kolla in min blogg, väluppdaterad och högt rankad hästblogg- http://enallroundryttare.blogg.se !

Em--ma
0
#52

Dubbelklick*

/ Emma
Kolla in min blogg, väluppdaterad och högt rankad hästblogg- http://enallroundryttare.blogg.se !

Em--ma
0
#53

#50 det är så du ska göra :) Du ser att från början laddade jag upp en bild på ett träns, tog bara första bilden som kom upp på skrivbordet. Det spelar ingen roll vad det är för bild. För den ska du färglägga över. Sen så har jag klippt ut en kanin, då ska man alltså ladda upp bilden du vill klippa ut. :)

/ Emma
Kolla in min blogg, väluppdaterad och högt rankad hästblogg- http://enallroundryttare.blogg.se !

Fralice
0
#54

Åh tack så mycket var ju super enkelt! :D

Men nu när ni header-smartingar ändå är här kan jag ju fråga.

På min blogg, kolla hur min header och inläggen hänger ihop : Kefi

Vill inte det,för det betyder att jag "måste " ha en vit header. Vill ha ett litet glapp mellan inläggen och header helt enkelt..Hur ska jag bära mig åt ? :)

Em--ma
0
#55

Kolla om detta funkar, du får prova dig fram vilket tal :)

leta upp #header i din stilmall
kolla om margin finns där.

den är antingen såhär:
**margin: 0px 0px 20px 0px;

**eller  såhär:

**margin: -105px;

**alltså det behöver inte stå exakt lika dant det kan vara -1 på ena men ja du fattar.
Prova att ändra det tredje talet om det är den översta margin.
eller prova ändra mer/mindre på den undre Margin :)

/ Emma
Kolla in min blogg, väluppdaterad och högt rankad hästblogg- http://enallroundryttare.blogg.se !

Fralice
0
#56

Nej de hjälpte inte att jag bytte de tredjetalet :/

Em--ma
0
#57

prova att radera den som du har och sätta dit den andra. det bör gå.

/ Emma
Kolla in min blogg, väluppdaterad och högt rankad hästblogg- http://enallroundryttare.blogg.se !

Fralice
0
#58

Radera headern? :)

Em--ma
0
#59

Nej nej, radera **margin: 0px 0px 10px 0px
**Och sen sätta dit **margin: -105

**

/ Emma
Kolla in min blogg, väluppdaterad och högt rankad hästblogg- http://enallroundryttare.blogg.se !

Em--ma
0
#60

Oj glöm inte den här efter!    ;

/ Emma
Kolla in min blogg, väluppdaterad och högt rankad hästblogg- http://enallroundryttare.blogg.se !

Fralice
0
#61

Första eller andra margin? Den vid header eller side menar jag :)

Em--ma
0
#62

Den vid header ;)

/ Emma
Kolla in min blogg, väluppdaterad och högt rankad hästblogg- http://enallroundryttare.blogg.se !

Fralice
0
#63

Nu hände det ju iallafall något.. Men den åkte bara åt sidan! :S

Såg bättre ut desto mindre tal jag använde, men blev bara mindre åt sidan, fortf inget glapp mellan om man säger så!

Em--ma
0
#64

Oj då. Ska prova mig fram på min blogg.
Men mitt internet är sååååå himla segt att det tar 20 min att ladda en sida, men ska prova :)

/ Emma
Kolla in min blogg, väluppdaterad och högt rankad hästblogg- http://enallroundryttare.blogg.se !

Em--ma
0
#65

Nu provar vi då, om det inte gick att lägga till
på margin/ändra på margin om det stod såhär
margin: 0px 0px 0px 0px;
Det tredje talet, det gick inte då? :)
Och det gick inte heller om du bytte den mot
margin: -200 (ex)

Så prova ändra:

#header {
background: url(http://enallroundryttare.blogg.se/images/2010/vi-provar-och-ser-kopia_118647899.png) no-repeat center center;
margin: -105px;
padding: 10px 0px **40px;
**height: 600px;
text-align: left;
border: #656565;

det markerade talet uppåt, typ 100 eller liknande, prova det :)

/ Emma
Kolla in min blogg, väluppdaterad och högt rankad hästblogg- http://enallroundryttare.blogg.se !

Fralice
0
#66

#header {
background: #FFFFFF url(http://kefi.blogg.se/images/2010/namnlskefi_124441649.jpg) no-repeat right center;
padding-left: 0px;
padding-bottom:0px;
padding-top:0px;
margin: 0px 0px 0px;
width: 1000px;
height: 700px;
}

Vi har inte samma stilmall.. Så här ser min header ut (-:

Em--ma
0
#67

Jo det är typ samma sak för att dom har bara delat in padding i tre olika  , medans i min har dom lagt i samma. Så du ska ändra
på den tredje padding.

#header {
background: #FFFFFF url(http://kefi.blogg.se/images/2010/namnlskefi_124441649.jpg) no-repeat right center;
padding-left: 0px;
padding-bottom:0px;
**padding-top:0px;
**margin: 0px 0px 0px;
width: 1000px;
height: 700px;
}

/ Emma
Kolla in min blogg, väluppdaterad och högt rankad hästblogg- http://enallroundryttare.blogg.se !

Fralice
0
#68

Haha gud vad knepigt det här var!

Men när jag ändrar på top märker jag att de där kommer inte hjälpa. För visst, headern åker upp mkt , men det vita hänger med iallafall. Så därför måste det ju vara något i min stilmall som gör att headern "måste" sitta ihop med det! :S

Em--ma
0
#69

Då får du ändra på Wrapper till en annan färg :)
Det vita följer inte med utan det är bara att du flyttar upp headern och så är det vitt bakom :P

#wrapper {
text-align: left;
width: 900px;
margin: 50px auto;
padding: 30px;
vertical-align: top;
**background-color: #656565;
**}

prova ändra den till typ svart så får du se att det bör hjälpa.
Komlicerat jag vet :P

/ Emma
Kolla in min blogg, väluppdaterad och högt rankad hästblogg- http://enallroundryttare.blogg.se !

Ida-M
0
Bild 1. Klicka för att öppna i full storlek.
#70

Här är mitt försök :) rundade även av kanterna så att de inte blir så skarpa. Vet inte om det är i rätt format?

Fralice
0
#71

70:Åh tack så jätte mycket, så snyggtSkrattande

Fralice
0
#72

69: Jag får byta stilmall, måste vara nog sjukt konstigt. För när jag byter färg på wrappen byts färgen på bakgrunden för inläggen, de vita runt headern blir kvar.. Vill inte vara så besvärlig för dig så det är ok om vi lägger ner det.. ! Rynkar på näsan

Em--ma
0
#73

#72 gud nej det gör ingenting, det är kul att jobba med designen! :)
Konstigt att det inte funkar! vilken stilmall har?

/ Emma
Kolla in min blogg, väluppdaterad och högt rankad hästblogg- http://enallroundryttare.blogg.se !

Em--ma
0
#74

Om du inte fått lösning på problemet kanske detta funkar? men vi har ju somsagt inte samma stilmall, så jag vet inte.. ,)

ju högre desto, lägre ner kommer content :)

#content {
overflow: hidden;
width: 631px;
float: left;
background: #FFFFFF;
padding: 0px 0px 20px;
voice-family:"\"}\"";
voice-family:inherit;
**margin-top: 0px;
**text-align: left;
vertical-align: top;
margin-right: 30px;
border-right-width: 30px;
border-right-style: solid;
border-right-color: #FFFFFF;
font-family: "Times New Roman", Times, serif;

/ Emma
Kolla in min blogg, väluppdaterad och högt rankad hästblogg- http://enallroundryttare.blogg.se !

Fralice
0
#75

Jag blev så irreterad på den stilmallen att jag tyvärr bytt.. Haha men jag tycker denna är lika snygg! :)

Men vissa säger att de inte ser hela min blogg. Att de bara ser inläggen men inte menyn osv.. Gör du/ni de?

Här , tack för hjälpen :)

Fridaaaa
0
#76

ser ingen meny :)

 Medarbetare: Sällskapskaniner, Support.

Fralice
0
#77

Åh vad störande! :/

Har själv så stor skärm! :p

Fridaaaa
0
#78

#77 hur stor skärm har du? Jag har en 22tums:)

 Medarbetare: Sällskapskaniner, Support.

Moa-16
0
#79

Ser inte heller någon meny, den har åkt ner. Hm, tycker din design ser lite konstigt ut, varför kan du inte bara kopiera designen du hade på din andra blogg & ändra utifrån den? Vore väl enklare :P

Fralice
0
#80

Frida: Ingen aning, hur tar man reda på de? (A)

79: Haha just det jag gjort.. De var många som inte såg meny å inlägg på min blogg så jag tog junkyyardbloggens stilmall, så den ser ju i stort sett ut som junkyyard! Men visst har ju kvar mina kodmallar men.. Kan de förstöra så mycket? Tyst

Vissa säger också att de ser konstiga tecken vid mina bokstäver..

Fridaaaa
0
#81

#80 Haha :D Jadu vet inte om det står någonstanns på skärmen? Annars måste ju den som köpte den veta det :D

 Medarbetare: Sällskapskaniner, Support.

Em--ma
0
#82

#80 du tar en tumstock och och mäter diagonalt (en tumm är 2.5 cm ca (2.54) )

/ Emma
Kolla in min blogg, väluppdaterad och högt rankad hästblogg- http://enallroundryttare.blogg.se !

Diskussionen närmar sig gränsen för max antal kommentarer. Överväg att skapa en ny diskussion och länka till den här.