hqm Design

Postagens

Mostrando postagens de janeiro, 2014

Colocando Um Menu Css Com submenu #2

- janeiro 27, 2014

Vamo aprende hoje como colocar um menu com submenu Bem estiloso -1)Vá Layout E Crie Um Novo Gadgets O Novo gadgets séra <HTML È JAVASCRIPT> Depois Disso Cole Esse Código no gadgets que você Criou #NavbarMenu { background: #555; color: #FFF; font-size: 12px; font-family: Arial, Tahoma, Verdana; width: 100%;height: 35px; font-weight: bold;margin: 0;padding: 0; } #NavbarMenuleft { width: 100%;float: left;margin: 0;padding: 0; } #nav { margin: 0; padding: 0; } #nav ul { float: left;list-style: none;margin: 0;padding: 0; } #nav li { list-style: none;margin: 0;padding: 0; } #nav li a, #nav li a:link, #nav li a:visited { color: #FFF; /*--edite cor do link--*/ display: block; font-size: 16px; font-family: Georgia, Times New Roman;font-weight: normal;text-transform: capitalize; margin: 0;padding: 9px 15px 8px;border-right: 1px solid #fff; } #nav li a:hover, #nav li a:active { color: #FFF; /*--edite cor do link hover--*/ margin: 0; padding: 9px 15px 8px; text-decoration:

Colocando Efeito Natalino

- janeiro 23, 2014

E Ai pessoal,venho hj trazer um tutu muito legal e facil,Mas ele só serve mesmo quando chegar O natal mais vou dx ele aqui mesmo no blog para vc pegaram mais vamo lá -1) Vá em editar html e procure por </head> é cole esse código acima dele <script src='https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.js'/> <script src='http://yourjavascript.com/61532113121/new-snofall.js'/> <script> $(document).ready( function(){ $.fn.snow({ minSize: 10, maxSize: 50, newOn: 400, flakeColor: '#ffffff' }); }); </script> Personalizando: minsize: 10-- Tamanho dos flocos de neve maxsize: 50-- Tamanho maximo dos flocos newon: 400-- Tempo entre cada floco de neve.O Quanto amumentar menos flocos vão caindo.Exemplo: 600-Caira menos flocos 200-Caira Mais Flocos Espero que tenha entendido A Sim O HQMDesign já tem 22000 visualização como Queremos mais visualização Deixaremos o Floco de neve Até Não chega em 30000 Quando chegar t

Colocando Fáns box Do TW Para Blog

- janeiro 20, 2014

E aeeee pessoal tudo bem com vocês?Bem hj vou fazer uma pequena e rapida postagem sobre Como Coloca Fán Box do Twitter,é isso mesmo.Bem não sou muito chegado ao twitter pois acho que e uma rede social que não mereçe minha atenção,mas dx de lado.O código e bastante simples e facil de se usar...Então vamos lá Em Primeiro lugar Vá Em layout e add um gadges vc escolhe O Html/javascript e cola esse código < div class="textwidget"> <script type="text/javascript" src="http://s.moopz.com/fanbox_init.js"></script><div id="twitterfanbox"> <script type="text/javascript">fanbox_init( " @SEUTWITTER ");</script></div> </div> <style> .FB_SERVER_IFRAME { width: 290px !important; /* Largura do gadget */ height: 250px !important; /* Altura do gadget */ } </style> -1 Na parte que esta destacada em azul claro Cole o Twitter xD espero que tenha gostado 3 mane

Efeitos Bordas na imagens

- janeiro 19, 2014

olá pessoal sou novamente aqui trazendo mais um tuturial para seu blog ou site bastatne simples...Mas vamo ao que interresa -1)Escolhendo o blog em primeiro lugar entra na sua contra do google depois de entra na sua conta escolha o blog ao que deseja coloca esse efeito -2) Agora procure por essa tag abaixo :-) ]]></b:skin> Ao encontra a tag assim rapidamente Rapido cole esse pequeno código abaixo da tag encontrada :-) .post-body img:hover { border: 2px solid #000; } Depois e so salva e visualizar.Ok -' Modificando o código Caso queira muda a cor da borda mude #000 -clique aqui para escolher uma cor Caso não saiba a tabela de cor procure nesse site aqui Aqui nesse site nesse site vc encontra tuto -Para altera o tamanho da borda edite : 2px pelo seu tamanho Como Ajuda Agente -1) Entre nesse site o criador do código VDPBS -2)Comente Abaixo ajuda muito

Botão Facebook e TW No topo do blog

- janeiro 18, 2014

E Ai pessoal hj venho fazer mais uma postagem radical aqui pois e algo que dou muito valor,mas vamo courta essa parte chata e vamo ao que interresa certo,ok Vcs já devem saber o procedimentos basico então vou pular isso -1)Encontrando a Tag -Procure por <b:section class='header' id='header' maxwidgets='1' Quando encontra ele vai estar mais ou menos assim: <b:section class='header' id='header' maxwidgets='1' showaddelement='no'> <b:widget id='Header1' locked='true' title='Tecno-Criação (Cabeçalho)' type='Header'/> </b:section> </div> -2)Colando o código Agora abaixo do </div> Você Cola todo esse código <div style="position: absolute; top: 160 px; left: 80 % ; margin-left: 4px;"><div style="overflow: hidden; width:100px; height: 60px;"><div style="overflow: hidden;"><a href=" https:/

Como coloca Banner de Parceria Ou Propraganda no Topo do blogger

- janeiro 11, 2014

Olá queridos amigos venho aqui mostra outra grande postagem Sobre como coloca Banner no topo do blogger então vamo lá Procure por: ]]></b:skin> No editor de HTML Quando encontra acima dela adicioune Esse Código /* -----Anuncio ----- */ #Anuncio{ width:auto; height:auto; z-index:1; position: absolute; top: 50px ; left: 450px ; } Depois Procure por </header> E Cole esse código abaixo <div id='Anuncio'> Cole o Código do Banne r </div> Antenciosamente:Klof Obrigado ae pessoal até a proxima