Atenciosamente,
Olá
Resolvi fazer algumas ilustrações com o tema natureza para vocês, espero que gostem.
Tamanho: 500 x 150
Se usarem deem os créditos.
Beijo, Ráh
Tutorial: Dois backgrounds no blog
Yoo
Hoje trago um tutorial bastante usado pelos blogueiros.
Dois backgrounds no blog
1- Vá em Editar HTML, Ctrl + F e procure por body { depois de achar você verá algo mais ou menos assim:
body {
font: $(body.font);
color: $(body.text.color);body {
font: $(body.font);
color: $(body.text.color);
background: $(body.background);
}
2- Apague todo este código e substitua por:
body, html {
height: ALTURApx;
margin: 0;
padding: 0; }
body {
font: $(body.font);
color: $(body.text.color);
background: url("LINK-DO-BACK-COM-ICONS") repeat; }
html {
background: url("LINK-DO-BACK-SEM-ICONS") repeat; }
Faça as alterações, visualize e se estiver tudo certo salve.
Créditos: Birthday Cake
Beijos, Ráh
Tutorial: Efeito Hero
Hey moços e moças :3
Eu estava procurando um tutorial bem legal para mostrar para vocês, e achei, adivinhe onde?
No One Dí Things, claro.
O efeito serve para elite de afiliados, mas você pode usar para o que você quiser.
Lindo né? Eu adorei!
1- Vá em Editar HTML, Ctrl + F e procure por ]]></b:skin> acima dessa tag cole:
@-webkit-keyframes hero {
50% {transform: rotate(16deg) ;-webkit-transform: rotate(16deg) ;-moz-transform: rotate(16deg) ;-o-transform: rotate(16deg) ;-ms-transform: rotate(16deg) ;}75% {transform: rotate(-16deg);-webkit-transform: rotate(-16deg);-moz-transform: rotate(-16deg);-o-transform: rotate(-16deg);-ms-transform: rotate(-16deg) ;}100% { transform: rotate(0deg) ;-webkit-transform: rotate(0deg) ;-moz-transform: rotate(0deg) ;-o-transform: rotate(0deg) ;-ms-transform: rotate(0deg) ; }}.hero {display: inline-block; border-radius: 5px; margin: -1px; -webkit-transition-duration: .50s; OPACITY: 0.5; outline-style:dotted;outline-width:1px;outline-color: transparent;outline-offset: -5px;}.hero:hover { -webkit-animation: hero .5s alternate linear; OPACITY: 1; outline-style:dotted;outline-width:1px;outline-color: #fff;outline-offset: -5px;}
2- Salve. Agora vá em Layout > ADD gadget > HTML/JavaScript e cole o seguinte código:
<a href="LINK-DO-BLOG"><img class="hero" src="LINK-DA-IMAGEM" title="TITULO-DO-BLOG" /></a>
Modifique o que é necessário, salve.
Fácil não? Beijos, Ráh
Tutorial: Fonte Pixel na Sidebar
Olá, hoje trago um tutorial bastante usado em vários blogs, sabe aquela fonte Pixel? Não?
Veja um exemplo:
Esse print é do blog de testes do Assim Tipo Tudo, não copie sem permissão.
1- Vá em Editar HTML, ctrl + f e procure por .footer-inner .widget
2- Selecione de .footer-inner .widget, .sidebar .widget até }
3- Apague o que você selecionou e substitua por:
footer-inner .widget,
.sidebar .widget {
font-family: "silkscreen";
font-size: 8px;
color: $(widget.text.color);
}
4- Agora procure por ]]></b:skin> acima deste código cole:
@font-face { font-family: "silkscreen"; src: url('http://static.tumblr.com/0xqvkot/7jqmgsn0m/pf_arma_five.ttf'); }
5- Visualize, se estiver tudo certo, salve.
Créditos: One Dí Things
Comentem se deu certo no blog de vocês, depende o modelo acho que não funciona.
Testei apenas no modelo Simple.
Beijos, Ráh
Avaliação - Monster High Apaixonados
Olá :3
Hoje eu vou avaliar o Monster High Apaixonados, como a Amandha pediu.
Postagens
São centralizadas, letra boa e visível, não usa abreviações. Nota: 20
Layout, desing
É um layout lindo, mas acho que você poderia tirar o espaço entre o topo do blog e o cabeçalho, ficaria melhor, e pouparia espaço. Nota: 18
Organização
É um blog bem organizado, com páginas, gadgets necessários, etc. Nota: 20
Detalhes
O blog tem bastante efeitos em hover, lindos.
Mas eu acho que o menu de páginas deveria ser mais visível, mas é lindo. Nota: 18
Dedicação, simpatia, educação
A dona é muito legal, simpática e dedicada ao blog. Sempre há postagens novas. Nota: 20
TOTAL: 96, parabéns seu blog é incrível!
Se quiserem pedir tutoriais e utilitários >> http://ask.fm/assimtipotudo
Beijos, Ráh
Avaliação - Bonecas e Cia
Olá, foi muito legal avaliar os três blogs! ADOREI TODOS <3
Postagens
Centralizadas, cores boas, sempre com imagens no início. Nota: 20
Layout, desing
É um layout lindo, cabeçalho super fofo e elite de afiliados também. No Welcome só tem um espaço dizendo ''Estamos ativos desde __/__/__ '' Mas a data não está presente. Nota: 18
Organização
É um blog bem organizado, com páginas visíveis, etc. Nota: 20
Detalhes
Imagens com efeito, comentários personalizados, data personalizada, legal. Nota: 20
Dedicação, simpatia, educação
A Luíza é educada e simpática. Responde os comentários e sempre posta. Nota: 20
Total: 98! Nota ótima, blog ótimo, parabéns!
Beijo, Ráh
Avaliação - Unicorn
Olá, Unicorn chegou a sua vez...
Postagens
Centralizadas, fonte boa e simples, sem abreviações, assuntos divertidos. Nota: 20
Layout, desing
É um layout lindo, simples e lindo. Cores boas, e com tudo o que é necessário. Nota: 20
Organização
O blog é organizado, mas algumas páginas por exemplo de Parceria, About seriam uma boa ideia. Nota: 13
Detalhes
Os detalhes visíveis são poucos, tooltip linda, área dos comentários legal. Nota: 19
Dedicação, simpatia, educação
A Patty é minha amiga :3 E eu acho ela super educada, e simpática, nem sempre responde os comentários. Nota: 19
Total: 91, Parabéns, seu blog é ótimo!
Beijos, Ráh
Avaliação - Sweet Girls
Olá! O primeiro blog da avaliação é o Sweet Girls...
Postagens
São centralizadas, organizadas, mas a letra não é muito boa para postagens, experimente uma mais simples. Nota: 15
Layout, desing
É um layout bonito, com todo o básico necessário, cores boas. Tudo ok. Nota: 20
Organização
É um blog organizado, com páginas, leia mais, etc. Nota: 20
Detalhes
Alguns detalhes são desnecessários, por exemplo, o Papai Noel do trenó que fica passando pelo blog pode atrapalhar a leitura da postagem. Nota: 13
Dedicação, simpatia, educação
A Brendha é educada, sempre responde os comentários e posta bastante. Nota: 20
Total: 88, Parabéns, ótimo blog mesmo!
Beijos, Ráh
Avaliação de Blogs - Participe!
Olá, hoje tive uma ideia diferente, ao invés de tutoriais e utilitários a postagem de hoje é de Avaliação de Blogs. Espero que participem...
Como participar?
Comente nesta postagem com:
Nome:
Nome do blog:
Link do blog:
Como vai acontecer?
Os três primeiros blogs que comentarem eu vou acessar e dar nota para cada coisa.
Uma nota para cada item abaixo:
- Postagens
- Layout, desing
- Organização
- Detalhes
- Dedicação, simpatia, educação
O máximo de pontos de cada item é de 20%, então o máximo que vocês poderão obter é 100%, a nota máxima. Espero que participem ok?
Beijos, Ráh
PARTICIPE =3
Playlist da Semana
Olá
Hoje, além de alguns tutoriais resolvi trazer para vocês também uma Playlist da semana.
Sim, da semana, mas isso não significa que vou postar uma playlist a cada semana...
Roar - Katy Perry
22 - Taylor Swift
Let It Go - Demi Lovato
Girlfriend - Avril Lavigne
Come & Get It - Selena Gomez
Back In Black - AC/DC
Umbrella - Rihanna
Equalize - Pitty
Tô Nem Aí - Luka
Porta Aberta - Luka
Espero que tenham gostado da Playlist assim como eu.
Bateu uma saudade da Luka, ouvia essas duas músicas direto quando era bem pequena... :3
Beijo, Ráh
Bateu uma saudade da Luka, ouvia essas duas músicas direto quando era bem pequena... :3
Beijo, Ráh
Tutorial: Efeito preto e branco nas imagens do post
Olá >ε<
Mais um tutorial hoje... Ele é bem fácil e fica lindo no blog, eu uso ele no MHR, e eu gosto bastante.
Preview
1- Vá em Editar HTML, Ctrl + F e procure por ]]></b:skin> agora acima dessa tag cole:
post img {-webkit-filter: saturate(100%) ;-webkit-transition-duration: .90s;}.post img:hover {-webkit-filter: saturate(0%) ;-webkit-transition-duration: .90s;}
Se você quiser que o Hover não fique tão escuro,
mude a parte destacada do código (0%) por um número mais alto.
Fácil não? E fica lindo!
Créditos: Nick Tutoriais
Tutorial: Bordas em Hover na sidebar e nas postagens
Olá, estou feliz que tenham comentado na postagem anterior, obrigada... E continuem assim!
O tutorial de hoje é bem utilizado e fica super bem no blog!
Eu usei ele no MHR, são as bordinhas em Hover na sidebar e nas postagens,
você passa o mouse e as bordinhas mudam de cor. Fica lindo!
Bordas na área das postagens
1- Vá em Editar HTML, Ctrl + F e procure por /* Posts agora abaixo daquele pontilhado gigante cole:
.post-outer {
background:#fff;
border-top: 2px solid #000;
border-bottom: 2px solid #000;
padding: 2px;
margin-top: 2px;
margin-bottom:20px;
box-shadow: 0 0 2px #000;
-webkit-transition-duration: .60s;
}
.post-outer:hover {
border-top: 2px solid #000;
border-bottom: 2px solid #000;
box-shadow: 0 0 1px #000;
-webkit-transition-duration: .60s;
}
Entendendo o código:
As partes em negrito #000 devem ser mudadas para o código da cor que você queira. Os dois primeiros códigos assim (#000) são as bordas que ficam normais, e os outros dois são as bordas em hover.
As partes em vermelho 2px e 1px são as sombras, coloque 0 no lugar de um ou de dois se não quiser as sombras. Se você quiser as sombras mude o #000 do lado dos números
de px por uma cor que você queira.
Bordas na área da sidebar
1- Vá em Editar HTML, Ctrl + F e procure por /* Widgets agora abaixo daquele pontilhado gigante cole:
.sidebar .widget {
background:#fff;
border-top: 2px solid #000;
border-bottom: 2px solid #000;
padding: 5px;
margin-left: -30px;
margin-top: 0px;
margin-bottom:20px;
border-radius:0px;
box-shadow: 0 0 4px #000;
-webkit-transition-duration: .60s;
}
.sidebar .widget:hover {
border-top: 2px solid #000;
border-bottom: 2px solid #000;
box-shadow: 0 0 2px #000;
-webkit-transition-duration: .60s;
}
Entendendo o código:
As partes em negrito #000 devem ser mudadas para o código da cor que você queira. Os dois primeiros códigos assim (#000) são as bordas que ficam normais, e os outros dois são as bordas em hover.
As partes em vermelho 2px e 1px são as sombras, coloque 0 no lugar de um ou de dois se não quiser as sombras. Se você quiser as sombras mude o #000 do lado dos números
de px por uma cor que você queira.
Espero que tenham entendido galera! Qualquer dúvida comentem...
Créditos pelo tutorial: One Dí Things
Beijo, Ráh
Tutorial: Remover a Navbar
Olá, o tutorial de hoje é bem simples e eu acho que fica muito bom no blog.
A Navbar, muitas vezes passa despercebida pelos leitores, alguns talvez usem, mas nem todos.
Clique na imagem para ampliar!
Se você não gosta dela, pode removê-la!
1- Vá em Editar HTML, Ctrl+F e procure por ]]></b:skin> agora,
acima desse código que você procurou cole:
#navbar-iframe { height: 0px; visibility: hidden; display: none; }
Visualize, se a Navbar não estiver mais no topo do blog salve.
Encontrei os códigos no Bunny Crazy
Beijos, Ráh
Novo Layout + Postando para ninguém?
Hey People!
Como eu escrevi na postagem anterior, eu queria mudar de layout, pronto! Mudei ^^
O layout é Free, e eu peguei ele no Lágrimas de Diamante!
Eu mudei algumas coisinhas, que acho que só eu percebi de tão simples que eram.
Gostei bastante do resultado ^^
Postando para ninguém?
Eu já pensei inúmeras vezes em deletar completamente o Assim Tipo Tudo, mas não o deletei.
Eu sei que algumas pessoas realmente gostam do blog, visitam e comentam mas são tão poucas que parece que eu estou sozinha aqui, postando para ninguém, só para mim mesma. Vamos lá galera! Comentem =D
Obrigada pelos 82 seguidores!
Tutorial: Centralizando Título da Postagem
Olá! Estou pensando seriamente em mudar o layout, vou colocar um Free mesmo.
O tutorial desse post é bem fácil e fica muito bom no blog!
Centralizando Título da Postagem
1- Vá em Editar HTML, Ctrl+F e procure pela tag /* Posts veja que tem uma linha pontilhada bem grande abaixo desta tag, agora, abaixo desta linha pontilhada grande cole:
h3.post-title { text-align:center; }
Visualize e salve. Muito fácil né?
Créditos: www
Beijo, Ráh
Tutorial: Barra de rolagem colorida
Hey people!
O nome do blog, por votação, vai continuar a ser Assim Tipo Tudo...
O tutorial de hoje deixa o blog bem mais bonito, na minha opinião, é a Barra de Rolagem colorida.
Para quem não sabe o que é a Barra de Rolagem, é isso aqui:
Clique na imagem para ampliar.
1- Vá em Editar HTML, dê Ctrl+F e procure pela tag ]]></b:skin> antes dessa tag cole:
*{scrollbar-face-color:#FF69B4;scrollbar-highlight-color:#FF69B4;scrollbar-3dlight-color:#343434;scrollbar-darkshadow-color:#343434;scrollbar-shadow-color:#FF69B4;scrollbar-arrow-color:#343434;scrollbar-track-color:#343434;}::-webkit-scrollbar {width: 12px; height: 4px; background:#343434; }::-webkit-scrollbar-thumb { background: #FF69B4; }
As partes em ROXO representam a cor da barra, e os destacados em VERDE representa a cor do fundo. É necessário modificar todos.
Créditos: Menina Nerd
Espero que tenham gostado, até mais!
Tutorial: Efeito sépia nas imagens do blog
Yoo ◑•◐
Hoje, vou ensinar um tutorial que fica bem fofo no blog. Quando você passa o cursor na imagem ela fica com o efeito sépia (antiga, amarelada). É bem simples de fazer e vale a pena!
1- Vá em Editar HTML e procure pelo famoso ]]></b:skin> acima desse código cole:
img { -webkit-filter: sepia(0%); transition:All 0.4s ease; -webkit-transition:All 1s ease; -moz-transition:All 1s ease; -o-transition:All 1s ease; } img:hover { -webkit-filter: sepia(100%); transition:All 1s ease; -webkit-transition:All 1s ease; -moz-transition:All 1s ease; -o-transition:All 1s ease;}
E pronto! Agora todas as imagens do seu blog vão ficar com esse efeito
Créditos: One Dí Things
Até logo, e votem em um novo nome para o blog aqui!
Utilitários - Ilustrações Coreanas + Devo mudar?
Olá ●ω●
Eu fiz algumas ilustrações 500 x 150 de coreanas, porque elas são super fofas e muitos blogs usam imagens delas para ilustrações, afiliados, etc.
Todas foram feitas por mim, se usar alguma credite em algum espacinho da postagem.
São, ao todo dez imagens, todas com algum efeito, e todas já estão em tamanho original.
Devo mudar?
Galera, eu estava pensando, já que o blog agora é especialmente de utilitários e tutoriais, o nome Assim Tipo Tudo não fica bem... O que acham?
Separei alguns nomes que eu queria dar para o blog, e deixei também a opção Assim Tipo Tudo, para quem quer que o blog continue assim. O voto de cada um de vocês é muito importante para mim ok?
Beijos! Ráh
Assinar:
Postagens (Atom)