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:

Três modelos de menu agenda








Boa noite povo e pova como estão todos? Eu estou com uma preguiça da porra mas irei postar todos os dias agora até eu voltar os estudos. Tenho que aproveitar por tudo em dia e ajudar o máximo que posso todos vocês, pois depois será aquela correria de sempre e eu louca sem tempo e toda estressada. Mas enton, já que ninguém se habilitou ainda a pedir nada na ask vou fazer o que vier na telha, eu percebi que sempre que troco de layout as pessoas me pedem algum efeito que estou usando, então eu já me adiantei.

Vou fazer o menu agenda que eu tenho aqui na header e mais dois modelos para diferenciar um pouco, até porque faz mó tempo que não posto modelo de menus né? Eu estava olhando alguns blogs antigos e alguns tutoriais antigos também e me deu uma vontade louca de trazer aqueles tutoriais de volta sabe? Faixinha para sidebar, cortininhas para o topo, backgrounds fofinhos essas coisas, o que vocês acham? Fico aguardando respostas pois dependendo do que vocês me falarem nem irei ir para frente com isso.

LIVE PREVIEW Aqui

Vá até o seu modelo cliquem em editar html e procure por: ]]></b:skin> acima dele cole o código do menu que preferir:

Modelo 1

@font-face {src: url('https://dl.dropboxusercontent.com/s/p4swsxok5ohcedt/pf_arma_five.ttf?dl=0'); font-family: PF arma five;}
.wish1{
background: #eee  url(http://static.tumblr.com/koam7dd/nvcn41wnf/marca3.gif) no-repeat left;
background-position: left;
border: solid 1px #E5E8EA;
margin-bottom:1px;
padding: 2px 2px 2px 20px;
width:219px;
height:12px;
line-height:12px;
color: #999;
font-size:8px;
font-family: PF arma five;
text-transform:uppercase;
text-align: left;
letter-spacing: 0px;
font-weight: 300;
text-shadow: 1px 1px 1px #;
text-decoration:none;
-webkit-transition-duration: .80s;
cursor:crosshair;
}
.wish1:hover{
background: #eee  url(http://i.imgur.com/PNjd0zZ.gif) no-repeat left;
background-position: right;
border: solid 1px #E5E8EA;
padding: 2px 2px 2px 20px;
letter-spacing: 2px;
color: #333;
text-shadow: 1px 1px 1px #fff;
-webkit-transition-duration: .80s;
cursor:crosshair;
}

Modelo 2

@font-face {src: url('https://dl.dropboxusercontent.com/s/p4swsxok5ohcedt/pf_arma_five.ttf?dl=0'); font-family: PF arma five;}
.wish2{
background: #eee  url(http://i.imgur.com/XgDMTfU.gif) no-repeat left;
background-position: left;
border: solid 1px #E5E8EA;
margin-bottom:1px;
padding: 2px 2px 2px 20px;
width:219px;
height:12px;
line-height:12px;
color: #999;
font-size:8px;
font-family: PF arma five;
text-transform:uppercase;
text-align: left;
letter-spacing: 0px;
font-weight: 300;
text-shadow: 1px 1px 1px #;
text-decoration:none;
-webkit-transition-duration: .80s;
cursor:crosshair;
}
.wish2:hover{
background: #eee  url(http://static.tumblr.com/koam7dd/nvcn41wnf/marca3.gif) no-repeat left;
background-position: right;
border: solid 1px #E5E8EA;
padding: 2px 2px 2px 20px;
letter-spacing: 2px;
color: #333;
text-shadow: 1px 1px 1px #fff;
-webkit-transition-duration: .80s;
cursor:crosshair;
}

Modelo 3

@font-face {src: url('https://dl.dropboxusercontent.com/s/p4swsxok5ohcedt/pf_arma_five.ttf?dl=0'); font-family: PF arma five;}
.wish3{
background: #FFE7E7  url(http://i.imgur.com/mM7K5hU.gif) no-repeat left;
background-position: left;
border: solid 1px #FFE1E1;
margin-bottom:1px;
padding: 2px 2px 2px 25px;
width:214px;
height:12px;
line-height:11px;
color: #999;
font-size:8px;
font-family: PF arma five;
text-transform:uppercase;
text-align: left;
letter-spacing: 0px;
font-weight: 300;
text-shadow: 1px 1px 1px #;
text-decoration:none;
-webkit-transition-duration: .80s;
cursor:crosshair;
}
.wish3:hover{
background: #FFE2E2 url(http://i.imgur.com/eoX1PFW.gif) no-repeat left;
background-position: right;
border: solid 1px #FBD6D6;
padding: 2px 2px 2px 25px;
letter-spacing: 0px;
color: #333;
text-shadow: 1px 1px 1px #fff;
-webkit-transition-duration: .80s;
}

Links:

<div class="wish1">00/00 nada foi postado ainda</div>

<div class="wish2">00/00 nada foi postado ainda</div>

<div class="wish3">00/00 nada foi postado ainda</div>

3 comentários:

  1. Oee Roh <3

    Amei o novo lay, cm sempre fico com os olhos brilhando quando vc troca de lay, amei principalmente as cores. Tbm amei os modelos de agenda, são very cute :3 Séria ótimo começar a fazer de novo aqueles tutoriais, além do mais, são alguns de que as pessoas usam muito, eu amaria ve-los eles aqui de novo ^^ Tnks pelo tutorial e aproveite bastante as férias e o principal, descanse bastante ^^ Baiiiii

    ResponderExcluir
  2. Muy lindos, gracias por compartirlos. ♥
    saludos

    ResponderExcluir
  3. Oi Roh ~again~, tudo bem?

    De todas as coisas/efeitos que eu já imaginei, sonhei (porque tem umas coisas que só ficam nos sonhos mesmo, não tenho habilidade para colocá-las em prática), tentei colocar no meu blog, nunca pensei em colocar esse "menu agenda". Acredita? Até porque eu nunca vi esse negócio antes hahaha Alok! Estou vendo pela primeira vez aqui no seu blog e eu achei bem legal. Acho que vou colocar esse menu no meu novo layout (que eu ainda não instalei)... não sei... Se eu não colocar nesse, vou colocar no próximo! ;)
    Adorei os modelinhos, principalmente o segundo, achei muito fofo *u*
    Quanto a ideia de trazer de volta tutoriais antigos, eu acho super válido! Afinal, com o tempo os efeitos começam a ficar meio "batidos", não é? Então acho legal trazer esses tutoriais antigos "atualizados/renovados". Até porque, tem sempre gente nova começando no blogger (~Sério, pode até não parecer, mas recentemente visitei dois blogs que começaram esses dias~), né? Então é bom ter esses tutos ^~^ Bom, é o que penso, né? Sei lá hahaha Não sei se minha opinião vale de alguma coisa.
    Adorei os menus, obrigada por disponibilizar! Até a próxima, kissus ♥

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