ForumD.ru - Дизайн, графика, скрипты, техническая поддержка для форумов и сайтов

Объявление

🔴 МАСТЕР-КЛАСС от magia "Жизненный цикл проекта"

Дата и время: начало 28 апреля в 16:00 по МСК;
Если у вас возникла идея создать ролевую игру, сообщество любителей собак или форум для киноманов,
но не знаете с чего начать и что делать, не беда! Мы здесь чтобы помочь.

Подробности

GEMcross

Кроссовер, ориентированный на активную игру и уютный флуд.
Собираем у себя драгоценных игроков уже почти три года.

Посетить

🔥 Новинка в портфолио: ДИЗАЙН И ГРАФИКА В СТИЛЕ GENSHIN IMPACT

Платформа: MyBB.ru (RusFF)
Стоимость: 6500 рублей;
Авторы: Moju & wasurenagusa

Посмотреть

💰 Теперь у нас можно приобрести "Мгновенные уведомления от Алекса"

Скрипт оповещает пользователей о событиях на форуме в реальном времени, придавая динамики общению.
Автор: Alex_63 | Платформа: MyBB.ru.

У нас: структурированная документация, возможность платить иностранными картами, перевыпустить подписку или купить бессрочно.

Купить скрипт

🌟 ОПЛАТА ЗАКАЗА НАГРАДНЫМИ БАЛЛАМИ И СКИДКИ

Заказы можно оплачивать наградными баллами (НБ). Полностью или частично.
Бартер за НБ осуществляется на условиях платного заказа, в качестве оплаты - НБ.
А если у вас есть любой платный заказ, вы можете обменять НБ на скидочные купоны.

узнать подробности

📣 Наш проект: Ролевой поисковик

Поиск роли на текстовых ролевых
Проект от специалистов FD

Спойлеры и обсуждение

❤️ Поддержать проект

Если у вас есть желание помочь нам сделать наш проект лучше:
Реклама на сайте • Предложения
Стать модератором • Отзывы

Подробнее

SPECIAL OFFER: We distribute designs for free

Finalizing the layout for your project;
Developing a style code;
Mobile version included if you wish.

Details

Support the project

If you want to help us:
Become a moderator
Suggestions • Reviews

Details
СкрытьПоказать
❗ ❗ ❗ Technical work is underway. We'll fix it soon. :) If you're english-speaker and want to use our forum, switch to the russian language. This is temporary, until the works with multi-language option will be done. Sorry for the inconvenience.

Информация о пользователе

Привет, Гость! Войдите или зарегистрируйтесь.

[ВЫПОЛНЕНО] (БЕСПЛАТНО) CSS/HTML / Кодинг: HTML пагинатор страниц

Страница:   1 2 3  
Тема закрыта

Сообщений 11 страница 20 из 21

1

ОБЩАЯ ИНФОРМАЦИЯ О ЗАКАЗЕ

1. ССЫЛКА НА ФОРУМ/САЙТ:
https://xboxfan.ru/
2. УСЛОВИЯ И БЮДЖЕТ:

Минимальный и максимальный бюджет, условия: 
–

Предлагаю в обмен:
–

3. ВАШИ КОНТАКТЫ:

ТЕХНИЧЕСКОЕ ЗАДАНИЕ

1. ОПИСАНИЕ ЗАКАЗА:
 
Нужный кнопки переключения страниц которые можно будет самому заполнять ссылками, пытался сделать сам, но не смог сделать спойлер который открывается вверх на цифре странице. На скриншоте первое два что хотелось бы, можно не много в другом в виде или типа как на третьем варианте.

Пример есть тут https://gamefaqs.gamespot.com/xbox360/c … ll?page=47 внизу справа

2. ИСХОДНИКИ И ГРАФИКА:

Я предоставляю выбор исходников дизайнеру
https://sun9-26.userapi.com/impg/Tn0eAObMh7Xri1uMmu-bitqqAj1JDkse9QAcKA/yq2IXobEAFE.jpg?size=1031x389&quality=95&sign=2c6c435a6effb41c48beeac80be3a365&type=album

3. ДОПОЛНИТЕЛЬНО:

Что нашел в интернете

Код:
<html>
<head>
<style>
.center {
    text-align: center;
}

.pagination {
    display: inline-block;
}

.pagination a {
    color: black;
    float: center;
    padding: 5px 10px;
    text-decoration: none;
}

.pagination a.active {
    background-color: #4CAF50;
    color: white;
    border-radius: 5px;
}

.pagination a:hover:not(.active) {
    background-color: #ddd;
    border-radius: 5px;
}
</style>
</head>
<body>

<div class="pagination">
  <a href="https://xboxfan.ru/pages/xbox360_2">&laquo;</a>
  <a class="active" href="https://xboxfan.ru/pages/xbox360_1">1</a>
  
  <a href="https://xboxfan.ru/pages/xbox360_3">&raquo;</a>
</div>

</body>
</html>

+1

11

  • Автор: Gerda
  • технозомби
  • Gerda
  • Уважение: +9804
  • Достижения/подарки: cake 8 emoji_events 16
  • Наградные баллы: 1612
  • Проверенный спец:
    FD
    FD

ROBOCOPxbox360
тогда добавляем некликабельное вот таким кодом:

<optgroup label="текст отображаемый в списке"></optgroup>

небольшое изменение в стиле:

Код:
<style>
.pagination {
text-align: center;
padding: 5px 0 10px;
}
.pagination a {
display: inline-block;
background: url(../../img/Mybb_The_Button/h2.gif) #0e0e0e repeat-x bottom;
padding: 3px 4px;
border-radius: 3px;
border: 1px solid #5A7811;
text-decoration: none !important;
margin: 0 5px;
}
.pagination a:hover {border: 1px solid #000;}

.pagination span {font-size: 14px;}
.pagination select {border: 1px solid #5A7811;}
.pagination select:hover, .pagination select:focus {border: 1px solid #000;}

.pagination select option,
.pagination select optgroup {color: #000; background-color: #b0cb21;}
.pagination select option[selected] {background-color: #5A7811; color: #fff}
</style>

текущий пагинатор полностью:

Код:
<div class="pagination">
      

<span>Страница: 
    <select id="list" class="active" onchange="window.location.href=this.options[this.selectedIndex].value">
       <option selected>1</option>
       <option value="/pages/xbox360_02">2</option>
       <option value="/pages/xbox360_03">3</option>
       <option value="/pages/xbox360_04">4</option>
       <option value="/pages/xbox360_05">5</option>
       <option value="/pages/xbox360_05">6</option>
       <option value="/pages/xbox360_05">7</option>
       <option value="/pages/xbox360_05">8</option>
       <optgroup label="..."></optgroup>
       <option value="/pages/xbox360_24">24</option>
       <option value="/pages/xbox360_25">25</option>
       <option value="/pages/xbox360_26">26</option>
       <option value="/pages/xbox360_27">27</option>
       <option value="/pages/xbox360_28">28</option>
       <option value="/pages/xbox360_29">29</option>
       <option value="/pages/xbox360_30">30</option>
    </select>
/30
</span>

      <a href="https://xboxfan.ru/pages/xbox360_02"><b>Вперед »</b></a>
</div>

+1

12

  • Автор: Gerda
  • технозомби
  • Gerda
  • Уважение: +9804
  • Достижения/подарки: cake 8 emoji_events 16
  • Наградные баллы: 1612
  • Проверенный спец:
    FD
    FD

ROBOCOPxbox360

еще чтоб не приходилось вставлять теги <b></b> на кнопки, вот такая добавка в стиль:

<style>
.pagination {
text-align: center;
padding: 5px 0 10px;
}
.pagination a {
font-weight: bold;
display: inline-block;
background: url(../../img/Mybb_The_Button/h2.gif) #0e0e0e repeat-x bottom;
padding: 3px 4px;
border-radius: 3px;
border: 1px solid #5A7811;
text-decoration: none !important;
margin: 0 5px;
}
.pagination a:hover {border: 1px solid #000;}

.pagination span {font-size: 14px;}
.pagination select {border: 1px solid #5A7811;}
.pagination select:hover, .pagination select:focus {border: 1px solid #000;}

.pagination select option,
.pagination select optgroup {color: #000; background-color: #b0cb21;}
.pagination select option[selected] {background-color: #5A7811; color: #fff}

</style>

сделает текст кнопок жирным автоматом, меньше возни с тегами на страничках

+1

13

  • Автор: Gerda
  • технозомби
  • Gerda
  • Уважение: +9804
  • Достижения/подарки: cake 8 emoji_events 16
  • Наградные баллы: 1612
  • Проверенный спец:
    FD
    FD

ROBOCOPxbox360
и то же самое можно сделать с заголовками игр:

Код:
.ROBO div {font-weight: bold;}

вставь между тегов <style> вместе с остальными кодами стиля, и не придется дополнительно тегать текст

+1

14

#p175812,Герда написал(а):

ROBOCOPxbox360
и то же самое можно сделать с заголовками игр:

Код:
.ROBO div {font-weight: bold;}

вставь между тегов <style> вместе с остальными кодами стиля, и не придется дополнительно тегать текст

Вроде разобрался, всё работает, остался только последний вопрос, получается где то 20 ссылок можно поставить чтоб не было прокрутки как на скриншоте ниже?

https://forumupload.ru/uploads/0007/e3/f7/8224/t423619.jpg

На телефоне там ещё лучше смотрится) Там всё равно сколько страниц там указано.

https://xboxfan.ru/pages/xbox360_03

Отредактировано ROBOCOPxbox360 (07.11.22 18:21)

0

15

  • Автор: Gerda
  • технозомби
  • Gerda
  • Уважение: +9804
  • Достижения/подарки: cake 8 emoji_events 16
  • Наградные баллы: 1612
  • Проверенный спец:
    FD
    FD
#p175824,ROBOCOPxbox360 написал(а):

где то 20 ссылок можно поставить чтоб не было прокрутки как на скриншоте ниже?

через <select> только скриптами, что слишком замороченно.
можно переписать код под выпадающее меню - тогда будет без прокрутки.

0

16

#p175825,Герда написал(а):
#p175824,ROBOCOPxbox360 написал(а):

где то 20 ссылок можно поставить чтоб не было прокрутки как на скриншоте ниже?

через <select> только скриптами, что слишком замороченно.
можно переписать код под выпадающее меню - тогда будет без прокрутки.

Ладно, тогда не нужно, спасибо и на этом.

Спасибо что сделали красивые кнопки и разжевали дополнительно.

0

17

  • Автор: Gerda
  • технозомби
  • Gerda
  • Уважение: +9804
  • Достижения/подарки: cake 8 emoji_events 16
  • Наградные баллы: 1612
  • Проверенный спец:
    FD
    FD
#p175826,ROBOCOPxbox360 написал(а):

Спасибо что сделали красивые кнопки и разжевали дополнительно.

никаких проблем, обращайся. :)

кстати, у меня тут невостребованные недоделанные дизайны завалялись. не хотел бы себе забрать вот такой?

в нем элементы под игровой форум, вродь, самое то.
шапку/низ можно переделать, мобильную версию припилить можно.

красное переделать на зеленое реально, разве что сделать его с белым фоном - сомнительная затея.

+4

18

#p175827,Герда написал(а):
#p175826,ROBOCOPxbox360 написал(а):

Спасибо что сделали красивые кнопки и разжевали дополнительно.

никаких проблем, обращайся. :)

кстати, у меня тут невостребованные недоделанные дизайны завалялись. не хотел бы себе забрать вот такой?

в нем элементы под игровой форум, вродь, самое то.
шапку/низ можно переделать, мобильную версию припилить можно.

красное переделать на зеленое реально, разве что сделать его с белым фоном - сомнительная затея.

Было бы что то про xbox, то может быть, а так спасибо но не надо.

Отредактировано ROBOCOPxbox360 (07.11.22 22:21)

0

19

  • Автор: Gerda
  • технозомби
  • Gerda
  • Уважение: +9804
  • Достижения/подарки: cake 8 emoji_events 16
  • Наградные баллы: 1612
  • Проверенный спец:
    FD
    FD
#p175852,ROBOCOPxbox360 написал(а):

Было бы что то про xbox, то может быть, а так спасибо но не надо.

ну, я ж говорю, шапку/низ можно переделать - картинки и лого star wars убираем, ставим что-нибудь про xbox = profit

главное чтоб тебе темная цветовая гамма подходила и бордюрчики нравились.

этот дизайн ща по акции бесплатно ищет хозяина и, естественно, с доделками под новый форум.

0

20

#p175853,Герда написал(а):

ну, я ж говорю, шапку/низ можно переделать - картинки и лого star wars убираем, ставим что-нибудь про xbox = profit

На самом деле, хороший дизайн. Напоминает сильно дизайн Opeara GX.  :cool: Для геймеров самое то.

+1

Тема закрыта
Страница:   1 2 3