tag:blogger.com,1999:blog-39406821630946547712024-03-13T17:57:26.536-07:00Animes design gamesArchTeohttp://www.blogger.com/profile/15817730698291669568noreply@blogger.comBlogger29125tag:blogger.com,1999:blog-3940682163094654771.post-41127394852783809662020-07-04T11:29:00.001-07:002020-07-04T11:29:53.508-07:00<i><u>hjkhjkhjku</u></i>luan santoshttp://www.blogger.com/profile/09722275966784702114noreply@blogger.com0tag:blogger.com,1999:blog-3940682163094654771.post-28185988844266051092012-02-20T09:58:00.000-08:002012-02-20T09:58:37.321-08:00<div dir="ltr" style="text-align: left;" trbidi="on"><iframe width='500' height='375' src='http://embed.videolog.tv/v/index.php?id_video=743709&width=500&height=375' scrolling='no' frameborder='0' allowfullscreen></iframe></div>ArchTeohttp://www.blogger.com/profile/15817730698291669568noreply@blogger.com0tag:blogger.com,1999:blog-3940682163094654771.post-46618596500619425242012-01-25T08:05:00.000-08:002012-01-25T08:16:01.566-08:00Styles p/ photoshop<div dir="ltr" style="text-align: left;" trbidi="on"><div style="text-align: center;">Hoje to postando algumas styles espero que gostem e comenten</div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjdgGQptcnYICnA9411WRbDe1BsH-nAgzKqe5qFLFkZuT0ARFFljug_-J-8JXOWDOzg2PLHEWH9ceEOoHwkeJ_9cTq6y4ekay7pIqGdAmxRNYPWtTkWf_pOOcMaasQPC68XzzoUiLykqLJW/s1600/styles-gradientes.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="256" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjdgGQptcnYICnA9411WRbDe1BsH-nAgzKqe5qFLFkZuT0ARFFljug_-J-8JXOWDOzg2PLHEWH9ceEOoHwkeJ_9cTq6y4ekay7pIqGdAmxRNYPWtTkWf_pOOcMaasQPC68XzzoUiLykqLJW/s320/styles-gradientes.png" width="320" /></a></div><div style="text-align: center;">link <a href="http://www.mediafire.com/?704eyrly4h7s6qf" target="_blank">aqui</a><br />
ou no 4Shared <a href="http://www.4shared.com/rar/fvK7AtxM/styles.html" target="_blank">AQUI</a> </div></div>ArchTeohttp://www.blogger.com/profile/15817730698291669568noreply@blogger.com0tag:blogger.com,1999:blog-3940682163094654771.post-86068670600781179262011-12-12T07:38:00.001-08:002011-12-12T07:38:07.442-08:00informações do usuariopara ter essa informações do usuario tipo: nick,ip,quantas vezes visitou copie o codigo abaixo e cole em algum gadget<br />
<br />
<textarea><center><br />
<br />
<script language = "JavaScript">
var expDays = 30;
var exp = new Date();
exp.setTime(exp.getTime() + (expDays*24*60*60*1000));
function Who(info){
var VisitorName = GetCookie('VisitorName')
if (VisitorName == null) {
VisitorName = prompt("Qual é seu nome");
SetCookie ('VisitorName', VisitorName, exp);
}
return VisitorName;
}
function When(info){
var rightNow = new Date()
var WWHTime = 0;
WWHTime = GetCookie('WWhenH')
WWHTime = WWHTime * 1
var lastHereFormatting = new Date(WWHTime); var intLastVisit = (lastHereFormatting.getYear() * 10000)+(lastHereFormatting.getMonth() * 100) + lastHereFormatting.getDate()
var lastHereInDateFormat = "" + lastHereFormatting;
var dayOfWeek = lastHereInDateFormat.substring(0,3)
var dateMonth = lastHereInDateFormat.substring(4,11)
var timeOfDay = lastHereInDateFormat.substring(11,16)
var year = lastHereInDateFormat.substring(23,25)
var WWHText = dayOfWeek + ", " + dateMonth + " at " + timeOfDay
SetCookie ("WWhenH", rightNow.getTime(), exp)
return WWHText;
}
function Count(info){
var WWHCount = GetCookie('WWHCount')
if (WWHCount == null) {
WWHCount = 0;
}
else{
WWHCount++;
}
SetCookie ('WWHCount', WWHCount, exp);
return WWHCount;
}
function set(){
VisitorName = prompt("Olá seja bem vindo qual o seu nome?");
SetCookie ('VisitorName', VisitorName, exp);
SetCookie ('WWHCount', 0, exp);
SetCookie ('WWhenH', 0, exp);
}
function getCookieVal (offset) {
var endstr = document.cookie.indexOf (";", offset);
if (endstr == -1)
endstr = document.cookie.length;
return unescape(document.cookie.substring(offset, endstr));
}
function GetCookie (name) {
var arg = name + "=";
var alen = arg.length;
var clen = document.cookie.length;
var i = 0;
while (i < clen) {
var j = i + alen;
if (document.cookie.substring(i, j) == arg)
return getCookieVal (j);
i = document.cookie.indexOf(" ", i) + 1;
if (i == 0) break;
}
return null;
}
function SetCookie (name, value) {
var argv = SetCookie.arguments;
var argc = SetCookie.arguments.length;
var expires = (argc > 2) ? argv[2] : null;
var path = (argc > 3) ? argv[3] : null;
var domain = (argc > 4) ? argv[4] : null;
var secure = (argc > 5) ? argv[5] : false;
document.cookie = name + "=" + escape (value) +
((expires == null) ? "" : ("; expires=" + expires.toGMTString())) +
((path == null) ? "" : ("; path=" + path)) +
((domain == null) ? "" : ("; domain=" + domain)) +
((secure == true) ? "; secure" : "");
}
function DeleteCookie (name) {
var exp = new Date();
exp.setTime (exp.getTime() - 1);
var cval = GetCookie (name);
document.cookie = name + "=" + cval + "; expires=" + exp.toGMTString();
}
</script> <br />
<script>
document.write(" Olá <b>" + Who() + "</b>. Esta é a <b>" + Count() + "º</b> vez que visita o blog.")
</script><br />
</textarea></center>ArchTeohttp://www.blogger.com/profile/15817730698291669568noreply@blogger.com0tag:blogger.com,1999:blog-3940682163094654771.post-36713610979877906102011-12-12T07:30:00.001-08:002011-12-12T07:31:12.595-08:00termos de uso no blogse vc quiser ter um termo de uso no blog observe aki<br />
<textarea><center><textarea rows="10" cols="17" style="background-color: rgb(255, 255, 255); color: rgb(0, 0, 0);" wrap="soft">- Todos os links e arquivos que se encontram no blog, estão hospedados na própria Internet, somente indicamos onde se encontra.<br />
<br />
- Qualquer arquivo protegido por algum tipo de lei deve permanecer, no máximo, 24 horas em seu computador. <br />
<br />
- Eles podem ser baixados apenas para teste, devendo o usuário apagá-lo ou compra-lo após 24 horas.<br />
<br />
- A aquisição desses arquivos pela internet é de única e exclusiva responsabilidade do usuário.<br />
<br />
- Os donos, webmasters e qualquer outra pessoa que tenha relacionamento com a produção do blog não tem responsabilidade alguma sobre os arquivos que o usuário venha a baixar e para que ira utiliza-los.<br />
</textarea><center> <br />
<center> <br />
<input onclick="alert('Obrigado por aceitar os Termos.')" name="message" type="radio" /> Eu aceito <input onclick="alert('Se não aceita os termos de uso retire-se do blog.')" name="message" type="radio" /> Não aceito </center></center> <br />
<br />
</center> </textarea>ArchTeohttp://www.blogger.com/profile/15817730698291669568noreply@blogger.com0tag:blogger.com,1999:blog-3940682163094654771.post-33009085334640496912011-12-12T07:21:00.001-08:002011-12-12T07:21:38.644-08:00contador de postagens e comentarios<textarea><script type="text/javascript"> function showpostcount(json) { document.write(parseInt(json.feed.openSearch$totalResults.$t,10)); }</script><div style="width:108px; height:43px;margin-bottom:5px; position:relative;font:12px
Arial,Verdana, Helvetica, sans-serif;"><span style="position: absolute; top: 4px; right: 15px;"><script src="/feeds/posts/default?alt=json-in-script&callback=showpostcount"></script></span><span style="position: absolute; bottom: 4px; right: 15px;"><script src="/feeds/comments/default?alt=json-in-script&callback=showpostcount"></script></span><img src="https://dl.dropbox.com/u/6009047/count.png" /></div></textarea><br />
para adicionalo adicione um gadget e cole o codigo e terá um contador de postagens e comentariosArchTeohttp://www.blogger.com/profile/15817730698291669568noreply@blogger.com0tag:blogger.com,1999:blog-3940682163094654771.post-77146647724552074282011-12-12T07:17:00.000-08:002011-12-12T07:22:45.551-08:00como bloquear o botao direito do mousepara imperdir alguem de roubar uma imagem do seu blog ou outra coisa veja<br />
<br />
CTRL+ F e procure por ]]></b:skin><br />
<br />
Depois cole abaixo este código<br />
<br />
<textarea><script>
function click() {
if (event.button==2||event.button==3) {
oncontextmenu='return false';
}
}
document.onmousedown=click
document.oncontextmenu = new Function("return false;")
</script> </textarea><br />
<br />
creditos: animes design gamesArchTeohttp://www.blogger.com/profile/15817730698291669568noreply@blogger.com0tag:blogger.com,1999:blog-3940682163094654771.post-14991786913988407932011-12-12T06:57:00.000-08:002011-12-12T06:58:14.491-08:00bloquear seleção de texto no blog<textarea rols=10>Colar antes de </head><br />
<br />
<br />
<script language='JavaScript'>
//Bloqueador de Selecao -Animes Design GAmes http://Adesigng.blogspot.com/
function bloquear(e){return false}
function desbloquear(){return true}
document.onselectstart=new Function ("return false")
if (window.sidebar){document.onmousedown=bloquear
document.onclick=desbloquear}
</script> </textarea>ArchTeohttp://www.blogger.com/profile/15817730698291669568noreply@blogger.com0tag:blogger.com,1999:blog-3940682163094654771.post-71627480344746157762011-12-12T02:29:00.001-08:002011-12-12T02:29:48.334-08:00gifs engraçadas<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhUf1edLFdI92kKTRtbAZeRABcCRZjVU89Uo92YvFkeFDn6G0BBVe3y_zBGWPiT6hbSVCUheQCiVhOJg6PfPueTi2Ib308oLTb-2dDpsdy14OgiJeLef-ft6KhuGKqnQVhCGhjPYNDKQyM5/s1600/th_thpandabill-1.gif" imageanchor="1" style="margin-left:1em; margin-right:1em"><img border="0" height="146" width="160" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhUf1edLFdI92kKTRtbAZeRABcCRZjVU89Uo92YvFkeFDn6G0BBVe3y_zBGWPiT6hbSVCUheQCiVhOJg6PfPueTi2Ib308oLTb-2dDpsdy14OgiJeLef-ft6KhuGKqnQVhCGhjPYNDKQyM5/s320/th_thpandabill-1.gif" /></a></div><br />
panda se assusta com a conta depois de jantarArchTeohttp://www.blogger.com/profile/15817730698291669568noreply@blogger.com0tag:blogger.com,1999:blog-3940682163094654771.post-53369216862224275102011-12-05T03:25:00.000-08:002011-12-05T03:30:03.549-08:00template bleach freeeae galera vou deixar aki o template do bleach versao white(branca) e blue(azul)<br />
veja os templates<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh73AP-sT2pf7MyqVUWl1OK0V_Lx-aWOl0xbG8UZNxJuUe3L8bajh3xeFMc1GRTPM5HLowP6KD4lnbzKi1wYiilzP-1BpLzyxgVPQgm2oEquvFZbtv14-pAerUVI6fMISoasQq9q8JAht4E/s1600/bleach+white+adg.jpg" imageanchor="1" style="margin-left:1em; margin-right:1em"><img border="0" height="256" width="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh73AP-sT2pf7MyqVUWl1OK0V_Lx-aWOl0xbG8UZNxJuUe3L8bajh3xeFMc1GRTPM5HLowP6KD4lnbzKi1wYiilzP-1BpLzyxgVPQgm2oEquvFZbtv14-pAerUVI6fMISoasQq9q8JAht4E/s320/bleach+white+adg.jpg" /></a></div>e <div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhOtpsQ26EdWl_rtjUZILzt6isqI3kSIEDgNuJj0zdi0SLc_YvZfP3uXiPsAYAZqZJaWmZWdC4cm4apdW-9edA2uQ-k_16ejkglOgIQVTQhoJLuLR_VwDbvXqZGxXDDMUKZT7VA4t61GIVl/s1600/bleach+blue+adg.jpg" imageanchor="1" style="margin-left:1em; margin-right:1em"><img border="0" height="256" width="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhOtpsQ26EdWl_rtjUZILzt6isqI3kSIEDgNuJj0zdi0SLc_YvZfP3uXiPsAYAZqZJaWmZWdC4cm4apdW-9edA2uQ-k_16ejkglOgIQVTQhoJLuLR_VwDbvXqZGxXDDMUKZT7VA4t61GIVl/s320/bleach+blue+adg.jpg" /></a></div><br />
vem com psd e minima para vc fazelo link <a href="http://www.mediafire.com/?8booi8x7bbbekoo" target=_blank>aqui</a>ArchTeohttp://www.blogger.com/profile/15817730698291669568noreply@blogger.com0tag:blogger.com,1999:blog-3940682163094654771.post-44334458254912434332011-12-05T02:42:00.000-08:002011-12-05T03:27:18.095-08:00Template naruto Freeeae galera hoje vou deixar um template pra vcs do naruto com psd para editar e mais o minima para vc ter o prazer de criar do seu proprio gosto veja o template<br />
<img src='http://img248.imageshack.us/img248/5628/templatenaruto.jpg' height= 200px widht=200px><br />
<br />
baixe ele clicando <a href="http://www.mediafire.com/?shr1v6oa4oo58w5" target=_blank> aqui </a>ArchTeohttp://www.blogger.com/profile/15817730698291669568noreply@blogger.com0tag:blogger.com,1999:blog-3940682163094654771.post-66031262137209662092011-12-03T09:35:00.001-08:002011-12-03T09:35:01.634-08:00membros recruteae galera tamo prescisando de membros no blog quem quiser participar do blog deixe um comentario vlwsArchTeohttp://www.blogger.com/profile/15817730698291669568noreply@blogger.com0tag:blogger.com,1999:blog-3940682163094654771.post-74427181914857046032011-11-24T02:54:00.000-08:002011-11-28T04:34:56.695-08:00mensagem ao entrar no blog<div dir="ltr" style="text-align: left;" trbidi="on"><span class="Apple-style-span" style="font-family: "Trebuchet MS",sans-serif;">Eaw galera,</span><br />
<span class="Apple-style-span" style="font-family: "Trebuchet MS",sans-serif;">Este tutorial é muito simples.</span><br />
<span class="Apple-style-span" style="font-family: "Trebuchet MS",sans-serif;">Procure pela linha</span><span class="Apple-style-span" style="font-family: "Trebuchet MS",sans-serif;"><br />
</span><br />
<span class="Apple-style-span" style="font-family: "Trebuchet MS",sans-serif;"><br />
</span><br />
<pre class="brush: xml" style="background-attachment: scroll; background-color: transparent; background-image: url("http://img707.imageshack.us/img707/1106/htmlanimesdesigngames.jpg"); background-position: 0% 0%; margin-left: 2px; margin-right: 9px; padding-top: 35px;"><code style="background-color: transparent; background-image: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg5OgQJIg8bD5STIjIlpB3Vk8D3F5Nm6ieldTLaVyb078M2x7yVlv0GGDWaU_TKgtYW504dP5xpM7Es8WETB82avDKTxCE-YuW-SSegJYYR1EVY3046SEb_AdpK3Neat4eeVL3reW1OF78/s1600/bgcode.png"); border-color: rgb(200, 200, 199); border-style: solid; border-width: 1px 1px 1px 0px; display: block; font-size: 12px; margin-left: -5px; max-height: 350px; min-height: 43px; overflow: auto; padding: 5px 20px 5px 0px; text-align: left; white-space: pre;"><span class="Apple-style-span" style="color: orange;"></body></span></code><div></div></pre><br />
<span class="Apple-style-span" style="font-family: "Trebuchet MS",sans-serif;">Cole o seguinte código acima de </body>.</span><br />
<span class="Apple-style-span" style="font-family: "Trebuchet MS",sans-serif;"><br />
</span><br />
<pre class="brush: xml" style="background-attachment: scroll; background-color: transparent; background-image: url("http://img707.imageshack.us/img707/1106/htmlanimesdesigngames.jpg"); background-position: 0% 0%; margin-left: 2px; margin-right: 9px; padding-top: 35px;"><code style="background-color: transparent; background-image: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg5OgQJIg8bD5STIjIlpB3Vk8D3F5Nm6ieldTLaVyb078M2x7yVlv0GGDWaU_TKgtYW504dP5xpM7Es8WETB82avDKTxCE-YuW-SSegJYYR1EVY3046SEb_AdpK3Neat4eeVL3reW1OF78/s1600/bgcode.png"); border-color: rgb(200, 200, 199); border-style: solid; border-width: 1px 1px 1px 0px; display: block; font-size: 12px; margin-left: -5px; max-height: 350px; min-height: 43px; overflow: auto; padding: 5px 20px 5px 0px; text-align: left; white-space: pre;"><span class="Apple-style-span" style="color: orange;"><script>alert('</span>TEXTO<span class="Apple-style-span" style="color: orange;">');</script></span></code><div></div></pre><br />
<span class="Apple-style-span" style="font-family: "Trebuchet MS",sans-serif;">Aonde está escrito TEXTO digite o que você quer que apareça como mensagem.</span> </div>ArchTeohttp://www.blogger.com/profile/15817730698291669568noreply@blogger.com0tag:blogger.com,1999:blog-3940682163094654771.post-80875334760896018912011-11-24T02:49:00.000-08:002011-11-28T04:36:49.746-08:00paginas numeradas<div dir="ltr" style="text-align: left;" trbidi="on"><span class="Apple-style-span" style="font-family: "Trebuchet MS", sans-serif;">Eaw galera,</span><br />
<span class="Apple-style-span" style="font-family: "Trebuchet MS", sans-serif;">Nesse tutorial vou ensinar a colocar páginas numeradas na página principal do blog.</span><br />
<span class="Apple-style-span" style="font-family: "Trebuchet MS", sans-serif;">Vá em <span class="Apple-style-span" style="color: orange;">"Design - Editar HML" </span>e procure pela linha</span><br />
<span class="Apple-style-span" style="font-family: "Trebuchet MS", sans-serif;"><br />
</span><br />
<pre class="brush: xml" style="background-attachment: scroll; background-clip: initial; background-color: transparent; background-image: url(http://img690.imageshack.us/img690/7774/csscx.jpg); background-origin: initial; background-position: 0% 0%; margin-left: 2px; margin-right: 9px; padding-top: 35px;"><code style="background-clip: initial; background-color: transparent; background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg5OgQJIg8bD5STIjIlpB3Vk8D3F5Nm6ieldTLaVyb078M2x7yVlv0GGDWaU_TKgtYW504dP5xpM7Es8WETB82avDKTxCE-YuW-SSegJYYR1EVY3046SEb_AdpK3Neat4eeVL3reW1OF78/s1600/bgcode.png); background-origin: initial; border-bottom: rgb(200,200,199) 1px solid; border-left: rgb(200,200,199) 0px solid; border-right: rgb(200,200,199) 1px solid; border-top: rgb(200,200,199) 1px solid; display: block; font-size: 12px; margin-left: -5px; max-height: 350px; min-height: 43px; overflow-x: auto; overflow-y: auto; padding-bottom: 5px; padding-left: 0px; padding-right: 20px; padding-top: 5px; text-align: left; white-space: pre; zoom: 1;"><span class="Apple-style-span" style="color: orange;">]]></b:skin></span></code><div></div></pre><br />
<span class="Apple-style-span" style="font-family: "Trebuchet MS", sans-serif;">Acima dela adicione o seguinte código:</span><br />
<span class="Apple-style-span" style="font-family: "Trebuchet MS", sans-serif;"><br />
</span><br />
<pre class="brush: xml" style="background-attachment: scroll; background-clip: initial; background-color: transparent; background-image: url(http://img690.imageshack.us/img690/7774/csscx.jpg); background-origin: initial; background-position: 0% 0%; margin-left: 2px; margin-right: 9px; padding-top: 35px;"><code style="background-clip: initial; background-color: transparent; background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg5OgQJIg8bD5STIjIlpB3Vk8D3F5Nm6ieldTLaVyb078M2x7yVlv0GGDWaU_TKgtYW504dP5xpM7Es8WETB82avDKTxCE-YuW-SSegJYYR1EVY3046SEb_AdpK3Neat4eeVL3reW1OF78/s1600/bgcode.png); background-origin: initial; border-bottom: rgb(200,200,199) 1px solid; border-left: rgb(200,200,199) 0px solid; border-right: rgb(200,200,199) 1px solid; border-top: rgb(200,200,199) 1px solid; display: block; font-size: 12px; margin-left: -5px; max-height: 350px; min-height: 43px; overflow-x: auto; overflow-y: auto; padding-bottom: 5px; padding-left: 0px; padding-right: 20px; padding-top: 5px; text-align: left; white-space: pre; zoom: 1;"><span class="Apple-style-span" style="color: orange;">/* Page Navigation
----------------------------------------------- */
#blog-pager {
float: center;
}
.showpageArea {
margin: 10px 0;
}
.showpageArea a {
text-decoration: none;
}
.showpageNum a {
font-size:10px;
padding: 4px 8px 4px 8px;
margin: 2px;
text-decoration: none;
border: 1px solid #282828;
color: #000;
background-color: #ffffff;
}
.showpageNum a:hover {
border: 1px solid #333;
color: #000;
background-color: #cccccc;
}
.showpagePoint {
font-size:10px;
padding:4px 8px 4px 8px;
margin:0 5px 0 5px;
font-weight: bold;
border:1px solid #282828;
color:#000;
background-color: #cccccc;
text-decoration: none;
}
.showpageOf {
font-size:10px;
padding: 4px 8px 4px 8px;
margin: 5px;
color: #ffffff !important;
border: 1px solid #282828;
background-color: #838383;
}
.showpage a {
font-size:10px;
text-decoration:none;
border: 1px solid #282828;
padding: 4px 8px 4px 8px;
}
.showpage a:hover {
text-decoration:none;
border: 1px solid #282828;
}
.showpageNum a:link,.showpage a:link {
text-decoration:none;
color:#838383;
}</span></code><div></div></pre><br />
<span class="Apple-style-span" style="font-family: "Trebuchet MS", sans-serif;">Depois disso procure pela linha</span><br />
<span class="Apple-style-span" style="font-family: "Trebuchet MS", sans-serif;"><br />
</span><br />
<pre class="brush: xml" style="background-attachment: scroll; background-clip: initial; background-color: transparent; background-image: url(http://img707.imageshack.us/img707/1106/htmlanimesdesigngames.jpg); background-origin: initial; background-position: 0% 0%; margin-left: 2px; margin-right: 9px; padding-top: 35px;"><code style="background-clip: initial; background-color: transparent; background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg5OgQJIg8bD5STIjIlpB3Vk8D3F5Nm6ieldTLaVyb078M2x7yVlv0GGDWaU_TKgtYW504dP5xpM7Es8WETB82avDKTxCE-YuW-SSegJYYR1EVY3046SEb_AdpK3Neat4eeVL3reW1OF78/s1600/bgcode.png); background-origin: initial; border-bottom: rgb(200,200,199) 1px solid; border-left: rgb(200,200,199) 0px solid; border-right: rgb(200,200,199) 1px solid; border-top: rgb(200,200,199) 1px solid; display: block; font-size: 12px; margin-left: -5px; max-height: 350px; min-height: 43px; overflow-x: auto; overflow-y: auto; padding-bottom: 5px; padding-left: 0px; padding-right: 20px; padding-top: 5px; text-align: left; white-space: pre; zoom: 1;"><span class="Apple-style-span" style="color: orange;"></body></span></code><div></div></pre><br />
<span class="Apple-style-span" style="font-family: "Trebuchet MS", sans-serif;">E, acima dela, adicione este código:</span><br />
<span class="Apple-style-span" style="font-family: "Trebuchet MS", sans-serif;"><br />
</span><br />
<pre class="brush: xml" style="background-attachment: scroll; background-clip: initial; background-color: transparent; background-image: url(http://img707.imageshack.us/img707/1106/htmlanimesdesigngames.jpg); background-origin: initial; background-position: 0% 0%; margin-left: 2px; margin-right: 9px; padding-top: 35px;"><code style="background-clip: initial; background-color: transparent; background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg5OgQJIg8bD5STIjIlpB3Vk8D3F5Nm6ieldTLaVyb078M2x7yVlv0GGDWaU_TKgtYW504dP5xpM7Es8WETB82avDKTxCE-YuW-SSegJYYR1EVY3046SEb_AdpK3Neat4eeVL3reW1OF78/s1600/bgcode.png); background-origin: initial; border-bottom: rgb(200,200,199) 1px solid; border-left: rgb(200,200,199) 0px solid; border-right: rgb(200,200,199) 1px solid; border-top: rgb(200,200,199) 1px solid; display: block; font-size: 12px; margin-left: -5px; max-height: 350px; min-height: 43px; overflow-x: auto; overflow-y: auto; padding-bottom: 5px; padding-left: 0px; padding-right: 20px; padding-top: 5px; text-align: left; white-space: pre; zoom: 1;"><span class="Apple-style-span" style="color: orange;"><!--Page Navigation Starts-->
<script align='center' type='text/javascript'>
var pageCount=3;
var displayPageNum=15;
var upPageWord =&#39;Voltar&#39;;
var downPageWord =&#39;Próximo&#39;;
</script>
<script src='http://blogergadgets.googlecode.com/files/blogger-page-navi.v2.js' type='text/javascript'/>
<!--Page Navigation Ends--></span></code><div></div></pre><br />
<span class="Apple-style-span" style="font-family: "Trebuchet MS", sans-serif;"></span><br />
<span class="Apple-style-span" style="font-family: "Trebuchet MS", sans-serif;"><b>var pageCount=3;</b> é quantidade de página por numero , exemplo: Na pagina 1 vai ter 3 paginas , quando adicionar a quarta pagina aparece a página 2 e assim sucessivamente </span><br />
<span class="Apple-style-span" style="font-family: "Trebuchet MS", sans-serif;"><br />
</span><br />
<span class="Apple-style-span" style="font-family: "Trebuchet MS", sans-serif;"><b>var displayPageNum=15;</b> Numero de Páginas Numeradas que irá aparecer</span><br />
<span class="Apple-style-span" style="font-family: "Trebuchet MS", sans-serif;"><br />
</span><br />
<span class="Apple-style-span" style="font-family: "Trebuchet MS", sans-serif;"><br />
</span><br />
<span class="Apple-style-span" style="font-family: "Trebuchet MS", sans-serif;"><b>Resultado Final:</b></span><br />
<span class="Apple-style-span" style="font-family: "Trebuchet MS", sans-serif;"><b><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjYCyn-YiJTLJK8yu9ZCLiktwFb5ga98A1rQAVN4l4_63evbmkXwZT4HBjhRNec9CNOwOE9bvDeAJqtaNu0rVKHHJibTt5K9znUrfZ8jcNwku01QV0dUnd7jBvHWDxS-ZUY30KphHRe69F3/s1600/pagnumerada.jpg" /></b></span> </div>ArchTeohttp://www.blogger.com/profile/15817730698291669568noreply@blogger.com0tag:blogger.com,1999:blog-3940682163094654771.post-39344162090750708282011-11-24T02:48:00.001-08:002011-11-24T02:48:12.273-08:00retirando atribuition<div dir="ltr" style="text-align: left;" trbidi="on"><span class="Apple-style-span" style="font-family: "Trebuchet MS", sans-serif;">Primeiro vá em <span class="Apple-style-span" style="color: orange;">"Design - Editar HTML - Expandir Modelo Widget" </span>e procure por</span><br />
<span class="Apple-style-span" style="font-family: "Trebuchet MS", sans-serif;"><br />
</span><br />
<pre class="brush: xml" style="background-attachment: scroll; background-clip: initial; background-color: transparent; background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjiSvXo-kNgNXPHL9oFpNkImdqdmg_pMmgaK5NDm4hqlkvpWOwLHnb1vbgSP90EDMH9K5eFj2mVf5j7ddWS0AvtZ_7oAr3QYG40lHxILoikQS5f_v7Y3K_vSmCD3zThzN1NsmiyyR6MavBe/s1600/HTML+Design+Lines.png); background-origin: initial; background-position: 0% 0%; margin-left: 2px; margin-right: 9px; padding-top: 35px;"><code style="background-clip: initial; background-color: transparent; background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg5OgQJIg8bD5STIjIlpB3Vk8D3F5Nm6ieldTLaVyb078M2x7yVlv0GGDWaU_TKgtYW504dP5xpM7Es8WETB82avDKTxCE-YuW-SSegJYYR1EVY3046SEb_AdpK3Neat4eeVL3reW1OF78/s1600/bgcode.png); background-origin: initial; border-bottom: rgb(200,200,199) 1px solid; border-left: rgb(200,200,199) 0px solid; border-right: rgb(200,200,199) 1px solid; border-top: rgb(200,200,199) 1px solid; display: block; font-size: 12px; margin-left: -5px; max-height: 350px; min-height: 43px; overflow-x: auto; overflow-y: auto; padding-bottom: 5px; padding-left: 0px; padding-right: 20px; padding-top: 5px; text-align: left; white-space: pre; zoom: 1;"><span class="Apple-style-span" style="color: orange;"><b:widget id='Attribution1' locked='true' title='' type='Attribution'/></span></code><div></div></pre><br />
<span class="Apple-style-span" style="font-family: "Trebuchet MS", sans-serif;"><img alt="excluir-widget-blogger-template" src="http://lh6.ggpht.com/_rwJ50XF9OVI/TDvmF3bHBKI/AAAAAAAADSo/AafLw5daI2Q/excluir-widget-blogger-template_thumb%5B2%5D.png?imgmax=800" /></span><br />
<span class="Apple-style-span" style="font-family: "Trebuchet MS", sans-serif;"><br />
</span><br />
<span class="Apple-style-span" style="font-family: "Trebuchet MS", sans-serif;">Basta clicar em <b>"EXCLUIR WIDGET"</b> e pronto.</span></div>ArchTeohttp://www.blogger.com/profile/15817730698291669568noreply@blogger.com0tag:blogger.com,1999:blog-3940682163094654771.post-37442229348276420682011-11-24T02:46:00.000-08:002011-11-24T02:46:18.157-08:00texto animado em flash<div dir="ltr" style="text-align: left;" trbidi="on"><span class="Apple-style-span" style="font-family: "Trebuchet MS", sans-serif;">Este tutorial é o mais simples de todos.</span><br />
<span class="Apple-style-span" style="font-family: "Trebuchet MS", sans-serif;">Basta você adicionar um gadget do tipo <span class="Apple-style-span" style="color: orange;">"HTML/JavaScript"</span> e colar o código do script disponível neste tutorial.</span><br />
<span class="Apple-style-span" style="font-family: "Trebuchet MS", sans-serif;"><br />
</span><br />
<pre class="brush: xml" style="background-attachment: scroll; background-clip: initial; background-color: transparent; background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjiSvXo-kNgNXPHL9oFpNkImdqdmg_pMmgaK5NDm4hqlkvpWOwLHnb1vbgSP90EDMH9K5eFj2mVf5j7ddWS0AvtZ_7oAr3QYG40lHxILoikQS5f_v7Y3K_vSmCD3zThzN1NsmiyyR6MavBe/s1600/HTML+Design+Lines.png); background-origin: initial; background-position: 0% 0%; margin-left: 2px; margin-right: 9px; padding-top: 35px;"><code style="background-clip: initial; background-color: transparent; background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg5OgQJIg8bD5STIjIlpB3Vk8D3F5Nm6ieldTLaVyb078M2x7yVlv0GGDWaU_TKgtYW504dP5xpM7Es8WETB82avDKTxCE-YuW-SSegJYYR1EVY3046SEb_AdpK3Neat4eeVL3reW1OF78/s1600/bgcode.png); background-origin: initial; border-bottom: rgb(200,200,199) 1px solid; border-left: rgb(200,200,199) 0px solid; border-right: rgb(200,200,199) 1px solid; border-top: rgb(200,200,199) 1px solid; display: block; font-size: 12px; margin-left: -5px; max-height: 350px; min-height: 43px; overflow-x: auto; overflow-y: auto; padding-bottom: 5px; padding-left: 0px; padding-right: 20px; padding-top: 5px; text-align: left; white-space: pre; zoom: 1;"><span class="Apple-style-span" style="color: orange;"><style type="text/css">
#frm {
position: relative;
height: 150px;
width:630px;
font-size: 1.8em;
font-weight: bold;
font-family: verdana, arial;
background: transparent;
overflow: hidden;
padding: 0.5em}
#frm span {
position: relative;
text-align: center;
z-index: 1;
color:#ffffff;
}
#mtxform {
position: relative;
z-index: 10;
}
.hidden {
visibility: hidden;
}
</style><script style="text/javascript" src="http://dl.dropbox.com/u/3173073/HacksBlogger/texto-animado.js">
</script>
<div id="frm"></div>
<form id="mtxform" name="mtxform"><button id="show" class="hidden" onclick="mtx.show();" type="button">Replay</button><span id="inputext" class="hidden"><textarea id="text" rows="0" cols="0" name="text">
</span>ESCREVA O TEXTO DA PRIMEIRA LINHA
AQUI O DA SEGUNDA LINHA<span class="Apple-style-span" style="color: orange;">
</textarea><button onclick="mtx.changeText();" type="button">Play</button><input type="RESET" /></span></form></span></code><div></div></pre><br />
<span class="Apple-style-span" style="font-family: "Trebuchet MS", sans-serif;">Espero que vocês gostem</span> </div>ArchTeohttp://www.blogger.com/profile/15817730698291669568noreply@blogger.com0tag:blogger.com,1999:blog-3940682163094654771.post-19814521248924121922011-11-24T02:44:00.000-08:002011-11-24T02:44:35.611-08:00tradutor no blog<div dir="ltr" style="text-align: left;" trbidi="on">Como colocar um Tradutor...<br />
Todo mundo se mata porque o inglês pega e o francês não pega, o alemão sim e o chines não.<br />
aqui vai tudo certinho eu mesmo arrumei a um tempo...<br />
<br />
<span class="Apple-style-span" style="font-family: "Trebuchet MS", sans-serif;"><br />
</span><br />
<pre class="brush: xml" style="background-attachment: scroll; background-clip: initial; background-color: transparent; background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjiSvXo-kNgNXPHL9oFpNkImdqdmg_pMmgaK5NDm4hqlkvpWOwLHnb1vbgSP90EDMH9K5eFj2mVf5j7ddWS0AvtZ_7oAr3QYG40lHxILoikQS5f_v7Y3K_vSmCD3zThzN1NsmiyyR6MavBe/s1600/HTML+Design+Lines.png); background-origin: initial; background-position: 0% 0%; margin-left: 2px; margin-right: 9px; padding-top: 35px;"><code style="background-clip: initial; background-color: transparent; background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg5OgQJIg8bD5STIjIlpB3Vk8D3F5Nm6ieldTLaVyb078M2x7yVlv0GGDWaU_TKgtYW504dP5xpM7Es8WETB82avDKTxCE-YuW-SSegJYYR1EVY3046SEb_AdpK3Neat4eeVL3reW1OF78/s1600/bgcode.png); background-origin: initial; border-bottom: rgb(200,200,199) 1px solid; border-left: rgb(200,200,199) 0px solid; border-right: rgb(200,200,199) 1px solid; border-top: rgb(200,200,199) 1px solid; display: block; font-size: 12px; margin-left: -5px; max-height: 350px; min-height: 43px; overflow-x: auto; overflow-y: auto; padding-bottom: 5px; padding-left: 0px; padding-right: 20px; padding-top: 5px; text-align: left; white-space: pre; zoom: 1;"><span class="Apple-style-span" style="color: orange;"><div style="padding:10px 4px 3px 4px;text-align:center;">
<!--&#8211;GOOGLE TRANSLATE MINI FLAGS&#8211;--><div align="center"><!--&#8211; Add Portuguese to Chinese (Simplified) BETA &#8211;--><a
target="_blank"
rel="nofollow" onclick="window.open('http://www.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=pt%7Czh-CN&hl=pt&ie=UTF8'); return false;" title="Google-Translate-Chinese (Simplified) BETA"><img
style="border: 0px solid ; cursor: pointer; width: 32px; height: 32px;" alt="Google-Translate-Chinese" src="http://dc151.4shared.com/img/107787584/7fe445e7/China-32.png"
title="Google-Translate-Chinese"><!--&#8211; END Portuguese to Chinese (Simplified) BETA&#8211;--><!--&#8211; Add Portuguese to French &#8211;--><a
target="_blank"
rel="nofollow" onclick="window.open('http://www.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=pt%7Cfr&hl=pt&ie=UTF8'); return false;" title="Google-Translate-Portuguese to French "><img
style="border: 0px solid ; cursor: pointer; width: 32px; height: 32px;" alt="Google-Translate-Portuguese to French" src="http://dc151.4shared.com/img/107787621/f727e7bb/France-32.png"
title="Google-Translate-Portuguese to French"><!--&#8211; END Portuguese to French &#8211;--><!--&#8211; Add Portuguese to German &#8211;--><a
target="_blank"
rel="nofollow" onclick="window.open('http://www.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=pt%7Cde&hl=pt&ie=UTF8'); return false;" title="Google-Translate-Portuguese to German"><img
style="border: 0px solid ; cursor: pointer; width: 32px; height: 32px;" alt="Google-Translate-Portuguese to German" src="http://dc151.4shared.com/img/107787650/cf6141ea/Germany-32.png"
title="Google-Translate-Portuguese to German"><!--&#8211; END Portuguese to German &#8211;--><!--&#8211; Add Portuguese to Italian &#8211;--><a
target="_blank"
rel="nofollow" onclick="window.open('http://www.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=pt%7Cit&hl=pt&ie=UTF8'); return false;" title="Google-Translate-Portuguese to Italian"><img
alt="Google-Translate-Portuguese to Italian" style="border: 0px solid ; cursor: pointer; width: 32px; height: 32px;" src="http://dc151.4shared.com/img/107787681/dc80f31/Italy-32.png"
title="Google-Translate-Portuguese to Italian"><!--&#8211; END Portuguese to Italian &#8211;--><!--&#8211; Add Portuguese to Japanese BETA &#8211;--><a
target="_blank"
rel="nofollow" onclick="window.open('http://www.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=pt%7Cja&hl=pt&ie=UTF8'); return false;" title="Google-Translate-Portuguese to Japanese BETA"><img
style="border: 0px solid ; cursor: pointer; width: 32px; height: 32px;" alt="Google-Translate-Portuguese to Japanese" src="http://dc151.4shared.com/img/107787703/2add8e22/Japan-32.png"
title="Google-Translate-Portuguese to Japanese"><!--&#8211; END Portuguese to Japanese BETA &#8211;--><!--&#8211; Add Portuguese to English &#8211;--><a
target="_blank"
rel="nofollow" onclick="window.open('http://www.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=pt%7Cen&en=pt&en=UTF8'); return false;" title="Google-Translate-Portuguese to English "><img
style="border: 0px solid ; cursor: pointer; width: 32px; height: 32px;" alt="Google-Translate-Portuguese to English" src="http://dc151.4shared.com/img/107787775/8cffbdd0/United_States-32.png"
title="Google-Translate-Portuguese to English"><!--&#8211; END Portuguese to English &#8211;--><!--&#8211; Add Portuguese to Russian BETA &#8211;--><a
target="_blank"
rel="nofollow" onclick="window.open('http://www.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=pt%7Cru&hl=pt&ie=UTF8'); return false;" title="Google-Translate-Portuguese to Russian BETA "><img
style="border: 0px solid ; cursor: pointer; width: 32px; height: 32px;" alt="Google-Translate-Portuguese to Russian" src="http://dc151.4shared.com/img/107787729/f83e05be/Russia-32.png"
title="Google-Translate-Portuguese to Russian"><!--&#8211; END Portuguese to Russian BETA &#8211;--><!--&#8211; Add Portuguese to Spanish &#8211;--><a
target="_blank"
rel="nofollow" onclick="window.open('http://www.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=pt%7Ces&hl=pt&ie=UTF8'); return false;" title="Google-Translate-Portuguese to Spanish "><img
style="border: 0px solid ; cursor: pointer; width: 32px; height: 32px;" alt="Google-Translate-Portuguese to Spanish" src="http://dc151.4shared.com/img/107787748/d96392ae/Spain-32.png"
title="Google-Translate-Portuguese to Spanish"><!--&#8211; END Portuguese to Spanish &#8211;--></img
></a
></img
></a
></img
></a
></img
></a
></img
></a
></img
></a
></img
></a
></img
></a
></div></div></span></code><div></div></pre><br />
<span class="Apple-style-span" style="font-family: "Trebuchet MS", sans-serif;">Bom para adicionar esse Código e só ir na Aba Design - Elementos de Pagina - Html/Java.</span><br />
<span class="Apple-style-span" style="font-family: "Trebuchet MS", sans-serif;">se caso você adicionar esse código num Gadget já existente ele não funciona você terá que criar outro Gatget só com esse código.</span> </div>ArchTeohttp://www.blogger.com/profile/15817730698291669568noreply@blogger.com0tag:blogger.com,1999:blog-3940682163094654771.post-66292955007989090472011-11-24T02:41:00.003-08:002011-11-24T02:41:53.664-08:00opacidade nas imagens<div dir="ltr" style="text-align: left;" trbidi="on">Opacidade Nas Imagens e um efeito usado em praticamente todos o sites de Imagens ou sites/blog que contem muitas imagens.<br />
<br />
Procure por:<br />
<br />
<pre class="brush: xml" style="background-attachment: scroll; background-clip: initial; background-color: transparent; background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjxS06Ck-qoh5Q9qnpBqzdJiAXj4_dbt4iuKQkl1PSMpuhi7g7xeeGPOAJxaYfxsJUfeFYSK6KS-VUnKyC8Xcfl2JQffmVTIXg-gkJb2Q5OA4XQOhDKRRb9IWnCWsi0UBp0TU449QzVJoF_/s1600/Code.png); background-origin: initial; background-position: 0% 0%; margin-left: 2px; margin-right: 9px; padding-top: 35px;"><code style="background-clip: initial; background-color: transparent; background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg5OgQJIg8bD5STIjIlpB3Vk8D3F5Nm6ieldTLaVyb078M2x7yVlv0GGDWaU_TKgtYW504dP5xpM7Es8WETB82avDKTxCE-YuW-SSegJYYR1EVY3046SEb_AdpK3Neat4eeVL3reW1OF78/s1600/bgcode.png); background-origin: initial; border-bottom: rgb(200,200,199) 1px solid; border-left: rgb(200,200,199) 0px solid; border-right: rgb(200,200,199) 1px solid; border-top: rgb(200,200,199) 1px solid; display: block; margin-left: -5px; max-height: 350px; min-height: 43px; overflow-x: auto; overflow-y: auto; padding-bottom: 5px; padding-left: 0px; padding-right: 20px; padding-top: 5px; text-align: left; zoom: 1;"><span class="Apple-style-span" style="color: orange; font-size: 12px;">]]></b:skin></span></code><div></div></pre><br />
<span class="Apple-style-span" style="font-family: "Trebuchet MS", sans-serif;"><span class="Apple-style-span" style="font-family: "Times New Roman";">Acima Dele Copie e Cole esse código</span></span><br />
<span class="Apple-style-span" style="font-family: "Trebuchet MS", sans-serif;"><br />
</span><br />
<pre class="brush: xml" style="background-attachment: scroll; background-clip: initial; background-color: transparent; background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiZHfP1Om3zMDzOh7MOeRzAmM_rtjCWsdUZ10HN0JXQqXDLrqgNQV3E_adKhk6JnRaWOEHrC5PL1_eRW2IrEWWvjxlkW4gFsTplgfwL6-MDc4Tbp_hHOdI9mUttTtjfY2iu4I2nIJFCDid-/s1600/CSS.png); background-origin: initial; background-position: 0% 0%; margin-left: 2px; margin-right: 9px; padding-top: 35px;"><code style="background-clip: initial; background-color: transparent; background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg5OgQJIg8bD5STIjIlpB3Vk8D3F5Nm6ieldTLaVyb078M2x7yVlv0GGDWaU_TKgtYW504dP5xpM7Es8WETB82avDKTxCE-YuW-SSegJYYR1EVY3046SEb_AdpK3Neat4eeVL3reW1OF78/s1600/bgcode.png); background-origin: initial; border-bottom: rgb(200,200,199) 1px solid; border-left: rgb(200,200,199) 0px solid; border-right: rgb(200,200,199) 1px solid; border-top: rgb(200,200,199) 1px solid; display: block; margin-left: -5px; max-height: 350px; min-height: 43px; overflow-x: auto; overflow-y: auto; padding-bottom: 5px; padding-left: 0px; padding-right: 20px; padding-top: 5px; text-align: left; zoom: 1;"><span class="Apple-style-span" style="color: orange; font-size: 12px;">#abc img{opacity: .3;
filter:alpha(opacity=30);
-moz-opacity: 0.3;
-khtml-opacity: 0.3;
background:#fff;
}
#abc img:hover{opacity:5.0;
filter:alpha(opacity=500);
-moz-opacity: 5.0;
-khtml-opacity: 5.0;
}</span></code><div></div></pre><br />
<span class="Apple-style-span" style="font-family: "Trebuchet MS", sans-serif;">Agora toda vez que você adicionar uma imagem ela vai aparecer com opacidade...</span><br />
<span class="Apple-style-span" style="font-family: "Trebuchet MS", sans-serif;"><br />
</span><br />
<span class="Apple-style-span" style="font-family: "Trebuchet MS", sans-serif;">OBS: essa postagem pode ter Atualizações ou Alterações...</span> </div>ArchTeohttp://www.blogger.com/profile/15817730698291669568noreply@blogger.com0tag:blogger.com,1999:blog-3940682163094654771.post-79393507557028445252011-11-24T02:41:00.001-08:002011-11-24T02:41:47.548-08:00opacidade nas imagens<div dir="ltr" style="text-align: left;" trbidi="on">Opacidade Nas Imagens e um efeito usado em praticamente todos o sites de Imagens ou sites/blog que contem muitas imagens.<br />
<br />
Procure por:<br />
<br />
<pre class="brush: xml" style="background-attachment: scroll; background-clip: initial; background-color: transparent; background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjxS06Ck-qoh5Q9qnpBqzdJiAXj4_dbt4iuKQkl1PSMpuhi7g7xeeGPOAJxaYfxsJUfeFYSK6KS-VUnKyC8Xcfl2JQffmVTIXg-gkJb2Q5OA4XQOhDKRRb9IWnCWsi0UBp0TU449QzVJoF_/s1600/Code.png); background-origin: initial; background-position: 0% 0%; margin-left: 2px; margin-right: 9px; padding-top: 35px;"><code style="background-clip: initial; background-color: transparent; background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg5OgQJIg8bD5STIjIlpB3Vk8D3F5Nm6ieldTLaVyb078M2x7yVlv0GGDWaU_TKgtYW504dP5xpM7Es8WETB82avDKTxCE-YuW-SSegJYYR1EVY3046SEb_AdpK3Neat4eeVL3reW1OF78/s1600/bgcode.png); background-origin: initial; border-bottom: rgb(200,200,199) 1px solid; border-left: rgb(200,200,199) 0px solid; border-right: rgb(200,200,199) 1px solid; border-top: rgb(200,200,199) 1px solid; display: block; margin-left: -5px; max-height: 350px; min-height: 43px; overflow-x: auto; overflow-y: auto; padding-bottom: 5px; padding-left: 0px; padding-right: 20px; padding-top: 5px; text-align: left; zoom: 1;"><span class="Apple-style-span" style="color: orange; font-size: 12px;">]]></b:skin></span></code><div></div></pre><br />
<span class="Apple-style-span" style="font-family: "Trebuchet MS", sans-serif;"><span class="Apple-style-span" style="font-family: "Times New Roman";">Acima Dele Copie e Cole esse código</span></span><br />
<span class="Apple-style-span" style="font-family: "Trebuchet MS", sans-serif;"><br />
</span><br />
<pre class="brush: xml" style="background-attachment: scroll; background-clip: initial; background-color: transparent; background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiZHfP1Om3zMDzOh7MOeRzAmM_rtjCWsdUZ10HN0JXQqXDLrqgNQV3E_adKhk6JnRaWOEHrC5PL1_eRW2IrEWWvjxlkW4gFsTplgfwL6-MDc4Tbp_hHOdI9mUttTtjfY2iu4I2nIJFCDid-/s1600/CSS.png); background-origin: initial; background-position: 0% 0%; margin-left: 2px; margin-right: 9px; padding-top: 35px;"><code style="background-clip: initial; background-color: transparent; background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg5OgQJIg8bD5STIjIlpB3Vk8D3F5Nm6ieldTLaVyb078M2x7yVlv0GGDWaU_TKgtYW504dP5xpM7Es8WETB82avDKTxCE-YuW-SSegJYYR1EVY3046SEb_AdpK3Neat4eeVL3reW1OF78/s1600/bgcode.png); background-origin: initial; border-bottom: rgb(200,200,199) 1px solid; border-left: rgb(200,200,199) 0px solid; border-right: rgb(200,200,199) 1px solid; border-top: rgb(200,200,199) 1px solid; display: block; margin-left: -5px; max-height: 350px; min-height: 43px; overflow-x: auto; overflow-y: auto; padding-bottom: 5px; padding-left: 0px; padding-right: 20px; padding-top: 5px; text-align: left; zoom: 1;"><span class="Apple-style-span" style="color: orange; font-size: 12px;">#abc img{opacity: .3;
filter:alpha(opacity=30);
-moz-opacity: 0.3;
-khtml-opacity: 0.3;
background:#fff;
}
#abc img:hover{opacity:5.0;
filter:alpha(opacity=500);
-moz-opacity: 5.0;
-khtml-opacity: 5.0;
}</span></code><div></div></pre><br />
<span class="Apple-style-span" style="font-family: "Trebuchet MS", sans-serif;">Agora toda vez que você adicionar uma imagem ela vai aparecer com opacidade...</span><br />
<span class="Apple-style-span" style="font-family: "Trebuchet MS", sans-serif;"><br />
</span><br />
<span class="Apple-style-span" style="font-family: "Trebuchet MS", sans-serif;">OBS: essa postagem pode ter Atualizações ou Alterações...</span> </div>ArchTeohttp://www.blogger.com/profile/15817730698291669568noreply@blogger.com0tag:blogger.com,1999:blog-3940682163094654771.post-78481250014340101892011-11-24T02:39:00.003-08:002011-11-24T02:39:56.530-08:00variable definitions<div dir="ltr" style="text-align: left;" trbidi="on">Continuando a série: Aprendendo CSS e HTML no Blogger, hoje vamos conhecer as Variáveis CSS de Cores e Fontes.<br />
No topo da folha de estilos do seu blog, no Blogger,você encontrará Variable Definitions.<br />
<br />
Variable Definitions são valores que podem ser modificados diretamente através do Painel do Blogger. São pré definições de cores, fontes e tamanho de fontes.<br />
A maioria dos templates existentes, como os padrões do Blogger (mínima ou designer de modelo) usam estas pré definições para o CSS, facilitando a alteração destas cores, através do painel do Blogger, na aba "Designer de Modelo", no modeo "Avançado".<br />
Se no CSS estiverem estabelecidas as pré definições, você poderá alterar cores, fontes e tamanho de fontes, pelo painel do Blogger sem precisar mexer no código do seu template.<br />
Se esses valores não estiverem estabelecidos, você poderá definí-los, criando suas próprias variáveis.<br />
Quanto mais variáveis forem criadas, maior a facilidade de mudar cores e fontes dos elementos da página, através do painel na aba "Designer".<br />
<br />
Em muitos casos, não se consegue mudar a cor ou fonte de um determinado template por que o autor do template não usou as variáveis, não definindo e especificando um determinado valor diretamente em uma propriedade, e se não há definição para esses valores, dificulta quaisquer tentativa de alteração.<br />
<br />
As variáveis se apresentam em 2 tipos:<br />
<br />
<b>1) Variável Cor:</b><br />
<b><br />
</b><br />
<b><span class="Apple-style-span" style="font-weight: normal;"></span></b><br />
<pre><b><code><Variable name="<span style="color: #cc0000;">bgcolor</span>"description="<span style="color: #3333ff;">Page Background Color</span>"type="<span style="color: #009900;">color</span>" default="<span style="color: #ff6600;">#fff</span>" value="<span style="color: #996633;">#ffffff</span>"></code></b></pre><br />
<br />
Em vermelho: é o nome da variável - pode ser qualquer nome que você quiser escolher, mas não deve conter espaços.<br />
Em azul: é a descrição que aparecerá no painel Fontes e Cores, e pode conter espaços.<br />
Em verde: é tipo de variável, que neste caso é "cor"<br />
Em laranja: é o valor padrão, funciona na falta de um outro valor fornecido.<br />
Em marron: é o valor da cor fornecida.<br />
<br />
<b>2) Variável Fonte:</b><br />
<b><br />
</b><br />
<b><span class="Apple-style-span" style="font-weight: normal;"></span></b><br />
<pre><b><code><Variable name="<span style="color: #cc0000;">bodyfont</span>"description="<span style="color: #000099;">Text Font</span>"type="<span style="color: #009900;">font</span>" default="<span style="color: #ff9900;">normal normal 100% Georgia, Serif</span>"
value="<span style="color: #996633;">normal normal 100% Georgia,Serif</span>"></code></b></pre><br />
<br />
Em vermelho: é o nome da variável, sem espaços.<br />
Em azul:é a descrição da variável, pode conter espaços<br />
Em verde:é o tipo da variável, que neste caso é font.<br />
Em laranja:é a fonte padrão.<br />
Em marron: é a fonte escolhida.<br />
<br />
<br />
<div style="text-align: center;"><img border="0" height="212" src="http://4.bp.blogspot.com/-8cOuBuVfaig/TqTV-NSteTI/AAAAAAAABns/ErIlt4Vf5zU/s320/variabledefinition.jpg" width="320" /></div><br />
<br />
<b>Como Criar Variáveis do tipo Cor:</b><br />
<br />
Veremos agora como criar variáveis de cores no seu template.<br />
Copie o trecho abaixo, e substitua os nomes e tipo como quiser.<br />
Você deve colar o código logo abaixo do trecho:<br />
/* Variable definitions<br />
====================<br />
<br />
<br />
<pre><code><variable name="<span style="color: #cc0000;">NOME</span>"description="<span style="color: #3333ff;">DESCRIÇÃO</span>" type="<span style="color: #009900;">color</span>" default="<span style="color: #ff9900;">#XXX</span>"value="<span style="color: #996633;">#XXXXXX</span>"></code></pre><br />
<br />
<b>Exemplo de variável do tipo "cor":</b><br />
<br />
<br />
<pre><code><Variable name="<span style="font-weight: bold;">linecolor</span>" description="<span style="font-weight: bold;">Linhas</span>" type="color"default="#599"value="#6F0599"></code></pre><br />
<br />
Eu criei uma variável do tipo cor, de nome "linecolor", ela pode ser aplicada em todas as linhas do meu blog, sempre que quiser aplicar estilos de cores a uma linha, farei assim:<br />
border-bottom: 1px solid $linecolor;<br />
<br />
Veja demonstrativo:<br />
<br />
<div style="text-align: center;"><img border="0" height="174" src="http://1.bp.blogspot.com/-e6JEvLmXTuY/TqTWW95LFgI/AAAAAAAABn4/U_9wfULUqQ8/s320/variaveis-tipo-cor-blogger.png" width="320" /></div><br />
Criada a variável, podemos aplicá-la a qualquer propriedade de qualquer seletor onde for possível aplicar cor.<br />
Para que a variável funcione é preciso acrescentar o símbolo $ antes dela.<br />
Não esqueça: Esta variável pode ser utilizada em qualquer propriedade, não apenas em linhas.<br />
<br />
Caso eu queira aplicar essa cor como background da sidebar, por exemplo, eu farei assim:<br />
.sidebar {<br />
background-color:$linecolor;<br />
}<br />
Não se esqueça de colocar o $ antes do nome, ou a aplicação Não funcionará!<br />
<br />
Como Criar Variáveis do tipo Fonte:<br />
<br />
Veremos agora como criar variáveis de fontes no seu template.<br />
No template Minima, por padrão, as variáveis do tipo fonte são: bodyfont, headerfont, pagetitlefont,descriptionfont e postfooterfont.<br />
<br />
Para exemplificar, digamos que eu queira criar uma nova variável do tipo fonte para ser aplicada aos Titulos da área do Footer do blog. Deverei cria-la desta maneira:<br />
<br />
<br />
<pre><code><Variable name="footertitlefont" description="Footer Title Font" type="font" default="normal normal 100% Arial,Verdana,'Trebuchet MS',Trebuchet,Sans-serif" value="normal normal 100% Arial,Verdana,'Trebuchet MS',Trebuchet,Sans-serif"></code></pre><br />
<br />
<br />
Nesta variável que eu acabei de criar, eu estabeleci que a letra que a primeira fonte a ser procurada pelo navegador deverá ser a Arial, e na falta dela, Verdana e assim por diante.<br />
Criada a variável do tipo fonte, podemos aplicá-la a qualquer propriedade de qualquer seletor onde quisermos definir qual tipo de fonte o seletor deverá ter.<br />
<br />
Para que a variável funcione é preciso acrescentar o símbolo $ antes dela.<br />
Para definir onde a variável deverá ser aplicada (que no nosso exemplo será nos titulos do footer),eu precisarei incluir os valores diretamente na regra CSS na propriedade "h2" do seletor "Footer", criando a seguinte regra:<br />
<br />
.footer h2{<br />
font: $footertitlefont;<br />
}<br />
<br />
Após determinada uma nova variável, retorne ao painel do blogger, clicando na aba "Design >> Designer de Modelo >> Avançado".<br />
Você notará que existe uma nova variável de nome "Footer Title Font" e se quiser trocar o tipo ou tamanho de fonte, poderá faze-lo diretamente pelo painel do Blogger.<br />
<br />
<b><span class="Apple-style-span" style="font-size: xx-small;">Imagens por Mundo Blogger</span></b> </div>ArchTeohttp://www.blogger.com/profile/15817730698291669568noreply@blogger.com0tag:blogger.com,1999:blog-3940682163094654771.post-8864628442849134152011-11-24T02:38:00.001-08:002011-11-24T02:38:09.643-08:00tirando atom<div dir="ltr" style="text-align: left;" trbidi="on"><span class="Apple-style-span" style="font-family: "Trebuchet MS", sans-serif;">Neste tutorial eu vou ensinar a como tirar aquele Atom que fica perto da postagem. </span><br />
<span class="Apple-style-span" style="font-family: "Trebuchet MS", sans-serif;">Vá em <span class="Apple-style-span" style="color: orange;">"Design - Editar HTML"</span> e procure por</span><br />
<pre class="brush: xml" style="background-attachment: scroll; background-clip: initial; background-color: transparent; background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjiSvXo-kNgNXPHL9oFpNkImdqdmg_pMmgaK5NDm4hqlkvpWOwLHnb1vbgSP90EDMH9K5eFj2mVf5j7ddWS0AvtZ_7oAr3QYG40lHxILoikQS5f_v7Y3K_vSmCD3zThzN1NsmiyyR6MavBe/s1600/HTML+Design+Lines.png); background-origin: initial; background-position: 0% 0%; margin-left: 2px; margin-right: 9px; padding-top: 35px;"><code style="background-clip: initial; background-color: transparent; background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg5OgQJIg8bD5STIjIlpB3Vk8D3F5Nm6ieldTLaVyb078M2x7yVlv0GGDWaU_TKgtYW504dP5xpM7Es8WETB82avDKTxCE-YuW-SSegJYYR1EVY3046SEb_AdpK3Neat4eeVL3reW1OF78/s1600/bgcode.png); background-origin: initial; border-bottom: rgb(200,200,199) 1px solid; border-left: rgb(200,200,199) 0px solid; border-right: rgb(200,200,199) 1px solid; border-top: rgb(200,200,199) 1px solid; display: block; font-size: 12px; margin-left: -5px; max-height: 350px; min-height: 43px; overflow-x: auto; overflow-y: auto; padding-bottom: 5px; padding-left: 0px; padding-right: 20px; padding-top: 5px; text-align: left; white-space: pre; zoom: 1;"><span class="Apple-style-span" style="color: orange;">.feed-links {</span></code><div></div></pre><br />
<span class="Apple-style-span" style="font-family: "Trebuchet MS", sans-serif;">Substitua-o por</span><br />
<span class="Apple-style-span" style="font-family: "Trebuchet MS", sans-serif;"><br />
</span><br />
<pre class="brush: xml" style="background-attachment: scroll; background-clip: initial; background-color: transparent; background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjiSvXo-kNgNXPHL9oFpNkImdqdmg_pMmgaK5NDm4hqlkvpWOwLHnb1vbgSP90EDMH9K5eFj2mVf5j7ddWS0AvtZ_7oAr3QYG40lHxILoikQS5f_v7Y3K_vSmCD3zThzN1NsmiyyR6MavBe/s1600/HTML+Design+Lines.png); background-origin: initial; background-position: 0% 0%; margin-left: 2px; margin-right: 9px; padding-top: 35px;"><code style="background-clip: initial; background-color: transparent; background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg5OgQJIg8bD5STIjIlpB3Vk8D3F5Nm6ieldTLaVyb078M2x7yVlv0GGDWaU_TKgtYW504dP5xpM7Es8WETB82avDKTxCE-YuW-SSegJYYR1EVY3046SEb_AdpK3Neat4eeVL3reW1OF78/s1600/bgcode.png); background-origin: initial; border-bottom: rgb(200,200,199) 1px solid; border-left: rgb(200,200,199) 0px solid; border-right: rgb(200,200,199) 1px solid; border-top: rgb(200,200,199) 1px solid; display: block; font-size: 12px; margin-left: -5px; max-height: 350px; min-height: 43px; overflow-x: auto; overflow-y: auto; padding-bottom: 5px; padding-left: 0px; padding-right: 20px; padding-top: 5px; text-align: left; white-space: pre; zoom: 1;"><span class="Apple-style-span" style="color: orange;">.feed-links{
diplay:none;
} </span></code><div></div></pre><br />
<span class="Apple-style-span" style="font-family: "Trebuchet MS", sans-serif;">Salve e confira.</span> </div>ArchTeohttp://www.blogger.com/profile/15817730698291669568noreply@blogger.com0tag:blogger.com,1999:blog-3940682163094654771.post-3127983054396160502011-11-24T02:36:00.001-08:002011-11-24T02:36:24.093-08:00me rolante no blog<div dir="ltr" style="text-align: left;" trbidi="on"><span class="Apple-style-span" style="font-family: "Trebuchet MS", sans-serif;">Nesse tutorial vou posta um menu que fica fixado no topo do blog.</span><br />
<span class="Apple-style-span" style="font-family: "Trebuchet MS", sans-serif;">Vá em <span class="Apple-style-span" style="color: orange;">"Design - Editar HTML" </span>e procure por:</span><br />
<span class="Apple-style-span" style="font-family: "Trebuchet MS", sans-serif;"><br />
</span><br />
<pre class="brush: xml" style="background-attachment: scroll; background-clip: initial; background-color: transparent; background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjiSvXo-kNgNXPHL9oFpNkImdqdmg_pMmgaK5NDm4hqlkvpWOwLHnb1vbgSP90EDMH9K5eFj2mVf5j7ddWS0AvtZ_7oAr3QYG40lHxILoikQS5f_v7Y3K_vSmCD3zThzN1NsmiyyR6MavBe/s1600/HTML+Design+Lines.png); background-origin: initial; background-position: 0% 0%; margin-left: 2px; margin-right: 9px; padding-top: 35px;"><code style="background-clip: initial; background-color: transparent; background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg5OgQJIg8bD5STIjIlpB3Vk8D3F5Nm6ieldTLaVyb078M2x7yVlv0GGDWaU_TKgtYW504dP5xpM7Es8WETB82avDKTxCE-YuW-SSegJYYR1EVY3046SEb_AdpK3Neat4eeVL3reW1OF78/s1600/bgcode.png); background-origin: initial; border-bottom: rgb(200,200,199) 1px solid; border-left: rgb(200,200,199) 0px solid; border-right: rgb(200,200,199) 1px solid; border-top: rgb(200,200,199) 1px solid; display: block; font-size: 12px; margin-left: -5px; max-height: 350px; min-height: 43px; overflow-x: auto; overflow-y: auto; padding-bottom: 5px; padding-left: 0px; padding-right: 20px; padding-top: 5px; text-align: left; white-space: pre; zoom: 1;"><span class="Apple-style-span" style="color: orange;">]]></b:skin></span></code><div></div></pre><br />
<span class="Apple-style-span" style="font-family: "Trebuchet MS", sans-serif;">Acima dela adicione o seguinte código:</span><br />
<span class="Apple-style-span" style="font-family: "Trebuchet MS", sans-serif;"><br />
</span><br />
<pre class="brush: xml" style="background-attachment: scroll; background-clip: initial; background-color: transparent; background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjiSvXo-kNgNXPHL9oFpNkImdqdmg_pMmgaK5NDm4hqlkvpWOwLHnb1vbgSP90EDMH9K5eFj2mVf5j7ddWS0AvtZ_7oAr3QYG40lHxILoikQS5f_v7Y3K_vSmCD3zThzN1NsmiyyR6MavBe/s1600/HTML+Design+Lines.png); background-origin: initial; background-position: 0% 0%; margin-left: 2px; margin-right: 9px; padding-top: 35px;"><code style="background-clip: initial; background-color: transparent; background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg5OgQJIg8bD5STIjIlpB3Vk8D3F5Nm6ieldTLaVyb078M2x7yVlv0GGDWaU_TKgtYW504dP5xpM7Es8WETB82avDKTxCE-YuW-SSegJYYR1EVY3046SEb_AdpK3Neat4eeVL3reW1OF78/s1600/bgcode.png); background-origin: initial; border-bottom: rgb(200,200,199) 1px solid; border-left: rgb(200,200,199) 0px solid; border-right: rgb(200,200,199) 1px solid; border-top: rgb(200,200,199) 1px solid; display: block; font-size: 12px; margin-left: -5px; max-height: 350px; min-height: 43px; overflow-x: auto; overflow-y: auto; padding-bottom: 5px; padding-left: 0px; padding-right: 20px; padding-top: 5px; text-align: left; white-space: pre; zoom: 1;"><span class="Apple-style-span" style="line-height: 16px;">/* NavTop Menu</span>
<span class="Apple-style-span" style="line-height: 16px;">----------------------- */</span>
<span class="Apple-style-span" style="line-height: 16px;">#navtop { </span><span style="line-height: 16px;">/*--container geral do menu--*/</span>
<span style="line-height: 16px;">border-bottom:1px solid #666;</span><span class="Apple-style-span" style="line-height: 16px;"> /*--Edite cor da borda--*/</span>
<span style="line-height: 16px;">background:#fff</span><span class="Apple-style-span" style="line-height: 16px;">; /*--Edite cor de fundo--*/</span>
<span class="Apple-style-span" style="background-color: white; color: #7f7f7f; line-height: 16px;">padding:0px 20px;</span>
<span class="Apple-style-span" style="background-color: white; color: #7f7f7f; line-height: 16px;">position:fixed;</span>
<span class="Apple-style-span" style="line-height: 16px;">top:0;</span>
<span class="Apple-style-span" style="background-color: white; color: #7f7f7f; line-height: 16px;">left:0;</span>
<span class="Apple-style-span" style="line-height: 16px;">z-index:2000;</span>
<span class="Apple-style-span" style="line-height: 16px;">width:100%;</span>
<span class="Apple-style-span" style="background-color: white; color: #7f7f7f; line-height: 16px;">}</span>
<span class="Apple-style-span" style="background-color: white; color: #7f7f7f; line-height: 16px;">#navtop li {</span>
<span class="Apple-style-span" style="line-height: 16px;">float: left;</span>
<span class="Apple-style-span" style="line-height: 16px;">display: block;</span>
<span class="Apple-style-span" style="line-height: 16px;">padding:5px;</span>
<span class="Apple-style-span" style="line-height: 16px;">}</span>
<span class="Apple-style-span" style="line-height: 16px;">#navtop li a, #navtop li a:link, #navtop li a:visited { </span><span style="line-height: 16px;">/*--links do menu--*/</span>
<span class="Apple-style-span" style="line-height: 16px;">float: left;</span>
<span class="Apple-style-span" style="line-height: 16px;">display: block;</span>
<span class="Apple-style-span" style="line-height: 16px;">padding: 5px;</span>
<span class="Apple-style-span" style="line-height: 16px;">text-transform: none;</span>
<span class="Apple-style-span" style="line-height: 16px;">text-decoration:none;</span>
<span style="line-height: 16px;">background: #ccc</span><span class="Apple-style-span" style="background-color: white; color: #7f7f7f; line-height: 16px;">; /*--Edite cor de fundo dos links--*/</span>
<span style="line-height: 16px;">color:#000</span><span class="Apple-style-span" style="background-color: white; color: #7f7f7f; line-height: 16px;">; /*--Edite cor dos links--*/</span>
<span style="background-color: white; color: #990000; line-height: 16px;">border:1px solid #666;</span><span class="Apple-style-span" style="line-height: 16px;"> /*--Edite cor de borda--*/</span>
<span style="line-height: 16px;">font-size:12px;</span><span class="Apple-style-span" style="background-color: white; color: #7f7f7f; line-height: 16px;"> /*--Edite tamanho da fonte--*/</span>
<span class="Apple-style-span" style="line-height: 16px;">-moz-border-radius: 5px;</span>
<span class="Apple-style-span" style="line-height: 16px;">-webkit-border-radius: 5px;</span>
<span class="Apple-style-span" style="line-height: 16px;">border-radius: 5px;</span>
<span class="Apple-style-span" style="line-height: 16px;">}</span>
<span class="Apple-style-span" style="line-height: 16px;">#navtop li a:hover { </span><span style="background-color: white; color: #663366; line-height: 16px;">/*--links no estado hover--*/</span>
<span style="line-height: 16px;">background: #000</span><span class="Apple-style-span" style="background-color: white; color: #7f7f7f; line-height: 16px;">; /*--Edite cor de fundo dos links--*/</span>
<span style="line-height: 16px;">color:#fff</span><span class="Apple-style-span" style="line-height: 16px;">; /*--Edite cor dos links--*/</span>
<span class="Apple-style-span" style="line-height: 16px;">text-decoration:none;</span>
<span class="Apple-style-span" style="line-height: 16px;">}</span>
<span class="Apple-style-span" style="line-height: 16px;">#navtop li ul {</span>
<span class="Apple-style-span" style="line-height: 16px;">display: none;</span>
<span class="Apple-style-span" style="line-height: 16px;">}</span></code><div></div></pre><br />
<span class="Apple-style-span" style="font-family: "Trebuchet MS", sans-serif;">Agora procure por</span><br />
<span class="Apple-style-span" style="font-family: "Trebuchet MS", sans-serif;"><br />
</span><br />
<pre class="brush: xml" style="background-attachment: scroll; background-clip: initial; background-color: transparent; background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjiSvXo-kNgNXPHL9oFpNkImdqdmg_pMmgaK5NDm4hqlkvpWOwLHnb1vbgSP90EDMH9K5eFj2mVf5j7ddWS0AvtZ_7oAr3QYG40lHxILoikQS5f_v7Y3K_vSmCD3zThzN1NsmiyyR6MavBe/s1600/HTML+Design+Lines.png); background-origin: initial; background-position: 0% 0%; margin-left: 2px; margin-right: 9px; padding-top: 35px;"><code style="background-clip: initial; background-color: transparent; background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg5OgQJIg8bD5STIjIlpB3Vk8D3F5Nm6ieldTLaVyb078M2x7yVlv0GGDWaU_TKgtYW504dP5xpM7Es8WETB82avDKTxCE-YuW-SSegJYYR1EVY3046SEb_AdpK3Neat4eeVL3reW1OF78/s1600/bgcode.png); background-origin: initial; border-bottom: rgb(200,200,199) 1px solid; border-left: rgb(200,200,199) 0px solid; border-right: rgb(200,200,199) 1px solid; border-top: rgb(200,200,199) 1px solid; display: block; font-size: 12px; margin-left: -5px; max-height: 350px; min-height: 43px; overflow-x: auto; overflow-y: auto; padding-bottom: 5px; padding-left: 0px; padding-right: 20px; padding-top: 5px; text-align: left; white-space: pre; zoom: 1;"><span class="Apple-style-span" style="color: orange;"><body></span></code><div></div></pre><br />
<span class="Apple-style-span" style="font-family: "Trebuchet MS", sans-serif;">Embaixo dele cole este código:</span><br />
<br />
<span class="Apple-style-span" style="font-family: "Trebuchet MS", sans-serif;"><br />
</span><br />
<pre class="brush: xml" style="background-attachment: scroll; background-clip: initial; background-color: transparent; background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjiSvXo-kNgNXPHL9oFpNkImdqdmg_pMmgaK5NDm4hqlkvpWOwLHnb1vbgSP90EDMH9K5eFj2mVf5j7ddWS0AvtZ_7oAr3QYG40lHxILoikQS5f_v7Y3K_vSmCD3zThzN1NsmiyyR6MavBe/s1600/HTML+Design+Lines.png); background-origin: initial; background-position: 0% 0%; margin-left: 2px; margin-right: 9px; padding-top: 35px;"><code style="background-clip: initial; background-color: transparent; background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg5OgQJIg8bD5STIjIlpB3Vk8D3F5Nm6ieldTLaVyb078M2x7yVlv0GGDWaU_TKgtYW504dP5xpM7Es8WETB82avDKTxCE-YuW-SSegJYYR1EVY3046SEb_AdpK3Neat4eeVL3reW1OF78/s1600/bgcode.png); background-origin: initial; border-bottom: rgb(200,200,199) 1px solid; border-left: rgb(200,200,199) 0px solid; border-right: rgb(200,200,199) 1px solid; border-top: rgb(200,200,199) 1px solid; display: block; font-size: 12px; margin-left: -5px; max-height: 350px; min-height: 43px; overflow-x: auto; overflow-y: auto; padding-bottom: 5px; padding-left: 0px; padding-right: 20px; padding-top: 5px; text-align: left; white-space: pre; zoom: 1;"><span class="Apple-style-span" style="color: orange;"> <div id='navtop'>
<li><a href='</span><span class="Apple-style-span" style="color: red;">SEU-LINK-AQUI</span><span class="Apple-style-span" style="color: orange;">' title='</span><span class="Apple-style-span" style="color: red;">#</span><span class="Apple-style-span" style="color: orange;">'></span><span class="Apple-style-span" style="color: red;">Link 1</span><span class="Apple-style-span" style="color: orange;"></a></li>
<li><a href='</span><span class="Apple-style-span" style="color: red;">SEU-LINK-AQUI</span><span class="Apple-style-span" style="color: orange;">' title='</span><span class="Apple-style-span" style="color: red;">#</span><span class="Apple-style-span" style="color: orange;">'></span><span class="Apple-style-span" style="color: red;">Link 2</span><span class="Apple-style-span" style="color: orange;"></a></li>
<li><a href='</span><span class="Apple-style-span" style="color: red;">SEU-LINK-AQUI</span><span class="Apple-style-span" style="color: orange;">' title='</span><span class="Apple-style-span" style="color: red;">#</span><span class="Apple-style-span" style="color: orange;">'></span><span class="Apple-style-span" style="color: red;">Link 3</span><span class="Apple-style-span" style="color: orange;"></a></li>
<li><a href='</span><span class="Apple-style-span" style="color: red;">SEU-LINK-AQUI</span><span class="Apple-style-span" style="color: orange;">' title='</span><span class="Apple-style-span" style="color: red;">#</span><span class="Apple-style-span" style="color: orange;">'></span><span class="Apple-style-span" style="color: red;">Link 4</span><span class="Apple-style-span" style="color: orange;"></a></li>
<li><a href='</span><span class="Apple-style-span" style="color: red;">SEU-LINK-AQUI</span><span class="Apple-style-span" style="color: orange;">' title='</span><span class="Apple-style-span" style="color: red;">#</span><span class="Apple-style-span" style="color: orange;">'></span><span class="Apple-style-span" style="color: red;">Link 5</span><span class="Apple-style-span" style="color: orange;"></a></li>
<li><a href='</span><span class="Apple-style-span" style="color: red;">SEU-LINK-AQUI</span><span class="Apple-style-span" style="color: orange;">' title='</span><span class="Apple-style-span" style="color: red;">#</span><span class="Apple-style-span" style="color: orange;">'></span><span class="Apple-style-span" style="color: red;">Link 6</span><span class="Apple-style-span" style="color: orange;"></a></li>
</div></span></code><div></div></pre></div>ArchTeohttp://www.blogger.com/profile/15817730698291669568noreply@blogger.com0tag:blogger.com,1999:blog-3940682163094654771.post-22098092040410176712011-11-22T06:00:00.001-08:002011-11-22T06:05:48.780-08:00Como camuflar linksesse tutorial é sobre css e html<br />
<br />
<br />
<br />
como dirfarça um link em uma palavra <br />
<br />
é usa-se href para links veja o modelo abaixo<br />
<br />
<br />
<br />
<a href="http://adesigng.blogspot.com"> Animes design games</a><br />
<form><textarea><a href="http://adesigng.blogspot.com"> Animes design games</a></textarea></form><br />
<br />
agora vcs vao ver como dirfarça um link em uma imagem<br />
<br />
<br />
super simples<br />
<br />
<br />
veja:<br />
<br />
<a href="adesigng.blogspot.com"><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjeMvZc1Vh-wXAoljI6hYTOXXJNKoeupAmgTFULGTMSOq5Vssz_ImarwEYbaSaDXK3x6_4-kisnC-BnB7Vt2t6zx2b_wORXGsjy4hjxsKGVCzULGXqO__PaxwOv65ITXrIigK9VcMGcplk7/s1600/naruto1994180399.jpg' height=100 width=100 ></a><br />
<br />
<form><textarea><a href="adesigng.blogspot.com"><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjeMvZc1Vh-wXAoljI6hYTOXXJNKoeupAmgTFULGTMSOq5Vssz_ImarwEYbaSaDXK3x6_4-kisnC-BnB7Vt2t6zx2b_wORXGsjy4hjxsKGVCzULGXqO__PaxwOv65ITXrIigK9VcMGcplk7/s1600/naruto1994180399.jpg'></a></textarea></form><br />
<br />
<br />
<center><marquee onmouseout='this.start()' onmouseover='this.stop() '><span style='font-size: 85%;'><span style='color: rgb(255, 102, 0);'>Postagem feita por siegyuto se copiar a postagem coloque os creditos</span></span><br />
</marquee></center>ArchTeohttp://www.blogger.com/profile/15817730698291669568noreply@blogger.com0tag:blogger.com,1999:blog-3940682163094654771.post-79952121865249103532011-11-22T05:56:00.001-08:002011-11-22T05:57:16.982-08:00como fazer uma caixa de textoeae galera nesse tutorial vou ensinar a vcs como fazer uma caixa de texto<br />
<br />
<br><br />
<br />
use as tags "form" e "textarea" veja<br />
<br />
<br />
<form><span style='font:ninja naruto;'> <textarea> <form><textarea> seu texto </textarea><br />
<br />
<br />
<center><marquee onmouseout='this.start()' onmouseover='this.stop() '><span style='font-size: 85%;'><span style='color: orange ;'>postagem feita por siegyuto <br />
<br />
se copiar coloque os creditos</span></span><br />
<br />
</marquee></center><br />
<br />
<br />
ArchTeohttp://www.blogger.com/profile/15817730698291669568noreply@blogger.com0tag:blogger.com,1999:blog-3940682163094654771.post-14491949076451712022011-11-21T02:51:00.000-08:002011-11-21T02:51:15.526-08:00<div dir="ltr" style="text-align: left;" trbidi="on"><span class="Apple-style-span" style="font-family: 'Trebuchet MS',sans-serif;">Eaw galera, </span><br />
<span class="Apple-style-span" style="font-family: 'Trebuchet MS',sans-serif;">Este tutorial é muto bom e bem simples.</span><br />
<span class="Apple-style-span" style="font-family: 'Trebuchet MS',sans-serif;">Vá em <span class="Apple-style-span" style="color: orange;">"Design - Editar HTML" </span>e procure a seguinte linha:</span><br />
<span class="Apple-style-span" style="font-family: 'Trebuchet MS',sans-serif;"><br />
</span><br />
<br />
<pre class="brush: xml" style="background-attachment: scroll; background-color: transparent; background-image: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjiSvXo-kNgNXPHL9oFpNkImdqdmg_pMmgaK5NDm4hqlkvpWOwLHnb1vbgSP90EDMH9K5eFj2mVf5j7ddWS0AvtZ_7oAr3QYG40lHxILoikQS5f_v7Y3K_vSmCD3zThzN1NsmiyyR6MavBe/s1600/HTML+Design+Lines.png"); background-position: 0% 0%; margin-left: 2px; margin-right: 9px; padding-top: 35px;"><code style="background-color: transparent; background-image: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg5OgQJIg8bD5STIjIlpB3Vk8D3F5Nm6ieldTLaVyb078M2x7yVlv0GGDWaU_TKgtYW504dP5xpM7Es8WETB82avDKTxCE-YuW-SSegJYYR1EVY3046SEb_AdpK3Neat4eeVL3reW1OF78/s1600/bgcode.png"); border-color: rgb(200, 200, 199); border-style: solid; border-width: 1px 1px 1px 0px; display: block; font-size: 12px; margin-left: -5px; max-height: 350px; min-height: 43px; overflow: auto; padding: 5px 20px 5px 0px; text-align: left; white-space: pre;"><span class="Apple-style-span" style="color: orange;"><div id='main-wrapper'></span></code></pre><br />
<span class="Apple-style-span" style="font-family: 'Trebuchet MS',sans-serif;">Debaixo dela insira o seguinte código:</span><br />
<span class="Apple-style-span" style="font-family: 'Trebuchet MS',sans-serif;"><br />
</span><br />
<pre class="brush: xml" style="background-attachment: scroll; background-color: transparent; background-image: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjiSvXo-kNgNXPHL9oFpNkImdqdmg_pMmgaK5NDm4hqlkvpWOwLHnb1vbgSP90EDMH9K5eFj2mVf5j7ddWS0AvtZ_7oAr3QYG40lHxILoikQS5f_v7Y3K_vSmCD3zThzN1NsmiyyR6MavBe/s1600/HTML+Design+Lines.png"); background-position: 0% 0%; margin-left: 2px; margin-right: 9px; padding-top: 35px;"><code style="background-color: transparent; background-image: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg5OgQJIg8bD5STIjIlpB3Vk8D3F5Nm6ieldTLaVyb078M2x7yVlv0GGDWaU_TKgtYW504dP5xpM7Es8WETB82avDKTxCE-YuW-SSegJYYR1EVY3046SEb_AdpK3Neat4eeVL3reW1OF78/s1600/bgcode.png"); border-color: rgb(200, 200, 199); border-style: solid; border-width: 1px 1px 1px 0px; display: block; font-size: 12px; margin-left: -5px; max-height: 350px; min-height: 43px; overflow: auto; padding: 5px 20px 5px 0px; text-align: left; white-space: pre;"><span class="Apple-style-span" style="color: orange;"><b:section class='column-main2' id='main-column' showaddelement='yes'/></span></code></pre><br />
<span class="Apple-style-span" style="font-family: 'Trebuchet MS',sans-serif;">Agora é só salvar e lá está.</span><br />
<span class="Apple-style-span" style="font-family: 'Trebuchet MS',sans-serif;">É isso aí galera, espero que vocês gostem.</span> </div>ArchTeohttp://www.blogger.com/profile/15817730698291669568noreply@blogger.com0