Para trocar o simbolo de um B, basta faze uma imagem do tamanho 20x20 e ir em Layout, e clique em Facion, Selecione sua imagem e clique em salvar, atualize seu blog e verá o simbolo trocado!
Atatro, espero ter aprendido, e teste para pegar a prática em...
FUI!
Estudos de Design
terça-feira, 14 de agosto de 2012
segunda-feira, 13 de agosto de 2012
Como colocar cercadinho no gadget!
Para fazer o cercadinho de gadget, basta no TITULO DE SIDEBAR trocar o HTML que está por esse:
| .sidebar { | |
| text-align: center; | |
| color: #000000; | |
| background: url(); | |
| line-height: 1.5em; | |
| margin-left:0px; | |
| margin-right: 9px; | |
| } | |
| .sidebar h2 { | |
| background-image: url(Titulo de sidebar); | |
| color:#000000; | |
| font-family:arial; | |
| font-size:17px; | |
| font-size-adjust:none; | |
| font-stretch:normal; | |
| font-style:normal; | |
| font-variant:normal; | |
| font-weight:bold; | |
| height:22px; | |
| letter-spacing:-1px; | |
| line-height:0.9em; | |
| margin:0em 0 0em; | |
| padding-bottom:5px; | |
| padding-left:10px; | |
| padding-right:10px; | |
| padding-top:12px; | |
| text-transform:none; | |
| text-align: center; | |
| } | |
| .sidebar ul { | |
| list-style:none; | |
| margin:100px; | |
| padding:0 0 0; | |
| color:#2f96b9 | |
| backround:#2f96b9 | |
| border-bottom : 10px solid #f2f2f2; | |
| } | |
| .sidebar li { | |
| margin:0px; | |
| padding:0 0 .50em 20px; | |
| text-indent:1px; | |
| line-height:1.5em; | |
| border-bottom : 2px solid #000000; | |
| } | |
| .sidebar .widget { | |
| background-image: url(Bordas); | |
| margin:0px 0px 13px; | |
| padding:0px 0px 4px; | |
| border-bottom: #Cor do final 3px solid; | |
| } | |
| background-image: url(Bordas); | |
| margin:0px 0px 13px; | |
| padding:0px 0px 4px; | |
| border-bottom: #Cor do final 3px solid; | |
| } | |
| .main .widget { | |
| margin:4 0 4px; | |
| padding:0 0 0px; | |
| } | |
| .main .Blog { | |
| border-bottom-width: 0; | |
| }
No bordas, coloque uma imagem igual essa:
No cor do final terá uma linha para terminar o coisinha, coloque o código da cor desejada para finalizar está caixa!
Espero que vc, atatro, tenha aprendido!
|
Xat dentro das regras
para fazer xat com as regras, basta fazer suas regras no tamanho 590x780, terminando suas regras, coloque em layout>>adicionar gadget>> HTML/Java Script e coloque o seguinte HTML:
<center><div style="background-image: url(LINK DA IMAGEM); line-height: 13px; width: 590px; height: 780px;"><span style="color: rgb(255, 255, 255);"><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><embed wmode="transparent" src="http://www.xatech.com/web_gear/chat/chat.swf" quality="high" width="540" height="405" name="chat" FlashVars="id=ID DO XAT&rl=Brazilian" align="middle" allowScriptAccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://xat.com/update_flash.shtml" /></embed></span></div></center>
no link da imagem coloque o link das regras, no id do xat, coloque o id do xat, assim: né que aparece xat.com/room/ID-DO-XAT , coloque esse id que aparece no ID DO XAT e salve! Pronto!
Espero que vc tenha aprendido Atatro!
<center><div style="background-image: url(LINK DA IMAGEM); line-height: 13px; width: 590px; height: 780px;"><span style="color: rgb(255, 255, 255);"><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><embed wmode="transparent" src="http://www.xatech.com/web_gear/chat/chat.swf" quality="high" width="540" height="405" name="chat" FlashVars="id=ID DO XAT&rl=Brazilian" align="middle" allowScriptAccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://xat.com/update_flash.shtml" /></embed></span></div></center>
no link da imagem coloque o link das regras, no id do xat, coloque o id do xat, assim: né que aparece xat.com/room/ID-DO-XAT , coloque esse id que aparece no ID DO XAT e salve! Pronto!
Espero que vc tenha aprendido Atatro!
Barra de novidades!
para por uma barra de novidades, va em layout, novo gadget e coloque HTML/Java Script e ponha o seguinte HTML:
Coloque esse HTML e para fazer um tem de estar no tamanho 982x71 ta?
Espero que tenha aprendido Atatro!
<img alt="" src="LINK DA IMAGEM" /><div style="left: 220px; top: 47px; width: 627px; position: absolute;"><span style="font-family:arial;font-size:small;color:darkred;"><marquee bgcolor="transparent" behavior="scroll" width="100%" loop="infinite">Novidades: ESCRITA SOBRE A POSTAGEM.(<a href="LINK DA POSTAGEM">LEIA</a>) - -/\- - ESCRITA SOBRE A POSTAGEM (<a href="LINK DA POSTAGEM">LEIA</a>)- -/\- - Desça a página para ler mais notícias!</marquee></span></div>
Coloque esse HTML e para fazer um tem de estar no tamanho 982x71 ta?
Espero que tenha aprendido Atatro!
Como por botão volte ao topo!
Para por o botão atualize o blog, basta por no layout um novo gadget, o HTML/Java Script, e colocar o HTML citado abaixo:
Espero que vc tenha aprendido Atatro!
<div style="position:fixed; bottom:0px; right:0px;"><a href="#"><img src="LINK DA IMAGEM" border="0" /></a></div>No link da imagem, coloque sua imagem de voltar ao topo, depois disso, salve tudo e verifique seu blog! Ele ficará no cantinho!
Espero que vc tenha aprendido Atatro!
Tirando tecnologia do blogger!
para tirar o tecnologia do blogger, basta meche no HTML, pesquise no CTRL+F esse código:
Espero que vc tenha aprendido atatro!
<b:widget id='Attribution1' locked='true' title='' type='Attribution'/>Agora quando achar, aperte delete nele selecionado, e clique em salvar, ira aparecer um coisa de windget, que podera ser excluido, clique em excluir windgets se quer excluir esse xato tecnologia do blogger!
Espero que vc tenha aprendido atatro!
Assinar:
Postagens (Atom)
