Ratkaisuja blogin pyöristämisestä koituviin ongelmiin

Blogin kulmien pyöristämisestä koituu monelle bloggaajalle ongelmia, joihin niksiä voi olla itse vaikea ratkoa. Viime aikoina mulle on tullut paljon kysyttävää juurikin pyöristämisen koodista johtuvista ongelmista. Ongelmia, joita kulmien pyöristämisestä saattaa koitua, on monia, joten olen koonnut tähän postaukseen ikään kuin ensiapupaketin, jolla voitte yrittää ratkoa ongelmaanne. Tässä vielä linkki kulmien pyöristämispostaukseen: http://blogikoodeja.blogspot.fi/2013/10/blogin-kulmien-pyoristaminen.html

ONGELMA 1 ~ BANNERISTA AIHEUTUNEET PUSKEVAT KULMAT

Kulmia pyöristäessä voi tulla ylläolevan kuvan osoittama tilanne vastaan: pyöristetyistä kulmista törröttää valkoiset (toki voi olla myös muunväriset) kulmat. Tässä tapauksessa törröttävät kulmat johtuvat bannerista, jonka kulmia ei ole pyöristetty. Pyöristyskoodi itsessään ei pyöristä banneria, joten suorakulmion muotoinen banneri voi helposti pompata esiin pyöristetyistä kulmista.

Miten korjata ongelma?

- Pyöristä bannerisi kulmat jollakin kuvankäsittelyohjelmalla, esimerkiksi netistä ladattavalla ilmaisella Photoscapella tai netissä käytettävällä Picmonkeyllä klikkaamalla kohtaa "Rounded Corners". IPiccyllä voit esimerkiksi poistaa kaikki ylimääräiset kohdat tekemällä ne läpinäkyviksi kohdasta "Erase Background". 

- Voit myös yrittää saada kulmat banneria siirtämällä / blogia leventämällä / molemmilla syrjään.

Kun lisäät tämän koodin CSS:ään, saat banneria siirtymään vasemmalle:

.header-outer {
margin-left: 20px;
}

Lukua 20 voit muuutaa mieleisesi mukaan.

Kun lisäät tämän koodin CSS:ään, saat banneria siirtymään alaspäin:

.header-outer {
margin-top: 20px;
}

Lukua 20 voit taas muuttaa mieleisesi mukaan. 

  

ONGELMA 2 ~ LÄPINÄKYVÄT KULMAT

Tähän ongelmaan olet saattanut törmätä, mikäli et käytä valkopohjaista Simplen mallia. En ole testannut, näkyykö ongelma muissakin kuin Simplen väripohjaisissa malleissa, mutta niissä tämä ongelma ainakin ilmenee, jos olet käyttänyt pyöristyskoodia. Vaikka valkea blogipohja onkin pyöristynyt, se on jättänyt jälkeensä haaleat, vähän läpinäkyvää muistuttavat kulmat. Ikävää, eikö?

Miten korjata ongelma?

- Malli -> mukauta -> lisäasetukset -> lisää alla oleva koodi CSS:ään:
 
.content-outer{
box-shadow: none;
}

ONGELMA 3 - VALKOISET, PIENEMMÄT KULMAT, JONKA SYYNÄ EI OLE BANNERI

On siis kyse ongelmasta, johon ei banneri vaikuta. Ainakin oikeaan kulmaan on jäänyt valkoinen, esiin puskeva kulma, jota ei saa banneria mihinkään suuntaan siirtämälläkään pois. Tämä ongelma ei tietojeni mukaan automaattisesti esiinny ainakaan Simplen valkopohjaisessa mallissa, mutta esimerkiksi sinipohjaisessa Simplessä kyllä.

Miten ratkaista ongelma?

- Hallintapaneeli -> Malli -> Mukauta (eli menet mallin suunnittelutyökaluun) -> Lisäasetukset -> Taustat -> Ylätunnisteen tausta -> Muokkaat sen läpinäkyväksi

Toivottavasti tästä oli apua! Lisäilen tänne ongelmia sitämukaa, jos niitä teille tulee. :-)

Kuvanmuokkausohjelmat / kuvaneditointiohjelmat

Päätin tehdä näistä ihan oman postauksen - kyseessä on nimittäin

melko laaja aihe. Kuten otsikosta huomaa, käsittelemme

tässä postauksessa kuvanmuokkauspaikkoja/-editointipaikkoja. Eli siis
netistä ladattavia & netissä käytettäviä ohjelmia, joilla voi muokata
kuvia.

Kaikki postauksessa esitellyt kuvanmuokkausohjelmat ovat

ilmaisia ainakin suurimmaksi osaksi & itse

kokeilemiani. Ainakin tietääkseni. :D

NETISTÄ LADATTAVIA:

 GIMP
- tosi paljon ominaisuuksia
- käyttö vaatii paljon opettelua & kärsivällisyyttä
- ehdottomasti näistä monipuolisin 
- bugii yllättävän paljon
- youtubesta löytyy paljon opetusvideoita
- mahdollisuus suomen kieleen

PAINT.NET
- muistuttaa ominaisuuksiltaan paljon Gimpiä
- mutta Gimpistä helpompi & typistetympi versio
- ominaisuuksia löytyy paljon
- suomenkielinen

PHOTOSCAPE
- paljon ominaisuuksia
- omalla koneellani aika hidas
- aluksi ehkä vaikea käyttää, mutta tähän tottuu nopeasti!
- kivoja ominaisuuksia, kuten helppo & laadukas gif-animaatioiden teko
- suomenkielinen

PICASA
- tosi helppo, nopea & kätevä
- ei paljon ominaisuuksia
- hyvä perusmuokkaukseen
- lifestyleblogini kuvat muokkaan yleensä aina vain tällä
- suomenkielinen

SUOSITTELUT YMS.

GIMP: Vaativalle & kokoneelle käyttäjälle

 PAINT.NET: Ei niin vaativalle ja kokeneelle, mutta laajat

muokkausominaisuudet haluavalle käyttäjälle

PHOTOSCAPE: Toiminnoilla leikittelyyn, soveltuu

kyllä myös hieman haastaviinkin operaatioihin

PICASA: Nopeutta & kätevyyttä haluavalle käyttäjälle,
jossa myös muutamia hauskoja efektejä, pääasiassa kuvien
valotuksen muokkaukseen (erinomainen siinä !!)

huom. suositteluni ovat omakohtaisia kokemuksistani johtuen.
mielipiteet ovat aina mielipiteitä, joten te saatatte olla hyvinkin
erimieltä totutellessanne yllä oleviin muokkausohjelmiin. 


NETISSÄ KÄYTETTÄVIÄ:

FOTOR
- helppo, lataa kuitenkin hitaasti
- mainio kollaaseissa!

IPICCY
- paljon toimintoja (tosin osa vaatii ilmaisen & nopean rekisteröinnin)
- todella kätevä & helppo editointiohjelma
- monet picmonkeyn maksullisiksi muuttuneista toiminnoista ipiccyssä
- jos haluan kuviini jotain extraa, mitä picasa ei tarjoa, teen muokkaukset täällä

PICMONKEY
 - paljon kivoja toimintoja, joista kivoimmat
kuitenkin harmillisesti maksullisia
- hyvin helppokäyttöinen
- suht hyvä kollaasien tekoon

PIXLR
- kolme eritasoista muokkausohjelmaa
- muokkausvaihtoehtoja laidasta laitaan
- voi valita kolmesta mieluisimman ohjelman omia tarpeita
ajatellen; vaativa, keskitaso & helppo 
- editor (haastavin) suomenkielinen

PIZAP
 - helppokäyttöinen ohjelma, jonka ominaisuuksilla
piristää omia kuvia
- toimintoja ei ole erityisen paljon, itse asiassa
niitä on aika vähän
- hauskoja, erilaisia toimintoja

 ***   

Siinä nyt pienet esittelyt editointiohjelmista, joita olen
käyttänyt (okei, olen käyttänyt monia muitakin, mutta
suurimman osan nimet ovat jääneet aivojeni syvimpään
lokeroihin/käyttöni oli hyvin pientä).

Toivottavasti tästä oli apua!

xoxo, iltsu