Jump to content

Question

2 answers to this question

Recommended Posts

  • 0
Posted
  • Mergi in ACP > Pages > Blocks; aici poți să creezi un block sau o categorie care să conțină alte block-uri ș.a.m.d -- eu mi-am creat o categorie cu numele „custom” iar in el am adăugat un block numit „social”. https://imgur.com/a/k8YQp --- după asta apăsăm pe butonul de „add” ca să adaugăm un block nou. după asta o să te pună să alegi ce fel de block vrei, noi alegem direct „custom block” cu „manual HTML”: https://imgur.com/a/c0hW1 --- in pasul următor sunt chestii basic pe care nu este nevoie să le arăt. După ce ai făcut toate chestiile alea, dai sus in stânga pe „content” și adaugi codul următor:
<section class="mainWrapper">
  <div class="socialBlock">
    <a href="#">
      <i class="fa fa-facebook" aria-hidden="true"></i> <p>Facebook</p>
    </a>
  </div>
  
  <div class="socialBlock">
    <a href="#">
      <i class="fa fa-youtube-play" aria-hidden="true"></i> <p>Youtube</p>
    </a>
  </div>
</section>

<style>
  .mainWrapper {
    width: 100%;
    background: #eaeaea;
    position: relative;
    padding: 1%;
    float: left;
}
  .socialBlock {
    width: 50%;
    background: #dadada;
    float: left;
    display: inline-block;
    padding: 1% 0%;
    border-right: 5px solid #c5c5c5;}
  
  .socialBlock .fa {
    text-align: center;
    display: block;
}
  
  .socialBlock a p {
    text-align: center;
    font-weight: bold;
    font-size: 20px;
    margin: 5px;
}
</style>
  • După ce ai făcut, mergem pe pagina principală (să dai refresh la pagină) și apăsăm pe butonul de gestionat block-urile in sidebar/ footer/ header și mergem in Pages > Custom blocks și il punem unde vrei - in cazul meu in header; după chestia asta o să fi nevoit să mai faci 2 pași: dai pe EDIT și selectăm Social: https://imgur.com/a/XQKNU 
  • Previewhttps://imgur.com/a/W9oOT ---- daca ai probleme, contacteaza-ma.

// Se mai intâmplă ca block-ul, dacă e să faci ceva modificări, să nu se actualizeze când dai refresh la pagină. Soluția? Ștergi block-ul și il re-adaugi din nou și merge ca inainte.

// Block-ul de sus este pur și simplu un exemplu. Ți-l modifici după placut tău.

Guest
This topic is now closed to further replies.
  • Recently Browsing   0 members

    • No registered users viewing this page.
×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue.