WorldWideScripts.net Delivering the best Add-Ons in more than 37 languages.

中文(简体), English, हिन्दी/हिंदी, Español/Castellano, العربية, Русский язык, Français, 中文 (台灣), বাংলা, Bahasa Indonesia, اردو, Português, Deutsch, Bahasa Melayu (بهاس ملايو‎), 日本語 (にほんご), فارسی, Italiano, తెలుగు, Türkçe, ગુજરાતી, Język polski/polszczyzna, Tiếng Việt, ಕನ್ನಡ, Українська мова, ไทย
PHP Scripts / Help and Support Tools

HTML Layout & Utility Class

— Додатки до WorldWideScripts.net

Підпишіться на наш канал, щоб залишатися в курсі подій!

Новинка! Слідуйте за нами, як ви хочете!


HTML Layout & Utility Class - CodeCanyon Item for Sale

Ads

Ad: Bluehost hosting

Список змін

Версія 1.01
  • Виправлені дві незначні помилки завдяки damirg

Що це?

Це допоміжний клас HTML для створення якого-небудь елементу HTML. (Всі елементи HTML5 підтримується), включаючи деякі користувальницькі них, як YouTube і методів Vimeo.

Основи використання

Вийміть основний поштовий файл в кореневому каталозі вашого сайту і подивитися на index.php. Коротше кажучи, просто підключіть каталог 'HTML' в додатку, і включають в себе "HTML \ HTML.php" файл потім почати використовувати клас, це простір імен для Afflicto \ HTML.

Приклад
 // Це створює тега прив'язки. відлуння HTML :: ('http://google.com', 'Google'); 

Vimeo і YouTube відео:

 відлуння HTML :: YouTube ('http://www.youtube.com/watch?v=kkGeOWYOFoA'); відлуння HTML :: Vimeo ('http://vimeo.com/46141955'); 

... Але це більше, ніж це!

Я сказав, що це клас "корисність", якою, як він дозволяє створювати елементи швидко і легко. Ви також можете розширити його, передати їх в якості параметрів в інші частини вашого додатки і т.д.

Але це також дозволяє вкладеності! - Давайте поглянемо...

 $ Планування = HTML :: DIV (масив ( HTML :: h1 ('заголовок'), HTML :: P ("пункт тут '), «Просто якийсь текст тут ', )); Ехо $ макета; 

Метод classComposer

Поряд з можливістю до вмісту гніздо в елементах, використовуючи метод classComposer дозволяє швидко створювати макети з класами без письмового багато коду. Давайте поглянемо:

 HTML :: classComposer (HTML :: DIV (масив ( "Class1 class2 '=> HTML :: DIV () ))); // Створює «DIV» елемента з класом = "class1 class2" 

Метод classComposer працює дійсно добре разом з Twitter Bootstrap, наприклад:

 $ Контейнер = HTML :: classComposer (HTML :: DIV (масив ( "Рядок рідини '=> HTML :: DIV (масив ( "Span6 '=> HTML :: DIV (' перший рядок, у лівій колонці. '), "Span6 '=> HTML :: DIV (' перший рядок, в правій колонці.), )), "Рядок рідини '=> HTML :: DIV (масив ( "Span6 '=> HTML :: DIV (" другий ряд, в лівій колонці.'), "Span6 '=> HTML :: DIV (" другий ряд, права колонка.'), )) ))); $ Container-> addClass ('контейнер рідини'); 

Хоча це здорово, але що, якщо ми могли б позбутися ключів повністю?... Це приводить мене до макросів.

Макрос

Макроси дозволяє додавати нові функціональні можливості HTML класі. Нові "методи", якщо хочете. Давайте продовжимо з поза Twitter Bootstrap наприклад, шляхом створення макроси для контейнерів, рядків і перегонах.

 HTML :: макрозйомки ('containerFluid', функція ($ зміст) { повернутися на сторінку HTML :: DIV ($ зміст) -> addClass ('контейнер-рідини'); // Метод addClass повертає "$ цей« екземпляр. (Це в ланцюжку) }); HTML :: макрозйомки ('rowFluid', функція ($ зміст) { повернутися на сторінку HTML :: DIV ($ зміст) -> addClass ('рядок-рідини'); }); HTML :: макрозйомки ('span6', функція ($ зміст) { повернутися на сторінку HTML :: DIV ($ зміст) -> addClass ('span6'); }); 

Тепер, давайте створимо ту ж "контейнер" DIV, який ми створили раніше, цього разу за допомогою наших нових макросів:

 $ Планування = HTML :: containerFluid (масив ( HTML :: rowFluid (масив ( HTML :: span6 ('перший рядок, лівий стовпець.), HTML :: span6 ('перший рядок, в правій колонці.) )), HTML :: rowFluid (масив ( HTML :: span6 ("другий ряд, лівий стовпець.), HTML :: span6 ('другий ряд, права колонка.) )), )); 

Звичайно, ми можемо ще труба, що через нашого методу classComposer, щоб додати додаткові класи, якщо ми хочемо, щоб:

 $ Планування = HTML :: classComposer ( «Тіло» => HTML :: containerFluid (масив ( "Тема '=> HTML :: rowFluid (масив ( HTML :: span6 ('перший рядок, лівий стовпець.), HTML :: span6 ('перший рядок, в правій колонці.) )), «Зміст» => HTML :: rowFluid (масив ( HTML :: span6 ("другий ряд, лівий стовпець.), HTML :: span6 ('другий ряд, права колонка.) )), )); ); 

Завантажити
Інші компоненти в цій категоріїВсі компоненти цього автора
КоментаріЧасті питання та відповіді

Властивості

Створено:
18 13 липня останнє оновлення

файли, включені:
PHP, програмне забезпечення Version

Ключові слова

електронної комерції, всі деталі, вставляти, допомога, помічник, допоміжний клас, HTML, HTML будівельник, HTML клас, верстка, розумний, шаблон, утиліта, утиліти клас, відео, Vimeo, YouTube