ferramentas: setembro 2012

domingo, 30 de setembro de 2012

Fonte Habbo

Hospedagem: Ziddu
Qualidade: excelenteFormato: rar

sábado, 29 de setembro de 2012

Fonte Xtreme Evollution

Fonte: HALO

Tamanho: 49 KB

Formato: .Rar

Fonte PlayBoy

Tamanho: 12 KB

Formato: .rar

Fonte: Playboy

Fonte ArtBrushe

Baixar a fonte ArtBrush:

Tamanho: 22 KB
Formato: .Rar
Fonte: ArtBrush

Fonte Harry Potter

Tamanho: 43 KB

Formato: .rar

Fonte: Harry Potter

Fonte Blazed

Tamanho: 31 KB

Formato: .rar

Fonte: Blazed

Fonte Indiana Jones

Tamanho: 18 KB

Formato: .rar

Fonte: Adventure

Fonte Aerosol

Tamanho: 55 KB

Formato: .rar

Fonte: Aerosol

Tabela de Cores

Tabela de Cores HTML
Passe a seta por cima da cor

terça-feira, 25 de setembro de 2012

Inserindo Efeito Neon Sombra nos Links

Olá leitores, venho encinar a vocês como inserir efeito neon com sombra nós links do seu site, esse efeito deixa seu site mais moderno e eficaz, dando assim melhor aparecencia.

É bem simples adicionar isso, acesse seu painel do blogger, vá em design > editar html

Agora procure por:

]]></b:skin>

& antes dessa linha insira:

a:hover{ color: #FF000;text-shadow:0 0 .3em #FF000;

}

OBs: Onde tem #FF000 Você pode está alterando a cor, para uma de sua preferencia

Como Redirecionar o blog para outro

Todos nós que temos Blogs nem sempre seguimos em frente com um Blog só e logo queremos criar outro, e ficamos naquela dúvida " Poxa! Meu site tem 200 postagens e não quero excluí-lo mas também não quero seguir em frente com ele. Quero criar um blog diferente." Então temos a solução para você. Não exclua seu blog. Apenas redirecione o seu blog antigo para o seu novo blog. Vamos aprender.

Vá no Painel do seu blog > Design > Editar HTML.
Procure pela linha <head>.
E acima de <head> cole o código abaixo.

<script>
location.href="Link do outro site";
</script>

Modifique somente oque esta de vermelho

Como Colocar Zoom na Img's

Design>Editar HTML> Ctrl+F procure por ]]></b:skin>

E cole o codigo abaixo , acima de ]]></b:skin>

/*--Zoom-Imagens-- */
a:hover img {
transform: translate(0px, -4px);
-moz-transform: scale(1.1) translate(0px, -4px);
-webkit-transform: scale(1.1) translate(0px, -4px);
-ms-zoom: 1.1;
opacity: 1 !important;
-moz-opacity: 1 !important;
-webkit-transition: all 0.2s ease-in;
-moz-transition: all 0.2s ease-in;
transition: all 0.2s ease;
}

Salve E Pronto!! Comente!!!

Como Instalar Fonts no Windows XP

Descrisão:Eu irei usar em meu turtorial apenas um sistemas operacional para a instalação:Windows Xp

Instalação no Windows XP

Após a descompactação;

Va em Iniciar, Executar e escreva C:\Windows\Fonts

Arraste a fonte pra dentro dela;

Pronto Tá instalado

Tutorial Como Colocar Menu com Imagens

Ae esto aqui realizando o pedido do Cesar Major ae que me pediu vo ta postando ae primeiro vai em Design do blog dps vai em editar html expandi modelo e procure pela seguinte tag ]]></b:skin>

e cole o codigo a baixo, debaixo da tag

Obs: os links em rosa sao as imagens do menu pessoal a barrinha onde fica as palavras inicio parceria n estao no codigo voce tem que desenha no header e dps ajeitar no codigo

/*-----Menu Imagens By:DjCopax/

#menuimagem{

width:100px;

height:100px;

display:block;

position:absolute;

margin:-68px 0 0 115px;

}

#home {

background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhpQtAAmB-zaH547NmXo1P5MH90t0Yzsy_wfxV7iifuqjKK4-Ge4mzaKnzvooTznHlTIoFOr4guPb73T6_kVH__eFTx9kRtj2a2avA2cyBOSWYcUMo6cJB2BAEFk2zq5UA0hU1ItCENUjqB/s1600/inicio.png) no-repeat;

width:173px;

height:70px;

float:left;

}

#home:hover {

background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiGELt0HnI9lwuORuh0GUeZ7O6G-IbRv4uy4WhVIYn96of1h__GaPaYycsg-C6gItDhGY1HG8kNjpieJlsPnYplmncCPV1K6VLllCQxczdl33kkkZ9iq5NB0KfhGNRUWBzi4QP1EUii9xzH/s1600/inicio2.png) no-repeat;

width:173px;

height:70px;

float:left;

}

#HOME{

width:208px;

height:57px;

display:block;

position:absolute;

margin:-22px 0 0 100px;

}

#contato2 {

background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjRkzL4mJd5YVjhjjF075KVNTwMI44WNAjV8HQkrtAagowthNoK55X4AfdXDRijv6Id067ZKJ8jIKmgocSSLepT2yaEfCSt5MzgtTR6x7JNsf4VVHUrECGHdefkA6FLCtxfuYiHJT7jw5Pn/s1600/parceria.png) no-repeat;

width:173px;

height:70px;

float:left;

}

#contato2:hover {

background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEijv28m3NvytrrOGMBl73cG43xKsaCegAO7b5fb6GvU-RV3RiLEfJwhlcNnLrti4XXZDcW1yAKqbB7-yPMf1NaSxf48NvUSAKcFGtkGIpN8lwiURD42TR1i8dhVq7aihISCBe_amN6oYZce/s1600/parceria2.png) no-repeat;

width:173px;

height:70px;

float:left;

}

#CONTATO2{

width:208px;

height:57px;

display:block;

position:absolute;

margin:-22px 0 0 295px;

}

#parceria {

background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhU115Cp96kCpeRC85K5QAxR5rtbzq1KlO7A2zOjpzllPvjUjwqsNM_GIoZWm6G6yBki9Ju2asidZFsg9UXDKZY2Z2e1R9XcuFD8MXH2GSBgfbQXBneHFXM2_s58cvbfdgKfn8GJ8xsKZnP/s1600/pedidos.png) no-repeat;

width:173px;

height:70px;

float:left;

}

#parceria:hover {

background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEif5yO91Ukm8Srb1V8kmm5vFOwQ898J1qk_IHnJonZg2uixZizuIBCr3XKBUk-VXCGXh-rb5uM4TOc8T0uNhJb3_CIwya_5m8jXmclS4t7KuDQSl0N3HhusTmo-Jb_xyhODHBJPj3DZUGzZ/s1600/pedidos2.png) no-repeat;

width:173px;

height:70px;

float:left;

}

#PARCERIA{

width:208px;

height:57px;

display:block;

position:absolute;

margin:-22px 0 0 500px;

}

Coleque o codigo abaixo , debaixo do header = <div id='header-wrapper'> n cole deibaixo cole onde acaba o <div>

<div id='menuimagem'>

<div id='HOME'>

<a href='/' id='home' title='Volte Para a Pagina Inicial'/>

</div>

<div id='CONTATO2'>

<a href='Seu link aqui' id='contato2' title='Seja Nosso Parceiro !'/>

</div>

<div id='PARCERIA'>

<a href='Seu link aqui' id='parceria' title='Faça seu Pedido'/>

</div>

Como Colocar sidebar grande

#sidebar5 {
float: left;
width: 440px;
font: 12px Arial, Tahoma, Helvetica, sans-serif;
margin-top:0px;
margin-left:0px;
}
.sidebar5 h2 {
padding:19px 0 0px 40px;
color:#fff;
text-shadow:1px 1px #;
font: bold 18px sans-serif, sans-serif, sans-serif, sans-serif;
overflow: hidden;
background: url( URL da Imagem Topo Da Sidebar ) no-repeat;
height:90px;
}
#sidebar5 .widget-content{
background: url( URL da Imagem Meio Da Sidebar ) repeat-y;
padding:0px 15px 0px 15px;
}
#sidebar5 .widget {
margin:0px 0px 30px 0px; padding:0px 0px 110px 0px; background: url( URL da Imagem Fim Da Sidebar ) no-repeat bottom left;
}

Cole O Codigo Acima Antes de ]]></b:skin>
--------------------------------------------------------------------------

Cole o Codigo Abaixo Acima Da Sidebar Lateral

<div id='sidebar5 section'>
<div class='sidebar5 section section' id='sidebar5'><div class='widget HTML' id='HTML1'>
<h2 class='title'>OTÍTULO</h2>
<div class='widget-content'>
Aqui Vc Escreve o Que Quiser

</div></div></div></div></div></div>

Como Colocar o Nome do Blog em Movimento

E ae Galera da Ship Hoje venho fazer mais um tutorial

"Como Colocar Nome do BLog em Movimento"

1. Abra “Design” e clique em “Editar HTML”do seu blog e clique em "Expandir modelos de widgets".

2. Depois da um Ctrl+f e procure por:

<heady>

3. Cole em Baixo dessa tag esse codigo a baixo:

===================================================

<script language='JavaScript'>

var txt=" NOME DO SEU BLOG AQUI ";

var espera=120;

var refresco=null;

function rotulo_title() {

document.title=txt;

txt=txt.substring(1,txt.length)+txt.charAt(0);refresco=setTimeout("rotulo_title()",espera);}

rotulo_title();

</script>

=================================================

4º Clique em "Salvar modelo" e pronto!

Nunca Se Esqueça, Criatividade e Exforço Lhe Tornará Um Grande Web Design

Como Colocar Botão Descer ao xat

Antes de começar Faça um Backup Do Seu template.

Vá em Design >Editar HTML

De Um Ctrl F e procure por </body>

Acima da Tag vc vai colocar o código Acima :

<a href='#footer-wrapper' onclick='new Effect.ScrollTo("footer-wrapper",{offset:-110}); return false'><img alt='Bajar' border='0' src='http://i.imgur.com/6bDts.png' style='position:fixed; bottom:1px; left:0;'/></a>

Substitua a Area vermelha pela sua imagem caso tenha.

Salvar!!

como colocar postador da semana igual o da Ship

fala galera aqui é o DjCopax,estou aqui para ensinar como colocar postador da semana igual o da Ship Design 3D

Faça login no Blogger >> Layout >> Adicionar um Gadget >>HTML/JavaScript

e cole o codigo abaixo↓↓↓↓↓

<center><img src="url do avatar do postador da semana" style="height: 115px; width: 116px;" /></center> <center><span style="font-weight: bold;"><span style="color: rgb(0, 0, 0);">Nome</span>: </span>nome do postador da semana<div style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;"> <span style="font-weight: bold;">Cidade:</span> cidade do postador
</div> <div style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;"> <span style="font-weight: bold;"> Idade: </span>idade do postador
</div><div style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;">
</div></center> <center><a href="Url do Orkut" rel="nofollow" target="_blank"><img alt="Orkut" src="https://lh5.googleusercontent.com/-xgR9zganwuc/TlST_z-xUnI/AAAAAAAAAI4/-UMamcZYFhU/09.png" border="0" height="25" width="25" /></a> <a href="url do twitter" rel="nofollow" target="_blank"><img alt="Twitter" src="https://lh6.googleusercontent.com/-W1L-KPqeYCU/TlST_uDLzaI/AAAAAAAAAI0/3s1My6C4ngw/08.gif" border="0" height="25" width="25" /></a> <a href="url do facebook" rel="nofollow" target="_blank"><img alt="Facebook" src="https://lh5.googleusercontent.com/-8-gOwvYRdi8/TlST-xyBLnI/AAAAAAAAAIc/WO2Ar7itgK0/10.png" border="0" height="25" width="25" /></a></center><center>
</center><center><a style="color: rgb(0, 0, 0);" href="Url da sua equipe" target="_blank"><img alt="star" src="https://lh6.googleusercontent.com/-FaTuEJMeyac/TlSOicbYp2I/AAAAAAAAAGA/agZFL5V9eNQ/01.png" /></a><b style="color: rgb(0, 0, 0); "><a style="color: rgb(0, 0, 0); " href="url da pagina de ser postador" target="_blank"> Seja Um Postador</a></b></center>