Delicada e Abusada: mini tutorial

Mostrando postagens com marcador mini tutorial. Mostrar todas as postagens

12 setembro 2013

Blog Tutorial: Impedir o Arrastamento da Imagem

✱ Postado por DÉBORA ALVIM ♥ 23 comentários:

Bom gente estou meia sem tempo, então hoje vai ser um tutorial super rápido pra vocês! então vamos lá? espero que gostem!

Em um simples passo você vai fazer esse tutorial!

1- Procure por <body

provavelmente vai esta <body ........ >

e alguma coisa ele sempre está desse jeito.

2- apague todo o código de body até > e cole no lugar dele o código abaixo:

<body ondragstart='return false'>

e depois é só salvar e visualizar!

Gostaram? Qualquer problema é só falar comigo pela ask..

16 julho 2013

D.A Tutorial: como retirar o sublinhado dos links do blog

✱ Postado por DÉBORA ALVIM ♥ 2 comentários:

como assim? é gente quando a gente passa o mouse no link do blog fica aquela linha por baixo não é? então descobri como retira lá, vem ver e seguir o tutorial!

MacBook | via Tumblr

Vá em seu html

Links do content

procure por:

a:hover {
text-decoration:underline;
color: $(link.hover.color);
}

se não achar, procure por algo parecido.. e observe esse trecho:

text-decoration:underline;

troque o que esta de vermelho por none
e salve!

links do post

procure por:

h3.post-title a:hover {

abaixo dele troque o UNDERLINE por NONE como no de cima. E depois salve!

Da sidebar

procure por:

.sidebar .widget a:hover {

e abaixo dele vai esta assim: color: $(widget.link.color);

text-decoration: underline;

}

apague o UNDERLINE e troque por NONE e salve!

pronto,acabou!

beijos..

03 julho 2013

Colocando o link do seu blog no final do comentário (LINK COM O NOME)

✱ Postado por DÉBORA ALVIM ♥ 3 comentários:

Bom gente hoje estou passando aqui para fazer um rápido post! então vamos ao tutorial?

Bom para isso basta comentar com:

<a href="LINK_DO_SEU_BLOG_AQUI">NOME DO LINK</a>

para dar estilos como negrito italico, sublinhado nos links é só colocar no começo do código isso:

 para negrito para italico para sublinhado

e não se esqueça de fechar a tag colocando, esses para o final do código:

 para fechar negrito para fechar italico ou para fechar sublinhado

ficando mais ou menos assim: <a href="http://delicadaandabusada.blogspot.com">Delicada e abusada</a>

ele serve para qualquer tipo de formulário de comentário (incorporado, pop up, nova guia...)

bom é só isso,

beijos! Até mais ...

12 maio 2013

Menu Mapeado e bases

✱ Postado por DÉBORA ALVIM ♥ 5 comentários:

Vamos mapear seu menu? então siga o mini tutorial abaixo que você vai ter seu menu mapeado. É simples e fácil, vocês vão gostar. e também tem algumas bases que eu fiz..

Clique em leia mais para ver o tutorial!!

1- primeiro faça sua imagem (a do menu), se quiser temos algumas bases abaixo:

clique na imagem para ampliar

2- depois é só seguir esse tutorial (www)

e pronto! Lá mesmo tem as instruções de como colocar no seu blog!

Bejinhos, bye bye!

11 março 2013

Tutorial: Subindo as guias à altura do cabeçalho

✱ Postado por DÉBORA ALVIM ♥ 12 comentários:

oi gente, faz tempo que eu não posto tutoriais não é mesmo? pois bem, hoje tenho um tutorial super facil e rápido de se fazer. Quer? então clique em leia mais!!

então vamos nessa!

1° passo: vá no seu Html e procure por:

.tabs-inner .section {

2° passo: Se você nunca mexeu nessa parte do seu html, ela vai estar mais ou menos assim:

.tabs-inner .section {

margin: 0;

}

então substitua toda essa parte por esse código:

.tabs-inner .section {margin: 0; margin-top: -150px; /* altere o numero, se quiser para cima, mais, e se quiser para baixo, é só colocar menor numero. não altere o sinal - caso ao contrário, descerá a guia */ }

Legenda, como diz, altere o -150px por o número que preferir (Ex.: -100px -50px ...) quanto maior for o n°, mais pra cima fica, quanto menor o n°, mais pra baixo fica. Mais ainda não acabou...

3° passo: agora procure por:

.tabs-inner .widget ul {

4° passo: assim que achar, antes de fechar o "}", cole o código:

margin-top: -150px; margin-top: -50px;

5° passo: daí você vai mudando esse três números, o de cima, e o ultimo. até chegar a altura que você quiser. se não funcionar, você tem que re-ler o tutorial pois você fez coisa errada. pois esse tutorial já foi testado no meu blog.

bom, por hoje é só!
beijos,

31 outubro 2012

Preparando seu blog para o Natal- Part 1

✱ Postado por DÉBORA ALVIM ♥ 17 comentários:

Oie gente, tudo bom com vocês? comigo tudo ótimo. Hoje vamos preparar nosso blog para o natal. Que tal? Bom tenho várias dicas e tutoriais que vão com certeza te ajudar. e separei também alguns brushes e backgrounds, muito grande não é mesmo? por isso que ele vai ser dividido em 2 partes, a primeira parte que é essa e a outra parte, que ainda vai vir. Então não vamos perder tempo, vamos indo ver as dicas tutoriais e brushes backgrounds ...

Preparando o layout

Bom, preparação do layout, é um seguinte: Você precisa de um blog de testes (porque? pois o post vai ter 2 partes, se não fizer o blog de testes, não me responsabilizo pela merda que vc vai fazer). Depois que criar um blog de testes, vá no design dele e escolha o modelo viagem, aquele azul, como mostra no link (www) e retire o background (www). Agora você vai em Ajustar largura e deixe na seguinte forma (www), O layout você deixa como você quiser, e o resto você que escolhe.

Cores

As cores são as mais simples, escolha aquelas cores que representam o natal, como :

CornflowerBlue Yellow Gold OliveDrab1 Firebrick1

Entre essas cores que representam o natal.

Tutorial

bom, aqui tem um tutorial que também vai servir. vamos ver:

neve caindo (www)

em breve mais tutoriais..

bom gente, por hoje é só!

não perca a segunda parte...

Beijos,

COMENTEM!!

24 outubro 2012

Vários Minis Tutorias para você, vem!

✱ Postado por DÉBORA ALVIM ♥ 16 comentários:

oi gente, queria pedir desculpas por não postar nesses dias, é que eu criei um loja nova de layouts e acessórios (blusas, pelúcias, bolsas). Já esta pronta, se quiser ve-lá, clique aqui (www). Bom agora vem pra cá que tem vários minis tutoriais aqui..

396191_419370514779626_1147383834_n_large

COLOCANDO BORDA NAS IMAGENS DO POST

vá até o seu HTML, e procure por: /* Content
Assim que achar, cole o código abaixo Acima dele:

/* Imagens
----------------------------------------------- */
.post img {
border: 3px solid #ff50ff;
}

agora é só editar do jeito que preferir, o que está em roxo é o tamanho a expressura da borda. O que está de laranja é o jeito da borda. E de verde, a cor da borda.
clique em leia mais, veja mais tutoriais

COLOCANDO FUNDO NO PRIMEIRO GADGET

vá até o seu HTML, e procure por: .sidebar .widget:first-child {
Assim que achar, coloque o código abaixo, abaixo de margin-top:0;

background: #ffbbff;

o que está de verde é a cor do fundo. Também pode ser substituido por imagens é só colocar assim: background: url ("SUA IMAGEM AQUI");

COLOCANDO FUNDO NO ULTIMO GADGET

São os mesmos códigos, mas na procura, você vai procurar por: .sidebar .widget:last-child {

e colocar o outro código, o do fundo, abaixo de: padding-bottom: 0;

RETIRANDO A NAVBAR MAIS FÁCIL

Antes era um código muito ruim, se perdia num monte de html's. agora o blogger mudou, para retirar a navbar ficou mais fácil. vamos em Layout, e clique no editar da Navbar. daí, é so clicar em desativado. e salvar, prontinho, você já tirou a navbar.

RETIRANDO POSTAGEM ATOM

procure por: /* Variable definitions

Acima dele, cole esse código:

.feed-links {
display: none;
invisible:0;
}

pronto, visualize e salve!

SUBINDO OS GADGETS DE PÁGINAS

Procure por: .tabs-inner {

cole o código abaxo, abaixo de padding: 0;

margin-top: -20px;

o que está destacado em negrito, são os pixels que vai subir ou descer a imagem. se voc^trocar o sinal do -20px por 20px, você vai descer o tamanho, se deixar desse jeito, vai subir mais.

visualize e salve!

bom gente, por hoje é só,
Comentem!

Páginas