Sejam bem vindos meu ao bloguinho, ele foi criado com o intuito de ensinar a quem necessita de ajuda em html e css, temos diversos tutoriais e materiais. Fiquem bem a vontade e qualquer dúvida que tiverem entrem em contato comigo ou peçam pela ask. Beijinhos caramelados e inté mais ♡
Search here
All that you want is here, css and html
Welcome to garota no mundo html.
- efeito legenda nas imagens de posts
- backgrounds grandes em aquarela
- Avatar do autor no post footer
- Leia mais na mesma linha do header
- Efeito Dragqueen e efeito Swing
- Três modelos de menus agenda
- Usando temas de tumblr no blog
- Criando seu próprio modelo de data
O tema atual do layout é: the fall of leafs
A meta dos posts do blog é de: 300 posts
A meta de comentários do blog é de: 3500
O blog foi inaugurado no dia: 27/12/2012
os Seguidores do blog atualmente são: 865
A versão atual do layout está na: 41ª vers.
folhinhas que estão no blog online agora:
folhinhas que já passaram por aqui:

Modelos para leia mais

Olá meus cheiros tudo bem? Tudo certinho? Cansada, esta é minha palavra de hoje, estou muito cansada e super esgotada porém muito feliz por ter passado em todas as matérias que necessitava. Parece que eu voltei a época da escola sabe? Fiquei a semana inteira tensa e com muito medo de ficar com dependência em alguma matéria, fiz a prova de matemática e tirei 9, na de TI raspei tirando 6,9, para quem não sabe TI não é nada fácil para quem estuda na área, eu gosto muito e sempre uso na prática pois para quem tem uma noção de mexer em html e algorítimos sabe do que eu estou falando, mas na teoria sistemas de informação acaba sendo chata, complexa e bem vasta, resumindo: cansativo!

Mas mudando de assunto, o que planejam para o fim de ano? E o que querem fazer ano que vem? Eu tenho tantos planos, e um deles é daqui uns 2 ou 3 anos ir morar fora do Brasil, mais provavelmente em algum lugar dos EUA. Se é loucura? Pode ser, mas estamos querendo fazer não é de agora mas sim de longa data, eu irei fazer um post em meu blog pessoal falando sobre isso, sobre mudar de país e como se adaptar em outro ou ao menos tentar né? Mudando de assunto novamente, uma leitora me pediu modelos para leia mais e ela queria aqueles larguinhos que ocupam a tela toda sabe? Eu trouxe três modelinhos fofos que já usei em layouts do blog.


Vá até o seu modelo e clique em editar html, dentro procure por ]]skin; e acima dele cole o código do modelo que desejar, ajuste conforme seu gosto e podem editar a vontade, cores, fontes e tamanho, é só prestar bem atenção.

1 Modelo

Sem hover

 Com hover

 Código:

.jump-link {
background-color: #F1E2F5;
padding:3px;
margin-top: 15px;
margin-bottom:8px;
text-align:center;
-webkit-border-radius: 1px;
-moz-border-radius: 1px;
border-radius: 1px;
-webkit-transition-duration: .80s;
}
.jump-link:hover {
background-color:#CEC0D1;
text-align:center;
-webkit-transition-duration: .80s;
}
.jump-link a{
font: 12px courier new;
color: #B1A1B5;
font-weight: 300;
letter-spacing: 1px;
text-transform: uppercase;
line-height: 12px;
text-align:center;
text-shadow: 1px 1px 1px #fff;
-webkit-transition-duration: .80s;
}
.jump-link a:hover {
font: 12px courier new;
color: #fff;
font-weight: 300;
letter-spacing: 1px;
text-transform: uppercase;
line-height: 12px;
text-align:center;
text-shadow: 1px 1px 1px #B1A1B5;
-webkit-transition-duration: .80s;
}

2 Modelo

Sem hover


Com hover

Código:

.jump-link {
background:#F8E7E7;
border-top: solid 1px #F2DCDC;
border-bottom: solid 1px #F2DCDC;
padding:7px 7px 7px 7px;
margin-right:-10px;
margin-left:-10px;
margin-top: 5px;
margin-bottom:10px;
text-align:center;
-webkit-border-radius: 1px;
-moz-border-radius: 1px;
border-radius: 1px;
-webkit-transition-duration: .80s;
}
.jump-link:hover {
background:#F6E1E1;
text-align:center;
-webkit-transition-duration: .80s;
}
.jump-link a{
font-family:georgia;
font-size:14px;
font-style:italic;
font-weight:normal;
color:#E8B9B9;
text-shadow: 1px 1px 1px #fff;
letter-spacing: 0px;
line-height: 12px;
-webkit-transition-duration: .80s;
}
.jump-link a:hover {
color:#E7AFAF;
text-shadow: 1px 1px 1px #fff;
-webkit-transition-duration: .80s;
}

3 Modelo 

Sem hover
Com hover

Código:

.jump-link {
background:#F8F8F8;
border-left:#CF9CA3 1px solid;
padding:5px;
margin-top: 8px;
margin-bottom:8px;
text-align:left;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
-webkit-transition-duration: .80s;
}
.jump-link:hover {
background:#F8F8F8;
border-left:#DADC9E 1px solid;
text-align:left;
-webkit-transition-duration: .80s;
}
.jump-link a{
background-repeat: no-repeat;
background-image: url(http://static.tumblr.com/koam7dd/0ACnnqoqn/gif158.gif);
background-position: right;
padding-right: 20px;
font-family:baskerville;
font-size: 17px;
font-style: italic;
font-weight: 500;
color: #CACC8B;
text-align: left;
text-decoration: none;
text-transform:lowercase;
letter-spacing: 0px;
text-shadow: 1px 1px 1px #FFF;
-webkit-transition-duration: .80s;
}
.jump-link a:hover {
background-repeat: no-repeat;
background-image: url(http://static.tumblr.com/koam7dd/JTgnnqowr/gif160.gif);
background-position: right;
padding-right: 300px;
font-family:baskerville;
font-size: 17px;
font-style: italic;
font-weight: 500;
color: #CF9CA3;
text-align: center;
text-decoration: none;
text-transform:lowercase;
letter-spacing: 0px;
text-shadow: 1px 1px 1px #FFF;
-webkit-transition-duration: .80s;
}

5 comentários:

  1. Oii, que bom que conseguiu passar eu também fiquei meio apreenciva se ia passar ou não haha', morar nos eua? meu deus que sonho <3 eu também planejo ir morar fora, porém vou precisar de um pouco mais de tempo haha

    Os modelos ficaram lindos! eu quem pedi na ask hahaa, vou usar no meu proximo layout, amei o 3 modelo! bjinhus

    kawaii-t.blogspot.com

    ResponderExcluir
  2. São lindos, muito bem feitos! :)

    ResponderExcluir
  3. Todos ficaram super maravilhosos. Usarei o rosa. Para o layout que estou fazendo para janeiro.

    ResponderExcluir
  4. Hi darling, irei usar o 1 modelo♥ (irei creditar, ~ñ se preocupe~)
    d-epressione.blogspot.com.br | Kisses ♥

    ResponderExcluir
  5. Lindos, estou usando o último, vou usar sem créditos mesmo, ou talvez eu fale em alguma postagem, é que é meio chato criar uma postagem somente para isso. Bjs http://megaplanetaliterariofanfics.blogspot.com.br/

    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^)