sâmbătă, 2 mai 2009

Scoate bordura din jurul pozelor din postarile pe Blogger

In Blogger toate pozele pe care le adaugam in postare au o bordura de 1 pixel in jurul lor si pe care multi dintre noi ar dori sa o scoata.
Ea nu se poate scoate din setari ci doar din Html-ul sablonului.



Deci daca doriti sa renuntati la aceasta bordura trebuie sa va conectati in contul vostru Blogger - blogspot si sa urmati calea 'Aspect --> Editati Html' .
In html cautati urmatorul cod:

.post img {
padding:4px;
border: 1px solid $bordercolor;
}


sau daca nu il gasiti apasati Ctrl+F si cautati umatorele cuvinte: post img

Dupa ce ati gasit codul de mai sus nu trebuie decat sa schimbati cifra 1 in cifra zero si imaginile din postarile voastre nu vor mai avea nici o bordura. Previzualizati si daca va place cum arata puteti sa salvati sablonul. Daca vreodata doriti totusi ca pozele voastre sa aiba bordura, reveniti la acest cod si schimbati din zero in ce valoare doriti.


Scoate bordura de la poza de la profil

Daca in sidebar aveti adaugat gadget-ul cu profilul vostru Blogger si aveti si poza adaugata atunci si aceasta va avea o bordura in jurul ei.
Daca doriti sa o scoateti si pe aceasta atunci cautati urmatorul cod:

.profile-img {
float: $startSide;
margin-top: 0;
margin-$endSide: 5px;
margin-bottom: 5px;
margin-$startSide: 0;
padding: 4px;
border: 1px solid $bordercolor;
}


sau Ctrl+F si cauta; profile-img

Ca sa scoti bordura pozei la fel ca mai sus, schimba cifra 1 cu cifra zero.

Nu uitati ca inainte de a edita html-ul sablonului este bine sa descarcati in calculator o copie a acestuia, astfel daca ceva nu merge bine sa puteti reveni la sablonul normal.

Abonati-va la feed-ul blogului

7 comentarii:

  1. Salut ! La mine nu functioneaza. Nici macar nu gasesc post img in codul HTML.Exista si alta modalitate ?

    RăspundețiȘtergere
  2. Sorin, cauta asta:
    .post-body img, .post-body .tr-caption-container {
    padding: 8px;
    }

    si schimba pe 8 cu 0.

    RăspundețiȘtergere
  3. Multam frumos !
    Am rezolvat.Problema era ca aveam ca si criteriu de cautare border si nu padding.

    RăspundețiȘtergere
  4. Buna ziua,
    La mine este img border="0" , deci nu am ce sa schimb, iar sub forma care ati indicat pentru Sorin, nu gasesc. Unde este acel criteriu de cautare ...padding ?

    RăspundețiȘtergere
  5. Angela, ce am scris pentru Sorin este valabil si la tine.
    Cauta acesta linie:

    .post-body img, .post-body .tr-caption-container {

    si vei gasi.

    RăspundețiȘtergere
  6. Nu găsesc. Am intrat la sablon am dat editeaza html si tot nu gasesc cum sa scot bordura de la poze. Heeelp:)

    RăspundețiȘtergere