Изменить вид хука - Дизайн и модификация Invision Power Board

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

 

Рекомендации для заказчиков услуг

1. Не доверяйте пользователям без сообщений или с небольшим их количеством, особенно тем, кто "стесняется" отписаться в вашей теме. Существует немало людей, желающих заработать легкие деньги. Они не постят на форуме, а пишут сразу в приват и пытаются перенаправить нуждающихся в услугах на другие сайты.
К сожалению, были случаи мошенничества и оказания услуг низкого качества, а также продажа бесплатных модификаций/ворованного дизайна под видом эксклюзивных разработок.

2. При выборе исполнителя отдавайте преимущество специалистам, положительно проявившим себя на нашем форуме. В остальных случаях требуйте показать портфолио и рекомендации.

IPBSkins.ru Team не отвечает за качество услуг, оказываемых посторонними лицами.

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

Теги не найдены

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

Изменить вид хука

#1 Пользователь не на сайте   wick ответил: »

 
 
  • Advanced
  • ***
  • Insert nick to fast reply form
  • Quote selected text to fast reply form
  • Группа: Пользователи
  • Сообщений: 293
  • Регистрация: 12-Февраль 15
  • Репутация: 2
  • IPB version:3.4.x
 

Отправлено 07 Март 2015 - 02:19

есть хук "топ авторов за месяц" выводит информацию в блок вот так:
Вложение  0.jpg (8,64К)
Количество загрузок: 17

так же есть хук "Активные авторы сегодня" который выводит информацию так:
Вложение  2.jpg (10,61К)
Количество загрузок: 19

и есть только внешний вид изменённого хука "топ авторов за месяц" который выглядит так:
Вложение  1.jpg (13,01К)
Количество загрузок: 18

Задача сделать так, что бы первый хук выглядел так как на втором или на третьем скриншоте, что бы не было пустого места с правой стороны и имена пользователей шли в 2 столбика, который имеют фиксированную ширину, дабы если у пользователя имя длиннее, что бы вёрстка не съезжала.

Если кто то сможет это реализовать, сделать из двух одно, напишите стоимость этой работы в лс.
0

#2 Пользователь не на сайте   siv1987 ответил: »

 
 
  • Advanced
  • Insert nick to fast reply form
  • Quote selected text to fast reply form
  • Группа: IPB Skins Team
  • Сообщений: 8 762
  • Регистрация: 20-Март 09
  • Репутация: 2 286
  • IPB version:3.1.x
 

Отправлено 07 Март 2015 - 13:46

Установить размер блока, так чтобы в один ряд их поместилось два + обтекание по левому краю float: left.
1

#3 Пользователь не на сайте   wick ответил: »

 
 
  • Advanced
  • ***
  • Insert nick to fast reply form
  • Quote selected text to fast reply form
  • Группа: Пользователи
  • Сообщений: 293
  • Регистрация: 12-Февраль 15
  • Репутация: 2
  • IPB version:3.4.x
 

Отправлено 08 Март 2015 - 00:54

Просмотреть сообщениеsiv1987 07 Март 2015 - 13:46 сказал(а):

Установить размер блока, так чтобы в один ряд их поместилось два + обтекание по левому краю float: left.

Сколько будет стоить реализовать это? так как из написанного не совсем понимаю, что и где надо сделать). Спасибо
0

#4 Пользователь не на сайте   wick ответил: »

 
 
  • Advanced
  • ***
  • Insert nick to fast reply form
  • Quote selected text to fast reply form
  • Группа: Пользователи
  • Сообщений: 293
  • Регистрация: 12-Февраль 15
  • Репутация: 2
  • IPB version:3.4.x
 

Отправлено 10 Март 2015 - 16:53

помогите пожалуйста, а то пустое место в этом блоке создаёт не приятное ощущение )

Вот эти 2 хука надо привести к нормальному виду, что бы пользователи были в 2 столбца а не в один.
Вложение  hook.xml (14,24К)
Количество загрузок: 4- Top Posters
Вложение  topMonthlyPosters.xml (8,65К)
Количество загрузок: 6- top Monthly Posters
0

#5 Пользователь не на сайте   Viktar83 ответил: »

 
 
  • Advanced
  • ***
  • Insert nick to fast reply form
  • Quote selected text to fast reply form
  • Группа: Пользователи
  • Сообщений: 120
  • Регистрация: 10-Декабрь 14
  • Репутация: 71
  • Откуда:РБ
  • IPB version:3.4.x
 

Отправлено 10 Март 2015 - 18:17

Установил оба и оба одинаковы (в 1 колонку)
Вложение  0.jpg (11,48К)
Количество загрузок: 7

Задаем для нужного li свойство float:left
Вложение  1.jpg (10,55К)
Количество загрузок: 8

Ну а далее, как и сказал siv1987 выше, задать ширину, отступы...

Раз у вас второй блок изменен как надо - может, просто сделать по примеру и скорее всего будет достаточно в шаблоне первого хука ( Список форумов --> topMonthlyPosters ) указать нужный класс (от второго хука), чтобы применить к нему те же css свойства. Можете в лс ссылку на форум, где стоят эти хуки - посмотрим, может действительно все намного проще.

Или же сами:
шаблон:
Список форумов --> topMonthlyPosters
минимально нужные css для элементов li в этом шаблоне:
float: left;
width: ...px;
0

#6 Пользователь не на сайте   wick ответил: »

 
 
  • Advanced
  • ***
  • Insert nick to fast reply form
  • Quote selected text to fast reply form
  • Группа: Пользователи
  • Сообщений: 293
  • Регистрация: 12-Февраль 15
  • Репутация: 2
  • IPB version:3.4.x
 

Отправлено 10 Март 2015 - 21:24

отправил в лс, но по Вашему варианту, это всё дело разъедится в хаотичном порядке в зависимости от длинны имени пользователя, тут видимо только надо настраивать css для хуков и делать для каждого столбца свою таблицу либо как то так, но сделав разные таблицы как в них распихивать всё в нужной последовательности тоже пока не понимаю
0

#7 Пользователь не на сайте   Viktar83 ответил: »

 
 
  • Advanced
  • ***
  • Insert nick to fast reply form
  • Quote selected text to fast reply form
  • Группа: Пользователи
  • Сообщений: 120
  • Регистрация: 10-Декабрь 14
  • Репутация: 71
  • Откуда:РБ
  • IPB version:3.4.x
 

Отправлено 10 Март 2015 - 22:46

Такой вариант:

1) Редактируем шаблоны хуков для вашего стиля (приписываем свой класс дивам)

"Список форумов --> topMonthlyPosters"

самую первую строку
<div class='ipsSideBlock clearfix'>

заменяем на:
<div class='ipsSideBlock clearfix twocolumn'>



"Список форумов --> hookTopPosters"

вторую строку
<div class='ipsSideBlock clearfix'>

заменяем на:
<div class='ipsSideBlock clearfix twocolumn'>



2) В ipb_styles.css для данного стиля в самом низу добавляем:

/* two columns view for hooks */

.twocolumn > div > ul > li {
float: left;
width:119px;
overflow: hidden;
}
.twocolumn > div > ul > li:nth-child(odd) {
margin-right:10px;
}
.twocolumn > div > ul > li > .list_content {
word-wrap: normal;
}
.twocolumn > div > ul > li > .list_content > .ipsType_smaller  > a {
font-size: 13px !important;
}



3) Сокращаем и приводим надписи к одному виду:

В хуках используются надписи "ххх сообщений" и "Написал сообщений: ххх" - надо бы свести к чему-либо одному и желательно сократить. Я бы предложил заменить на "ххх постов" или "ххх сообщ."

Для этого

в шаблоне "Список форумов --> topMonthlyPosters" строку
{parse format_number="$r['posts']"} {$this->lang->words['posts']}

меняем на
{parse format_number="$r['posts']"} сообщ.


в шаблоне "Список форумов --> hookTopPosters" строку
<div class='list_content'><p class='desc ipsType_smaller'>{$this->lang->words['tp_p']}: {parse format_number="$tp['postis']"}</p></div>

меняем на
<div class='list_content'><p class='desc ipsType_smaller'>{parse format_number="$tp['postis']"} сообщ.</p></div>


ПС: почему не через редактирование языка? Проще да и фраза может использоваться еще где-то.


4) Изменяем количество выводимых "авторов"

по умолчанию выводиться 5, а нам для красоты надо четное число (так как колонок у нас уже две)

Идем
"Система --> Управление хуками --> Изменить настройки: Top Posters" в поле "Пользователей в блоке:" ставим 6 (или 8 или 10 ... четное число)
"Система --> Управление хуками --> Изменить настройки: (SOS34) Monthly Top Posters" в поле "Number of Users" ставим 6 (или 8 или 10 ... четное число)

Вложение  0.jpg (14,75К)
Количество загрузок: 9
длинные имена будут обрезаться

---
ППС: на изящность решения и кода не претендую

Сообщение изменено: Viktar83 (10 Март 2015 - 22:54)

2

#8 Пользователь не на сайте   wick ответил: »

 
 
  • Advanced
  • ***
  • Insert nick to fast reply form
  • Quote selected text to fast reply form
  • Группа: Пользователи
  • Сообщений: 293
  • Регистрация: 12-Февраль 15
  • Репутация: 2
  • IPB version:3.4.x
 

Отправлено 11 Март 2015 - 02:51

Спасибо! Это то что надо, буду мучать завтра, сейчас дорисовываю иконки к форумам, мозги уже не соображают )
0

#9 Пользователь не на сайте   wick ответил: »

 
 
  • Advanced
  • ***
  • Insert nick to fast reply form
  • Quote selected text to fast reply form
  • Группа: Пользователи
  • Сообщений: 293
  • Регистрация: 12-Февраль 15
  • Репутация: 2
  • IPB version:3.4.x
 

Отправлено 11 Март 2015 - 04:42

Сделал но почему то получилось большое расстояние между пользователями, как его сократить?
Вложение  модуль.jpg (11,29К)
Количество загрузок: 10
0

#10 Пользователь не на сайте   newbie ответил: »

 
 
  • Advanced
  • Insert nick to fast reply form
  • Quote selected text to fast reply form
  • Группа: IPB Skins.ru Team
  • Сообщений: 2 166
  • Регистрация: 26-Октябрь 11
  • Репутация: 814
  • IPB version:I have no IPB
 

Отправлено 11 Март 2015 - 08:36

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

Сделал но почему то получилось большое расстояние между пользователями, как его сократить?
Потому что в ipb_styles.css
.ipsSideBlock ul li {
margin: 15px 0 15px 0;
}

1

#11 Пользователь не на сайте   wick ответил: »

 
 
  • Advanced
  • ***
  • Insert nick to fast reply form
  • Quote selected text to fast reply form
  • Группа: Пользователи
  • Сообщений: 293
  • Регистрация: 12-Февраль 15
  • Репутация: 2
  • IPB version:3.4.x
 

Отправлено 11 Март 2015 - 10:05

Просмотреть сообщениеnewbie 11 Март 2015 - 08:36 сказал(а):

Потому что в ipb_styles.css
.ipsSideBlock ul li {
margin: 15px 0 15px 0;
}


что надо сделать скажите пожалуйста


вроде разобрался

исправил на margin: 5px 0 5px 0
вроде нормик стало, только длинные ники сдвигают количество сообщений вних ( , если бы можно было бы сделать как сто бы ник просто обрезался

Сообщение изменено: wick (11 Март 2015 - 10:12)

0

#12 Пользователь не на сайте   Viktar83 ответил: »

 
 
  • Advanced
  • ***
  • Insert nick to fast reply form
  • Quote selected text to fast reply form
  • Группа: Пользователи
  • Сообщений: 120
  • Регистрация: 10-Декабрь 14
  • Репутация: 71
  • Откуда:РБ
  • IPB version:3.4.x
 

Отправлено 11 Март 2015 - 10:14

Просмотреть сообщениеnewbie 11 Март 2015 - 08:36 сказал(а):

Потому что в ipb_styles.css
.ipsSideBlock ul li {
margin: 15px 0 15px 0;
}


Да. тогда можно дописать например:

.twocolumn > div > ul > li {
float: left;
width:119px;
overflow: hidden;
margin: 5px 0;
}

---
ПС
Из-за того, что ко всем элементам li применено свойство обтекания, родительский ul "схлопнулся" и соответственно пропали границы (border) у блока,
поэтому можно в тех обоих шаблонах строку
<ul class="ipsList_withminiphoto">

заменить на
<ul class="ipsList_withminiphoto clearfix">

1

#13 Пользователь не на сайте   Viktar83 ответил: »

 
 
  • Advanced
  • ***
  • Insert nick to fast reply form
  • Quote selected text to fast reply form
  • Группа: Пользователи
  • Сообщений: 120
  • Регистрация: 10-Декабрь 14
  • Репутация: 71
  • Откуда:РБ
  • IPB version:3.4.x
 

Отправлено 11 Март 2015 - 10:16

Длинный ник обрежется, а вот тот, который из нескольких слов состоит...
Как вариант чуть уменьшить размер шрифта, как на втором хуке

Сообщение изменено: Viktar83 (11 Март 2015 - 10:16)

1

#14 Пользователь не на сайте   wick ответил: »

 
 
  • Advanced
  • ***
  • Insert nick to fast reply form
  • Quote selected text to fast reply form
  • Группа: Пользователи
  • Сообщений: 293
  • Регистрация: 12-Февраль 15
  • Репутация: 2
  • IPB version:3.4.x
 

Отправлено 11 Март 2015 - 10:22

<ul class="ipsList_withminiphoto">

заменить на
<ul class="ipsList_withminiphoto clearfix">

[/quote]
на эти изменения ни как не реагирует

может можно сделать как ограничение на количество выводимых символов?

Сообщение изменено: wick (11 Март 2015 - 10:25)

0

#15 Пользователь не на сайте   newbie ответил: »

 
 
  • Advanced
  • Insert nick to fast reply form
  • Quote selected text to fast reply form
  • Группа: IPB Skins.ru Team
  • Сообщений: 2 166
  • Регистрация: 26-Октябрь 11
  • Репутация: 814
  • IPB version:I have no IPB
 

Отправлено 11 Март 2015 - 12:23

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

может можно сделать как ограничение на количество выводимых символов?

http://htmlbook.ru/css/text-overflow
Там же можете часть кода и примера взять
1

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


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

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


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

Вопросы по работе сайта

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

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

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

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

IPB 3.x ¦ IPB 2.x

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

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