tag:blogger.com,1999:blog-22846413250818398362012-02-16T18:53:10.782-02:00Luiz H.http://www.blogger.com/profile/08768577072368928667noreply@blogger.comBlogger19125http://lh6.ggpht.com/_gkCCEPUJN58/TD0HmsHy5SI/AAAAAAAABDM/iU87m06rKhI/CoffeeCup_Feed_Add_64x64.png10calcohttp://feedburner.google.comSubscribe with My Yahoo!Subscribe with NewsGatorSubscribe with My AOLSubscribe with BloglinesSubscribe with NetvibesSubscribe with GoogleSubscribe with PageflakesSubscribe with PlusmoSubscribe with The Free DictionarySubscribe with Bitty BrowserSubscribe with Live.comSubscribe with Excite MIXSubscribe with WebwagSubscribe with Podcast ReadySubscribe with WikioSubscribe with Daily Rotationtag:blogger.com,1999:blog-2284641325081839836.post-14959338605056725022011-12-04T12:40:00.001-02:002012-01-19T15:30:02.654-02:002012-01-19T15:30:02.654-02:00Neste tutorial vamos aprender a manipular a opacidade de elementos html, utilizando a propriedade opacity das CSS3, e uma versão alternativa, em que utilizaremos um plano de fundo semitransparente.<br> Mãos à obra!<br> <br> <a href="http://10calco.blogspot.com/2011/12/opacidade-com-css-e-imagens.html#more">Continue lendo »</a><div class="blogger-post-footer"><img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/2284641325081839836-1495933860505672502?l=10calco.blogspot.com' alt='' /></div> <p><a href="http://feedads.g.doubleclick.net/~a/k92QyfA61RrrwTMslUlHgU6pRU0/0/da"><img src="http://feedads.g.doubleclick.net/~a/k92QyfA61RrrwTMslUlHgU6pRU0/0/di" border="0" ismap="true"></img></a><br/> <a href="http://feedads.g.doubleclick.net/~a/k92QyfA61RrrwTMslUlHgU6pRU0/1/da"><img src="http://feedads.g.doubleclick.net/~a/k92QyfA61RrrwTMslUlHgU6pRU0/1/di" border="0" ismap="true"></img></a></p><div class="feedflare"> <a href="http://feeds.feedburner.com/~ff/10calco?a=L5UNJwISmHk:kz1u2p9slvk:yIl2AUoC8zA"><img src="http://feeds.feedburner.com/~ff/10calco?d=yIl2AUoC8zA" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/10calco?a=L5UNJwISmHk:kz1u2p9slvk:F7zBnMyn0Lo"><img src="http://feeds.feedburner.com/~ff/10calco?i=L5UNJwISmHk:kz1u2p9slvk:F7zBnMyn0Lo" border="0"></img></a> </div><img src="http://feeds.feedburner.com/~r/10calco/~4/L5UNJwISmHk" height="1" width="1"/>Luiz H.http://www.blogger.com/profile/08768577072368928667noreply@blogger.com0http://10calco.blogspot.com/2011/12/opacidade-com-css-e-imagens.htmltag:blogger.com,1999:blog-2284641325081839836.post-82646702521834025532011-05-24T22:22:00.003-03:002011-05-25T10:44:41.883-03:002011-05-25T10:44:41.883-03:00Há algum tempo notei um problema com os vídeos do Youtube, em que toda vez que eu alterava para o modo full screen eles recarregavam. Quando precisava ver um vídeo em tamanho maior e não queria esperar até carregar eu aumentava a fonte do navegador.<br> Porém há um meio de consertar isso, ou melhor, configurar.<br> <a href="http://10calco.blogspot.com/2011/05/youtube-recarrega-video-ao-maximizar.html#more">Continue lendo »</a><div class="blogger-post-footer"><img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/2284641325081839836-8264670252183402553?l=10calco.blogspot.com' alt='' /></div> <p><a href="http://feedads.g.doubleclick.net/~a/ef9YQhxrIgGek3fjnAm9jUOW_gc/0/da"><img src="http://feedads.g.doubleclick.net/~a/ef9YQhxrIgGek3fjnAm9jUOW_gc/0/di" border="0" ismap="true"></img></a><br/> <a href="http://feedads.g.doubleclick.net/~a/ef9YQhxrIgGek3fjnAm9jUOW_gc/1/da"><img src="http://feedads.g.doubleclick.net/~a/ef9YQhxrIgGek3fjnAm9jUOW_gc/1/di" border="0" ismap="true"></img></a></p><div class="feedflare"> <a href="http://feeds.feedburner.com/~ff/10calco?a=ysvlxaoj5ys:fCM1trZzpRg:yIl2AUoC8zA"><img src="http://feeds.feedburner.com/~ff/10calco?d=yIl2AUoC8zA" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/10calco?a=ysvlxaoj5ys:fCM1trZzpRg:F7zBnMyn0Lo"><img src="http://feeds.feedburner.com/~ff/10calco?i=ysvlxaoj5ys:fCM1trZzpRg:F7zBnMyn0Lo" border="0"></img></a> </div><img src="http://feeds.feedburner.com/~r/10calco/~4/ysvlxaoj5ys" height="1" width="1"/>Luiz H.http://www.blogger.com/profile/08768577072368928667noreply@blogger.com4http://10calco.blogspot.com/2011/05/youtube-recarrega-video-ao-maximizar.htmltag:blogger.com,1999:blog-2284641325081839836.post-88705994950012123702011-04-08T14:46:00.005-03:002011-12-04T12:12:27.467-02:002011-12-04T12:12:27.467-02:00Fazer com que uma imagem se ajuste automaticamente de acordo com o conteúdo é uma tarefa relativamente fácil se tratando de navegadores que suportam CSS3, para isso, basta dar uma olhada no tutorial sobre <a href="http://10calco.blogspot.com/2010/07/redimensionar-imagem-com-css-background.html">background-size</a>. Porém o nosso amigo Internet Explorer não reconhece essa propriedade, e para dar suporte a esse navegador precisamos recorrer a alguns macetes.<br> <a href="http://10calco.blogspot.com/2011/04/imagem-auto-ajustavel-com-css.html#more">Continue lendo »</a><div class="blogger-post-footer"><img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/2284641325081839836-8870599495001212370?l=10calco.blogspot.com' alt='' /></div> <p><a href="http://feedads.g.doubleclick.net/~a/JagrktAYb9DFtWfNFUJ0cxxq42A/0/da"><img src="http://feedads.g.doubleclick.net/~a/JagrktAYb9DFtWfNFUJ0cxxq42A/0/di" border="0" ismap="true"></img></a><br/> <a href="http://feedads.g.doubleclick.net/~a/JagrktAYb9DFtWfNFUJ0cxxq42A/1/da"><img src="http://feedads.g.doubleclick.net/~a/JagrktAYb9DFtWfNFUJ0cxxq42A/1/di" border="0" ismap="true"></img></a></p><div class="feedflare"> <a href="http://feeds.feedburner.com/~ff/10calco?a=VHs-T7M1A4Y:MX9UmHOmisQ:yIl2AUoC8zA"><img src="http://feeds.feedburner.com/~ff/10calco?d=yIl2AUoC8zA" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/10calco?a=VHs-T7M1A4Y:MX9UmHOmisQ:F7zBnMyn0Lo"><img src="http://feeds.feedburner.com/~ff/10calco?i=VHs-T7M1A4Y:MX9UmHOmisQ:F7zBnMyn0Lo" border="0"></img></a> </div><img src="http://feeds.feedburner.com/~r/10calco/~4/VHs-T7M1A4Y" height="1" width="1"/>Luiz H.http://www.blogger.com/profile/08768577072368928667noreply@blogger.com1http://10calco.blogspot.com/2011/04/imagem-auto-ajustavel-com-css.htmltag:blogger.com,1999:blog-2284641325081839836.post-61349906028278055302011-03-29T18:19:00.005-03:002011-04-14T12:04:36.221-03:002011-04-14T12:04:36.221-03:00Neste tutorial vamos fazer um menu css e conhecer duas maneiras de colocar imagens ao lado dos links, uma utilizando &quot;background-image&quot; e outra a tag &quot;img src&quot;.<br> <a href="http://10calco.blogspot.com/2011/03/menu-css-com-imagens-ao-lado-dos-links.html#more">Continue lendo »</a><div class="blogger-post-footer"><img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/2284641325081839836-6134990602827805530?l=10calco.blogspot.com' alt='' /></div> <p><a href="http://feedads.g.doubleclick.net/~a/faV5xiAfcsLmlng0jYIhBa9fjMQ/0/da"><img src="http://feedads.g.doubleclick.net/~a/faV5xiAfcsLmlng0jYIhBa9fjMQ/0/di" border="0" ismap="true"></img></a><br/> <a href="http://feedads.g.doubleclick.net/~a/faV5xiAfcsLmlng0jYIhBa9fjMQ/1/da"><img src="http://feedads.g.doubleclick.net/~a/faV5xiAfcsLmlng0jYIhBa9fjMQ/1/di" border="0" ismap="true"></img></a></p><div class="feedflare"> <a href="http://feeds.feedburner.com/~ff/10calco?a=cnMGfmYqhhs:1z_xgijGQys:yIl2AUoC8zA"><img src="http://feeds.feedburner.com/~ff/10calco?d=yIl2AUoC8zA" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/10calco?a=cnMGfmYqhhs:1z_xgijGQys:F7zBnMyn0Lo"><img src="http://feeds.feedburner.com/~ff/10calco?i=cnMGfmYqhhs:1z_xgijGQys:F7zBnMyn0Lo" border="0"></img></a> </div><img src="http://feeds.feedburner.com/~r/10calco/~4/cnMGfmYqhhs" height="1" width="1"/>Luiz H.http://www.blogger.com/profile/08768577072368928667noreply@blogger.com0http://10calco.blogspot.com/2011/03/menu-css-com-imagens-ao-lado-dos-links.htmltag:blogger.com,1999:blog-2284641325081839836.post-80085832008912067982011-03-12T15:52:00.002-03:002011-06-20T13:58:35.973-03:002011-06-20T13:58:35.973-03:00Antes de alterarmos as dimensões do blogger vamos conhecer como ele é estruturado e quanto de espaço vamos reservar para cada parte do layout.<br> <a href="http://10calco.blogspot.com/2011/03/ajustar-largura-do-blog-blogger.html#more">Continue lendo »</a><div class="blogger-post-footer"><img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/2284641325081839836-8008583200891206798?l=10calco.blogspot.com' alt='' /></div> <p><a href="http://feedads.g.doubleclick.net/~a/cd4cWMtkWEQnAdPlnTzKephaqJ4/0/da"><img src="http://feedads.g.doubleclick.net/~a/cd4cWMtkWEQnAdPlnTzKephaqJ4/0/di" border="0" ismap="true"></img></a><br/> <a href="http://feedads.g.doubleclick.net/~a/cd4cWMtkWEQnAdPlnTzKephaqJ4/1/da"><img src="http://feedads.g.doubleclick.net/~a/cd4cWMtkWEQnAdPlnTzKephaqJ4/1/di" border="0" ismap="true"></img></a></p><div class="feedflare"> <a href="http://feeds.feedburner.com/~ff/10calco?a=rsfL4dPFdFU:iMoVEN3_yOI:yIl2AUoC8zA"><img src="http://feeds.feedburner.com/~ff/10calco?d=yIl2AUoC8zA" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/10calco?a=rsfL4dPFdFU:iMoVEN3_yOI:F7zBnMyn0Lo"><img src="http://feeds.feedburner.com/~ff/10calco?i=rsfL4dPFdFU:iMoVEN3_yOI:F7zBnMyn0Lo" border="0"></img></a> </div><img src="http://feeds.feedburner.com/~r/10calco/~4/rsfL4dPFdFU" height="1" width="1"/>Luiz H.http://www.blogger.com/profile/08768577072368928667noreply@blogger.com0http://10calco.blogspot.com/2011/03/ajustar-largura-do-blog-blogger.htmltag:blogger.com,1999:blog-2284641325081839836.post-56081726126956935632011-03-10T23:10:00.005-03:002011-04-01T15:22:30.860-03:002011-04-01T15:22:30.860-03:00De acordo com as estatísticas da <a href="http://www.w3schools.com/browsers/browsers_display.asp">w3schools</a> e do <a href="http://www.w3counter.com/globalstats.php">w3counter</a>, a maioria dos usuários utilizam resoluções de 1024x768 ou superior. Enquanto o velho 800x600, que já foi muito usado a tempos atrás vem caíndo consideravelmente, sendo utilizado atualmente por cerca de 2% do total de usuários.<span class="hide">Créditos: 10calco.blogspot.com</span><a href="http://10calco.blogspot.com/2011/03/teste-seu-blog-em-varias-resolucoes.html#more">Continue lendo »</a><div class="blogger-post-footer"><img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/2284641325081839836-5608172612695693563?l=10calco.blogspot.com' alt='' /></div> <p><a href="http://feedads.g.doubleclick.net/~a/7cm0BpUchzVHh_TYgZ1H1rCVZ4Q/0/da"><img src="http://feedads.g.doubleclick.net/~a/7cm0BpUchzVHh_TYgZ1H1rCVZ4Q/0/di" border="0" ismap="true"></img></a><br/> <a href="http://feedads.g.doubleclick.net/~a/7cm0BpUchzVHh_TYgZ1H1rCVZ4Q/1/da"><img src="http://feedads.g.doubleclick.net/~a/7cm0BpUchzVHh_TYgZ1H1rCVZ4Q/1/di" border="0" ismap="true"></img></a></p><div class="feedflare"> <a href="http://feeds.feedburner.com/~ff/10calco?a=tizesfSLqAI:6XtpTKKPVhc:yIl2AUoC8zA"><img src="http://feeds.feedburner.com/~ff/10calco?d=yIl2AUoC8zA" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/10calco?a=tizesfSLqAI:6XtpTKKPVhc:F7zBnMyn0Lo"><img src="http://feeds.feedburner.com/~ff/10calco?i=tizesfSLqAI:6XtpTKKPVhc:F7zBnMyn0Lo" border="0"></img></a> </div><img src="http://feeds.feedburner.com/~r/10calco/~4/tizesfSLqAI" height="1" width="1"/>Luiz H.http://www.blogger.com/profile/08768577072368928667noreply@blogger.com0http://10calco.blogspot.com/2011/03/teste-seu-blog-em-varias-resolucoes.htmltag:blogger.com,1999:blog-2284641325081839836.post-81532223600269860532011-03-06T12:53:00.015-03:002011-04-19T11:58:28.236-03:002011-04-19T11:58:28.236-03:00Devido ao internet explorer não aceitar grande parte das propriedades CSS (como o background-size), vamos precisar fazer um macete para redimensionarmos imagens nele.<br> <br> <span class="postnote">Tutorial testado no IE 6, Firefox 3.6, Chrome 9 e Ópera 11.</span><br> <a href="http://10calco.blogspot.com/2011/03/redimensionar-imagem-no-ie-com-csshtml.html#more">Continue lendo »</a><div class="blogger-post-footer"><img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/2284641325081839836-8153222360026986053?l=10calco.blogspot.com' alt='' /></div> <p><a href="http://feedads.g.doubleclick.net/~a/k5sE_lPEk6HjJ0Wdo-w5HrHdyMQ/0/da"><img src="http://feedads.g.doubleclick.net/~a/k5sE_lPEk6HjJ0Wdo-w5HrHdyMQ/0/di" border="0" ismap="true"></img></a><br/> <a href="http://feedads.g.doubleclick.net/~a/k5sE_lPEk6HjJ0Wdo-w5HrHdyMQ/1/da"><img src="http://feedads.g.doubleclick.net/~a/k5sE_lPEk6HjJ0Wdo-w5HrHdyMQ/1/di" border="0" ismap="true"></img></a></p><div class="feedflare"> <a href="http://feeds.feedburner.com/~ff/10calco?a=KT6o1RnHwzE:Hd1cE7TSofw:yIl2AUoC8zA"><img src="http://feeds.feedburner.com/~ff/10calco?d=yIl2AUoC8zA" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/10calco?a=KT6o1RnHwzE:Hd1cE7TSofw:F7zBnMyn0Lo"><img src="http://feeds.feedburner.com/~ff/10calco?i=KT6o1RnHwzE:Hd1cE7TSofw:F7zBnMyn0Lo" border="0"></img></a> </div><img src="http://feeds.feedburner.com/~r/10calco/~4/KT6o1RnHwzE" height="1" width="1"/>Luiz H.http://www.blogger.com/profile/08768577072368928667noreply@blogger.com3http://10calco.blogspot.com/2011/03/redimensionar-imagem-no-ie-com-csshtml.htmltag:blogger.com,1999:blog-2284641325081839836.post-68777516521684969452011-03-01T11:20:00.021-03:002011-04-14T13:06:37.735-03:002011-04-14T13:06:37.735-03:00Não é raro encontrarmos layouts formulados em tabelas, ou ainda layouts que misturam table e tableless. Mas afinal, qual a diferença e quando usar cada um? <br> <a href="http://10calco.blogspot.com/2011/03/table-e-tableless-quais-as-diferencas.html#more">Continue lendo »</a><div class="blogger-post-footer"><img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/2284641325081839836-6877751652168496945?l=10calco.blogspot.com' alt='' /></div> <p><a href="http://feedads.g.doubleclick.net/~a/F1-kdBUa9SWGngc3vLAkqH2aYV4/0/da"><img src="http://feedads.g.doubleclick.net/~a/F1-kdBUa9SWGngc3vLAkqH2aYV4/0/di" border="0" ismap="true"></img></a><br/> <a href="http://feedads.g.doubleclick.net/~a/F1-kdBUa9SWGngc3vLAkqH2aYV4/1/da"><img src="http://feedads.g.doubleclick.net/~a/F1-kdBUa9SWGngc3vLAkqH2aYV4/1/di" border="0" ismap="true"></img></a></p><div class="feedflare"> <a href="http://feeds.feedburner.com/~ff/10calco?a=cmE1jtbDCbI:pVk9NLD8eLE:yIl2AUoC8zA"><img src="http://feeds.feedburner.com/~ff/10calco?d=yIl2AUoC8zA" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/10calco?a=cmE1jtbDCbI:pVk9NLD8eLE:F7zBnMyn0Lo"><img src="http://feeds.feedburner.com/~ff/10calco?i=cmE1jtbDCbI:pVk9NLD8eLE:F7zBnMyn0Lo" border="0"></img></a> </div><img src="http://feeds.feedburner.com/~r/10calco/~4/cmE1jtbDCbI" height="1" width="1"/>Luiz H.http://www.blogger.com/profile/08768577072368928667noreply@blogger.com1http://10calco.blogspot.com/2011/03/table-e-tableless-quais-as-diferencas.htmltag:blogger.com,1999:blog-2284641325081839836.post-7723359756421459072011-02-23T21:29:00.009-03:002011-05-25T10:44:41.884-03:002011-05-25T10:44:41.884-03:00Urls compactadas tem como principal uso poupar espaço, principalmente em redes sociais, em que há um limite de carácteres por mensagem. Porém nem sempre esse artifício é utilizado com boas intenções, sendo muitas vezes arriscado clicar em qualquer link encontrado por ai.<br> <br> Long URL Please é um complemento para <a href="http://br.mozdev.org/download/">firefox</a> que tem a função de mostrar o endereço original escondido por trás da maioria desses links.<br> <a href="http://10calco.blogspot.com/2011/02/descompactar-urls-com-long-url-please.html#more">Continue lendo »</a><div class="blogger-post-footer"><img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/2284641325081839836-772335975642145907?l=10calco.blogspot.com' alt='' /></div> <p><a href="http://feedads.g.doubleclick.net/~a/zd8KcdGLENI4fKYt9YZVRaHz_pU/0/da"><img src="http://feedads.g.doubleclick.net/~a/zd8KcdGLENI4fKYt9YZVRaHz_pU/0/di" border="0" ismap="true"></img></a><br/> <a href="http://feedads.g.doubleclick.net/~a/zd8KcdGLENI4fKYt9YZVRaHz_pU/1/da"><img src="http://feedads.g.doubleclick.net/~a/zd8KcdGLENI4fKYt9YZVRaHz_pU/1/di" border="0" ismap="true"></img></a></p><div class="feedflare"> <a href="http://feeds.feedburner.com/~ff/10calco?a=mhjXhEPN5QI:Mv7UcSBmHkg:yIl2AUoC8zA"><img src="http://feeds.feedburner.com/~ff/10calco?d=yIl2AUoC8zA" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/10calco?a=mhjXhEPN5QI:Mv7UcSBmHkg:F7zBnMyn0Lo"><img src="http://feeds.feedburner.com/~ff/10calco?i=mhjXhEPN5QI:Mv7UcSBmHkg:F7zBnMyn0Lo" border="0"></img></a> </div><img src="http://feeds.feedburner.com/~r/10calco/~4/mhjXhEPN5QI" height="1" width="1"/>Luiz H.http://www.blogger.com/profile/08768577072368928667noreply@blogger.com0http://10calco.blogspot.com/2011/02/descompactar-urls-com-long-url-please.htmltag:blogger.com,1999:blog-2284641325081839836.post-48306686195441616222011-02-07T16:39:00.012-02:002011-03-12T12:28:16.297-03:002011-03-12T12:28:16.297-03:00<strong>-Nota:</strong> <em>&quot;Este tutorial visa personalizar um menu drop down já pronto, fazendo com que o &#39;Li pai&#39;(Menu Pai) dos submenus fique destacado quando estivermos com &#39;mouse hover&#39; sobre os submenus&quot;</em><br> <br> Para explicar melhor o que iremos fazer seguem duas imagens:<br> <br> A primeira é como geralmente se comporta esse tipo de menu. Note que o menu About não apresenta a imagem quando navegamos pelos seus submenus:<br> <a href="http://10calco.blogspot.com/2011/02/efeito-mouse-hover-em-li-pai-de-menu.html#more">Continue lendo »</a><div class="blogger-post-footer"><img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/2284641325081839836-4830668619544161622?l=10calco.blogspot.com' alt='' /></div> <p><a href="http://feedads.g.doubleclick.net/~a/XLZ3P_NNaLaqMTJx-0gUO4RUsV8/0/da"><img src="http://feedads.g.doubleclick.net/~a/XLZ3P_NNaLaqMTJx-0gUO4RUsV8/0/di" border="0" ismap="true"></img></a><br/> <a href="http://feedads.g.doubleclick.net/~a/XLZ3P_NNaLaqMTJx-0gUO4RUsV8/1/da"><img src="http://feedads.g.doubleclick.net/~a/XLZ3P_NNaLaqMTJx-0gUO4RUsV8/1/di" border="0" ismap="true"></img></a></p><div class="feedflare"> <a href="http://feeds.feedburner.com/~ff/10calco?a=WCFIkpthp4I:RmRyBObNV7A:yIl2AUoC8zA"><img src="http://feeds.feedburner.com/~ff/10calco?d=yIl2AUoC8zA" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/10calco?a=WCFIkpthp4I:RmRyBObNV7A:F7zBnMyn0Lo"><img src="http://feeds.feedburner.com/~ff/10calco?i=WCFIkpthp4I:RmRyBObNV7A:F7zBnMyn0Lo" border="0"></img></a> </div><img src="http://feeds.feedburner.com/~r/10calco/~4/WCFIkpthp4I" height="1" width="1"/>Luiz H.http://www.blogger.com/profile/08768577072368928667noreply@blogger.com0http://10calco.blogspot.com/2011/02/efeito-mouse-hover-em-li-pai-de-menu.htmltag:blogger.com,1999:blog-2284641325081839836.post-81383351131098444232010-08-09T14:26:00.017-03:002011-04-14T13:13:27.602-03:002011-04-14T13:13:27.602-03:00Nesse post usaremos uma técnica de CSS3 chamada <u>multiplos backgrounds</u><span class="ref"><a href="http://10calco.blogspot.com/2010/08/dividir-plano-de-fundo-da-pagina-css-3.html#refdois">Ref[2]</a></span>, que permite definir mais de uma imagem como plano de fundo.<br> <br> <span class="postnote">-Nota 1: Para essa técnica são <strong>necessários conhecimentos básicos de CSS</strong>.</span><br> <br> <span class="postnote">-Nota 2: Apesar deste tutorial mostrar especificamente como dividir a página do blogger, <strong>essa técnica pode ser usada para dividir qualquer background que esteja em CSS.</strong></span><br> <br> Mãos à obra.<br> <a href="http://10calco.blogspot.com/2010/08/dividir-plano-de-fundo-da-pagina-css-3.html#more">Continue lendo »</a><div class="blogger-post-footer"><img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/2284641325081839836-8138335113109844423?l=10calco.blogspot.com' alt='' /></div> <p><a href="http://feedads.g.doubleclick.net/~a/u10se2WsBemI2kc4FgQTy07dtC8/0/da"><img src="http://feedads.g.doubleclick.net/~a/u10se2WsBemI2kc4FgQTy07dtC8/0/di" border="0" ismap="true"></img></a><br/> <a href="http://feedads.g.doubleclick.net/~a/u10se2WsBemI2kc4FgQTy07dtC8/1/da"><img src="http://feedads.g.doubleclick.net/~a/u10se2WsBemI2kc4FgQTy07dtC8/1/di" border="0" ismap="true"></img></a></p><div class="feedflare"> <a href="http://feeds.feedburner.com/~ff/10calco?a=i6_4M7z5i6E:iJaeHULyzfg:yIl2AUoC8zA"><img src="http://feeds.feedburner.com/~ff/10calco?d=yIl2AUoC8zA" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/10calco?a=i6_4M7z5i6E:iJaeHULyzfg:F7zBnMyn0Lo"><img src="http://feeds.feedburner.com/~ff/10calco?i=i6_4M7z5i6E:iJaeHULyzfg:F7zBnMyn0Lo" border="0"></img></a> </div><img src="http://feeds.feedburner.com/~r/10calco/~4/i6_4M7z5i6E" height="1" width="1"/>Luiz H.http://www.blogger.com/profile/08768577072368928667noreply@blogger.com3http://10calco.blogspot.com/2010/08/dividir-plano-de-fundo-da-pagina-css-3.htmltag:blogger.com,1999:blog-2284641325081839836.post-56407872277840002122010-07-29T16:55:00.020-03:002011-04-19T12:13:22.377-03:002011-04-19T12:13:22.377-03:00Neste tutorial veremos como redimensionar imagens usando <abbr title="Cascading Style Sheets">CSS</abbr>, através da propriedade &quot;background-size&quot;.<br> <a href="http://10calco.blogspot.com/2010/07/redimensionar-imagem-com-css-background.html#more">Continue lendo »</a><div class="blogger-post-footer"><img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/2284641325081839836-5640787227784000212?l=10calco.blogspot.com' alt='' /></div> <p><a href="http://feedads.g.doubleclick.net/~a/VWynWwzMnrzO3uniQxCwR8aUkI4/0/da"><img src="http://feedads.g.doubleclick.net/~a/VWynWwzMnrzO3uniQxCwR8aUkI4/0/di" border="0" ismap="true"></img></a><br/> <a href="http://feedads.g.doubleclick.net/~a/VWynWwzMnrzO3uniQxCwR8aUkI4/1/da"><img src="http://feedads.g.doubleclick.net/~a/VWynWwzMnrzO3uniQxCwR8aUkI4/1/di" border="0" ismap="true"></img></a></p><div class="feedflare"> <a href="http://feeds.feedburner.com/~ff/10calco?a=Uk4r0oyadko:LJaCgTLNMsg:yIl2AUoC8zA"><img src="http://feeds.feedburner.com/~ff/10calco?d=yIl2AUoC8zA" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/10calco?a=Uk4r0oyadko:LJaCgTLNMsg:F7zBnMyn0Lo"><img src="http://feeds.feedburner.com/~ff/10calco?i=Uk4r0oyadko:LJaCgTLNMsg:F7zBnMyn0Lo" border="0"></img></a> </div><img src="http://feeds.feedburner.com/~r/10calco/~4/Uk4r0oyadko" height="1" width="1"/>Luiz H.http://www.blogger.com/profile/08768577072368928667noreply@blogger.com9http://10calco.blogspot.com/2010/07/redimensionar-imagem-com-css-background.htmltag:blogger.com,1999:blog-2284641325081839836.post-52806758333998338792010-07-06T16:45:00.011-03:002011-04-14T16:40:25.934-03:002011-04-14T16:40:25.934-03:00Alterar o background do blogger é muito fácil mesmo para quem não conhece muito (ou nada) de html.<br> <a href="http://10calco.blogspot.com/2010/07/como-colocar-fundo-degrade-no-blogger.html#more">Continue lendo »</a><div class="blogger-post-footer"><img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/2284641325081839836-5280675833399833879?l=10calco.blogspot.com' alt='' /></div> <p><a href="http://feedads.g.doubleclick.net/~a/piY62XjCtlMcgj6G9K62LogoPYo/0/da"><img src="http://feedads.g.doubleclick.net/~a/piY62XjCtlMcgj6G9K62LogoPYo/0/di" border="0" ismap="true"></img></a><br/> <a href="http://feedads.g.doubleclick.net/~a/piY62XjCtlMcgj6G9K62LogoPYo/1/da"><img src="http://feedads.g.doubleclick.net/~a/piY62XjCtlMcgj6G9K62LogoPYo/1/di" border="0" ismap="true"></img></a></p><div class="feedflare"> <a href="http://feeds.feedburner.com/~ff/10calco?a=Q7L2pkRZtog:5GCIP-JqwiU:yIl2AUoC8zA"><img src="http://feeds.feedburner.com/~ff/10calco?d=yIl2AUoC8zA" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/10calco?a=Q7L2pkRZtog:5GCIP-JqwiU:F7zBnMyn0Lo"><img src="http://feeds.feedburner.com/~ff/10calco?i=Q7L2pkRZtog:5GCIP-JqwiU:F7zBnMyn0Lo" border="0"></img></a> </div><img src="http://feeds.feedburner.com/~r/10calco/~4/Q7L2pkRZtog" height="1" width="1"/>Luiz H.http://www.blogger.com/profile/08768577072368928667noreply@blogger.com0http://10calco.blogspot.com/2010/07/como-colocar-fundo-degrade-no-blogger.htmltag:blogger.com,1999:blog-2284641325081839836.post-92184618982917358552010-05-28T10:03:00.023-03:002011-05-25T10:44:41.884-03:002011-05-25T10:44:41.884-03:00Hijackthis é um programa muito útil e prático para eliminar pragas que prejudicam o computador ou apenas fazer uma análise do sistema. Ele não é um antivírus mas sim uma ferramenta auxiliar.<br> Sua principal utilidade é a geração de logs com os processos e registros executados no computador e a capacidade de eliminar os indesejáveis, como será tratado neste tutorial.<br> <br> <a href="http://10calco.blogspot.com/2010/05/tutorial-hijackthis-como-gerar-logs-e_28.html#more">Continue lendo »</a><div class="blogger-post-footer"><img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/2284641325081839836-9218461898291735855?l=10calco.blogspot.com' alt='' /></div> <p><a href="http://feedads.g.doubleclick.net/~a/gU9J4UV9zTKZSoDVfSPXXl6jD3s/0/da"><img src="http://feedads.g.doubleclick.net/~a/gU9J4UV9zTKZSoDVfSPXXl6jD3s/0/di" border="0" ismap="true"></img></a><br/> <a href="http://feedads.g.doubleclick.net/~a/gU9J4UV9zTKZSoDVfSPXXl6jD3s/1/da"><img src="http://feedads.g.doubleclick.net/~a/gU9J4UV9zTKZSoDVfSPXXl6jD3s/1/di" border="0" ismap="true"></img></a></p><div class="feedflare"> <a href="http://feeds.feedburner.com/~ff/10calco?a=CjLEdrsiWyA:GTAeJsEZg9g:yIl2AUoC8zA"><img src="http://feeds.feedburner.com/~ff/10calco?d=yIl2AUoC8zA" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/10calco?a=CjLEdrsiWyA:GTAeJsEZg9g:F7zBnMyn0Lo"><img src="http://feeds.feedburner.com/~ff/10calco?i=CjLEdrsiWyA:GTAeJsEZg9g:F7zBnMyn0Lo" border="0"></img></a> </div><img src="http://feeds.feedburner.com/~r/10calco/~4/CjLEdrsiWyA" height="1" width="1"/>Luiz H.http://www.blogger.com/profile/08768577072368928667noreply@blogger.com0http://10calco.blogspot.com/2010/05/tutorial-hijackthis-como-gerar-logs-e_28.htmltag:blogger.com,1999:blog-2284641325081839836.post-62391154099659271282010-04-25T22:12:00.021-03:002011-03-30T19:55:44.793-03:002011-03-30T19:55:44.793-03:00Para quem gosta de ouvir música em frente ao computador e está enjoado de suas playlists ou quer ouvir algo novo a rádio Uol é uma boa pedida.<br> <br> <a href="http://10calco.blogspot.com/2010/04/radio-uol.html#more">Continue lendo »</a><div class="blogger-post-footer"><img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/2284641325081839836-6239115409965927128?l=10calco.blogspot.com' alt='' /></div> <p><a href="http://feedads.g.doubleclick.net/~a/cVVD1g4sVmXajx5AH4b1sGPLD1w/0/da"><img src="http://feedads.g.doubleclick.net/~a/cVVD1g4sVmXajx5AH4b1sGPLD1w/0/di" border="0" ismap="true"></img></a><br/> <a href="http://feedads.g.doubleclick.net/~a/cVVD1g4sVmXajx5AH4b1sGPLD1w/1/da"><img src="http://feedads.g.doubleclick.net/~a/cVVD1g4sVmXajx5AH4b1sGPLD1w/1/di" border="0" ismap="true"></img></a></p><div class="feedflare"> <a href="http://feeds.feedburner.com/~ff/10calco?a=dx651l6YILI:nTNmOd_Kfmg:yIl2AUoC8zA"><img src="http://feeds.feedburner.com/~ff/10calco?d=yIl2AUoC8zA" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/10calco?a=dx651l6YILI:nTNmOd_Kfmg:F7zBnMyn0Lo"><img src="http://feeds.feedburner.com/~ff/10calco?i=dx651l6YILI:nTNmOd_Kfmg:F7zBnMyn0Lo" border="0"></img></a> </div><img src="http://feeds.feedburner.com/~r/10calco/~4/dx651l6YILI" height="1" width="1"/>Luiz H.http://www.blogger.com/profile/08768577072368928667noreply@blogger.com0http://10calco.blogspot.com/2010/04/radio-uol.htmltag:blogger.com,1999:blog-2284641325081839836.post-53102648615179343952010-04-13T20:07:00.019-03:002011-05-25T10:44:41.885-03:002011-05-25T10:44:41.885-03:00Três sugestões de programas gratuitos para limpar e reparar seu computador, melhorando o desempenho e aumentando sua segurança.<br> <br> <a href="http://10calco.blogspot.com/2010/04/programas-para-melhorar-o-desempenho-do.html#more">Continue lendo »</a><div class="blogger-post-footer"><img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/2284641325081839836-5310264861517934395?l=10calco.blogspot.com' alt='' /></div> <p><a href="http://feedads.g.doubleclick.net/~a/9f8oWaRwpv1mvm16haQ-dvJynl8/0/da"><img src="http://feedads.g.doubleclick.net/~a/9f8oWaRwpv1mvm16haQ-dvJynl8/0/di" border="0" ismap="true"></img></a><br/> <a href="http://feedads.g.doubleclick.net/~a/9f8oWaRwpv1mvm16haQ-dvJynl8/1/da"><img src="http://feedads.g.doubleclick.net/~a/9f8oWaRwpv1mvm16haQ-dvJynl8/1/di" border="0" ismap="true"></img></a></p><div class="feedflare"> <a href="http://feeds.feedburner.com/~ff/10calco?a=37bROEZBbG4:t6Bh7a0jZJU:yIl2AUoC8zA"><img src="http://feeds.feedburner.com/~ff/10calco?d=yIl2AUoC8zA" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/10calco?a=37bROEZBbG4:t6Bh7a0jZJU:F7zBnMyn0Lo"><img src="http://feeds.feedburner.com/~ff/10calco?i=37bROEZBbG4:t6Bh7a0jZJU:F7zBnMyn0Lo" border="0"></img></a> </div><img src="http://feeds.feedburner.com/~r/10calco/~4/37bROEZBbG4" height="1" width="1"/>Luiz H.http://www.blogger.com/profile/08768577072368928667noreply@blogger.com0http://10calco.blogspot.com/2010/04/programas-para-melhorar-o-desempenho-do.htmltag:blogger.com,1999:blog-2284641325081839836.post-50582161937529439452010-04-06T20:47:00.020-03:002011-03-30T19:39:04.134-03:002011-03-30T19:39:04.134-03:00Esse é um dos primeiros códigos HTML que se aprende e um dos mais usados.<br> A tag &quot;&lt;img src=&gt;&quot; pode ser utilizada para postar apenas imagens ou para ancorar uma imagem com um link, como visto nos exemplos abaixo.<br> <br> <a href="http://10calco.blogspot.com/2010/04/como-transformar-imagens-em-links.html#more">Continue lendo »</a><div class="blogger-post-footer"><img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/2284641325081839836-5058216193752943945?l=10calco.blogspot.com' alt='' /></div> <p><a href="http://feedads.g.doubleclick.net/~a/x4fCmXow1YwGQWs08iZLD75A7zQ/0/da"><img src="http://feedads.g.doubleclick.net/~a/x4fCmXow1YwGQWs08iZLD75A7zQ/0/di" border="0" ismap="true"></img></a><br/> <a href="http://feedads.g.doubleclick.net/~a/x4fCmXow1YwGQWs08iZLD75A7zQ/1/da"><img src="http://feedads.g.doubleclick.net/~a/x4fCmXow1YwGQWs08iZLD75A7zQ/1/di" border="0" ismap="true"></img></a></p><div class="feedflare"> <a href="http://feeds.feedburner.com/~ff/10calco?a=JqUY31mwlvQ:RZXgInQLHQk:yIl2AUoC8zA"><img src="http://feeds.feedburner.com/~ff/10calco?d=yIl2AUoC8zA" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/10calco?a=JqUY31mwlvQ:RZXgInQLHQk:F7zBnMyn0Lo"><img src="http://feeds.feedburner.com/~ff/10calco?i=JqUY31mwlvQ:RZXgInQLHQk:F7zBnMyn0Lo" border="0"></img></a> </div><img src="http://feeds.feedburner.com/~r/10calco/~4/JqUY31mwlvQ" height="1" width="1"/>Luiz H.http://www.blogger.com/profile/08768577072368928667noreply@blogger.com0http://10calco.blogspot.com/2010/04/como-transformar-imagens-em-links.htmltag:blogger.com,1999:blog-2284641325081839836.post-41406028926704869812010-04-06T20:46:00.026-03:002011-03-30T19:45:06.544-03:002011-03-30T19:45:06.544-03:00Para transformarmos palavras em links colocamos a palavra a ser linkada dentro da tag &quot;&lt;a href=&gt;&lt;/a&gt;&quot; da seguinte maneira:<br> <a href="http://10calco.blogspot.com/2010/04/como-postar-palavras-e-imagens-com.html#more">Continue lendo »</a><div class="blogger-post-footer"><img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/2284641325081839836-4140602892670486981?l=10calco.blogspot.com' alt='' /></div> <p><a href="http://feedads.g.doubleclick.net/~a/QlAav8ZLSEb6hMH2MDvJ8yc9gro/0/da"><img src="http://feedads.g.doubleclick.net/~a/QlAav8ZLSEb6hMH2MDvJ8yc9gro/0/di" border="0" ismap="true"></img></a><br/> <a href="http://feedads.g.doubleclick.net/~a/QlAav8ZLSEb6hMH2MDvJ8yc9gro/1/da"><img src="http://feedads.g.doubleclick.net/~a/QlAav8ZLSEb6hMH2MDvJ8yc9gro/1/di" border="0" ismap="true"></img></a></p><div class="feedflare"> <a href="http://feeds.feedburner.com/~ff/10calco?a=vBSvmA3DfUQ:T5-SwC73jI4:yIl2AUoC8zA"><img src="http://feeds.feedburner.com/~ff/10calco?d=yIl2AUoC8zA" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/10calco?a=vBSvmA3DfUQ:T5-SwC73jI4:F7zBnMyn0Lo"><img src="http://feeds.feedburner.com/~ff/10calco?i=vBSvmA3DfUQ:T5-SwC73jI4:F7zBnMyn0Lo" border="0"></img></a> </div><img src="http://feeds.feedburner.com/~r/10calco/~4/vBSvmA3DfUQ" height="1" width="1"/>Luiz H.http://www.blogger.com/profile/08768577072368928667noreply@blogger.com0http://10calco.blogspot.com/2010/04/como-postar-palavras-e-imagens-com.htmltag:blogger.com,1999:blog-2284641325081839836.post-49268609455520586312010-04-02T01:01:00.016-03:002011-04-01T15:22:30.862-03:002011-04-01T15:22:30.862-03:00Uma ótima opção para quem quer editar ou criar imagens sem baixar nenhum programa é o <b>Sumopaint</b>. Ele é um editor de imagens online, gratuito e o cadastro no site é opcional, tudo que você precisa é acesso a internet.<br> <br> <a href="http://10calco.blogspot.com/2010/04/editor-de-imagens-online.html#more">Continue lendo »</a><div class="blogger-post-footer"><img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/2284641325081839836-4926860945552058631?l=10calco.blogspot.com' alt='' /></div> <p><a href="http://feedads.g.doubleclick.net/~a/JwjXAAVMYvmQkvNhi9LjSClzTxM/0/da"><img src="http://feedads.g.doubleclick.net/~a/JwjXAAVMYvmQkvNhi9LjSClzTxM/0/di" border="0" ismap="true"></img></a><br/> <a href="http://feedads.g.doubleclick.net/~a/JwjXAAVMYvmQkvNhi9LjSClzTxM/1/da"><img src="http://feedads.g.doubleclick.net/~a/JwjXAAVMYvmQkvNhi9LjSClzTxM/1/di" border="0" ismap="true"></img></a></p><div class="feedflare"> <a href="http://feeds.feedburner.com/~ff/10calco?a=zeuQGQFVGv4:5CIAaFlZkfs:yIl2AUoC8zA"><img src="http://feeds.feedburner.com/~ff/10calco?d=yIl2AUoC8zA" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/10calco?a=zeuQGQFVGv4:5CIAaFlZkfs:F7zBnMyn0Lo"><img src="http://feeds.feedburner.com/~ff/10calco?i=zeuQGQFVGv4:5CIAaFlZkfs:F7zBnMyn0Lo" border="0"></img></a> </div><img src="http://feeds.feedburner.com/~r/10calco/~4/zeuQGQFVGv4" height="1" width="1"/>Luiz H.http://www.blogger.com/profile/08768577072368928667noreply@blogger.com0http://10calco.blogspot.com/2010/04/editor-de-imagens-online.html