Forum

Scris: **Lun Oct 10, 2016**

Salut vreau sa imi fac un website care sa fie optimizat si pentru telefon.
Folosind bootstrap (getbootstrap.com) am facut un mediu header foarte dragut optimizat pentru telefon.
Mai jos vreau sa am 2 meniuri (Principal si secundar) ca in imaginea de mai jos :
Imagine

Ma poate ajuta si pe mine cineva sau macar intruma catre un tutorial? Raman recunoscator.

Scris: **Lun Oct 10, 2016**

Salut
Poti sa aplici la elementele din pagina setari css diferite, in functie de rezolutie.
In zona <head> a codului html se adauga acest <meta>:

Cod: Selectaţi tot

<meta name="viewport" content="width=device-width, initial-scale=1" />

Iar codul css poate fi asa:

Cod: Selectaţi tot

/* setari css pentru descktop .. */

@media screen and (max-width: 600px) {

/* adauga /modifica setari css pt rezolutie mai miica de 600px */

}

- Poti cauta si pe net: "tutorial responsive design".

Scris: **Lun Oct 31, 2016**

Daca doresti sa utilizezi bootstrap, atunci tre sa ai aproximativ urmatoarea structura:

Cod: Selectaţi tot

<div class="container">
  <div class="row" style="outline: 1px solid #f00;">
    <div class="col-xs-12 col-md-9" style="outline: 1px solid #00f;">Continut pagina printipala</div>
    <div class="col-xs-12 col-md-3" style="outline: 1px solid #0f0;">Continut pagina secundara</div>
  </div>
</div>

.container - va limita latimea siteului la 1200px (daca doresti sa ai dimensiuni mai mari .container poate sa lipseasca).

Forum

Pagina cu optimizare pentru mai multe rezolutii.

Pagina cu optimizare pentru mai multe rezolutii.

Pagina cu optimizare pentru mai multe rezolutii.

Pagina cu optimizare pentru mai multe rezolutii