joi, august 5, 2021
Plugin Install : Cart Icon need WooCommerce plugin to be installed.
Plugin Install : Cart Icon need WooCommerce plugin to be installed.

Cum adaug un footer cu 3 coloane

colum footer

Daca ti-ai creat deja blogul si ai ales un template care nu dispune de un footer in care poti adauga widgeturi, atunci urmeaza pasii de mai jos pentru a adauga un astfel de footer blogului tau!

  1. Te conectezi la Contul de Blogger, selectezi Design si apoi Editati HTML;
  2. Pentru orice eventualitate, fa o copie de siguranta a blogului;
  3. Cauta (CTRL + F) in sablonul blogului, linia unde este declarat footerul actual al blogului. Ar trebui sa gasesti ceva asemanator:

    [alert status=”info”]

    >[/alert]

  4. Daca ai continut (text, imagini, etc) in footer, codul de mai sus ar trebui sa fie mai lung. Elementul care inchide footerul este

;

  • Copiaza codul de mai jos si apoi adauga-l imediat dupa
  • – ul care inchide footerul:[alert status=”info”]

    >[/alert]

  • Copiaza codul de mai jos si adauga-l in sectiunea CSS a blogului, inainte de ]]>;

    [alert status=”info”]/* CSS Footer cu 3 coloane (www.websitexxl.ro) */

    #new-footer-wrapper background: #fff; margin: 0 auto;width:98%; padding: 0 10px 10px 0;#column1-wrapper, #column2-wrapper, #column3-wrapper float: left; display:inline-block; width: 33%;padding: 0px 0px 0px 0px; text-align: left; word-wrap: break-word; overflow: hidden;.new-footer h2 margin: 0px 0px 0px 0px; padding: 4px 10px 4px 10px; text-align: left; color: #222222; background: #C1C298; font-weight: bold;font-size: 0.9em;.new-footer .widget margin: 10px 0 0 10px; border: 1px solid #F1F5CA; background: #F7FCDF;.new-footer .widget-content padding: 0px 5px 5px 5px;.new-footer ul list-style-type:square; margin-left:15px;

    /* CSS Footer cu 3 coloane (www.websitexxl.ro) */>[/alert]
  • Salveaza si apoi apasa pe Elemente de pagina, unde ar trebui sa vezi cele 3 containere ale footerului;footer cu 3 coloane
  • Acum poti adauga ce widgeturi vrei in oricare din cele 3 coloane ale footerului
  • Prin adaugarea noului footer, cu cel “vechi” nu se va intampla nimic, cel nou, o sa fie pozitionat sub cel vechi. Daca doresti poti sa-l inlocuiesti pe cel vechi cu cel nou.

    Daca nu te descurci lasa un comentariu pentru a te ajuta 🙂

    Next Post

    Faci un comentariu sau dai un răspuns?

    Adresa ta de email nu va fi publicată. Câmpurile obligatorii sunt marcate cu *

    Welcome Back!

    Login to your account below

    Retrieve your password

    Please enter your username or email address to reset your password.