Brida Braga - Things (@agridoceja) @bridabraga-themes - Tumblr Blog

PSD red by @agridoceja

download here

Like or reblog if you download please;

Don’t copy or repost.

Click image to view with quality.

#psd #psds #icons #icons korea #korea #icons kerean #korean #bri #bridabraga #avatar #avatares #icon #todos

PSD fancy by @agridoceja

download here

Like or reblog if you download please;

Don’t copy or repost.

Click image to view with quality.

#psd #psds #icons #avatar #icon #girls #bri #bridabraga #todos

Estilo de ask 01

Visualize [xxx]

1) Cole esse código entre <style> e </style>:

/* estilo de ask by bridabraga (@agridoceja) */

.fotoask{width:55px; border-radius:100px; float:left; border: 3px solid #eee;}

.pergunta{text-align:left; font-size:11px; background:#eee; padding:11px; width:83%; padding-left:40px; margin-left:25px;}

.perguntou {height: 8px; margin-top: 15px; font-size:8px; border-bottom: 1px solid #ccc; background-color: #eee; color: #777; padding:4px; float:right; text-transform:uppercase;}

.resposta{margin-top:10px; padding-bottom:1px; padding-left:5px; padding-right:5px; text-align:left; font-size:11px; background:#fff; width:97%;}

2) Substitua o conteúdo de {block:Answer} por isso:

{block:Answer} <a href="{askerURL}" title="{askername}"> <img src="{AskerPortraitURL-64}" class="fotoask"></a> <div class="pergunta">{Question} <div class="perguntou"> + {Asker}</div></div> <a href="/" title="{name}"></a> <div class="resposta">{Answer}</div> {/block:Answer}

E pronto. Não retire os créditos e de like se usar!

#ask #estilo de ask #estilos de ask #tutorial #tuto #tutos #tutoriais #todostuto #bri #bridabraga

Menu down hover:

Visualize [xxx]

1) Cole esse código no seu css:

/*** menu down hover by http://bridabraga.tumblr.com/ - Por PASSO HTML ***/

.menu {font-family:'Cairo', sans-serif; font-size: 11px; margin-bottom:5px; padding:2px;}

.menu:hover {font-family:'Cairo', sans-serif; font-size: 11px; margin-bottom:0px; -webkit-transition-duration: 900ms; border-bottom:1px solid #CORDABARRA; padding:2px;}

Você pode alterar a font para seu gosto em font-family e o tamanho em font-size.

A cor da barrinha muda em solid.

Lembre-se que esse é um menu de links, a cor dele vai ser de acordo com a cor do seu a:link e a:hover.

2) Agora cole esse código depois de <body> (onde desejar que fique o menu):

</div>

E pronto! Façam bom uso e não retirem os créditos.

By: Brida Braga

#tutoriais #tutorial #todostuto #bri #bridabraga #menu #menu links #menu de links #menu hover

PSD strong by@bridabraga

download pelo drive aqui

#psd #psds #todos #uteis #materiais #ps #bri #bridabraga

PSD glamour by@bridabraga

download pelo drive aqui

#psd #psds #girl #bri #bridabraga #todos #materiais #uteis

PSD Lovely by@bridabraga

download pelo drive aqui

#psd #psds #materiais #uteis #girl #makeup #bri #bridabraga #todos

PSD gashi by@bridabraga

download pelo drive

#psd #psds #sunmi #gashina #sunmi lee #uteis #materiais #todos #bri #bridabraga #icons #icons sunmi

Notes Hover 01

Visualize [xxx]

1) Cole esse código no seu css:

/*** NOTES HOVER 01 BY BRIDABRAGA ***/ .posts .boxnotes {position:absolute; top:0; top:0; margin-top:10px; -webkit-transition: margin-top; -webkit-transition-timing-function: ease-in; -webkit-transition-duration: 1100ms; opacity: 0;} .posts{position:relative; -webkit-transition-duration: 1100ms;} .posts:hover .boxnotes{background: #fff; opacity: .8; color: #eee; font-family: Consolas; font-size:12px; margin-top:1px; text-align: center; width: 100%; height: 17px; -webkit-transition-duration: 1100ms;} .perma {background:; color: #777777;} .perma a{color: #777777;}img a{width:100%}

2) Agora cole esse código depois de {block:Photo}:

{block:Date}{block:IndexPage}<div class="boxnotes"><div class="perma"> <font color="#777">↻ </font><a href="{reblogurl}"target="_blank">reblog</a>{block:NoteCount} / <a href="{Permalink}" title="permalink"><font color="#777">❤ </font></span>{NoteCount}</a>{/block:NoteCount}</div></div> {/block:IndexPage}{/block:Date}

Para alterar a cor dos ícones de reblog e like, é só alterar onde está em negrito.

Mude todos “.posts” e “.posts:hover” para a div de custome dos seus posts.

Não remova os créditos, se pegar de like e bom uso! Por: Brida Braga ♥

#notes #note #notes hover #note hover #bri #bridabraga

peguei um theme *-*

Obrigada por avisar, bom uso ♥

BGs por Brida Braga, se pegar de like e credite!

Para visualizar a imagem to tamanho real só aqui em uma nova guia,

#backgrounds #Backgrounds neutros #espacial #alien #todos #bg #bgs #bri #brida #bridabraga #planeta

BGs por Brida Braga, se pegar de like e credite!

Para visualizar a imagem to tamanho real só aqui em uma nova guia,

#backgrounds #backgrounds fofos #bg #bgs #bri #brida #bridabraga #alien #cat #girl #todos

#icons #icon #icons demi lovato #icons demi #demi #demi lovato #bri #brida #bridabraga #todos

#icons #icons anime #anime #preto e branco #icon preto e branco #shoujo #anime shoujo #bri #brida #bridabraga #todos

Descrição Hover:

Visualize aqui [xxx]

1) Vocês irão colocar esse código no seu CSS:

/*** descrição hover by http://bridabraga.tumblr.com/ ***/

#descri .caixinha{position:absolute; top:0; top:0; margin-top:-230px; -webkit-transition: margin-top; -webkit-transition-timing-function: ease-in; -webkit-transition-duration: 900ms; opacity: 0;}

#descri{position:relative; -webkit-transition-duration: 900ms;}

#descri:hover .caixinha{background: #000; opacity: .5; color: #eee; font-family: Consolas; font-size:12px; margin-top:0; text-align: center; width: LARGURApx; height: ALTURApx; -webkit-transition-duration: 900ms;}

2) Onde está escrito largura e altura, você deverá alterar para o tamanho que complete sua foto na sidebar.

Exemplo da visualização:

#descri:hover .caixinha{background: #000; opacity: .5; color: #eee; font-family: Consolas; font-size:12px; margin-top:0; text-align: center; width: 165px; height: 230px; -webkit-transition-duration: 900ms;}

3) Agora cole esse código na sua sidebar:

<div id="descri"> <img src="link da imagem" width="100%"/> <div class="caixinha"> Sua descrição aqui, coloque a descrição do tamanho que aceite sua imagem!</div>

E está pronto! Se usar de like e credite. Por: Brida Braga

#tutorial #tutoriais #tutos #tuto #todostuto #hover #descrição hover #foto com descrição hover #bri #brida #bridabraga

Wishlist para theme preto:

Visualize aqui [xxx]

Oi gente! Então, eu já ensinei para vocês a versão com o coração (essa e essa) e agora é uma exclusiva para themes pretos e com o fundo preto.

Ela é bem simples, mas fica uma gracinha ♥ vamos lá então!

1) Cole esse código no teu CSS:

/*** wishlist black - by http://bridabraga.tumblr.com/ ***/

.wishlist {display : block; font-size: 8pt; font-family: verdana, Lucida Sans Unicode; line-height: 15px; text-indent : 5px; vertical-align : middle; padding:2px;background:#555;border-bottom:1px solid #333;border-top:1px solid #333;}

2) Agora onde quiser que fique com esse efeito:

<div class="wishlist">O QUE QUISER AQUI <a href="LINK" target=blank>NOME DO LINK</a>.</div>

Dica: Eu normalmente uso essa wishlist para personalizar a aba de créditos ou quando coloco status no theme.

Se usar de like e credite ♥

#tutos #tutoriais #tutorial #wishlist #todostuto #bri #brida #bridabraga

#icons #icon #icons snsd #icon snsd #girls generation #icons kpop #kpop #jessica #taeyeon #sunny #yonna #seohyeon #hyeyeon #soonyoung #yuri #tiffany #icons tiffany

Trending Blogs

Recently Viewed Blogs

Brida Braga - Things (@agridoceja)