Просмотр темы
 Лендингоподобная главная - как заверстать адаптивно в CSS?
|
|
| Vveb--ws |
Опубликовано 23.04.2018 17:39
|
 Опытный пользователь  Сообщений: 379 Зарегистрирован: 25.11.2010 14:16 |
привет люди ща пошла тупая мода делать на главной типа лендинга, но ссылки с неё чтобы вели на норм страницы сайта. какой плагин лучше использовать? я думаю написать что-то из фотогалереи с 2 полями ввода (девая и правая колонка) и выбор ширин колонок. 100%-1% , 25%-75%, 20%-80%, 40%-60% картинку слева можно загружать а можно вставлять из папки images имеющиеся. главный вопрос: как заверстать адаптивно в CSS Лендингоподобную главную? с учётом что слева может быть меню а может и не быть. вот css адаптивного правого меню для фужика (оно становится под текст на мноиторах меньше 800px ) table.adaptcentr { padding: 4px; /* ПРАВАЯ Т. МЕНЮ */ } table.adaptleft { padding: 4px; /* ЦЕНТРАЛЬНАЯ Т., ТЕКСТ */ } table.adaptall { padding: 4px; /* ОБШАЯ ТАБЛИЦА */ } @media screen and (min-width:100px) and (max-width:799px) { table.adaptleft { width: 100%; } table.adaptcentr { width: 100%; } } @media screen and (min-width:800px) { table.adaptleft { width: 59%; } table.adaptcentr { width: 39%; } } @media screen and (min-width:1200px) { table.adaptleft { width: 70%; min-width: 300px; } table.adaptcentr { width: 30%; } } PHP-код такой у меня: echo "<table border='0' cellpadding='0' cellspacing='0' class='adaptall' width='100%'><tr><td>"; echo "\n\n<div class='adaptspacer'></div>\n\n"; echo "\n\n<table align='left' border='0' cellpadding='". $menu_cellpadding ."' cellspacing='0' "; if (strlen(LEFT)>0 or strlen(RIGHT)>0) echo "class='adaptleft'"; echo "><tr><td>\n\n"; echo $before_main . U_CENTER.CONTENT.L_CENTER . $after_main ; echo "</td></tr></table>"; if (strlen(LEFT)>0 or strlen(RIGHT)>0) { echo "<table border='0' cellpadding='". $main_cellpadding ."' cellspacing='0' class='adaptcentr'><tr><td>"; if (LEFT) echo LEFT ; if (RIGHT) echo RIGHT ; echo "\n\n</td></tr></table>\n\n"; } echo "\n\n<div class='adaptspacer'></div>\n\n"; echo "</td></tr></table>"; и вот в ЦЕНТРАЛЬНАЯ Т. (adaptleft) шириной 59% или 70% мы будем вставлять лендингоподобные тексты в 2 колонки. наверное. Объединено 23.04.2018 21:05: да, согласен с названиями таблиц у меня перепутаница *be* , потому что названия были сделаны изначально для меню слева. Изменил(а) Vveb--ws, 20.10.2019 13:47 PHP-Fusion 7 Bogatyr - бесплатная мультиязычная CMS для блога, форума, фотогалереи vk.com/phpfusion Создаю интернет-магазины и блоги, лендинги, форумы. Telegram: t.me/Vova_Kazakov |
|
|
|
| Rush |
Опубликовано 23.04.2018 19:46
|
 Администратор  Разработчики  Группа поддержки  Сообщений: 1418 Зарегистрирован: 31.08.2010 14:41 |
сейчас бы таблицами верстать в 2018 году) бутстрап тебе в помощь
|
 x1
 x1
|
|
|
|
|
| Polarfox |
Опубликовано 24.04.2018 13:13
|
 Администратор Разработчики Группа поддержки Сообщений: 3387 Зарегистрирован: 20.08.2010 14:03 |
адаптивно или таблицами, вообще.
Всегда делайте backup перед изменениями | Указывайте свою версию в подписи/профиле. | Вся бесплатная тех. поддержка только на форуме
|
| x1
|
|
|
|
|
| Поделиться этой темой | |
| Социальные закладки: |
|
| URL: | |
| BBcode: | |
| HTML: |
| Перейти на форум: |
