Olá gatinhos, tudo bem? Sintam-se a vontade e sejam bem vindos ao meu cantinho, este bloguinho foi criado em julho de 2012 e até hoje é direcionado a área de html e css. E se desejarem algo não exitem e peçam pela ask! beijinhos, bye ♡

26.6.15

Modelo para área de post + sidebar iguais ~


Olá boa noite meus amendoins (☆ ´3`) Tudo bem com vocês? Eu estou um pouco mais aliviada e feliz que irei pegar férias da faculdade a partir do dia 2/07 e não terei mais trabalhos infernais pra fazer que sugam toda a nossa alma (҂⌣̀_⌣́) Eu fiquei esses dias todos os dias da semana acordada até 2 e 3 da manhã para entregar os trabalhos no prazo, e digo que não foi fácil é muito cansativo cara. Mas parei por aqui pois este assunto é muito chato para vocês ficarem lendo, não quero assustar ninguém falando de faculdade '-' Gente me perdoem por não retribuir os últimos comentários tá? Prometo que  irei responder e retribuir a todos  ~( ^з^ )-

Este tuto ninguém me pediu, mas uma leitora veio me perguntar se eu tinha modelos para área de post e sidebar e eu até tinha mas percebi que são poucos os modelos disponíveis aqui no blog, então resolvi criar uma área de post e sidebar iguais para quem as vezes procura e não acha. Tipo as vezes vão procurar e acham vários modelos mas todos bem diferentes um do outro, eu por exemplo sou muito chata pois para mim a área de post e sidebar tem que estar iguais >.< Se não estiverem alinhadinhas e bem iguais para mim não serve USHAUSHauhsus.


LIVE PREVIEW (^3^) ~

 Vá até o seu modelo e dentro procure por:/* Posts  Tudo o que estiver abaixo dele apague e cole este seguinte código:

h3.post-title {
width:px;
margin-top:10px;
padding-top: 3px;
padding-bottom:5px;
padding-left:15px;
padding-right:15px;
margin-left:px;
border: solid 1px #E0EBEE;
background:#F2F7F8;
font-family: cambria, sans-serif;
font-size: 20px;
text-transform: lowercase;
font-style:italic;
text-align: left;
line-height:20px;
letter-spacing: 1px;
font-weight: 300;
color:#BCD5DD;
text-shadow: 1px 1px 1px #;
-webkit-transition-duration: .80s;
}
h3.post-title a {
background-repeat: no-repeat;
background-image: url(http://static.tumblr.com/koam7dd/Q5tnqgo7m/gif107.gif);
background-position: left;
padding-left: 20px;
font-family: cambria, sans-serif;
font-size: 20px;
text-transform: lowercase;
font-style:italic;
text-align: left;
letter-spacing: 1px;
font-weight: 300;
color:#BCD5DD;
text-shadow: 1px 1px 1px #fff;
-webkit-transition-duration: .80s;
}
h3.post-title a:hover {
background-repeat: no-repeat;
background-image: url(http://static.tumblr.com/koam7dd/Fmynqgpc9/gif114.gif);
background-position: right;
padding-right: 20px;
background-position: right;
font-family: cambria, sans-serif;
font-size: 20px;
text-transform: lowercase;
font-style:italic;
text-align: left;
letter-spacing: 1px;
font-weight: 300;
color:#C2DADE;
text-shadow: 1px 1px 1px #fff;
-webkit-transition-duration: .80s;
}

Agora para a sidebar, vá até o modelo e dentro procure por: /* Widgets E tudo o que estiver abaixo dele apague, em seguida cole os seguintes códigos:

.sidebar .widget {
padding-top: 5px;
padding-bottom:5px;
padding-left:10px;
padding-right:10px;
margin: 2px -10px;
border: solid px #FFE4E4;
Background: #fff;
-webkit-border-radius: 1px;
-moz-border-radius: 1px;
border-radius: 1px;
-webkit-transition-duration: .50s;
}
.sidebar .widget h2 {
width:198px;
margin-top:5px;
margin-bottom:5px;
padding-top: 3px;
padding-bottom:5px;
padding-left:15px;
padding-right:15px;
margin-left:px;
border: solid 1px #E0EBEE;
background:#F2F7F8;
font-family: cambria, sans-serif;
font-size: 20px;
text-transform: lowercase;
font-style:italic;
text-align: left;
line-height:20px;
letter-spacing: 1px;
font-weight: 300;
color:#BCD5DD;
text-shadow: 1px 1px 1px #fff;
-webkit-transition-duration: .80s;
}
.sidebar .widget h2:hover {
color:#C2DADE;
text-shadow: 1px 1px 1px #fff;
}
.footer-inner .widget,
.sidebar .widget {
font:14px cambria;
color: #aaa;
text-align: justify;
}

9 comentários:

  1. Oii Roh, tudo bem?
    A escola já é um inferno imagine a faculdade :C Quase fico louca com tanto trabalho também, mas dia 29 fico de férias amém <3
    Amei o modelinho, ficou lindissimo. <3 Vou usar no meu proximo layout
    xoxo
    Candy Bomb

    ResponderExcluir
  2. Oii, eu estou bem obrigada! Eu não estou na faculdade ainda mais eu posso saber um pouquinho como que é essa coisa de ficar acordada de madrugada pra poder entregar algum trabalho em dia, é bastante irritante. Os modelos ficaram lindos, eu amei todos ❤️ Beijo!

    http://nevasca-de-inverno.blogspot.com.br

    ResponderExcluir
  3. Olá Roh, comigo está tudo bem, obrigada por perguntar <3 Ainda não estou na faculdade, mas imagino como seja. Meu irmão mais velho está perto de fazer o vestibular e não se fala de outra coisa na casa do meu pai. Ele deve estar se sentindo super pressionado... Por isso que não quero acabar a escola logo, ahsuaua~

    Que modelo lindo, ficou uma graça! Usarei futuramente, pois realmente adorei <3

    converse-high.blogspot.com

    ResponderExcluir
  4. Perfeito amor. Eu coloquei o meu na postagem está lindo. De parabens.
    Primavera de Outubro ~

    ResponderExcluir
  5. Ótimo tutorial, verdade, faculdade é osso, sei pois minha irmã faz T_T'
    Modelo perfeito e é sempre bom, pois assim fica com mais tutoriais super uteis no blog. :D

    Adolescente Nerd // Oficial [] 彡

    ResponderExcluir
  6. Olá amendoinha <33
    Nunca fiquei até 3 da manhã fazendo nenhum trabalho, mas já fiquei até a meia noite. Acredito que ainda esteja cansada. Achei lindo o modelinho que você criou, você tem esse talento mesmo... Quando eu fizer meu layout irei usar com certeza. Lindinhos de verdade, também acho que modelo de postagem tem que ser igual a sidebar musahshashsa -q.

    By~ Myu Wiseong Kissus!

    ResponderExcluir
  7. Olá \o/ Roh, eu nunca apareci pra comentar algo, mas sempre vi seus posts e essas coisas, nunca comento, e acho que devo largar disso e comentar sempre, né? Eu precisava mesmo desse tutorial, eu nunca consigo deixar a área do post e a sidebar iguais, o que acaba me incomodando bastante na hora de fazer um layout, eu recém criei um blog, e quero levar ele a sério, mais do que os muitos que já tive e vou usar esse tuto. Por enquanto, eu estou usando seu layout free "Bubble Gun"(acho que é isso, esqueci, desculpe), e ele é muito bonito, seus layouts são sempre lindos e me deixam feliz, acredita? Enfim, muito obrigada! Beijos!

    *Undefinead*

    ResponderExcluir
  8. Olá! Estou loucas pra que as minhas férias venham, no entanto é bom que finalmente esteja de férias. Ah, eu também estou bem enferrujada nisso tudo de responder e retribuir comentário x_x
    Eu sou apaixonada pelo modelo de posts aqui do seu blog, sério <3 Mas creio eu que eu não saberia fazer alguma combinação decente com área do post daqui. Vai ser útil pra bastante gente com mais criatividade que eu.q
    Uma coisa que eu sou apaixonada no seu layout é essa estrelinha que fica do lado da barra de rolagem, poderia fazer tutorial algum dia?
    || blog-crazycake.blogspot.com.br

    ResponderExcluir
  9. Oi oi~
    A que bom que vai entrar de férias, eu não estou na faculdade ainda, mas sei bem dessa rotina louca de trabalhos, sei como é cansativo e tenho pena do meu ser quando finalmente tiver que passar por isso.
    Eu estou tentando fazer meu primeiro layout depois de muito tempo longe desse tipo de coisas, e é bem chato encontar as coisas, e eu também sou MUITO chata com isso, se não combinar, pra mim, não funciona!
    Eu adorei esse modelo, acho que vou usar. Salvou minha vida <3
    ~Kissus de morango~
    comecoka.blogspot.com

    ResponderExcluir

Olá meus amores, os comentários devem ser direcionados somente ao blog e não a vida pessoal de ninguém! Qualquer dúvida peça pela Ask que responderei o mais rápido possível. Anônimo não adianta vir xingar pelos comentários que antes de mesmo de pensar em me ofender eles serão excluídos! Não gosto de tags, se quiser fazer fique a vontade mas não irei retribuir, não curto seguindo segue de volta =/ mas posso seguir se gostar realmente do blog, não julgo por layout ou por seguidores, avalio o blog e como disse se eu curtir é claro que sigo, afiliações? Peça nos comentários pois se pedir em outro lugar no caso páginas é bem provável que eu não veja! Então meus lindos espero que curtam cada cantinho do meu bloguinho e voltem sempre! kissus (*^3^)

LAYOUT E CODIFICAÇÃO POR ROH A. RAMOS OS DIREITOS ESTÃO RESERVADOS | Tecnologia do Blogger © 2017