Parceiro VIP Parceiro VIP Sempre Criando e nunca copiando Ganhe visitas 24 Hrs por Dia The Best in Design Acesse já Omelhor site em Downloads
Mostrando postagens com marcador Tutoriais. Mostrar todas as postagens
Mostrando postagens com marcador Tutoriais. Mostrar todas as postagens
Franklin Fonseca
Créditos da foto: Premium Evollution

1º Passo: Vá em Design do seu blog, depois em editar HTML!
2º Passo: Procure pela tag: ]]>
3º Passo: Acima desta tag cole o seguinte código:

a:hover{ color: #1E90FF;text-shadow:0 0 .3em #1E90FF;
}

E é isso!

Agora salve o modelo e pronto, tudo feito, pode testar!
OBS: Lembrar de trocar onde estar #1E90FF pelas cores que você quiser que fique o efeito!
OBS²: Não funcionará apenas no menu, funcionará em todos links!


Se foi útil comente, seu dedo não irá cair ;)
Franklin F.
Franklin Fonseca
Parte 1



Parte 2






Parte 3



Parte 4







Download Codigos !


Franklin F.
Franklin Fonseca
1- Vá em Painel -> Design -> Editar HTML ( Recomendo que Faça um Backup do seu Template / Clique em Baixar Modelo COMPLETO ). em Seguida dê um CTRL F e Procure pela Tag: ]]> e Acima Desta Tag Cole o Seguinte Código Abaixo:

----------------------------------------------------------------------------------------------

{
scrollbar-face-color:#000000;
scrollbar-highlight-color:#000000;
scrollbar-3dlight-color:#000000;
scrollbar-darkshadow-color:#000000;
scrollbar-shadow-color:#000000;
scrollbar-arrow-color:#000000;
scrollbar-track-color:#000000;
}
::-webkit-scrollbar {width: 12px; height: 4px; background: #000000; }
::-webkit-scrollbar-thumb { background: #1E90FF; }



------------------------- Mudar Se Quiser-------------------------
- Edite Somente as Partes:

" #000000 " = Background do Fundo da Barra de Rolagem ( Preta )
" #1E90FF " = Barra de Rolagem ( Azul )

Clique em Visualisar Para Ver se Não Ocorreu Nenhum Erro se Não Estiver Ocorrido, Clique em Salvar Modelo



Franklin F.
Franklin Fonseca


Tradução das ferramentas
Rectangular marquee Tool – Ferrameta Letreiro Retangular (M)
Elliptical marquee Tool – Ferramenta Letreiro Elíptica (M)
Single-row marquee Tool – Ferramenta Letreiro de Linha Única (M)
Single-column marquee Tool – Ferramenta Letreiro de Coluna Única (M)
Move Tool – Ferramenta Mover (V)
Lasso Tool – Ferramenta Laço (L)
Polygonal lasso Tool – Ferramenta Laço Poligonal (L)
Magnetic lasso Tool – Ferramenta Laço Magnético (L)
Magic Wand Tool – Ferramenta Varinha Mágica (W)
Crop Tool – Ferramenta Corte Demarcado (C)
Slice Tool – Ferramenta Fatia (K)
Slice select Tool – Ferramenta Seleção de Fatia (K)
Patch Tool – Ferramenta Correção (J)
Brush Tool – Ferramenta Pincel (B)
Pencil Tool – Ferramenta Lápis (B)
Clone stamp Tool – Ferramenta Carimbo (S)
Pattern stamTool – Ferramenta Carimbo de Padrão (S)
History brush Tool – Ferramenta Pincel do Histórico (Y)
Art history brush Tool – Ferramenta Pincel História da Arte (Y)
Eraser Tool- Ferramenta Borracha (E)
Background eraser Tool- Ferramenta Borracha de Plano de Fundo (E)
Magic eraser Tool – Ferramenta Borracha Mágica (E)
Gradient Tool – Ferramenta Degradê (G)
Paint bucket Tool – Ferramenta Lata de Tinta (G)
Blur Tool – Ferramenta Desfoque (R)
Sharpen Tool – Ferramenta Nitidez (R)
Smudge Tool – Ferramenta Borrar (R)
Dodge Tool – Ferramenta Subexposição (O)
Burn Tool – Ferramenta Superexposição (O)
Sponge Tool – Ferramenta Esponja (O)
Path selection Tool – Ferramenta Seleção de Demarcador (A)
Direct Selection Tool – Ferramenta Seleção Direta (A)
Horizontal Type Tool – Ferramenta Texto Horizontal (T)
Vertical type Tool – Ferramenta Texto Vertical (T)
Horizontal type mask Tool – Ferramenta Máscara de Texto Horizontal (T)
Vertical type mask Tool – Ferramenta Máscara de Texto Vertical (T)
Pen Tool – Ferramenta Caneta (P)
Rectangle Tool – Ferramenta Retângulo (U)
Rounded rectangle Tool – Ferramenta Retângulo Arredondado (U)
Ellipse Tool – Ferramenta Elipse (U)
Polygon Tool – Ferramenta Polígono (U)
Line Tool – Ferramenta Linha (U)
Custon Shape Tool – Ferramenta Forma Personalizada (U)
Notes Tool – Ferramenta Observações (N)
Audio annotation Tool – Ferramenta Comentário de Áudio (N)
Eyedropper Tool – Ferramenta Conta-Gotas (I)
Color Samples – Ferramenta Classificador de Cores (I)
Measure Tool – Ferramenta Medir (I)
Hand Tool – Ferramenta Mão (H)
Zoom Tool – Ferramenta Zoom (Z)








COMANDOS GERAIS – PALETAS
F1 - Abre o Adobe Help Center  (Ajuda Online do Photoshop).
F5 - Mostrar ou esconder a paleta de Predefinições de Pincéis (Brushes).
F6 - Mostrar ou esconder a paleta de Cores, Amostras e Estilos.
F7 - Mostrar ou esconder a paleta de Camadas, Canais e Demarcadores (Layers).
F8  – Mostrar ou esconder a paleta do Navegador, Informações e Histograma (Info).
F9 - Mostrar ou esconder a paleta do Histórico e Ações.
Tab - Mostrar ou esconder todos os componentes da tela.
Shift+Tab - Mostrar ou esconder todos os componentes da tela (com exceção da barra de ferramentas).


ATALHOS PARA BARRA DE FERRAMENTAS
Para alternar entre ferramentas que utilizam a mesma tecla de atalho, utilize Shift. Por ex.: a tecla L seleciona a ferramenta Laço (Lasso), mas se você quiser utilizar a ferramenta Laço Poligonal (Polygonal Lasso), tecle Shift+L.
M - Letreiro Retangular (Rectangular Marquee); Letreiro Elíptico (Elliptical Marquee)
V - Mover (Move)
L - Laço (Lasso); Laço Poligonal (Polygonal Lasso); Laço Magnético (Magnetic Lasso)
W - Varinha Mágica (Magic Wand)
C - Corte Demarcado (Crop)
K - Fatia (Slice); Seleção de Fatia (Slice Select)
J - Pincel Para Recuperação de Manchas (Spot Healing Brush); Pincel de Recuperação (Healing Brush); Correção (Patch); Olhos Vermelhos (Red Eye)
B - Pincel (Brush); Lápis (Pencil); Substituição de Cor (Color Replacement)
S - Carimbo (Clone Stamp); Carimbo de Padrão (Pattern Stamp)
Y - Pincel do Histórico (History Brush); História da Arte (Art History Brush)
E - Borracha (Eraser); Borracha de Plano de Fundo (Background Eraser); Borracha Mágica (Magic Eraser)
G - Degradê (Gradient); Lata de Tinta (Paint Bucket)
R - Desfoque (Blur); Nitidez (Sharpen); Borrar (Smudge)
O - Subexposição (Dodge); Superexposição (Burn); Esponja (Sponge)
A - Seleção de Demarcador (Path Selection); Seleção Direta (Direct Selection)
T - Texto Horizontal (Horizontal Type); Texto Vertical (Vertical Type); Máscara de Texto Horizontal (Horizontal Type Mask); Máscara de Texto Vertical (Vertical Type Mask)
P - Opções da Ferramenta Caneta (Pen); Caneta de Forma Livre (Freeform Pen)
U - Retângulo (Rectangle); Retângulo Arredondado (Rounded Rectangle); Elipse (Ellipse); Polígono (Polygon); Linha (Line); Forma Personalizada (Custom Shape)
N - Observações (Notes); Comentário de Áudio (Audio Annotation)
I - Conta-gotas (Eyedropper); Classificador de Cores (Color Sampler); Medir (Measure)
H - Mão (Hand)
Z - Zoom
D - Cores de Primeiro Plano e Plano de Fundo Padrão (Reset Foreground and Background To Black and White)
Para os seguintes atalhos, não é necessário teclar o Shift para alternar entre as funções, basta pressionar a tecla de atalho novamente
X - Alternar Cores de Primeiro Plano e Plano de Fundo (Change Foregroud to Background)
Q - Alternar entre Editar no Modo Padrão (Pattern Mode); Editar no Modo Máscara Rápida (Quickmode)
F - Alternar para o Modo de Tela Padrão (Pattern Screen); Modo de Tela Cheia com Barra de Menus (Fullscreen w/ Menu Bars); Modo de Tela Cheia (Fullscreen)
Nesta segunda seção do nosso tópico, estaõ postados os atalhos para comandos do menu, navegação, edição, seleção, texto, camadas, e os mais importantes do Photoshop.
Atalhos para ARQUIVO (File Menu)
Novo… (New) - Ctrl+N
Abrir… (Open) - Ctrl+O
Procurar… (File Browser) - Ctrl+Alt+O
Abrir Como… (Open As) - Ctrl+Alt+Shift+O
Editar no Image Ready (Jump to Image Ready) - Ctrl+Shift+M
Fechar (Close) - Ctrl+W
Fechar Todas (Close All) - Ctrl+Alt+W
Fechar e Ir para o Bridge… (Close and Jump to Bridge) - Ctrl+Shift+W 
Salvar (Save) - Ctrl+S
Salvar Como (Save As) - Ctrl+Shift+S
Salvar para Web (Save to Web) - Ctrl+Alt+Shift+S
Reverter (Revert) - F12
Info Sobre Arquivo (File Info) - Ctrl+Alt+Shift+I
Configurar Página (Page Setup) - Ctrl+Shift+P
Imprimir com Visualização (Preview Print) - Ctrl+Alt+P
Imprimir (Print) - Ctrl+P
Imprimir uma Cópia (Print Copy) - Ctrl+Alt+Shift+P
Sair (Exit) - Ctrl+Q
Atalhos para EDITAR (Edit Menu)
Desfazer (Undo) - Ctrl+Z
Avançar uma Etapa (Step Backward) - Ctrl+Shift+Z
Retroceder uma Etapa (Step Forward) - Ctrl+Alt+Z
Atenuar…(Fade) - Ctrl+Shift+F
Recortar (Cut) - Ctrl+X ou F2
Copiar (Copy) - Ctrl+C ou F3
Copiar Mesclado (Copy Merged) - Ctrl+Shift+C
Colar (Paste) - Ctrl+V ou F4
Colar em (Paste Into) - Ctrl+Shift+V
Transformação Livre (Free Transform) - Ctrl+T
Transformar Novamente (Tranform Again) - Ctrl+Shift+T
Configuração de Cores (Color Settings) - Ctrl+Shift+K
Atalhos de Teclado (Keyboard Shortcuts) - Ctrl+Alt+Shift+K
Mudar Preferências (General Preferences) - Ctrl+K
Atalhos para IMAGEM (Image Menu)
Níveis (Levels) - Ctrl+L
Níveis Automáticos (Auto Levels) - Ctrl+Shift+L
Contraste Automático (Auto Contrast) - Ctrl+Alt+Shift+L
Cor Automática (Auto Color) - Ctrl+Shift+B
Curvas… (Curves) - Ctrl+M
Equilíbrio de Cores… (Color Balance) - Ctrl+B
Matiz/Saturação (Hue/Saturation) - Ctrl+U
Remover Saturação (Desaturation) - Ctrl+Shift+U
Inverter (Invert) - Ctrl+I
Tamanho da Imagem (Image Size) - Ctrl+Alt+Y
Atalhos para CAMADAS (Layers Menu)
Nova Camada (New Layer) - Ctrl+Shift+N
Nova Camada por Cópia (Layer via Copy) - Crtl+J
Nova Camada por Corte (Layer via Cut) - Ctrl+Shift+J
Criar/Soltar Máscara de Corte (Create/Release Clipping Mask) - Ctrl+Alt+G
Agrupar Camadas (Group with Previous) - Ctrl+G
Desagrupar Camadas (Ungroup) - Ctrl+Shift+G
Trazer para o Primeiro Plano (Bring to Front) - Ctrl+Shift+]
Trazer para Frente (Bring Forward) - Ctrl+]
Enviar para Trás (Send Backward) - Ctrl+[
Enviar para o Plano de Fundo (Send to Back) - Ctrl+Shift+[
Mesclar Camadas (Merge Down) - Ctrl+E
Mesclar Camadas Visíveis (Merge Visible) - Ctrl+Shift+E
Atalhos para SELECIONAR (Select Menu)
Selecionar Tudo (Select All) - Ctrl+A
Cancelar Seleção (Deselect) - Ctrl+D
Selecionar Novamente (Reselect) - Ctrl+Shift+D
Inverter Seleção (Inverse Selection) - Ctrl+Shift+I ou Shift+F7
Selecionar Todas as Camadas (All Layers) - Ctrl+Alt+A
Difusão… (Feather) - Ctrl+Alt+D ou Shift+F6
Franklin F.
Franklin Fonseca
Cbox

Bom Galera hoje eu vou ensinar como Como Coloca CBOX Abri,Fecha (Exclusivo) para seu blogger, Siga o tutorial:

1º- Faça o login no blogger.

2º- Acesse a guia “Layout” –> “Adicionar um gadget” e clique na opção “HTML/Javascript”.

3º- Agora cole o códigos abaixo . Depois salve.




<center><img style="width: 180px; height: 83px;" src="http://i.imgur.com/oLhfv.png" alt="Cbox" border="0" /></center><center style="font-style: normal;"><div class="smallfont" style="margin: 0px 0px 2px;"><input style="margin: 0px; padding: 0px; font-size: 15px; width: 180px;" value="Abrir CBOX " type="button" onclick="if (this.parentNode.parentNode.getElementsByTagName(&#39;div&#39;)[1].getElementsByTagName(&#39;div&#39;)[0].style.display != &#39;&#39;) { this.parentNode.parentNode.getElementsByTagName(&#39;div&#39;)[1].getElementsByTagName(&#39;div&#39;)[0].style.display = &#39;&#39;; this.innerText = &#39;&#39;; this.value = &#39;Esconder&#39;; } else { this.parentNode.parentNode.getElementsByTagName(&#39;div&#39;)[1].getElementsByTagName(&#39;div&#39;)[0].style.display = &#39;none&#39;; this.innerText = &#39;&#39;; this.value = &#39;Abrir CBOX &#39;; }" /></div><div class="alt2" style="margin: 0px; padding: 6px;"><div style="display: none; "><div style="text-align: left;"><span class="Apple-style-span" style="font-size:medium;"><span class="Apple-style-span" style="font-family:'trebuchet ms';">
<!-- BEGIN CBOX - www.cbox.ws - v001 -->
<div id="cboxdiv" style="text-align: center; line-height: 0">
<div><iframe frameborder="0" width="200" height="305" src="http://www6.cbox.ws/box/?boxid=589474&amp;boxtag=p6dhj8&amp;sec=main" marginheight="2" marginwidth="2" scrolling="auto" allowtransparency="yes" name="cboxmain6-589474" style="border:#ababab 1px solid;" id="cboxmain6-589474"></iframe></div>
<div><iframe frameborder="0" width="200" height="75" src="http://www6.cbox.ws/box/?boxid=589474&amp;boxtag=p6dhj8&amp;sec=form" marginheight="2" marginwidth="2" scrolling="no" allowtransparency="yes" name="cboxform6-589474" style="border:#ababab 1px solid;border-top:0px" id="cboxform6-589474"></iframe></div>
</div>
<!-- END CBOX -->
Franklin F.
Franklin Fonseca
Que tal deixar os títulos de suas postagens com um belo efeito CSS3? Praticamente tudo em nosso blog tem que ser interativo  para que nossos visitantes tenham uma boa impressão, então nada melhor deixar interativo aquilo que seja mínimo. Devemos cuidar do nosso blog e se preocupar com seu designer nem que seja nos pequenos detalhes, e os títulos das postagens não podem ficar de fora.

O efeito trata-se de uma transição CSS3 que movimenta o título quando posicionamos o cursor sobre ele, um efeito hover.

Agora vamos aplica-lo em seu blog. Para isso, entre no painel principal do seu blog e acesse o “Editar HTML”.
 Já no HTML do blog, procure por:

.post h3 a, .post h3 a:visited, .post h3 strong {
OBS: Se não localizar é só ir apagando quer vai localizar!

Abaixo dessa linha cole o seguinte código CSS:


Agora procure por:

.post h3 strong,.post h3 a:hover {
OBS: Se não localizar é só ir apagando quer vai localizar!

Abaixo dessa linha cole o seguinte código:

DOWNLOAD


Pronto! Agora é só deixar seus visitantes e seguidores desfrutarem da novidade em seu blog.
Franklin F.
Franklin Fonseca
Eae galera  da Buster, de tanto me emplorarem no xat,  venho aqui trazer um tutorial Totalmente exclusivo pra vocês, espero que gostem e comentem.

OBS: ESTE TUTORIAL EXIGE UM POUCO DE CONHECIMENTO

Primeiro vá em design, Editar HTML, aperte CTRL + F e procure por  ]]></b:skin>
logo acima de ]]></b:skin> você cola o seguinte código:


.xat {
background:url(http://i.imgur.com/Sx6LB.png) no-repeat;
width:800px;
height:500px;
clear:both;
margin:0 0 30px 100px;
padding:20px 0 0 0;
}
.xat embed{
width:550px;
height:360px;
overflow:hidden;
margin-top:57px;
margin-left:200px;
}

Depois procure procure a tag do seu rodapé , normalmente está como footer ou rodape,
mais se não conseguir achar nenhum desses pesquise no html pela imagem do seu rodape 
ae você saberá qual é a sua tag.

Bom então vamos ao código, copie o seguinte código e cole acima da tag(div) do seu rodapé:

<div class='xatxtreme'>

<embed align='middle' allowscriptaccess='sameDomain' flashvars='id=IDDOSEUXAT' height='405' name='chat' pluginspage='http://xat.com/update_flash.shtml' quality='high' src='http://www.xatech.com/web_gear/chat/chat.swf' type='application/x-shockwave-flash' width='455'/>
</div>

O que está em vermelho é para substituir pelo ID do seu xat, só olhar no embed do seu xat e procurar por id e substituir pelos numeros;

Se alguem copiar e NÃO deixar os créditos vou denunciar por plágio...
Creditos:Driigo
Franklin F.
Franklin Fonseca
Pedido pelo XAT!

Faça Login no blogger > Vá em Design > Editar HTML

Procure por: <table align='center' border='0' cellpadding='0' cellspacing='0' width='1000'>

Em Baixo dele Coloce isso:
<table align='center' border='0' cellpadding='0' cellspacing='0' width='1000'>
  
<tr>
    <th background='IMAGEM DO FUNDO' height='470' scope='col'>
    <table align='center' border='0' cellpadding='0' cellspacing='0' width='90%'>
      CÓDIGO DO XAT </table>
</th>
  </tr>
</table>
Franklin F.
Franklin Fonseca
1. Entre no blogger e acesse o painel principal do seu blog.
2. Clique na guia “Modelo” –> “Edita HTML”.
3. Procure por ]]></b:skin>
4. Acima dessa linha cole o código abaixo.

/* ---------------- Barra de rolagem Google Chrome---------------- */ 
::-webkit-scrollbar { 
width: 15px; <!-- largura da barra de rolagem --> 
height: 5px; 
::-webkit-scrollbar-track-piece { 
background: #aebcbf; <!-- Cor do fundo da barra de rolagem --> 
}

::-webkit-scrollbar-thumb:vertical { 
height: 5px; 
background: #000; <!-- Cor da barra de rolagem --> 
border-radius: 10px; <!-- Arredondamento da barra de rolagem --> 
::-webkit-scrollbar-thumb:horizontal { 
width: 5px; <!-- Largura da barra de rolagem na horizontal--> 
background-color: #FFA500; <!- cor da barra de rolagem na horizontal--> 
}

5. Agora só falta fazer as modificações!
Franklin F.