Страница 1 из 6

стили ELEGANCE (6 вариантов расцветок!)

Добавлено: 17 мар 2015, 18:48
beholder
Стили ELEGANCE
Автор: Arty (Vjacheslav Trushkin), http://www.artodia.com/
Требует установленных стилей: PROSILVER
Стили для PHPBB версии: 3.1.6
Смена логотипа через меню "Настройки стилей" - НЕТ (Способ смены логотипа)

Легкие светлый стили, в котором корректно работают практически все расширения.
- задаем картинки для расширения "репутация" и "спасибо", вместо звездочек

Профили только слева (лучше не использовать ProfileSideSwitcher)
Доступно несколько вариантов цветовой раскраски.

Elegance:
elegance.JPG
elegance2.JPG

Elegance Aqua:
elegance_aqua.JPG
Elegance Green:
elegance_green.JPG
Elegance LightBlue:


Elegance SoftBlue:
elegance_softblue.JPG
Elegance SoftGreen
elegance_softgreen.JPG
Скачать стили (профили справа):
elegance.zip
(1.49 МБ) 196 скачиваний
elegance_aqua.zip
(598.75 КБ) 146 скачиваний
elegance_green.zip
(597.71 КБ) 145 скачиваний
elegance_lightblue.zip
(599.49 КБ) 130 скачиваний
elegance_softblue.zip
(598.68 КБ) 115 скачиваний
elegance_softgreen.zip
(601.75 КБ) 157 скачиваний
elegance_steelblue.zip
(595.15 КБ) 121 скачивание


Скачать стили (профили слева):
elegance.zip
(1.17 МБ) 160 скачиваний
elegance_aqua.zip
(272.63 КБ) 149 скачиваний
elegance_green.zip
(271.55 КБ) 119 скачиваний
elegance_lightblue.zip
(273.15 КБ) 128 скачиваний
elegance_softblue.zip
(272.38 КБ) 145 скачиваний
elegance_softgreen.zip
(275.41 КБ) 136 скачиваний
elegance_steelblue.zip
(268.79 КБ) 113 скачиваний

стили ELEGANCE (6 вариантов расцветок!)

Добавлено: 17 мар 2015, 18:49
beholder
Смена логотипа в стилях ELEGANCE

Заходим:
"Персонализация"->"Загрузка стиля"->Файлы (напротив вашего стиля)
Заходим в шаблон Template->overall_header.html, нажимаем "Правка"

Находим строчку:

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

<a id="logo" class="logo" href="<!-- IF U_SITE_HOME -->{U_SITE_HOME}<!-- ELSE -->{U_INDEX}<!-- ENDIF -->" title="<!-- IF U_SITE_HOME -->{L_SITE_HOME}<!-- ELSE -->{L_INDEX}<!-- ENDIF -->"><img src="{T_THEME_PATH}/images/logo.png" data-src-hd="{T_THEME_PATH}/images/logo_hd.png" /></a>
В ней меняем
{T_THEME_PATH}/images/logo_hd.png
На URL вашей картинки, который, например, можно получить в "Менеджере картинок"

В стиле есть еще один логотип:
{T_THEME_PATH}/images/logo.png
он показывается тогда, когда пользователь заходит на форум с мобильного устройства (телефона). Этот логотип тоже можно поменять на какую-нибудь картинку (поменьше размером).

стили ELEGANCE (6 вариантов расцветок!)

Добавлено: 24 мар 2015, 01:21
silver073000
Заметил интересную особенность в этом стиле :) Если в настройках тем минипрофили выставлены по умолчанию, то вид сообщения такой вот
Изображение
Такой он и должен быть :) Но стоит в настройках выставить минипрофили слева, то вид сообщений становится таким
Изображение
То есть, между минипрофилем и текстом сообщения появляется разрыв. Для меня это не проблема, решение этого я уже знаю :) Написал, чтобы и другие знали, что в этом стиле для корректности отображения надо оставлять минипрофили на правой стороне.
А вот что с кнопками благодарностей и репутации - я не знаю. Рисуются просто кружочки.

стили ELEGANCE (6 вариантов расцветок!)

Добавлено: 24 мар 2015, 04:50
beholder
Profile Side Switcher?
Так он больше половины стилей так коверкает. Это еще не сильно :)
Его поддерживают в основном только стили, которые по-умолчанию правосторонние.

стили ELEGANCE (6 вариантов расцветок!)

Добавлено: 24 мар 2015, 11:09
silver073000
А что можно с кнопками репутации и благодарности сделать? :) Там просто кружочки :)

стили ELEGANCE (6 вариантов расцветок!)

Добавлено: 24 мар 2015, 12:38
beholder
silver073000 писал(а): А что можно с кнопками репутации и благодарности сделать? Там просто кружочки
Я б даже сказал - снежинки :))

Я ничего не придумал лучше, чем добавить в таблицу:

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

.rate-good-icon:before {
content:'';    
background-image: url("/ext/pico/reputation/styles/prosilver/theme/images/icons_rating.png") !important;
background-position: 0 0 !important;
}

.rate-bad-icon:before {
content:'';    
background-image: url("/ext/pico/reputation/styles/prosilver/theme/images/icons_rating.png") !important;
background-position: -15px 0 !important;
}
Для репутации,

и для спасибов:

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

.thanks-icon:before {
content:'';    
background-image: url("/ext/gfksx/ThanksForPosts/styles/prosilver/theme/images/icons_button_likes.png") !important;
background-position: -3px -1px !important;
}

.removethanks-icon:before {
content:'';    
background-image: url("/ext/gfksx/ThanksForPosts/styles/prosilver/theme/images/icons_button_likes.png") !important;
background-position: -18px -2px !important;
}
Заодно можно и свои картинки задать


Должно хватить по идее...


ВАРИАНТ №2
Более органичный, используя шрифты AWESOME

Добавить в таблицу стилей ("Персонализация"->"Настройка стилей")

Для репутации:

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

.rate-good-icon:before { content: "\f055"; background: none; }
.rate-bad-icon:before { content: "\f056"; background: none; }

.post-reputation.neutral span { color: #FAFAFA !important;}
.post-reputation {
    font-weight: bold;
    cursor: auto !important;
    font-size: 100%;
    font: inherit;
    font-weight: bold;
    vertical-align: baseline;
                   }
Для расширения "Спасибо":

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

.thanks-icon:before { content: "\f164"; background: none; }
.removethanks-icon:before { content: "\f165"; background: none; }
.icon-thanks, .icon-thanks_toplist { padding-left: 0; }
.icon-thanks_toplist > a:before { content: "\f006"; }
.icon-thanks > a:before { content: "\f087"; }

стили ELEGANCE (6 вариантов расцветок!)

Добавлено: 24 мар 2015, 20:16
silver073000
Добавил в stylesheet.css и всё отображается должным образом :)
Наверное, стоит дописать это и в стиле Black. Там тоже такое наблюдается с кнопками.

стили ELEGANCE (6 вариантов расцветок!)

Добавлено: 25 мар 2015, 05:49
beholder
silver073000 писал(а): Добавил в stylesheet.css и всё отображается должным образом
Можно так, а можно просто в таблицу в "настройки стилей"
silver073000 писал(а): Наверное, стоит дописать это и в стиле Black. Там тоже такое наблюдается с кнопками.
Да, автор в любые нестандартные для phpbb кнопки насильно через !important пихает свои свойства

стили ELEGANCE (6 вариантов расцветок!)

Добавлено: 25 мар 2015, 19:24
beholder
В первом сообщении темы перезалиты обновленные стили версии 1.0.1

Изменения от автора:
- Исправлены ошибки
- Добавлена опция правосторонних профилей.

стили ELEGANCE (6 вариантов расцветок!)

Добавлено: 26 мар 2015, 11:45
Raj
silver073000 писал(а):Заметил интересную особенность в этом стиле :) Если в настройках тем минипрофили выставлены по умолчанию, то вид сообщения такой вот
Изображение
Такой он и должен быть :) Но стоит в настройках выставить минипрофили слева, то вид сообщений становится таким
Изображение
То есть, между минипрофилем и текстом сообщения появляется разрыв. Для меня это не проблема, решение этого я уже знаю :) Написал, чтобы и другие знали, что в этом стиле для корректности отображения надо оставлять минипрофили на правой стороне.
А вот что с кнопками благодарностей и репутации - я не знаю. Рисуются просто кружочки.
Подскажите пожалуйста а как вы решили эту проблему разрыва между минипрофилем и текстом с лева? Дело в том что в обновлении эта проблема решена частично, минипрофили стали появляться и слева и справа, НО, если выбираешь расположение слева опять возникает этот разрыв, тогда как справа все нормально и компактно.