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

Объявление

☕ Неделя графического дизайна с ocean

Дата: 8 - 14 декабря
Тема: Графический дизайн: тренды, инструменты, креативные подходы
наша прекрасная Ocean готова ответить на любые вопросы, что не противоречат законам РФ

Задать вопрос

❄️ САМЫЙ СНЕЖНЫЙ ФОРУМ: КОНКУРС ДИЗАЙНОВ

Показывайте зимние и новогодние дизайны ваших проектов
И да победит самый снежный!)

Принять участие

📩 ИНТЕРНЕТ-ВОССТАНИЕ 2.0: ПИСЬМО ДЕДУШКЕ МОРОЗУ

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

Написать письмо

🔥 Новинка в портфолио: Скрипт фильтров и поиска контента

Фильтры для сортировки и поиска контента, работают на любой платформе
Стоимость: бесплатно
Автор: Emerael

Забрать код

💰 Продаётся: функционал, упрощающий жизнь админу форума

Ивент-календарь, вкладки и слайдеры в постах облегчат оформление и информирование игроков о событиях на форуме.
Скрипт подсчёта постов за вас посчитает активистов и тех кто не пишет посты в указанных разделах и за указанный период времени.
Чат на отдельной странице на форуме, без регистрации, используются форумные аккаунты.

Как купить

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

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

Подробнее

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
SuggestionsReviews

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.

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

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



Дизайн.

Сообщений 1 страница 10 из 10

1

как же я заколебался его настраивать ==
у меня много вопросов.

- кнопка баннеров внизу... как его приподнять??
- как сделать профиль уже?
- рекламный баннер... как его можно убрать в левый верхний угол шапки?
- форум, участники, награды и тп. нужно поднять
- изменить внешний вид переадресации
- сделать обводку поля ввода текста сплошной линией
- чтобы фон не повторялся в ширину
- смена дизайна кнопки "отправить/просмотреть" и модератоского меню (в теме, не в админке)
- цвет фона цитаты
- рамка форума как странно едет в бок... как можно это исправить?

ссылка на ролевую:
http://sors.rusff.ru/

Отредактировано Шериан (29.05.13 22:49)

0

2

Шериан
доброго утра :)

Шериан написал(а):

- кнопка баннеров внизу... как его приподнять??

Ищем скрипт самой кнопки.

<center><div style="padding-bottom: 1em;"><a href="#" onclick=" obj=this.parentNode.childNodes[1].style;
tmp=(obj.display!='block') ? 'block' : 'none'; obj.display=tmp; return false;">
<img src="http://s1.uploads.ru/BML4D.png"></a><div style="display: none">
<a target="_blank" href="http://tank.mybb.ru" title="Ролевой Каталог 'ТАНКЪ'"><img src="http://i912.photobucket.com/albums/ac325/2510-img/Tank/tank_banner.gif" border="0"></a>
<a href="http://vampirecastle.rolka.su/" target="_blank"><img src="http://savepic.ru/3264859.png" border="0" width="88" height="31" title="Vampire Knight: Castle of illusion"></a>
</noscript>

Но так она будет чуть-чуть наезжать на копирайт, поэтому можно сдвинуть ее чуть-чуть влево, добавив после ; padding-right: 2em;

Шериан написал(а):

- как сделать профиль уже?

Первое окошко стиля:

/* C3.5 */
.punbb .post .post-author {
  float: left;
  width: 21em;
  margin-top: 0em;
  overflow: hidden;
  pading: 0 0.4em;
  }

/* C3.11 */
.punbb .post-body {
  margin-left: 21.4em;
  padding: 0em 0em 0em 0em;
  }

Шериан написал(а):

- рекламный баннер... как его можно убрать в левый верхний угол шапки?

Второе окошко стиля:

#pun-title table tbody tr .title-logo-tdr {position: absolute; z-index: 1; left: 625px; top: 3px;}

Оптимальнее всего будет написать значение 175 :)

Шериан написал(а):

- форум, участники, награды и тп. нужно поднять

Первое окошко стиля:

/* D1.4 */
#pun-title h1 span  {
  display: none;
  }
#pun-title table {
border: none;
height: 515px;
width: 100%;
}

Шериан написал(а):

- изменить внешний вид переадресации

Вам сюда: Фон на странице переадресации (mybb) или Стиль страницы переадресации (mybb) :)

Шериан написал(а):

- сделать обводку поля ввода текста сплошной линией

Первое окошко стиля:

/* C1.16 */
.punbb textarea, .punbb .longinput input {
  width: 64%;
  border: 2px #3d272a dashed;
  border-radius: 15px;
  -webkit-border-radius: 15px;
  -khtml-border-radius: 15px;
  -moz-border-radius: 15px;
  -o-border-radius: 15px;
  margin: 0;
  background: #bd9fa6
bottom right no-repeat;
  }

Шериан написал(а):

- чтобы фон не повторялся в ширину

Хм, у меня ничего не повторяется в ширину оО

скрин

http://s1.uploads.ru/C9OVA.png

Шериан написал(а):

- смена дизайна кнопки "отправить/просмотреть" и модератоского меню (в теме, не в админке)

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

/*стили кнопок "отправить","показать"*/
.punbb input{
background: #fff;
border-radius: 10px;
...
}

Вместо серых точек пишем те стили, которые нужны :)
С модераторским меню я сама мучилась, помню х) но нашла выход, что меня очень-очень порадовало. :)
Добавляем во второе окошко стиля:

.punbb select, .punbb input {
  background: rgb(253, 254, 255);
  color: #444444;
  font-family: Tenor Sans;
  border: none;
  font-weight: bold;
  font-size: 11px;
  padding-left: 2px;
  -webkit-border-radius: 15px;
  -khtml-border-radius: 15px;
  -moz-border-radius: 15px;
  -o-border-radius: 15px;

  }

Шериан написал(а):

- цвет фона цитаты

Второе окошко стиля:

/* CS1.7 */
.punbb .quote-box, .punbb .code-box {
  color: #000000;
  padding: 1em !important;
background: #d0bd9d 
bottom right no-repeat;
  }

То, что я зачеркнуло - здесь ни к чему. Во-первых, тут должно быть две dd, а не одна. Это я уже подправила. А во-вторых, такой слектор уже задан в другом коде :)

Шериан написал(а):

- рамка форума как странно едет в бок... как можно это исправить?

Как говорилось ранее, у меня ничего не съезжает. Можете сделать скрин? Плюс какой браузер, версия.

+1

3

СПАСИБО) Появилось еще несколько вопросов)

- цвет текста в категории
- уменьшить расстояние профиля до рамки форума
- относительно съезжающего фона. у вас на скрине это тоже видно, но там он съезжает где-то на миллиметр по бокам на стыке(где идет его повторение в высоту) но, наверное, это из-за того, как я его так обрезала оО
- левую сторону подтянуть ближе к краю

Отредактировано Шериан (30.05.13 14:50)

0

4

Шериан
не за что ^^

Шериан написал(а):

- цвет текста в категории

Первое окошко:

/* A5.10 */
.punbb .section h2, #pun-main h1, #pun-main h2, #pun-stats h2, #pun-debug h2 {
  padding: 0.6em 1em;
  border-style: none;
  text-align: center;
  font: normal 22px Palatino Linotype;
  background: url("http://s1.uploads.ru/AIzDs.png") bottom center no-repeat;
color: #d9cccf;
  }

Шериан написал(а):

- уменьшить расстояние профиля до рамки форума

Второе окшоко, блок CS1.2

.punbb .post .container, .punbb .post h3{
background-color: transparent;
  color: #000000;
margin-left: 20px; margin-right: 10px;
  }

Шериан написал(а):

- относительно съезжающего фона. у вас на скрине это тоже видно, но там он съезжает где-то на миллиметр по бокам на стыке(где идет его повторение в высоту) но, наверное, это из-за того, как я его так обрезала оО

Увидела )
Это в фотошопе косяк: скрин

Шериан написал(а):

- левую сторону подтянуть ближе к краю

Второе окошко:

/* CS1.1 */
.punbb .section .container, .punbb td.tc2, .punbb td.tc3, .punbb .formal fieldset, #viewprofile li strong, #viewprofile li div, #setmods dd,
.punbb .info-box, .punbb #pun-main .info-box .legend {
background-color: transparent;
  color: #000000;
margin-left: 10px; margin-right: 10px;
  }

Если нужно ближе, чем станет при значении 0, то тогда можно поставить -13px

+1

5

Jii-Jo написал(а):

Это в фотошопе косяк: скрин

да, уже исправила х)
Спасибо большое))
У меня последний вопрос:
в категории картинка используется, но текст должен быть под ней, как это можно исправить?)

0

6

Шериан написал(а):

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

Хм, если понял правильно, то:

/* A5.10 */
.punbb .section h2, #pun-main h1, #pun-main h2, #pun-stats h2, #pun-debug h2 {
  padding: 0.6em 1em;
  border-style: none;
  text-align: center;
  font: normal 22px Palatino Linotype;
  background: url("http://s1.uploads.ru/BsJLx.png") bottom center no-repeat;
color: #264044;
  height: 11px;
  padding-top: 10px;

}

+1

7

появились еще косячки...
незначительные, но все же.

- Выровнять в таблице слова "партнеры" и "модераторы" по баннерам, а то они слегка кривоваты.
- И сам текст приветствия чуть-чуть вправо, а то не ровно, хоть и не критично.
- название темы налезает на то, сколько в ней страниц уже.

http://vampiredynasty.artbb.ru/

0

8

Шериан

Шериан написал(а):

- название темы налезает на то, сколько в ней страниц уже.

для этого  найдите в верхнем окне стиля вот этот код

/* B3.3 */
.linkst .pagelink {
  position: absolute;
  top: -7em;
  left: 1em;
  width: 24em;
  }

/* B3.4 */
.linkst .postlink {
  position: absolute;
  top: -7em;
  right: 1em;
  width: 16em;
  text-align: right;
  font-weight: bold;
  }

Выделенные строчки замените на эту    top: -5em;

Отредактировано Danessa (11.06.13 08:44)

+1

9

Danessa
спасибо)

вопрос с таблицей все еще в силе)

0

10

Шериан
насчет таблицы.

Шериан написал(а):

- И сам текст приветствия чуть-чуть вправо, а то не ровно, хоть и не критично.

Можно попробовать так:

<div style="height:300px; width:365px;border:red 0px solid; top:90px;margin-left:535px;position:absolute;z-index:100;">

Заменяем число, оптимально 360 или 355
или так:

<div style="height: 300px; width: 360px; border: red 0px solid;
top: 90px; margin-left: 530px; position: absolute; z-index: 100;">

Шериан написал(а):

- Выровнять в таблице слова "партнеры" и "модераторы" по баннерам, а то они слегка кривоваты.

<center style="margin-right: 21px;"><b>Партнеры</b></center>

<center style="margin-right: 44px;"><b>Модераторы</b>

+1