Рамка вокруг статистики с иконками - Дизайн и модификация Invision Power Board

Перейти к содержимому

 

Правила раздела

Здесь обсуждаются вопросы оформления форумов IPB 3.x.
Пожалуйста, не оффтопьте, если зашли сюда случайно, и обратите внимание на соседние разделы.
Оформление форумов IPB 2.x.
Настройка форумов, включая установку и техническую настройку скинов.
Размещение рекламы на форумах.
SEO оптимизация форума.
Техническая поддержка наших скинов и модов.

СвернутьПрикрепленные теги

boardindextemplate
Страница 1 из 1
  • Вы не можете создавать новые темы
  • Вы не можете отвечать в этой теме

Рамка вокруг статистики с иконками

#1 Пользователь не на сайте   R.R »

 
 
  • Member
  • **
  • Insert nick to fast reply form
  • Quote selected text to fast reply form
  • Группа: Пользователи
  • Сообщений: 11
  • Регистрация: 05-Май 10
  • Репутация: 0
  • IPB version:3.0.x
 

Отправлено 05 Май 2011 - 17:00

Друзья, помогите поставить рамку вокруг статистики с иконками. Вот пример:

Вложение  2011-05-05_144914.jpg (53,52К)
Количество загрузок: 21
0

#2 Пользователь не на сайте   Fisana »

 
 
  • На PM не отвечаю
  • Смотреть блог
  • Смотреть галерею
  • Insert nick to fast reply form
  • Quote selected text to fast reply form
  • Группа: IPB Skins Team
  • Сообщений: 12 892
  • Регистрация: 21-Ноябрь 05
  • Репутация: 562
  • Откуда:Из интернетов
  • IPB version:3.1.x
 

Отправлено 05 Май 2011 - 17:45

Вначале загрузить картинки в папку графики скина.
Затем пойти в админку.
Look & Feel > Manage Skin Sets & Templates > Manage Templates in IP.Board
Board Index > boardIndexTemplate

Найти
<h2>{$this->lang->words['board_stats']}</h2>

Добавить после <h2>
<img src='{$this->settings['img_url']}/название большой иконки для статистики.png' alt='' />&nbsp; 

И ниже после каждого тега <dt> (получится через один, <dd> не трогать) добавлять соответствующую иконку.
0

#3 Пользователь не на сайте   R.R »

 
 
  • Member
  • **
  • Insert nick to fast reply form
  • Quote selected text to fast reply form
  • Группа: Пользователи
  • Сообщений: 11
  • Регистрация: 05-Май 10
  • Репутация: 0
  • IPB version:3.0.x
 

Отправлено 05 Май 2011 - 20:23

Спасибо большое Фисана, все получилось! :) Там еще в статистике первым пунктом идет такая фишка – «Форум в сети 1 год 10 месяцев и 22 дня», это хук такой, который добавляет эту строку, да?
0

#4 Пользователь не на сайте   Fisana »

 
 
  • На PM не отвечаю
  • Смотреть блог
  • Смотреть галерею
  • Insert nick to fast reply form
  • Quote selected text to fast reply form
  • Группа: IPB Skins Team
  • Сообщений: 12 892
  • Регистрация: 21-Ноябрь 05
  • Репутация: 562
  • Откуда:Из интернетов
  • IPB version:3.1.x
 

Отправлено 05 Май 2011 - 21:18

Это какой-то хук.

Про рамку забыла. Там в ipb_styles.css для #stats задан контур. Можете тоже сделать.
А в шаблоне выше того, что меняли под иконки, заменить <div id='stats'> на <div id='stats' class='rounded'>
Но это довольно грубо смотрится + не должно быть общего контура.
0

#5 Пользователь не на сайте   R.R »

 
 
  • Member
  • **
  • Insert nick to fast reply form
  • Quote selected text to fast reply form
  • Группа: Пользователи
  • Сообщений: 11
  • Регистрация: 05-Май 10
  • Репутация: 0
  • IPB version:3.0.x
 

Отправлено 05 Май 2011 - 22:49

Оставил рамку как есть. Еще раз благодарю за помощь. Потом будет очередной вопросик, но это будет другая история и тема.
0

#6 Пользователь не на сайте   Qartvela™ »

 
 
  • Advanced
  • Insert nick to fast reply form
  • Quote selected text to fast reply form
  • Группа: IPB Specialist
  • Сообщений: 135
  • Регистрация: 15-Февраль 11
  • Репутация: 17
  • IPB version:3.1.x
 

Отправлено 06 Май 2011 - 12:03

Fisana, в IBR я сделал вот так:

#stats {
	padding-left: 20px;
	width: 33%;
	float: right;
	color: #2e414c;
background: transparent;
	font-size: 0.9em;
	border-width: 0 2px 2px 2px;
	border-style: solid;
	border-color: #CCCCCC;
        border-radius: 0 0 6px 6px;
	-moz-border-radius: 7px 7px 7px 7px;
	-webkit-border-bottom-left-radius: 6px;
	-webkit-border-bottom-right-radius: 6px;
}


получилось отлично, но, пожалуйста проверьте может надо что нибудь удалить или добавить ...
0

#7 Пользователь не на сайте   Fisana »

 
 
  • На PM не отвечаю
  • Смотреть блог
  • Смотреть галерею
  • Insert nick to fast reply form
  • Quote selected text to fast reply form
  • Группа: IPB Skins Team
  • Сообщений: 12 892
  • Регистрация: 21-Ноябрь 05
  • Репутация: 562
  • Откуда:Из интернетов
  • IPB version:3.1.x
 

Отправлено 06 Май 2011 - 12:15

Да. Так тоже можно, конечно.
Но раз ТС уже пришлось залезть в шаблон, то проще добавить класс rounded для получения закруглений.

А почему для FireFox полное закругление (-moz-border-radius: 7px 7px 7px 7px;), а для хрома и оперы нет?
И почему радиус разный?
0

#8 Пользователь не на сайте   Qartvela™ »

 
 
  • Advanced
  • Insert nick to fast reply form
  • Quote selected text to fast reply form
  • Группа: IPB Specialist
  • Сообщений: 135
  • Регистрация: 15-Февраль 11
  • Репутация: 17
  • IPB version:3.1.x
 

Отправлено 06 Май 2011 - 12:24

Просмотреть сообщениеFisana сказал(а):

А почему для FireFox полное закругление (-moz-border-radius: 7px 7px 7px 7px;), а для хрома и оперы нет?

как сделать для хрома и оперы?

Просмотреть сообщениеFisana сказал(а):

И почему радиус разный?

исправил :rolleyes:
0

#9 Пользователь не на сайте   Fisana »

 
 
  • На PM не отвечаю
  • Смотреть блог
  • Смотреть галерею
  • Insert nick to fast reply form
  • Quote selected text to fast reply form
  • Группа: IPB Skins Team
  • Сообщений: 12 892
  • Регистрация: 21-Ноябрь 05
  • Репутация: 562
  • Откуда:Из интернетов
  • IPB version:3.1.x
 

Отправлено 06 Май 2011 - 12:35

Просто border - для оперы, -webkit - для хрома (и сафари)
Как бы это уже есть.
1

Сообщить об этой теме:


Страница 1 из 1
  • Вы не можете создавать новые темы
  • Вы не можете отвечать в этой теме

1 пользователей читают эту тему
0 зарегистрированных, 1 гостей, 0 скрытых


Контактная информация

Заказ дизайна форума

+7 (917) 501-4765
C 10 до 20 в рабочие дни (время московское)

Техническая поддержка

Контактные данные специалистов

Дизайн форумов

IPB 3.x ¦ IPB 2.x

Бесплатные шаблоны

IPB 3.2 – 3.3 ¦ IPB 3.1 ¦ IPB 3.0 ¦ IPB 2.2 – 2.3 ¦ IPB 2.1 ¦ Клипарт
Лицензия на использование ¦ Ваша поддержка ¦ О проекте
Copyright © 2005-2012 IPBSkins.ru Team
При копировании материалов с сайта
прямая ссылка на источник обязательна