Уважаемые пользователи!
C 7 ноября 2020 года phpBB Group прекратила выпуск обновлений и завершила дальнейшее развитие phpBB версии 3.2.
С 1 августа 2024 года phpBB Group прекращает поддержку phpBB 3.2 на официальном сайте.
Сайт официальной русской поддержки phpBB Guru продолжит поддержку phpBB 3.2 до 31 декабря 2024 года.
С учетом этого, настоятельно рекомендуется обновить конференции до версии 3.3.

Мобильный стиль от Пчелкина

Есть любые вопросы, связанные со стилями/темами для phpBB 3.0.x? Задайте их здесь!
Правила форума
Местная Конституция | Шаблон запроса | Документация (phpBB3) | Переход на 3.0.6 и выше | FAQ-3 (phpbb3) | Как задавать вопросы | Как устанавливать моды

Ваш вопрос может быть удален без объяснения причин, если на него есть ответы по приведённым ссылкам (а вы рискуете получить предупреждение ;) ).
Аватара пользователя
Пчелкин
phpBB 3.3.0
Сообщения: 11234
Стаж: 14 лет 2 месяца
Откуда: fotovideoforum.ru
Благодарил (а): 1782 раза
Поблагодарили: 1340 раз
Контактная информация:

Мобильный стиль от Пчелкина

Сообщение Пчелкин »

Каждый должен попробовать создать свой уникальный стиль для мобилок.
Решил не отставать от всех.
Работа заканчивается и стиль почти готов.
Никаких порталов, никаких галерей и аркад. Только форум и только один файл CSS.
Предвариловка -
snap1644.jpg
Осталось довести до ума модераторку и личный раздел.
На борту - ресайзер всех изображений до 640 px по горизонту. Просмотровщик завязан с галерейным.
:oops:

Идеи стиля нахапаны из нескольких. Основная идея - оформление без картинок.

Код: Выделить всё

/* Content Styles
---------------------------------------- */
.forum {
background: #AAE4BF;
margin-top: 1.2em;
padding: 4px 4px 5px;
position: relative;
border: 2px solid #2E29A2;
border-radius: 5px;
box-shadow: 4px 4px 4px #3C8A39;
 }

.subforums {
background: #D4E9D1;
margin-top: 1.2em;
padding: 4px 4px 5px;
position: relative;
border: 1px solid #000066;
border-radius: 5px;
box-shadow: 4px 4px 4px #1A5F10;
 }

.linkforums {
background: #E0E0CD;
margin-top: 1.2em;
padding: 4px 4px 5px;
position: relative;
border: 1px solid #000066;
border-radius: 5px;
box-shadow: 4px 4px 4px #D6D8B0;
 }

.panel {
background: #D4D4F0;
margin-top: 1.2em;
padding: 4px 4px 5px;
position: relative;
border: 1px solid #000066;
border-radius: 5px;
box-shadow: 4px 4px 10px #000066;
 }

.m-stat {
    background: #E7E7F7;
	margin-top: 1.2em;
	padding: 4px 4px 5px;
	position: relative;
	border: 1px solid #000066;
	border-radius: 5px;
	box-shadow: 4px 4px 10px #9E9EAF;
 }

.m-stat p {
	margin: 0;
	padding-left: 30px;
 }

.m-stat span {
	font-weight: bold;
 }

.m-stat hr {
	border-top: 3px dotted #000066;
 }

body{
 background-color : #fff;
 color: #4f4f4f; 
 font-family: Tahoma, Verdana, Arial; 
 font-size: 12px; 
 height: auto;
 margin: 2px auto;
 max-width: 700px; 
 width: 99%; 
 border: 1px solid #c8f2ff; 
 padding: 0px;
 }
 
a {
 color: #005895; text-decoration: none; padding: 1px 2px; 
 }

a:hover {
 color: #005895; background: #bcebff; text-decoration: none; 
 }

div.top{ 
 background: #ccffff;
 background-repeat: repeat-x;
 height: auto;
 min-height: 28px;
 border: 1px solid #a8d635;
 text-align: left;
 padding: 1px;
 padding-left: 3px;
 margin: 0px;
 }
 
div.tab{
 background: #def7ff;
 border: 1px solid #c8f2ff;
 padding: 2px;
 padding-left:5px;
 margin: 2px;
 }
 
div.row1{
 background: #fafeff;
 text-align: left;
 border-top: 0px solid #c8f2ff;
 border-bottom: 1px solid #c8f2ff;
 padding: 2px;
 padding-left: 3px;
 margin: 2px;
 } 
И все.....
Shredder
Former team member
Сообщения: 2219
Стаж: 15 лет 3 месяца
Благодарил (а): 236 раз
Поблагодарили: 561 раз
Контактная информация:

Re: Мобильный стиль от Пчелкина

Сообщение Shredder »

Выглядит красиво :)
Аватара пользователя
ВладимирТ
phpBB 2.0.4
Сообщения: 421
Стаж: 13 лет 9 месяцев
Откуда: Москва
Благодарил (а): 52 раза
Поблагодарили: 75 раз
Контактная информация:

Re: Мобильный стиль от Пчелкина

Сообщение ВладимирТ »

Пчелкин писал(а):Каждый должен попробовать создать свой уникальный стиль для мобилок.
Это верно, тоже решил попробовать создать.
Пчелкин писал(а):Никаких порталов, никаких галерей и аркад. Только форум и только один файл CSS.
Только попробую сделать полную противоположность. Запихаю все что можно. Спросите зачем?
В то время, как космические корабли бороздят просторы Вселенной…
По моим наблюдениям в последнее время происходит вот что. Сидят несколько человек, мох домочадцев, у каждого есть настольный компьютер, помимо него ноутбук, а они все как один с утра до вечера упорно пользуются мобильными телефонами, притом встают и сразу в него, по разным соц. сетям. На вопрос, а нахрена глаза ломать если полно больших экранов, лаконичный ответ - так быстрее, а функции такие же.

Посему попробую сделать адаптивный дизайн в виде 2 колонок для планшетов, переходящий в одну колонку для телефона с полноценным функционалом. За основу к творчеству возьму пару стилей с популярных сетей и мобильный стиль Анвара, как более полноценный.
На вкус и цвет - разный CSS
Shredder
Former team member
Сообщения: 2219
Стаж: 15 лет 3 месяца
Благодарил (а): 236 раз
Поблагодарили: 561 раз
Контактная информация:

Re: Мобильный стиль от Пчелкина

Сообщение Shredder »

Пчелкин писал(а):Работа заканчивается и стиль почти готов.
Где можно скачать твой стиль?
Аватара пользователя
Пчелкин
phpBB 3.3.0
Сообщения: 11234
Стаж: 14 лет 2 месяца
Откуда: fotovideoforum.ru
Благодарил (а): 1782 раза
Поблагодарили: 1340 раз
Контактная информация:

Re: Мобильный стиль от Пчелкина

Сообщение Пчелкин »

Ышо нема... Валидацию не могу закончить до ума...
sweetah
phpBB 2.0.6
Сообщения: 505
Стаж: 14 лет 2 месяца
Благодарил (а): 107 раз
Поблагодарили: 26 раз

Re: Мобильный стиль от Пчелкина

Сообщение sweetah »

ВладимирТ, идея хорошая, но надо все-таки постараться по максимуму убрать красивостей (в смысле тех, которые не влияют на функционал), перевести графику в svg или вообще в текст, если это кнопки.
Закрыто

Вернуться в «Стили для phpBB 3.0.x»