Jump to content

Recommended Posts

Senhores, me ajudem pelo amor de Deus!!!

Estou montando uma "Base de Documentos" onde eu trabalho. Essa base é dividida por tipo de Documento (CNH/RG/OUTROS) e ano de expedição (2019/2018/2017...). As máscaras principais (HOME's) já foram feitas, o problema é que não consigo vincular esses botões dos anos em DIV's diferentes.

Alguém, em nome de Jesus Cristo, me ajuda a criar uma regra que, ao clicar no ano 2018,  doc aparece na DIV ao lado com a barra de ZOOM??? Porque eu já estou ficando louco!!!

 

                                                                    <!-- CÓDIGO DO SITE -->

<!DOCTYPE html>
<html>
<head>

<meta charset="utf-8">
<link rel="stylesheet" href="estilo.css" />
   
                                              <title>ACRE - RG</title>
</head>


<body>

                    <!-- CABEÇALHO COM MENUS -->

<header>

<div class="container">
    <div class="zoom">
        <img src="logo.png" class="img-responsive" height="95px" width="130px" border="2px">
    
          <div id="menu">
              <a href="file:///C:/Users/Info-pc/Desktop/Base%20Documental/Base%20Documental.html">HOME</a>
              <a href="file:///C:/Users/Info-pc/Desktop/Base%20Documental/RG.html">RG</a>
              <a href="file:///C:/Users/Info-pc/Desktop/Base%20Documental/CNH.html">CNH</a>
              <a href="file:///C:/Users/Info-pc/Desktop/Base%20Documental/OUTROS.html">OUTROS</a>
          </div>

    </div>
</div>

</header>

 

    <!-- O CORPO DO SITE -->

<div class="container2">

<fieldset>
<center><h2><i> Estado do ACRE - RG</i></h2></center>
</fieldset>

</div>


<div class="container3">

                                           <!-- COLUNA DOS ANOS -->


  <div class="container4">

     <div class="col-lg-2 col-md-2 col-sm-2">

       <div style="height: calc(100vh - 230px); overflow-y: scroll; overflow-x: hidden; right: 16px">

         <div class="btn-group-vertical" role="group" aria-label="..."

             <div class="zoom">


                    <button class="btn ng-scope btn-default" ng-class="{'btn-primary': analyser.selectedDocModel.guid === docModel.guid, 'btn-default': analyser.selectedDocModel.guid !== docModel.guid}" ng-repeat="docModel in analyser.filteredDocModels" ng-click="analyser.selectDocModel(docModel)" ng-show-img="areaimagem" style="-webkit-user-drag: none" class="ng-scope" img src="AM.01.jpg" class="img-responsive" href="AM.01.jpg" size="80%">

                                        <small class="ng-binding">RG</small>

                                        <br>

                                        <small class="ng-binding">AM- 2019</small>

                                    </button>

                   
                                    </div>

                                </div>
                            </div>

                        </div>

                    </div>

 


    <!-- O RODAPÉ Do SITE -->


<footer>
        <span> <b>BASE DOCUMENTAL</b> - &copy;<i>Leandro do Nascimento Martins</i></span>
</footer>
</div>
</div>
</div>

     
</body>
</html>

 

 

 

                                                                       <!-- ARQUIVO ESTILO.CSS -->

/* PADRÃO CSS */


/* eliminando configurações dos browsers*/

* {margin: 0;    padding: 0;    font-family: verdana, helvetica, arial;}


/* TODAS AS TAG's DECLARADAS */ /* PARA UMA "TAG - PARTE" NORMAL, USA-SE APENAS O NOME */

p {color: silver;    font-size: 15px;    text-align: center;    font-family: arial, "Times new roman";    text-shadow: 1px 1px 1px #111111;}


body {background-color: #E8E8E8;    width: 100%;}


header {background-color: #08298A;    height: 100px;    padding: 2px;    width: 100%;}


footer   {clear: both;    color: white;    background-color: #08298A;    height: 40px;    text-align: center ;    padding: 10px;    text-shadow: 1px 1px 1px black;}


h1 {color: SILVER;    text-align: center;    margin: 0 0 50px 0;    text-shadow: 2px 2px 2px #111111;}

h2 {color: SILVER;    text-align: center;    margin: 5px 0 5px 0;    text-shadow: 2px 2px 2px #111111;}

 

/* TODAS AS  ID's */    /* PARA "IDENTIFICAÇÃO - ID" DA DIV USA-SE  .#. HASHTAG  */

#div_principal {background-color: white;    clear: both;    background-size: 65%;    min-height: 485px;    padding: 40px 0 40px 0;    margin: 1% 1% 1% 1%;    width: 100%;}

#logo {float: left;    margin: 0 20px 0 10px;}

#menu {float: right;    margin-top: 40px;    text-transform: uppercase;}

#menu a {padding: 32px 20px;    text-decoration: none;    color: white;    border-radius: 20px;    border-top-right-radius: 20px;    border-bottom-left-radius: 20px;    cursor: pointer;    transition: background-color 1s;}

#menu a:hover {background-color: white;    color: black;}
#btn-default {text-decoration: none;}


/* CLASS */ /* PARA CLASSES-CONTAINER's DIFERENTES USA-SE O PONTO  .  */

.efeito {background-color: rgba(0, 0, 0, 0.3);    padding: 100px 0 100px 0;}

.container {width: 100%; /* largura */    margin: auto; /* ajuste automatico independente de resolução*/}


.container2 {width: 97%; /* largura */    margin: auto; /* ajuste automatico independente de resolução*/    background-color: white;}

.container3 {width: 95%;    margin: auto;    background-color: #FFFAFA;    clear: both;}

.container4 {width: 10%;    float: left;    background-color: #FFFAFA;    clear: both; }

.container5 {background-color: ;     float: left;}

.col-lg-2 {width: 95%; }

.col-md-2 {width: 50px;}

.col-sm-2  { width: 79px;}

.col-lg-10  { width: 80%; }

Viaualização.jpg

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

  • Similar Content

    • By VitinhoBBK
      Seguinte, estou tentando criar um jogo da velha mas e está causando um erro ao compilar, aparece um erro dizendo->|error: cannot convert 'char (*)[3]' to 'char*' for argument '1' to 'bool verificaX(char*)', alguem sabe como posso resolver ???! (Aparentemente não ta dando pra armazenar o endereço do vetor casas dentro do ponteiro das funções...

      Obs: Aceito sugestões para melhorar meu código, grato.(Ignorem as bibliotecas inúteis)
       
       
      #include <iostream> #include <stdio.h> //Para função gets #include <stdlib.h> //Para função malloc #include <math.h> #include <iomanip> //JOGO DA VELHA using namespace std; int jogadas=0; bool verificaX(char *vetor); bool verificaO(char *vetor); int main(){ char casas[3][3]={' ',' ',' ',' ',' ',' ',' ',' ',' '}; int l=0,c=0; while(jogadas<9){ cout << "\t\t" << casas[0][0] << " | " << casas[0][1] << " | " << casas[0][2] << "\n"; cout << "\t\t_________\n"; cout << "\t\t" << casas[1][0] << " | " << casas[1][1] << " | " << casas[1][2] << "\n"; cout << "\t\t_________\n"; cout << "\t\t" << casas[2][0] << " | " << casas[2][1] << " | " << casas[2][2] << "\n\n\n"; cout << "Digite uma linha: "; cin >> l; cout << "Digite uma coluna: "; cin >> c; while(l<=0 || c <=0 || l>3 || c>3){ system("cls"); cout << "Linha ou Coluna não existe!"; cout << "Digite uma linha: "; cin >> l; cout << "Digite uma coluna: "; cin >> c; } system("cls"); if(jogadas%2==0){ casas[--l][--c]='X'; }else{ casas[--l][--c]='O'; } jogadas++; verificaX(casas); verificaO(casas); } if(verificaX){ cout << "Jogador X ganhou!"; }else if(verificaO){ cout << "Jogador O ganhou!"; }else{ cout << "Empate!"; } return(0); } bool verificaX(char *vetor){ int l,c; for(l=0;l<3;l++){ if(vetor[l][0] && vetor[l][1] && vetor[l][2] == 'X'){ jogadas=10; return true; }else if(vetor[0][c] && vetor[1][c] && vetor[2][c] == 'X'){ jogadas=10; return true; } c++; } return 0; } bool verificaO(char *vetor){ int l,c; for(l=0;l<3;l++){ if(*vetor[l][0]=='X' && *vetor[l][1]=='X' && *vetor[l][2] == 'X'){ jogadas=10; return o=true; }else if(*vetor[0][c]=='X' && *vetor[1][c]=='X' && *vetor[2][c] == 'X'){ jogadas=10; return o=true; } c++; } return 0; }
    • By Mewmew
      Bom dia!
       Teria como alguém me ajudar? 
      Sou bem iniciante nos códigos e acabou me surgindo uma duvida/problema a qual estou tentando resolver desde hoje cedo...
       
       Preciso criar um contêiner dentro de outro contêiner igual a imagem 1.
       
      Só que ele está ficando igual a imagem 2.
       
       Estou utilizando o bootstrap para tentar arrumar isso de uma forma que também traga a responsividade. 
      Basicamente eu criei um container fluid e dentro dele tinha outro container, só que não estou conseguindo posicionar ambos corretamente! 
       



    • By BRadical
      Bom dia galera, antes de começar já vou dizendo que sou praticamente "nub" nessa área, apenas tenho ideias e dificuldades para coloca-las em prática, hehe...
      Como faço parte de uma empresa que envia várias mensagens via whatsapp para clientes tento evitar ao máximo a "perda de tempo", por isso tenho o aplicativo "Abrir no whatsapp" direto no telefone, daí pensei, porque não utilizar essa ferramenta no navegador? há essa possibilidade através do link que o whatsapp web disponibiliza, assim:
      https://web.whatsapp.com/send?phone=+5528999998888 . É a mesma coisa para abrir qualquer celular sem adicionar na agenda basta colocar o link https://web.whatsapp.com/send?phone=+ depois o código do país depois o DDD do estado e o telefone:, era isso que eu queria fazer:
      Imagem no que eu queria fazer-> https://i.imgsafe.org/98/98d749184e.jpeg
       
      A primeira janela iria colocar o código do país, a segunda o número do telefone e após iria clicar em abrir e iria abrir direto o link já editado com o ddd e o celular, alguém poderia me ajudar com isso?
    • By KABEst
      boa noite, é meu primeiro post aqui, eu preciso de ajuda pra colocar um "churrascômetro" no meu site do wordpress, nao tenho noçao nenhuma de como fazer isso, alguem pode me dar um norte? é pra um trabalho da faculdade. obrigado

      exemplo de como eu quero fazer:
      http://www.epa.com.br/churrascometro/
    • By marcelobbt
      Estava tentando criar um leiaute com o formato GRID, mas me deparei com um problema. Não consigo colocar DIV dentro de uma DIV do leiaute do GRID.
       
      Queria saber como faço isso. Abaixo segue exemplo onde no div "col2" queria colocar duas div, uma do lado da outra:
       
      CSS
      .gridcontainer { display: grid; justify-content: center; grid-template-columns: 1fr 3fr 3fr 3fr 1fr; grid-gap: 3px; } .gridcontainer > div { /*text-align: center;*/ padding: 10px; /*font-size: 20px;*/ } .esquerda { grid-row: 1 / 5; } .direita { grid-row: 1 / 5; grid-column: 5 / 5; } .principal { grid-column: 2 / 5; background-color: #ffffff; padding-left: 10px; } HTML
      <div class="gridcontainer"> <div class="principal"> <p>texto</p> </div> <div class="col1"> <p>texto</p> </div> <div class="col2"> <div class="esquerda"> <img src="..."> <p>Imagem legenda</p> </div> <div class="direita"> <p>Texto</p> </div> </div> </div>  
       
       
×

Important Information

Ao usar o fórum, você concorda com nossos Terms of Use.