Posted by NTE MARABÁ on sexta-feira, 10 de maio de 2013

No período de 22 de abril a 07 de maio, o NTE Marabá em parceria com o DTE, realizou o Curso de Introdução à Educação Digital, turma E.M.E.F. José Mendonça Vergolino-Marabá Pioneira.

No Comments

Curso de Introdução à Educação Digital, turma Mendonça Vergolino

Posted by NTE MARABÁ on quinta-feira, 9 de maio de 2013

No Comments

Material Oficina de Atualização em Blogs

Posted by NTE MARABÁ on quinta-feira, 16 de setembro de 2010

Para efetuar o download dos slides basta clicar no link e será direcionado para a página do 4Shared, logo após basta esperar alguns segundos e clicar e efetuar o download.

Mapa do Blog

HTML e Menu Horizontal


Nova Área "Design" do Blog

Botões de Compartilhamento em Redes Sociais

Estatísticas

Técnicas de SEO

No Comments

Botões de Compartilhamento em Redes Sociais

Posted by NTE MARABÁ on quarta-feira, 8 de setembro de 2010

Procure as tags:

<div class='post-body entry-content'>
<data:post.body/>
<div style='clear: both;'/> <!-- clear for photos floats -->
</div>

Cole o código a seguir antes das tags acima


<!-- Botoes Sharebutton Blogger inicio -->
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div style='float: right; margin: 5px 2px 10px 10px'>

<div class='post-share-buttons'>
<b:include data='post' name='shareButtons'/>

</div></div>
</b:if>
<!-- Botoes Sharebutton Blogger final -->

No Comments

Google Analytics

Posted by NTE MARABÁ on terça-feira, 7 de setembro de 2010

Aprenda como utilizar o Google Analytics no seu blog através desse tutorial produzido pelo Marcos Lemos no Blog Ferramentas Blog

http://www.ferramentasblog.com/2008/09/3-contador-de-visitas-e-outras-anlizes.html

No Comments

Menu Horizontal

Posted by NTE MARABÁ on sexta-feira, 3 de setembro de 2010



Para adicionar um menu Horizintal com Menus e Submenus basta inserir o código abaixo e modificar os links e as cores.

Adicione antes de     ]]>

/* NavbarMenu
--------------------------- */
#NavbarMenu {
 background: #555 url(http://lh5.ggpht.com/_Day1TURGT6o/TAxnQjZyhvI/AAAAAAAAAG8/_hhNxxR1HBU/s800/menu_backgr.png);
 width: 100%;
 height: 35px;
 font-size: 12px;
 font-family: Arial, Tahoma, Verdana;
 color: #FFF;
  font-weight: normal;
 margin: 0;
 padding: 0;
text-transform: capitalize;
text-decoration:none;

}
#NavbarMenuleft {
 width: 100%;
 float: left;
 margin: 0;
 padding: 0;
}
#nav {
 margin: 0;
 padding: 0;
}
#nav ul {
 float: left;
 list-style: none;
 margin: 0;
 padding: 0;
}
#nav li {
 list-style: none;
 margin: 0;
 padding: 0;
}
#nav li a, #nav li a:link, #nav li a:visited {
 color: #FFF;
 display: block;
 font-size: 16px;
 font-family: Georgia, Times New Roman;
 font-weight: normal;
 text-transform: capitalize;
text-decoration:none;
 margin: 0;
 padding: 9px 15px 8px;
border-right: 1px solid #fff;


}
#nav li a:hover, #nav li a:active {
 background: #8FBC8F;
 color: #FFF;
 margin: 0;
 padding: 9px 15px 8px;
 text-decoration: none;


}
#nav li li a, #nav li li a:link, #nav li li a:visited {
 background: #209168;
 width: 150px;
 color: #FFF;
 font-size: 14px;
 font-family: Georgia, Times New Roman;
 font-weight: normal;
 text-transform: capitalize;
 text-decoration:none;
 float: none;
 margin: 0;
 padding: 7px 10px;
 border-bottom: 1px solid #FFF;
 border-left: 1px solid #FFF;
 border-right: 1px solid #FFF;
}
#nav li li a:hover, #nav li li a:active {
 background: #8FBC8F;
 color: #FFF;
 padding: 7px 10px;
}
#nav li {
 float: left;
 padding: 0;
}
#nav li ul {
 z-index: 9999;
 position: absolute;
 left: -999em;
 height: auto;
 width: 170px;
 margin: 0;
 padding: 0;
}
#nav li ul a {
 width: 140px;
}
#nav li ul ul {
 margin: -32px 0 0 171px;
}
#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
 left: -999em;
}
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {
 left: auto;
}
#nav li:hover, #nav li.sfhover {
 position: static;
}
 

Adicione o código abaixo  abaixo da Tag que vem após o Título do seu Blog.



<!-- Page -->
    <div id='NavbarMenu'>
<div id='NavbarMenuleft'>
<ul id='nav'>
<li><a expr:href='data:blog.homepageUrl'>Página Inicial</a></li>
<li>
 <a href='#'>Link1</a>
<ul>
<li><a href='ENDEREÇO DO SEU SUBLINK AQUI'> SUBLINK 1</a></li>
 <li><a href='ENDEREÇO DO SEU SUBLINK AQUI'> SUBLINK 2</a></li>
  </ul>
 </li>
<li><a href='ENDEREÇO DO SEU LINK AQUI'>Link2</a>
<ul>
 <li><a href='ENDEREÇO DO SEU SUBLINK AQUI'>Sublink1</a></li>
 <li><a href='ENDEREÇO DO SEU SUBLINK AQUI'> Sublink2</a></li>
 </ul>
</li>
 <li><a href='ENDEREÇO DO SEU LINK AQUI'> LINK 3</a>
<ul>
 <li><a href='ENDEREÇO DO SEU SUBLINK AQUI'> SUBLINK 1</a></li>
 <li><a href='ENDEREÇO DO SEU SUBLINK AQUI'> SUBLINK 2</a></li>
</ul>
</li>
<li><a href='ENDEREÇO DO SEU LINK AQUI'> LINK4 </a></li>
<li><a href='ENDEREÇO DO SEU LINK AQUI'> LINK 5</a></li>
</ul>
</div>
   </div>
 <div style='clear:both;'/>

    <!-- /Page -->



Modifique os links e cores, para encontrar o código de outras cores basta visualizar essa tabela de cores HTML

No Comments

Evento de Premiação 1º Concurso de Blogs NTE Marabá

Posted by NTE MARABÁ on sexta-feira, 16 de outubro de 2009

O 1º Concurso de Blogs do NTE Marabá, foi excelente. Pessoas que mal tinham conhecimento em informática agora passaram a ser "Blogueiros", produtores de conteúdo da melhor qualidade.
A premiação ocorreu no auditório da Escola José Mendonça Vergolino e ficou marcada pela presença intensa dos alunos. Parabéns a todos que participaram e os Blogs do Acy e Projetos Educacionais fiquem sabendo que no que depender do NTE Marabá, vocês serão campeões estaduais. Até o ano que vem com o 2º Concurso de Blogs do NTE Marabá.
Veja algumas imagens e uma reportagem sobre o evento. E claro não deixem de comentar...





1 Comment