Ontem dia 29 de março foi aniversário de 1 aninho do blog da Ariane, o Templates Novo Blogger.
Fofa, parabéns pelo sucesso de seu blog e o agradecimento da blogosfera por esse blog que serve a tantos.
30 de mar. de 2008
Aniversário
Ontem dia 29 de março foi aniversário de 1 aninho do blog da Ariane, o Templates Novo Blogger.
Fofa, parabéns pelo sucesso de seu blog e o agradecimento da blogosfera por esse blog que serve a tantos.
29 de mar. de 2008
Botão do bookmaker entre os posts
Para ter um botão de favoritos do Bookmaker para cada postagem como essa que tenho aqui em meu blog não é difícil. A primeira coisa que você deverá fazer é logar o seu blog, depois entre no site:
http://www.addthis.com/
Agora clique no botão como este que tem lá.
Preencha o formulário como no exemplo
Bom, se você estiver logado você agora verá uma página como esta abaixo, então é só clicar para expandir e copiar o código. Se não, entre no seu blog.
Agora vá até o HTML do seu blog, clique em Expandir.
Procure pelo código :
<div class='post-footer'>
Cole abaixo o código que você copiou e salve. Prontinho !
28 de mar. de 2008
Meu itinerário
Pessoal lindo do meu coração, estou um tanto sumida, sem responder os emails ou mesmo os comentários mas é que não ando nada bem. Nada demais, apenas um serzinho que está sendo gerado em meu ventre e a enorme quantidade de hormônio HCG que me embrulha o estômago me fazendo quase dobrar de tanto que sinto náuseas. Espero que este tempo seja um tempo de paciência e aprendizado pois comecei a estudar flash e espero sinceramente que consiga aprender, mas está flórida, pois como estudo sem professores ou alguém que me ensine diretamente, estou apanhando bastante. Mas não tem nada não, para quem apanhou tanto do Pain Shop, apanhar do Adobe Flash vai ser moleza, rsrsrsrrs.
Mas heim, como é difícil encontrar bons sites e boas tutos online e de graça, nooossa !!! Mas assim que eu aprender ( se é que vou aprender) tentarei ensinar a vocês, e no mais vou colocando os links dos bons locais que encontrei pela net. Então fofildos, beijos a todos.
23 de mar. de 2008
22 de mar. de 2008
Campanha contra a pedofilia
Clique e leia tudo
Aderi a campanha feita pelo site Amigos da Blogosfera. Essa prática indecente e imoral me dá repulsa só de pensar mas infelizmente existe. O pior disso tudo é saber que a maioria destes crimes ocorrem no seio familiar, pessoas que deveriam proteger e zelar pelo bem da criança são, segundo estatíticas, o que mais praticam a pedofilia. Nesta ordem estão pais, padrastos, avós, tios, irmãos, amigos da família, vizinhos e por último são os tão temidos desconhecidos. Não se iluda, para o pedófilo tanto faz o sexo da criança, há pessoas que acham que só as meninas sofrem deste tipo de abuso, mas a realidade é outra.
A criança se cala ou por medo ou por sentimento de culpa pois acha que deve ter feito algo para "merecer" aquele tratamento. O pior é que há uma máfia da prostituição infantil onde crianças de famílias pobres por não ter condições, são ludibriadas por um agente que acreditam dando a criança a uma pessoa mais abastada garantem assim o futuro dos filhos. Em muitos casos essas crianças vão parar em rede de prostituição infantil, em vídeos, sites e até são enviadas a outros países. Há casos de crianças que são adotadas por casais para servir sexualmente a ambos. Os governantes fazem vista grossa lançando vez por outra uma campanha que nem sempre chega aos locais mais afastados, assim, tudo continua como dantes. A sociedade por ser um assunto delicado e repugnante prefere varrer para debaixo do tapete essa desgraça social. E assim caminha a humanidade.
Onde denunciar
7 de mar. de 2008
2 de mar. de 2008
Menu Horizontal Dropdow
Para ter um menu como este clique em "layout", "editar HTML" e procure pelo código:
]]></b:skin>
E cole acima o código abaixo.
Passe o mouse
.nav-container .divider{
display:block;
font-size:1px;
border-width:0px;
border-style:solid;
}
.nav-container .divider-vert{
float:left;
width:0px;
display: none;
}
.nav-container .item-secondary-title{
display:block;
cursor:default;
white-space:nowrap;
}
.clear{
font-size:1px;
height:0px;
width:0px;
clear:left;
line-height:0px;
display:block;
float:none;
}
.nav-container{
position:relative;
zoom:1;
margin: 0 auto;
}
.nav-container a, .nav-container li{
float:left;
display:block;
white-space:nowrap;
}
.nav-container div a, .nav-container ul a, .nav-container ul li{
float:none;
}
.nav-container ul{
left:-10000px;
position:absolute;
}
.nav-container, .nav-container ul{
list-style:none;
padding:0px;
margin:0px;
}
.nav-container li a{
float:none
}
.nav-container li{
position:relative;
}
.nav-container ul{
z-index:10;
}
.nav-container ul ul{
z-index:20;
}
.nav-container ul ul ul{
z-index:30;
}
.nav-container ul ul ul ul{
z-index:40;
}
.nav-container ul ul ul ul ul{
z-index:50;
}
li:hover>ul{
left:auto;
}
#nav-container ul {
top:100%;
}
#nav-container ul li:hover>ul{
top:0px;
left:100%;
}
/*^'^ Primary Items ^'^*/
#nav-container a{
padding:7px 17px 7px 18px;
margin: 10px 0px 0px 0px;
color: #000000;
font-family: Trebuchet MS, Arial, sans-serif, Helvetica;
font-size:14px;
text-decoration:none;
font-weight: bold;
background: url(http://img352.imageshack.us/img352/3153/itemprimarybgax9.jpg);
background-repeat: repeat;
background-position: top;
}
#nav-container a:hover{
color: #6C3600;
background: url(http://img352.imageshack.us/img352/3153/itemprimarybgax9.jpg);
background-repeat: repeat;
background-position: center;
}
/*^'^ Secondary Items Container ^'^*/
#nav-container div, #nav-container ul{
padding:10px 4px 10px 4px;
margin:0px 0px 0px 0px;
background: url(http://img210.imageshack.us/img210/9505/itemsecondarycontainerbwo9.jpg);
background-repeat: repeat-x;
background-color: #FF9900;
border-bottom: 1px solid #CA6500;
}
/*^'^ Secondary Items ^'^*/
#nav-container div a, #nav-container ul a{
padding:3px 10px 3px 6px;
background-color: #FFFFFF;
background: url(http://img352.imageshack.us/img352/4496/itemsecondarybgad8.jpg);
background-repeat: no-repeat;
background-position: 0px 22px;
font-size:11px;
border-width:0px;
border-style:none;
margin: 0px 0px 0px 0px;
width: 149px;
}
/*^'^ Secondary Items Hover State ^'^*/
#nav-container div a:hover, #nav-container ul a:hover{
background-color: #FFFFFF;
background: url(http://img210.imageshack.us/img210/9505/itemsecondarycontainerbwo9.jpg);
background-repeat: no-repeat;
color:#CC0000;
}
/*^'^ Secondary Item Titles ^'^*/
#nav-container .item-secondary-title{
cursor:default;
padding:4px 0px 3px 7px;
color: #6C3600;
font-family: Arial, Trebuchet MS, Arial, sans-serif, Helvetica;
font-size:11px;
/* background: url(http://img530.imageshack.us/img530/887/itemsecondarytitlebgdq2.gif); */
background-repeat: no-repeat;
font-weight:bold;
}
/*^'^ Horizontal Dividers ^'^*/
#nav-container .divider-horiz{
border-top-width:1px;
margin:5px 5px;
border-color: #C16100;
}
/*^'^ Vertical Dividers ^'^*/
#nav-container .divider-vert{
border-left-width:1px;
height:15px;
margin:4px 2px 0px 2px;
border-color:#AAAAAA;
}
Agora procure pelo código:
<div id='outer-wrapper'><div id='wrap2'>
E abaixo dele cole o próximo código.
<ul class='nav-container' id='nav-container'>
<li><a class='item-primary' href='ENDEREÇO DO SEU BLOG AQUI'>HOME</a>
</li>
<li><span class='divider divider-vert'/></li>
<li><a class='item-primary' href='#'>LINK 1 </a>
<ul style='width:150px;'>
<li><a href='ENDEREÇO DO SEU LINK AQUI'>LINK 1.1</a></li>
<li><a href='ENDEREÇO DO SEU LINK AQUI'>LINK 1.2</a></li>
<li><a href='ENDEREÇO DO SEU LINK AQUI'>LINK 1.3</a></li>
<li><a href='ENDEREÇO DO SEU LINK AQUI'>LINK 1.4</a></li>
<li><a href='ENDEREÇO DO SEU LINK AQUI'>LINK 1.5</a></li>
<li><a href='ENDEREÇO DO SEU LINK AQUI'>LINK 1.6</a></li>
<li><a href='ENDEREÇO DO SEU LINK AQUI;'>LINK 1.7</a></li>
<li><a href='ENDEREÇO DO SEU LINK AQUI;'>LINK 1.8</a></li>
<li><a href='ENDEREÇO DO SEU LINK AQUI;'>LINK 1.9</a></li>
<li><a href='ENDEREÇO DO SEU LINK AQUI;'>LINK 1.10</a></li>
<li><a href='ENDEREÇO DO SEU LINK AQUI;'>LINK 1.11</a></li>
<li><span class='divider divider-horiz'/></li>
<li><a href='ENDEREÇO DO SEU LINK AQUI;'>LINK 1.12</a></li>
<li><a href='ENDEREÇO DO SEU LINK AQUI;'>LINK 1.13</a></li>
</ul></li>
<li><span class='divider divider-vert'/></li>
<li><a class='item-primary' href='#'>LINK 2</a>
<ul style='width:150px;'>
<li><a href='ENDEREÇO DO SEU LINK AQUI'>LINK 2.1</a></li>
<li><a href='ENDEREÇO DO SEU LINK AQUI'>LINK 2.2</a></li>
<li><a href='ENDEREÇO DO SEU LINK AQUI'>LINK 2.3</a></li>
<li><a href='ENDEREÇO DO SEU LINK AQUI'>LINK 2.4</a></li>
<li><a href='ENDEREÇO DO SEU LINK AQUI'>LINK 2.5</a></li>
<li><a href='ENDEREÇO DO SEU LINK AQUI'>LINK 2.6</a></li>
<li><a href='ENDEREÇO DO SEU LINK AQUI;'>LINK 2.7</a></li>
<li><a href='ENDEREÇO DO SEU LINK AQUI;'>LINK 2.8</a></li>
<li><a href='ENDEREÇO DO SEU LINK AQUI;'>LINK 2.9</a></li>
<li><a href='ENDEREÇO DO SEU LINK AQUI;'>LINK 2.10</a></li>
<li><a href='ENDEREÇO DO SEU LINK AQUI;'>LINK 2.11</a></li>
<li><span class='divider divider-horiz'/></li>
<li><a href='ENDEREÇO DO SEU LINK AQUI;'>LINK 2.12</a></li>
<li><a href='ENDEREÇO DO SEU LINK AQUI;'>LINK 2.13</a></li>
</ul></li>
<li><span class='divider divider-vert'/></li>
<li><a class='item-primary' href='#'>LINK 3</a>
<ul style='width:150px;'>
<li><a href='ENDEREÇO DO SEU LINK AQUI'>LINK 3.1</a></li>
<li><a href='ENDEREÇO DO SEU LINK AQUI'>LINK 3.2</a></li>
<li><a href='ENDEREÇO DO SEU LINK AQUI'>LINK 3.3</a></li>
<li><a href='ENDEREÇO DO SEU LINK AQUI'>LINK 3.4</a></li>
<li><a href='ENDEREÇO DO SEU LINK AQUI'>LINK 3.5</a></li>
<li><a href='ENDEREÇO DO SEU LINK AQUI'>LINK 3.6</a></li>
<li><a href='ENDEREÇO DO SEU LINK AQUI;'>LINK 3.7</a></li>
<li><a href='ENDEREÇO DO SEU LINK AQUI;'>LINK 3.8</a></li>
<li><a href='ENDEREÇO DO SEU LINK AQUI;'>LINK 3.9</a></li>
<li><a href='ENDEREÇO DO SEU LINK AQUI;'>LINK 3.10</a></li>
<li><a href='ENDEREÇO DO SEU LINK AQUI;'>LINK 3.11</a></li>
<li><span class='divider divider-horiz'/></li>
<li><a href='ENDEREÇO DO SEU LINK AQUI;'>LINK 1.12</a></li>
<li><a href='ENDEREÇO DO SEU LINK AQUI;'>LINK 1.13</a></li>
</ul></li>
<li><span class='divider divider-vert'/></li>
<li><a class='item-primary' href='#;'>LINK 4</a>
<ul style='width:150px;'>
<li><a href='ENDEREÇO DO SEU LINK AQUI'>LINK 4.1</a></li>
<li><a href='ENDEREÇO DO SEU LINK AQUI'>LINK 4.2</a></li>
<li><a href='ENDEREÇO DO SEU LINK AQUI'>LINK 4.3</a></li>
<li><a href='ENDEREÇO DO SEU LINK AQUI'>LINK 4.4</a></li>
<li><a href='ENDEREÇO DO SEU LINK AQUI'>LINK 4.5</a></li>
<li><a href='ENDEREÇO DO SEU LINK AQUI'>LINK 4.6</a></li>
<li><a href='ENDEREÇO DO SEU LINK AQUI;'>LINK 4.7</a></li>
<li><a href='ENDEREÇO DO SEU LINK AQUI;'>LINK 4.8</a></li>
<li><a href='ENDEREÇO DO SEU LINK AQUI;'>LINK 4.9</a></li>
<li><a href='ENDEREÇO DO SEU LINK AQUI;'>LINK 4.10</a></li>
<li><a href='ENDEREÇO DO SEU LINK AQUI;'>LINK 4.11</a></li>
<li><span class='divider divider-horiz'/></li>
<li><a href='ENDEREÇO DO SEU LINK AQUI;'>LINK 4.12</a></li>
<li><a href='ENDEREÇO DO SEU LINK AQUI;'>LINK 4.13</a></li>
</ul></li>
<li><span class='divider divider-vert'/></li>
<li><a class='item-primary' href='#;'>LINK 5</a>
<ul style='width:150px;'>
<li><a href='ENDEREÇO DO SEU LINK AQUI'>LINK 5.1</a></li>
<li><a href='ENDEREÇO DO SEU LINK AQUI'>LINK 5.2</a></li>
<li><a href='ENDEREÇO DO SEU LINK AQUI'>LINK 5.3</a></li>
<li><a href='ENDEREÇO DO SEU LINK AQUI'>LINK 5.4</a></li>
<li><a href='ENDEREÇO DO SEU LINK AQUI'>LINK 5.5</a></li>
<li><a href='ENDEREÇO DO SEU LINK AQUI'>LINK 5.6</a></li>
<li><a href='ENDEREÇO DO SEU LINK AQUI;'>LINK 5.7</a></li>
<li><a href='ENDEREÇO DO SEU LINK AQUI;'>LINK 5.8</a></li>
<li><a href='ENDEREÇO DO SEU LINK AQUI;'>LINK 5.9</a></li>
<li><a href='ENDEREÇO DO SEU LINK AQUI;'>LINK 5.10</a></li>
<li><a href='ENDEREÇO DO SEU LINK AQUI;'>LINK 5.11</a></li>
<li><span class='divider divider-horiz'/></li>
<li><a href='ENDEREÇO DO SEU LINK AQUI;'>LINK 1.12</a></li>
<li><a href='ENDEREÇO DO SEU LINK AQUI;'>LINK 1.13</a></li>
</ul></li></ul>
Crédito: CSS Menu Generator
1 de mar. de 2008
Menu vertical com tabela descritiva
Passe o mouse sobre o menu para que apareça a tabela descritiva.
Clique em Layout, depois em "Editar HTML". Procure pelo código:
]]></b:skin>
E cole o código que está abaixo sobre (acima) ele.
Atencão: Onde está em vermelho representa as cores do menu, basta troca-las por outra cor.
Passe o mouse
.ul#menutt {
width: 160px;
list-style:none;
font: bold 16px Arial, Verdana, Serif;
}
ul#menutt li{
position:relative;
}
ul#menutt a {
width: 160px;
display: block;
text-align:left;
padding: 5px 10px;
margin-bottom:1px;
text-decoration: none;
color: #000;
background: #E1CAF0;
border-left: 15px solid #C28EE0;
border-right: 4px solid #C28EE0;
voice-family: "\"}\"";
voice-family:inherit;
width:125px;
}
>#pagebody>ul#menutt a {
width:125px;
}
/* Fix IE. Hide from IE Mac \*/
* html ul#menutt li { float: left; height: 1%; }
* html ul#menutt li a { height: 1%; }
/* End */
ul#menutt a:hover {
color: #fff;
background: #EDE1ED;
border-right: 4px solid #CDAFCD;
border-left: 15px solid #CDAFCD;
}
ul#menutt a span {
display: none;
}
ul#menutt a:hover span {
display: block;
position: absolute;
top:0;
left: 160px;
width: 130px;
padding: 30px;
margin-left:8px;
color: #fff;
background:#EDE1ED;
font-size: 10px;
text-align:left;
border:1px solid #000;
}
Agora clique em "Elementos da página", agora clique em "Adicionar elemento de página" e depois em "HTML/Javascript e cole na tabela que abriu o código abaixo colocando seus links. Salve.
<ul id="menutt">
<li>
<a href="ENDEREÇO DO SEU LINK 1">LINK 1
<span>
ESCREVA AQUI O QUE QUISER SOBRE O LINK 1
</span>
</a>
</li>
Não se esqueça de antes de começar salvar uma cópia de seu template, caso não dê certo, é só reinstalá-lo.
Clique em Layout, depois em "Editar HTML". Procure pelo código:
]]></b:skin>
E cole o código que está abaixo sobre (acima) ele.
Atencão: Onde está em vermelho representa as cores do menu, basta troca-las por outra cor.
.ul#menutt {
width: 160px;
list-style:none;
font: bold 16px Arial, Verdana, Serif;
}
ul#menutt li{
position:relative;
}
ul#menutt a {
width: 160px;
display: block;
text-align:left;
padding: 5px 10px;
margin-bottom:1px;
text-decoration: none;
color: #000;
background: #E1CAF0;
border-left: 15px solid #C28EE0;
border-right: 4px solid #C28EE0;
voice-family: "\"}\"";
voice-family:inherit;
width:125px;
}
>#pagebody>ul#menutt a {
width:125px;
}
/* Fix IE. Hide from IE Mac \*/
* html ul#menutt li { float: left; height: 1%; }
* html ul#menutt li a { height: 1%; }
/* End */
ul#menutt a:hover {
color: #fff;
background: #EDE1ED;
border-right: 4px solid #CDAFCD;
border-left: 15px solid #CDAFCD;
}
ul#menutt a span {
display: none;
}
ul#menutt a:hover span {
display: block;
position: absolute;
top:0;
left: 160px;
width: 130px;
padding: 30px;
margin-left:8px;
color: #fff;
background:#EDE1ED;
font-size: 10px;
text-align:left;
border:1px solid #000;
}
Agora clique em "Elementos da página", agora clique em "Adicionar elemento de página" e depois em "HTML/Javascript e cole na tabela que abriu o código abaixo colocando seus links. Salve.
<ul id="menutt">
<li>
<a href="ENDEREÇO DO SEU LINK 1">LINK 1
<span>
ESCREVA AQUI O QUE QUISER SOBRE O LINK 1
</span>
</a>
</li>
<li>
<a href="ENDEREÇO DO SEU LINK 2">LINK 2
<span>
ESCREVA AQUI O QUE QUISER SOBRE O LINK 2
</span>
</a>
</li>
<li>
<a href="ENDEREÇO DO SEU LINK 3">LINK 3
<span>
ESCREVA AQUI O QUE QUISER SOBRE O LINK 3
</span>
</a>
</li>
<li>
<a href="ENDEREÇO DO SEU LINK 4">LINK 4
<span>
ESCREVA AQUI O QUE QUISER SOBRE O LINK 4
</span>
</a>
</li>
<li>
<a href="ENDEREÇO DO SEU LINK 5">LINK 5
<span>
ESCREVA AQUI O QUE QUISER SOBRE O LINK 5
</span>
</a>
</li>
<li>
<a href="ENDEREÇO DO SEU LINK 6">LINK 6
<span>
ESCREVA AQUI O QUE QUISER SOBRE O LINK 6
</span>
</a>
</li>
<li>
<a href="ENDEREÇO DO SEU LINK 7">LINK 7
<span>
ESCREVA AQUI O QUE QUISER SOBRE O LINK 7
</span>
</a>
</li>
<li>
<a href="ENDEREÇO DO SEU LINK 8">LINK 8
<span>
ESCREVA AQUI O QUE QUISER SOBRE O LINK 8
</span>
</a>
</li>
<li>
<a href="ENDEREÇO DO SEU LINK 9">LINK 9
<span>
ESCREVA AQUI O QUE QUISER SOBRE O LINK 9
</span>
</a>
</li>
</ul>
Assinar:
Postagens (Atom)
