Правейки каучук мазе онлайн

Footer е неразделна част от всеки уеб сайт, а понякога значително, а така или иначе, той е навсякъде, но как да го направя красиво и точно организира знае не всички. В този урок ще се покаже и обясни как да направиш гума мазе на сайта с три блока.

Така че, нека да разгледаме това, което искаме да се получи в крайна сметка, и трябва да се направи следното, трябва да създадете долния с различни размери, с фоново изображение и три блока за информация и банери. Това е, което ние получаваме в крайна сметка:

Сега кода във всички мазето, а след това ще се анализира, стъпка по стъпка, какво е това, което:

Сега нека да разгледаме всичко в ред, като за начало направих една кутия с фоново изображение, който след това се поставя в три информация кутия:

Тук ние се ширината в проценти ширина: 100%; така че да можем да се мазето на действие и гума, а след това с фиксирана височина височина: 195px; равно на височината на фоновото изображение, са се зареди тапет фон: URL (bg.png); и тъй като долната част на страницата ни черно, Ви молим цвят на шрифта белият цвят: #fff;

След това, което правим първата информация прозорец:


Популярни Сатя:



  • Как да си направим сайт шапка

  • Как да не се правят на заглавната част

  • Как мога да конвертирате капачка сайт

  • Както udelat сайт капачка

    • ;


Сега се създаде втори информационен прозорец:

Всичко тук е досущ като в първата клетка, с изключение на това, че сме тук, ние не може да извади по какъв начин, както и всичко, което е на същия принцип, просто слагам в това поле всичко, което трябва.

На следващо място, трета клетка в него сложих снимки на броячите:










Тук, както можете да видите, сложих две снимки на броячи на посещенията можете да вмъкнете естествено да Java скрипт е истински брояч, принцип формиране тук, както в първата кутия единственото нещо в това поле ще инсулт лявата граница-наляво: 1 пиксел твърдо #fff;

Ето тук всичко комплекс, който не е налице, но в крайна сметка имаме един добър каучук долния, който може да бъде изпълнен с информацията, която се нуждаете. Надявам се, че този урок ще бъде полезна за вас, ако има някакви въпроси, моля, свържете се, аз ще се опитам да отговоря.