-Рубрики

 -Подписка по e-mail

 

 -Поиск по дневнику

Поиск сообщений в FladeX

 -Постоянные читатели

 -Статистика

Статистика LiveInternet.ru: показано количество хитов и посетителей
Создан: 23.02.2007
Записей:
Комментариев:
Написано: 209

Кнопки в prosilver

Дневник

Суббота, 23 Августа 2008 г. 15:29 + в цитатник
В колонках играет - Stinkie - Ангел
Поговорим немного о кнопках в prosilver.

phpBB Group достаточно оригинально реализовала кнопки в стиле prosilver. Каждая кнопка представляет из себя две кнопки для двух разных состояний, размещенных в одном файле. Первый вид кнопки отвечает за обычное состояние, именно его мы видим большую часть времени. Вторая часть кнопки отвечает за состояние при наведении мышки на кнопку ( :hover, onMouseOn - кому как понятнее). Обе кнопки располагаются внутри одного файла вертикально - сначала отрисовано обычное состояние кнопки, затем, сразу под ним - состояние при наведении. Каждая кнопка занимает 50% высоты полученного изображения.

Теперь рассмотрим случай, когда нужно изменить кнопку по умолчанию на свою. Вместо верхней половинки рисуем новую кнопку в неактивном состоянии, вместо нижней половины - в состоянии при наведении курсора. Если при этом изменилась ширина или высота кнопки, придется отредактировать файл imageset.cfg из той папки, в которой находится эта кнопка.

Предположим, редактированию подверглась кнопка "Ответить". Она называется button_topic_reply.gif и находится в папке с русским языком - imageset/ru. В таком случае после редактирования нужно открыть файл ru/imageset.cfg, найти строку:
code:
img_button_topic_reply = button_topic_reply.gif*25*96

и заменить две последние цифры на свои. Рассчитываются они следующим образом - первая цифра (25) является половиной высоты изображения, вторая цифра (96) является шириной изображения. Затем сохраняем файл, заливаем его и новую кнопку на форум и наслаждаемся.
Рубрики:  phpBB / Slaed / danneo

Метки:  

Небольшая ошибка в prosiver (phpBB 3.0.1)

Дневник

Вторник, 08 Июля 2008 г. 14:33 + в цитатник
В колонках играет - Слёзы - Сойти с Ума
Вчера, делая новый стиль на основе prosilver, заметил одну неточность в коде.
styles/prosilver/theme/colours.css
строка 885
code:
pmlist li.pm_foe_colour, .pm_foe_colour {

неверно задан класс, должно быть так:
code:
.pmlist li.pm_foe_colour, .pm_foe_colour {

то есть пропущена точка в начале строки.
Не стал сразу сообщать в баг-репорт, решив уточнить сначала у русской поддержки. В итоге они сами создали тикет %)
Тикет на баг-репорте
Рубрики:  phpBB / Slaed / danneo

Метки:  

Css в prosilver

Дневник

Среда, 14 Мая 2008 г. 23:05 + в цитатник
В колонках играет - Indigo - Осень
В отличии от subsilver2, где все стили собраны в одном файле stylesheets.css, в prosilver они разделены на несколько файлов, лежащих в папке styles/prosilver/theme. Каждый из файлов отвечает за что-то определенное, поэтому могут возникать ситуации когда один и тот же класс описани в нескольких файлах, но в каждом из файлов какой-то определенный аттрибут. Попробую охарактеризовать все файлы css.
bidi.css - здесь описаны стили размещения и позиционирования, такие как padding, margin, text-align и float. Если нужно изменить отступы блоков, изменить направление или обтекание текста, то редактировать нужно прежде всего здесь.
buttons.css - описание стилей кнопок.
colours.css - все о цвете, используемом в дизайне. Цвет текста, фона и вообще цвет чего угодно настраивается именно здесь.
common.css - некие основные настройки.
content.css - вместе с предыдущим файлом, является одним из важнейних файлов css в просильвер. Хранятся настройки стилей содержимого (текст сообщений, заголовки тем, список форумов и прочее).
cp.css - настройки панели управления (Control Panel - cp).
forms.css - описание всех форм - текстовых полей, раскрывающихся списков, чекбоксов, переключателей и тому подобного.

P.S. Допишу попозже, так как сейчас срочный заказ появился=)
Рубрики:  phpBB / Slaed / danneo

Метки:  

Ссылки в prosilver

Дневник

Понедельник, 12 Мая 2008 г. 22:28 + в цитатник
В колонках играет - Skinhate - Ordjo (Hardcore Mix)
Столкнулся с такой задачей - нужно было поменять цвета только тех ссылок, что находятся в панели навигации - Список форумов - Форум - Подфорум, так называемые "хлебные крошки". Отдельного параметра для них нету. Решение было найдено достаточно быстро.
Открываем styles/prosilver/theme/colours.css
Находим в районе 56-58 строки
code:
.navbar {
background-color: #cadceb;
}

и добавляем после
code:
.navbar a:link {
}
.navbar a:visited {
}
navbar a:hover {
}
.navbar a:active {
}


Также можно добавить стили
code:
.linklist a:link {
}
.linklist a:visited {
}
.linklist a:hover {
}
.linklist a:active {
}

для изменения цвета ссылок
code:
* Сообщения без ответов • Новые сообщения • Активные темы
* Отметить все форумы как прочтённые
Рубрики:  phpBB / Slaed / danneo

Метки:  

Блок информации о пользователе слева [prosilver]

Дневник

Среда, 30 Апреля 2008 г. 18:52 + в цитатник
В колонках играет - Konteiner 35 - Снова Ты Грустишь
По умолчанию, блок информации о пользователе в viewtopic отображается справа (ник, аватара, количество сообщений и подобное). Сегодня потребовалось перенести его в левую сторону, так как это для многих более привычный вариант.
Открываем styles/prosilver/theme/content.css
Находим кусок кода:
code:
.postbody {
padding: 0;
line-height: 1.48em;
color: #333333;
width: 76%;
float: left;
clear: both;
}

и заменяем строку
code:
float: left;

на такую
code:
float: right;

Находим следующий кусок кода:
code:
.postprofile {
/* Also see tweaks.css */
margin: 5px 0 10px 0;
min-height: 80px;
color: #666666;
border-left: 1px solid #FFFFFF;
width: 22%;
float: right;
display: inline;
}

Заменяем в нем строку
code:
float: right;

на
code:
float: left;

а также изменяем строку
code:
border-left: 1px solid #FFFFFF;

на такую
code:
border-right: 1px solid #FFFFFF;

Сразу после предыдущего куска кода находим следующий код:
code:
.pm .postprofile {
border-left: 1px solid #DDDDDD;
}

заменяем строчку
code:
border-left: 1px solid #DDDDDD;

на строку
code:
border-right: 1px solid #DDDDDD;

Сохраняем изменения и закрываем файл. Теперь открываем файл styles/prosilver/theme/colours.css
Находим описание следующего класса (617 строка):
code:
.postprofile {
color: #666666;
border-left-color: #FFFFFF;
}

и заменяем в нем строчку
code:
border-left-color: #FFFFFF;

на такую строку
code:
border-right-color: #FFFFFF;

Находим такой участок кода (640 строка):
code:
.online {
background-image: url("{T_IMAGESET_LANG_PATH}/icon_user_online.gif");
}

и заменяем на этот код
code:
.online {
background-image: url("{T_IMAGESET_LANG_PATH}/icon_user_online.gif");
margin-top: -5px;
}

.online dt {
margin-top: 5px;
}

Сохраняем изменения, закрываем файл. Находим styles/prosilver/template/viewtopic_body.html и открываем его для редактирования.
Находим строку 117:
PHP:

<div id="p{postrow.POST_ID}" class="post <!-- IF postrow.S_ROW_COUNT is odd -->bg1<!-- ELSE -->bg2<!-- ENDIF --><!-- IF postrow.S_UNREAD_POST --> unreadpost<!-- ENDIF --><!-- IF postrow.S_POST_REPORTED --> reported<!-- ENDIF --><!-- IF postrow.S_ONLINE --> online<!-- ENDIF -->">
font>


и убираем оттуда
code:
<!-- IF S_ONLINE --> online<!-- ENDIF -->

Должно получиться примерно так
PHP:

<div id="p{postrow.POST_ID}" class="post <!-- IF postrow.S_ROW_COUNT is odd -->bg1<!-- ELSE -->bg2<!-- ENDIF --><!-- IF postrow.S_UNREAD_POST --> unreadpost<!-- ENDIF --><!-- IF postrow.S_POST_REPORTED --> reported<!-- ENDIF -->">
font>


Главное не удалить лишнего, например кавычки или закрывающую угловую скобку.
Находим строку 173:
PHP:

<dl class="postprofile" id="profile{postrow.POST_ID}">
font>


и вставляем туда то что мы раньше удалили, а именно
code:
<!-- IF S_ONLINE --> online<!-- ENDIF -->

чтобы у нас получилось следующее
PHP:

<dl class="postprofile<!-- IF postrow.S_ONLINE --> online<!-- ENDIF -->" id="profile{postrow.POST_ID}">
font>


Сохраняем изменения, закрываем файл и в той же папке находим файл ucp_pm_viewmessage.html
Находим строчку 16
PHP:

<div id="post-{MESSAGE_ID}" class="post pm<!-- IF S_POST_UNAPPROVED or S_POST_REPORTED --> reported<!-- ENDIF --><!-- IF S_ONLINE --> online<!-- ENDIF -->">
font>


и удаляем оттуда следующую часть
code:
<!-- IF S_ONLINE --> online<!-- ENDIF -->

Строчка должна получиться такого вида
PHP:

<div id="post-{MESSAGE_ID}" class="post pm<!-- IF S_POST_UNAPPROVED or S_POST_REPORTED --> reported<!-- ENDIF -->">
font>


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

<dl class="postprofile" id="profile{MESSAGE_ID}">
font>


и вставляем туда код
code:
<!-- IF S_ONLINE --> online<!-- ENDIF -->

так, чтобы в итоге строка приобрела такой вид
PHP:

<dl class="postprofile<!-- IF S_ONLINE --> online<!-- ENDIF -->" id="profile{MESSAGE_ID}">
font>


Сохраняем файл.
Все, готово. Теперь блок с информацией о пользователе находится слева от текста сообщения.
Не забудьте почистить кеш.
 (385x166, 13Kb)
Рубрики:  phpBB / Slaed / danneo

Метки:  

Клонируем стиль prosilver

Дневник

Вторник, 29 Апреля 2008 г. 22:46 + в цитатник
В колонках играет - Oblika Morale - Свет
Как сделать новый стиль для phpBB Olympus?
Для начала нам понадобится заготовка, их может быть две на выбор - либо subSilver2 (вариант для консерваторов), либо prosilver (вариант для любителей новизны).
Попробуем клонировать стиль prosilver. Первым делом нужно скопировать папку styles/prosilver в папку styles, но уже с другим названием. Пусть для наглядности это будет newstyle. После этого шага у нас появилась папка styles/newstyle.
Открываем styles/newstyle/style.cfg
Находим строку
code:
name = prosilver

и заменяем ее на такую
code:
name = newstyle

В строках
code:
copyright =

и
code:
version =

можно указать свои копирайты и версию.
Сохраняем изменения в файле и закрываем его.
Открываем styles/newstyle/imageset/imageset.cfg
Находим строки
code:
name = prosilver
copyright = © phpBB Group, 2007
version = 3.0.0

и редактируем их аналогично предыдущему файлу.
Открываем styles/newstyle/template/template.cfg
Редактируем строки
code:
name = prosilver
copyright = © phpBB Group, 2007
version = 3.0.0

Открываем файл styles/newstyle/theme/theme.cfg
Редактируем все те же строки
code:
name = prosilver
copyright = © phpBB Group, 2007
version = 3.0.0

В принципе это все, теперь у нас есть независимая копия стиля prosilver. Теперь можно приступать к изменению файлов css и картинок.
Рубрики:  phpBB / Slaed / danneo

Метки:  

 Страницы: [1]