Mudanças entre as edições de "Página principal"

De wiki.eliteSoft.com.br
Ir para: navegação, pesquisa
m (Protegido "Página principal" ([Editar=Permitir apenas administradores] (indefinidamente) [Mover=Permitir apenas administradores] (indefinidamente)))
 
(500 revisões intermediárias por 10 usuários não estão sendo mostradas)
Linha 1: Linha 1:
<html>
+
<div style="background-color: #154289; box-shadow: 0 1rem 3rem rgba(0,0,0,.175)!important; border-radius: 10px;">
<head>
+
<div style="padding-top:15px">
<title>Abas</title>
+
<div
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
+
style="background-color: rgba(255, 255, 255, 0.7); border-radius: 5px; text-align: center; margin-left: 15px; margin-right: 15px; padding-top: 5px; padding-bottom: 5px;">
<style type="text/css">
+
<span style="font-size: 15px;font-weight: bold; color: rgba(0, 0, 0, 0.7);"> "CHANGELOG 6.06.00" - ESTÁ EM DESENVOLVIMENTO.<br></span>
<!--
+
</div>
.unsel {
+
</div>
  border-bottom-width: thin;
+
<div style="padding-top:20px;">[[Arquivo:DEV-LOGO.png|center|250px|link=Modulo_Web]]</div>
  border-bottom-style: solid;
+
<div
  border-bottom-color: #0000FF; <!-- Cor da borda da aba -->
+
style="padding-top:50px; padding-left:20%; padding-right:20%; color:white; text-align:justify; font-size:14px; font-weight:bold;">
  font-style: normal;
+
A Wiki da EliteSoft é um site institucional da empresa que contém páginas interligadas onde os próprios
}
+
colaboradores realizam um trabalho colaborativo e que está em constante expansão. É também um repositório de
.sel {
+
procedimentos, tutoriais, melhorias, funcionalidades e vídeos do ISP-Integrator para que se possa utilizar o
  border-top-width: thin;
+
sistema, facilitando o processo de aprendizagem.
  border-right-width: thin;
+
</div>
  border-bottom-width: 0px;
+
<div style="padding-top:50px;">
  border-left-width: thin;
+
<table style=" width:100%;">
  border-top-style: solid;
+
<tr style="   display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; justify-content: center !important;">
   border-right-style: solid;
+
<th style="padding-left: 75px; padding-right: 75px;">[[Arquivo:desktop-icon.png|75px|link=Desktop]]
  border-bottom-style: none;
+
<br><span style="color:#ffff">DESKTOP</span></th>
  border-left-style: solid;
+
<th style="padding-left: 75px; padding-right: 75px;">[[Arquivo:mobile-icon.png|75px|link=Mobile_Central]]
  border-top-color: #0000FF;<!-- cor da borda da aba-->
+
<br><span style="color:#ffff">MOBILE</span></th>
  border-right-color: #0000FF;<!-- cor da borda da aba-->
+
<th style="padding-left: 75px; padding-right: 75px;">[[Arquivo:web-icon.png|75px|link=Modulo_Web]]
  border-left-color: #0000FF;<!-- cor da borda da aba-->
+
<br><span style="color:#ffff">WEB</span></th>
  font-weight: bold;
+
</tr>
  background-color: #66CCFF;<!-- cor de fundo-->
+
</table>
}
+
</div>
.divsel {
+
<div style=" padding-top:100px; ">
  visibility: visible;
+
<table style="background-color: #ffff; width:100%; font-size: 10px; font-weight: bold;">
  position: absolute;
+
<tr style="   display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; justify-content: center !important;">
   left: 10px;<!-- distância do conteúdo em relação à esquerda do browser-->
+
<th style="padding-left: 25px; padding-right: 25px;">
  top: 57px;<!-- distância do conteúdo em relação ao topo-->
+
[[Arquivo:bar-changelog.png|45px|link=https://central.elitesoft.com.br/changelog]]<br><span
  height: 520px;<!-- altura do conteúdo-->
+
style="color:#154289">Changelog</span></th>
  width: 984px;<!-- largura do conteúdo-->
+
<th style="padding-left: 25px; padding-right: 25px;">
  background-color: #66CCFF;<!-- cor de fundo do conteúdo-->
+
[[Arquivo:bar-faq-web.png|45px|link=Modulo_Web_-_FAQ]]<br><span style="color:#154289">FAQ-Web</span></th>
  right: 10px;
+
<th style="padding-left: 25px; padding-right: 25px;">
  bottom: 10px;
+
[[Arquivo:bar-faq-desk.png|45px|link=Modulo_Desktop_-_FAQ]]<br><span
}
+
style="color:#154289">FAQ-Desk</span></th>
 
+
<th style="padding-left: 25px; padding-right: 25px;">
.divunsel {
+
[[Arquivo:bar-videos.png|45px|link=Capacitação_ISP_Integrator]]<br><span
  visibility: hidden;
+
style="color:#154289">Tutoriais</span></th>
}
+
<th style="padding-left: 25px; padding-right: 25px;">
-->
+
[[Arquivo:bar-cast.png|45px|link=EliteCast]]<br><span style="color:#154289">Elite Cast</span></th>
</style>
+
<th style="padding-left: 25px; padding-right: 25px;">
</head>
+
[[Arquivo:bar-consultoria.png|45px|link=Consultoria]]<br><span
 
+
style="color:#154289">Consultoria</span></th>
<body>
+
<th style="padding-left: 25px; padding-right: 25px;">
<div align="center" id="aba">
+
[[Arquivo:bar-contatos.png|45px|link=Contatos]]<br><span style="color:#154289">Contatos</span></th>
  <script language="JavaScript">
+
<th style="padding-left: 25px; padding-right: 25px;">
      function sel(idaba){
+
[[Arquivo:Integracao.png|45px|link=Integrações_com_o_Integrator]]<br><span style="color:#154289">Integrações</span></th>
        var aba=document.getElementById(idaba);
+
</tr>
        var nAbas="5"; <!-- colocar o número de abas  1-->
+
</table>
        for(var i="1";i<nAbas;i++){
+
</div>
            var id="aba"+i;
+
<div style=" padding-top:100px; padding-left: 30px; padding-right: 30px;">
            document.getElementById(id).className="unsel";
+
<div style="   display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; justify-content: center !important;">
        }
+
<div style="width: 50%; font-size: 10px; font-weight: bold;">
        aba.className="sel";
+
<span style="color: #ffff;">Certificações:</span><br><br>
       
+
[[Arquivo:certificado1.png|65px]]
        for(var u="1";u<nAbas;u++){
+
[[Arquivo:certificado2.png|45px]]
            var idt="textaba"+u;
+
[[Arquivo:certificado4.png|135px]]
            document.getElementById(idt).className="divunsel";
+
[[Arquivo:certificado5.png|85px]]
        }
+
[[Arquivo:certificado6.png|85px]]
        var iddiv="text"+idaba;
+
</div>
        document.getElementById(iddiv).className="divsel";
+
<div style="width: 50%; text-align: right; padding-top: 50px;">
      }
+
[[Arquivo:icone-facebook.png|40px|link=https://www.facebook.com/elitesoft/]]
  </script>
+
[[Arquivo:icone-instagram.png|40px|link=http://www.instagram.com/elite.soft]]
  <table width="100%" border="0" align="center" cellspacing="0" id="t_abas">
+
[[Arquivo:icone-linkedin.png|40px|link=http://www.linkedin.com/company/elitesoftinformatica]]
      <tr id="tr_abas">
+
[[Arquivo:icone-youtube.png|40px|link=https://www.youtube.com/user/elitesoft2004]]
        <td width="16,67%" class="unsel">&nbsp;</td>
+
</div>
        <td id="aba1" width="16,67%" class="sel" onClick="sel(this.id)">Aba 1</td><!-- colocar as abas aqui. Cuidado para não mudar as id das abas: formata: aba+número. ver exemplo-->
+
</div>
        <td id="aba2" width="16,67%" class="unsel" onClick="sel(this.id)">Aba 2</td>
+
</div>
        <td id="aba3" width="16,67%" class="unsel" onClick="sel(this.id)">Aba 3</td>
 
        <td id="aba4" width="16,67%" class="unsel" onClick="sel(this.id)">Aba 4</td>
 
        <td width="16,67%" class="unsel">&nbsp;</td>
 
      </tr>
 
  </table>
 
 
</div>
 
</div>
<div id="textaba1" class="divsel">Conteúdo da aba1 aqui</div><!-- colocar aqui o conteúdo das abas. Atenção para seguir o mesmo modelo de id.-->
 
<div id="textaba2" class="divunsel">Conteúdo da aba2 aqui</div>
 
<div id="textaba3" class="divunsel">Conteúdo da aba3 aqui</div>
 
<div id="textaba4" class="divunsel">Conteúdo da aba4 aqui</div>
 
</body>
 
</html>
 

Edição atual tal como às 12h21min de 1 de março de 2024

"CHANGELOG 6.06.00" - ESTÁ EM DESENVOLVIMENTO.

DEV-LOGO.png

A Wiki da EliteSoft é um site institucional da empresa que contém páginas interligadas onde os próprios colaboradores realizam um trabalho colaborativo e que está em constante expansão. É também um repositório de procedimentos, tutoriais, melhorias, funcionalidades e vídeos do ISP-Integrator para que se possa utilizar o sistema, facilitando o processo de aprendizagem.

Desktop-icon.png
DESKTOP
Mobile-icon.png
MOBILE
Web-icon.png
WEB
Bar-changelog.png
Changelog
Bar-faq-web.png
FAQ-Web
Bar-faq-desk.png
FAQ-Desk
Bar-videos.png
Tutoriais
Bar-cast.png
Elite Cast
Bar-consultoria.png
Consultoria
Bar-contatos.png
Contatos
Integracao.png
Integrações

Certificações:

Certificado1.png Certificado2.png Certificado4.png Certificado5.png Certificado6.png

Icone-facebook.png Icone-instagram.png Icone-linkedin.png Icone-youtube.png