BASIC CODES TO IMPROVE YOUR BLOG

17:56

Hoje venho trazer-vos alguns códigos que utilizo quando altero o design do blog. Espero que gostem e vos sejam úteis!
Para utilizar os códigos têm que ir a Modelo > Personalizar > Avançadas > Adicionar CSS.
Depois na caixinha colocam os códigos CSS que forneci aqui no blog, não precisam de colocar nada antes, apenas copiam e colam.

Today I bring you some codes that I use when I change the blog design. I hope you enjoy and that are useful for you!
To use the codes you have to go to Model > Customize > Advanced > Add CSS.
After the box put the CSS code I provided here on the blog, you do not need to put anything before, just copy and paste.

Remover as bordas das fotografias / Remove borders from photographs

.post-body img, .post-body .tr-caption-container, .Profile img, .Image img,
.BlogList .item-thumbnail img {
padding: none !important;
border: none !important;
background: none !important;
-moz-box-shadow: 0px 0px 0px transparent !important;
-webkit-box-shadow: 0px 0px 0px transparent !important;
box-shadow: 0px 0px 0px transparent !important;
}

Para meter todas as fotos do mesmo tamanho (isto afecta fotos de posts e de páginas)
To put all the photos on the same size (this afects posts and pages)

.post-body img {
width: 400px;
height: auto;
}


.post table.tr-caption-container img {
width: 400px;
height: auto;
}

Centrar o cabeçalho / Center the header

#header-inner img {margin: 0 auto !important;} #header-inner {text-align:center !important;}

Para remover o espaço por cima do cabeçalho (depois de remover o Navbar)
To remove the space above the header (after removing the Navbar)
.content-inner
{
margin-top: -40px !important;
}

Centrar título e data / Center title and date

.post-title {
text-align:center;
}


.date-header {
text-align:center;
}

Para centrar a barra das página
To center the page tab

.PageList {text-align:center !important;}
.PageList li {display:inline !important; float:none !important;}


You Might Also Like

9 comments

  1. Este post foi bastante útil! Gostei muito!

    Um beijinho,
    http://secretsofablondie.blogspot.pt

    ResponderEliminar
  2. Great ideas!!
    kisses
    "To be on fire" can also mean that someone is very passionate about something, mostly I hear it used in the context of religion

    ResponderEliminar
  3. Este tipo de post é bem útil para quem está a dar os primeiros passos na edição do blog. O retirar as bordas das imagens foi logo das primeiras coisas que fiz. Odiava ver!

    Beijinho
    Daniela
    Blog Cidade do Pecado | Facebook | Instagram | Snapchat: cidadedopecado

    ResponderEliminar
  4. Adoro este tipo de posts, é sempre bom saber :)
    O teu blog é tão giro :)
    Comecei a seguir !

    ResponderEliminar
  5. Boas dicas!

    Isabel Sá
    http://brilhos-da-moda.blogspot.pt

    ResponderEliminar
  6. Muito obrigado, Filipa :D
    Aos poucos vou conseguindo :D

    Adorei as dicas. Este género de posts são sempre úteis :D

    NEW REVIEW POST | BB Cream My Label
    InstagramFacebook Oficial PageMiguel Gouveia / Blog Pieces Of Me :D

    ResponderEliminar
  7. aw yes.. border are not looking good on the blog. glad we can remove them. :)

    The White Print Blog
    CGrabowska's Instagram

    ResponderEliminar