<?xml version='1.0' encoding='UTF-8'?><?xml-stylesheet href="http://www.blogger.com/styles/atom.css" type="text/css"?><feed xmlns='http://www.w3.org/2005/Atom' xmlns:openSearch='http://a9.com/-/spec/opensearchrss/1.0/' xmlns:georss='http://www.georss.org/georss' xmlns:gd='http://schemas.google.com/g/2005' xmlns:thr='http://purl.org/syndication/thread/1.0'><id>tag:blogger.com,1999:blog-8569582018007157823</id><updated>2012-02-05T15:00:30.227-08:00</updated><category term='tags'/><category term='css'/><category term='DNS'/><category term='Dreamweaver'/><category term='CSS3'/><category term='php'/><category term='html'/><title type='text'>Dicas de Webdesign</title><subtitle type='html'>XHTML/CSS, Tableless e muito mais sobre Padrões Web</subtitle><link rel='http://schemas.google.com/g/2005#feed' type='application/atom+xml' href='http://dicasdewebdesign.blogspot.com/feeds/posts/default'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/8569582018007157823/posts/default?max-results=100'/><link rel='alternate' type='text/html' href='http://dicasdewebdesign.blogspot.com/'/><link rel='hub' href='http://pubsubhubbub.appspot.com/'/><author><name>Le Grave</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='http://img2.blogblog.com/img/b16-rounded.gif'/></author><generator version='7.00' uri='http://www.blogger.com'>Blogger</generator><openSearch:totalResults>3</openSearch:totalResults><openSearch:startIndex>1</openSearch:startIndex><openSearch:itemsPerPage>100</openSearch:itemsPerPage><entry><id>tag:blogger.com,1999:blog-8569582018007157823.post-4686827831608301280</id><published>2009-08-06T06:38:00.000-07:00</published><updated>2009-08-06T09:12:48.191-07:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='DNS'/><title type='text'>Redirecionamento grátis de domínio</title><content type='html'>Ao criar um site a primeira coisa que vemos é a &lt;a href="http://registro.br/index.html"&gt;disponibilidade&lt;/a&gt; do endereço na web. Mas além do nome propriamente dito é bom prever alguns outros domínios que seu usuário pode digitar para achar seu site, até mesmo por erro de digitação.&lt;br /&gt;&lt;br /&gt;Por exemplo, o site orkut.com poderia registrar também o domínio rokut.com, assim iria garantir que por um descuido de digitação seu usuário não pare numa página falsa.&lt;br /&gt;&lt;br /&gt;Mas também é um boa prática registrar domínios adicionais afim de garantir endereços com o mesmo sentido. Por exemplo, uma funeraria com o nome Bom Amigo, o dominio bomamigo.com.br poderia trabalhar junto com o nome completo funerariabomamigo.com.br.&lt;br /&gt;&lt;br /&gt;Contudo, registrar dominios a mais custam mais dinheiro(R$30,00 anuais) e necessitam de um plano de hospegam, nem que você pague menos por ser apenas redirecionamento, mas paga. Ou pagava, até agora.&lt;br /&gt;&lt;br /&gt;O site &lt;a href="http://www.zoneedit.com"&gt;Zoneedit&lt;/a&gt; oferece até 5 redirecionamentos grátis para seu domínio. Eu uso e recomendo.&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/8569582018007157823-4686827831608301280?l=dicasdewebdesign.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://dicasdewebdesign.blogspot.com/feeds/4686827831608301280/comments/default' title='Postar comentários'/><link rel='replies' type='text/html' href='http://dicasdewebdesign.blogspot.com/2009/08/redirecionamento-gratis-de-dominio.html#comment-form' title='0 Comentários'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/8569582018007157823/posts/default/4686827831608301280'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/8569582018007157823/posts/default/4686827831608301280'/><link rel='alternate' type='text/html' href='http://dicasdewebdesign.blogspot.com/2009/08/redirecionamento-gratis-de-dominio.html' title='Redirecionamento grátis de domínio'/><author><name>Le Grave</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='http://img2.blogblog.com/img/b16-rounded.gif'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-8569582018007157823.post-3978935520634155604</id><published>2009-08-05T11:37:00.000-07:00</published><updated>2009-08-05T12:00:17.375-07:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='CSS3'/><title type='text'>Personalizando links externos</title><content type='html'>Uma boa conduta de usabilidade é avisar ao usuário que ele está prestes a sair do site atual. Uma forma de fazer isso seria criando uma classe &lt;span style="color: rgb(255, 102, 0);"&gt;.externo&lt;/span&gt; e aplicando a todos os links do seu site que apontam para sites externos. Mas graças ao CSS existe um modo mais eficaz que vai te aliviar um bocado de trabalho.&lt;br /&gt;&lt;br /&gt;&lt;span style="font-weight: bold;font-size:130%;" &gt;Seletor de Atributo&lt;/span&gt;&lt;br /&gt;No CSS3 existem os seletores de atributo. Muitos navegadores como Firefox e Safari já suportam os seletores.&lt;br /&gt;&lt;br /&gt;Para realizar esta técnica vamos utilizar:&lt;br /&gt;&lt;br /&gt;&lt;span style="color: rgb(255, 0, 0);"&gt;a[href^="http:"] &lt;/span&gt;{&lt;br /&gt;&lt;span style="color: rgb(0, 153, 0);"&gt;background:&lt;/span&gt; &lt;span style="color: rgb(204, 102, 204);"&gt;url(imagens/link-externo.gif) no-repeat right top;&lt;/span&gt;&lt;br /&gt;&lt;span style="color: rgb(0, 153, 0);"&gt;padding-right:&lt;/span&gt;&lt;span style="color: rgb(204, 102, 204);"&gt;10px;&lt;/span&gt;&lt;br /&gt;}&lt;br /&gt;&lt;br /&gt;Isso deve destacar todos os links externos com o background acima. Ele trabalha buscando todos os endereços que começam com "http:" e aplicando o estilo. A imagem que aplicamos a direita dos links externos é um ícone de navegação externa(veja no próximo link essa técnica). Observe que você deve obedecer o conceito de &lt;a href="http://www.mestreseo.com.br/forum/viewtopic.php?f=6&amp;amp;t=80"&gt;URL's absolutas e URL's relativas&lt;/a&gt; em links internos.&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/8569582018007157823-3978935520634155604?l=dicasdewebdesign.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://dicasdewebdesign.blogspot.com/feeds/3978935520634155604/comments/default' title='Postar comentários'/><link rel='replies' type='text/html' href='http://dicasdewebdesign.blogspot.com/2009/08/pernalizando-links-externos.html#comment-form' title='0 Comentários'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/8569582018007157823/posts/default/3978935520634155604'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/8569582018007157823/posts/default/3978935520634155604'/><link rel='alternate' type='text/html' href='http://dicasdewebdesign.blogspot.com/2009/08/pernalizando-links-externos.html' title='Personalizando links externos'/><author><name>Le Grave</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='http://img2.blogblog.com/img/b16-rounded.gif'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-8569582018007157823.post-59522119526893705</id><published>2009-08-05T07:32:00.001-07:00</published><updated>2009-08-05T11:27:02.627-07:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='tags'/><category scheme='http://www.blogger.com/atom/ns#' term='php'/><category scheme='http://www.blogger.com/atom/ns#' term='html'/><category scheme='http://www.blogger.com/atom/ns#' term='Dreamweaver'/><category scheme='http://www.blogger.com/atom/ns#' term='css'/><title type='text'>Esquema de cores para o Dreamweaver CS4</title><content type='html'>Quando se passa muito tempo no computador é recomendável abaixo o nível de iluminação do monitor. Uma maneira bastante útel de fazer isso trabalhando com o Dreamweaver é modificando o esquemas de cores dos código e tags (HTML, CSS, PHP...).&lt;br /&gt;Veja abaixo um &lt;a href="http://www.sramekdesign.com/dreamweaver/dark-coding-colorization-for-dreamweaver/"&gt;modelo criado&lt;/a&gt; com o fundo escuro e as tags destacadas com cores vivas. Eu pessoalmente preciso trabalhar nestas configurações.&lt;br /&gt;&lt;br /&gt;&lt;a class="limpo" onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://www.sramekdesign.com/wp-content/uploads/2009/07/tom-dark-dw-theme.jpg"&gt;&lt;img style="margin: 0pt 10px 10px 0pt; cursor: pointer; width: 354px; height: 436px;" src="http://www.sramekdesign.com/wp-content/uploads/2009/07/tom-dark-dw-theme.jpg" alt="" border="0" /&gt;&lt;/a&gt;&lt;br /&gt;Veja a página do &lt;a class="downloadlink" href="http://www.sramekdesign.com/dreamweaver/dark-coding-colorization-for-dreamweaver/" title="Version 0.9.1 downloaded 645 times"&gt;Tom's dark DW&lt;/a&gt;&lt;span class="downloadlink"&gt;, &lt;/span&gt;criador deste esquemas de cores e faça o download gratuito do arquivo.&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/8569582018007157823-59522119526893705?l=dicasdewebdesign.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://dicasdewebdesign.blogspot.com/feeds/59522119526893705/comments/default' title='Postar comentários'/><link rel='replies' type='text/html' href='http://dicasdewebdesign.blogspot.com/2009/08/esquema-de-cores-para-o-dreamweaver-cs4.html#comment-form' title='0 Comentários'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/8569582018007157823/posts/default/59522119526893705'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/8569582018007157823/posts/default/59522119526893705'/><link rel='alternate' type='text/html' href='http://dicasdewebdesign.blogspot.com/2009/08/esquema-de-cores-para-o-dreamweaver-cs4.html' title='Esquema de cores para o Dreamweaver CS4'/><author><name>Le Grave</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='http://img2.blogblog.com/img/b16-rounded.gif'/></author><thr:total>0</thr:total></entry></feed>
