Забыли пароль?
Запросите новый здесь.

Автор темы: Vveb--ws
ID темы: 2973
Информация:
Тема содержит 3 сообщения, была просмотрена 3557 раз.
Просмотр темы
PHP-Fusion Russia » Поддержка 7 версии » Пожелания и предложения
 Распечатать тему
Лендингоподобная главная - как заверстать адаптивно в CSS?
Vveb--ws
привет люди

ща пошла тупая мода делать на главной типа лендинга, но ссылки с неё чтобы вели на норм страницы сайта.

какой плагин лучше использовать? я думаю написать что-то из фотогалереи с 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
 
Web
Rush
сейчас бы таблицами верстать в 2018 году) бутстрап тебе в помощь
x1 x1
 
Web
Polarfox
адаптивно или таблицами, вообще.
Всегда делайте backup перед изменениями | Указывайте свою версию в подписи/профиле. | Вся бесплатная тех. поддержка только на форуме
x1
 

Поделиться этой темой
Социальные закладки: Vkontakte Odnoklassniki Mail.ru Facebook Google Tweet This
URL:
BBcode:
HTML:

Перейти на форум:
Похожие темы
Топ 5 пользователей форума
Zaxap Zaxap (1,090)   Vova Vova (877)   Pisatel Pisatel (678)   util util (666)   SchreiBear SchreiBear (625)