bootstrap_bolweb:componenti_principali:top_header

Differenze

Queste sono le differenze tra la revisione selezionata e la versione attuale della pagina.

Link a questa pagina di confronto

Prossima revisione 		Revisione precedente
bootstrap_bolweb:componenti_principali:top_header [2021/09/21 19:20]
127.0.0.1 modifica esterna 		bootstrap_bolweb:componenti_principali:top_header [2021/10/08 10:46] (versione attuale)
Linea 1: Linea 1:
 ======Top Header ====== ======Top Header ======
 E’ composto da due parti:  E’ composto da due parti: 
-  * Elenco puntatola barra utente (sfondo verde con accesso al menu utente) +  * Elenco puntatola barra verde (sfondo verde con accesso al menu utente) 
  
 {{:bootstrap_bolweb:componenti_principali:header_utente.png?600|}} {{:bootstrap_bolweb:componenti_principali:header_utente.png?600|}}
Linea 8: Linea 8:
  
 {{:bootstrap_bolweb:componenti_principali:header_principale.png?600|}} {{:bootstrap_bolweb:componenti_principali:header_principale.png?600|}}
 +
 +Il codice delle due barre deve essere racchiuso nel tag header:
 +
 +<code>
 +<header>
 +   .
 +   .
 +   .
 +</header>
 +</code>
 +
 + 
 +===== Codice barra verde =====
 +<code>
 +<div class="it-header-slim-wrapper px-2">
 +        <div class="container-fluid">
 +          <div class="row">
 +            <div class="col-12">
 +              <div class="it-header-slim-wrapper-content min-height-48">
 +                <a aria-label="Logo Regione Lombardia" class="d-lg-block navbar-brand ml-2" href="home">
 +                  <img src="bolweb/webapp/static/img/logo-regione-bianco.png" alt="Logo Regione Lombardia">
 +                </a>
 +                
 +               
 + <!-- TOP MENU -->
 + <div class="header-slim-right-zone white-border-color- d-none d-md-flex">
 +      
 +      </div>
 + <!-- END TOP MENU -->
 +
 +
 + <!-- NOT LOGGED -->
 + <div class="header-slim-right-zone white-border-color-">
 +   <div class="btn btn-primary btn-icon w-100 btn-rl disabled" aria-disabled="true">
 +     <span class="rounded-icon white-border-color-">
 +       <svg class="icon icon-primary white-color">
 +         <use xlink:href="bolweb/webapp/static/svg/sprite.svg#it-key"></use>
 +       </svg>
 +     </span>
 +     <span class="d-block white-color font-weight-bold"><a href="#" class="noLine change-profile btn-login">Accedi</a> o <a href="#" data-content="register-modal" class="font-weight-light open-common-modal">Registrati</a></span>
 +   </div>
 + </div>
 + <!-- END NOT LOGGED -->
 +
 +             
 +              </div>
 +            </div>
 +          </div>
 +        </div>
 +      </div>
 +</code>
 +
 +
 +===== Codice barra principale =====
 +<code>
 +<div class="it-header-center-wrapper theme-light white-bg px-2">
 +            <div class="container-fluid">
 +              <div class="row">
 +                <div class="col-12">
 +                  <div class="it-header-center-content-wrapper white-bg">
 +                    <div class="it-brand-wrapper">
 +                      <a aria-label="Logo Regione Lombardia" href="/procedimenti/new/bandi/home">
 +                        <img class="d-lg-block" src="/procedimenti/new/static/img/logo-regione.jpg" alt="Bandi online | Regione Lombardia">
 +                        <div class="it-brand-text">
 +                          <p class="service">Bandi online</p>
 +                        </div>
 +                      </a>
 +                    </div>
 +                    <div class="it-right-zone">
 +                      <div class="it-socials d-none d-md-flex">
 +                        &nbsp;
 +                      </div>
 +                      <div class="it-search-wrapper cerca-header">
 +                        <span class="d-block d-lg-none"></span>
 +                        <a title="Cerca un bando" class="search-link d-block d-sm-none rounded-icon white-bg btn-dropdown mr-3" data-toggle="collapse" href=".cerca-collapse" role="button" aria-expanded="false">
 +                          <svg class="icon icon-sm icon-change search-icon">
 +                            <use xlink:href="/procedimenti/new/static/svg/sprite.svg#it-search"></use>
 +                          </svg>
 +                          <svg class="icon icon-sm icon-change close-icon d-none">
 +                            <use xlink:href="/procedimenti/new/static/svg/sprite.svg#it-close-big"></use>
 +                          </svg>
 +                        </a>
 +                        <form action="/procedimenti/new/bandi/bandiByTitolo" method="get" class="search_generico_form w-100">
 +                          <div class="ml-auto collapse py-3 cerca-collapse w-100 only-mobile-px-sm-3">
 +                         <div class="input-group">
 +                           <label for="search_generico_text" class="sr-only active" style="transition: none 0s ease 0s;">Cerca un bando</label>
 +                           <input id="search_generico_text" name="titolo" type="text" class="form-control search_generico_text" placeholder="Cerca un bando" aria-label="Cerca un bando">
 +                           <div class="input-group-append">
 +                             <button class="btn btn-outline-secondary search_generico_bnt" type="submit" aria-label="Cerca un bando">
 +                               <svg class="icon icon-sm">
 +                                 <use xlink:href="/procedimenti/new/static/svg/sprite.svg#it-search"></use>
 +                               </svg>
 +                             </button>
 +                           </div>
 +                         </div>
 +                          </div>
 +                        </form>
 +                      </div>
 +                    </div>
 +                  </div>
 +                </div>
 +              </div>
 +            </div>
 +          </div>
 +</code>
 +
  • bootstrap_bolweb/componenti_principali/top_header.1632252022.txt.gz
  • Ultima modifica: 2021/10/08 10:46
  • (modifica esterna)