Budujemy obiektowo cz 3

Data: 2015-10-28, autor: Michał Misztal

Uff, tyle roboty a na razie mamy czystą kartkę.

Nie będę pisał też jak dodać tło do strony, co to jest #wrapper (lub #container) albo po co dodalem jeszcze #body_container i #front. Powiedzmy, że są to kwestie umowne ale zbytnio byśmy zboczyli z drogi. Kwestie stylów też pomijam. Na warsztat idzie sam szkielet. Utworzyłem obiekt klasy HEADER który zawiera takie dane jak pierwszy kontakt oraz link do strony głównej. Powiedzmy, że to nie wymaga wyjaśnienia. Dzisiaj tylko kilka wspomagaczy na warsztat.

Z niusów to dodałem klasę Fontello. Fontello to ikony na stronę. Pobrać je można stąd. Cała klasa wygląda tak



  class Fontello{
    private $sClass;
    public function __construct($class){
      $this->sClass=$class;
      $this->utworz();
    }
    public function __destruct(){}
    public function utworz(){
      echo '<i class="'.$this->sClass.'"></i>';
    }
  }

Utworzyłem również div czyszczący floaty



class DivClear{
  public function __construct(){
    echo '<div class="clear_both"></div>';
  }
  public function __destruct(){}
}

W cssie wygląda on tak



div.clear_both{visibility:hidden;width:0;height:0;clear:both;}

Oba obiekty tworzymy standardowo



new Fontello('nazwa-ikony');
new DivClear;

Stopka to również obiekt. I to na razie tyle. Oczywiście cdn.

Skomentuj lub zgłoś błąd

© Michał Misztal 2018