Техническая поддержка сервиса Quadro.Boards

sadhaka

Как сделать? Что вставить? Где править?
Отвечаем на ваши вопросы по оформлению форумов. :mybb:

Прошлые темы:
1. Вопросы по оформлению форумов, дизайну и css
2. Вопросы по оформлению форумов, дизайну и css - 2
3. Вопросы по оформлению форума, дизайну и css (3)

Теги: вопросы по оформлению,стиль форума,стиль,css,style,как сделать

+1

Ichimaru Gin · Поделиться**481**24.01.2015 15:45:34

rebelsoul написал(а):

как уменьшить длину профиля? После наград получается достаточно большое пустое расстояние.

Найдите вот этот код:

Код:

.punbb .post .post-author > ul {
  background: url("http://funkyimg.com/i/TBo7.png") no-repeat scroll 0 bottom, url("http://funkyimg.com/i/TAiA.png") no-repeat scroll 0 top rgba(0, 0, 0, 0);
  margin: -22px 0 -15px !important;
  padding: 125px 17px !important;
}

И в последнюю строку добавьте выделенное зеленым:

.punbb .post .post-author > ul {
background: url("http://funkyimg.com/i/TBo7.png") no-repeat scroll 0 bottom, url("http://funkyimg.com/i/TAiA.png") no-repeat scroll 0 top rgba(0, 0, 0, 0);
margin: -22px 0 -15px !important;
padding: 125px 17px 10px !important;
}

Отступ снизу появляется, потому что он у вас сейчас симметрично с верхним 125px, проставив отдельное значение, например 10px, вы решите эту проблему.

+1

rebelsoul · Поделиться**482**25.01.2015 00:10:33

Ichimaru Gin
всё получилось, спасибо огромное!

0

i_am_your_soul · [1987-08-30]

Подскажите, пожалуйста, где менять параметры таблицы в посте?
Нам нужно, чтобы текст в таблице располагался от верхней границы.

http://afterdawn.rolbb.ru

0

Fumuse · [1996-02-23]

i_am_your_soul написал(а):

Подскажите, пожалуйста, где менять параметры таблицы в посте?
Нам нужно, чтобы текст в таблице располагался от верхней границы.

Оформление таблицы в посте bb-кодами
[tr valign=top]

0

i_am_your_soul · [1987-08-30]

Fumuse
спасибо. А можно это сразу в CSS прописать?

0

Fumuse · [1996-02-23]

i_am_your_soul
пропишите как-то так :)

Код:

.post-content td {vertical-align: top;}

+1

i_am_your_soul · [1987-08-30]

Fumuse
отлично! То, что надо. Спасибо!

0

Поделиться**488**28.01.2015 17:45:58

Поставили мне дизайн на форум. Старый код кинули во второе окно стиля. Решила поменять обратно. В итоге остались элементы от нового дизайна. Что делать?
Форум: http://vvion.ru/

картинки

Отредактировано Акта (28.01.2015 18:57:22)

0

Mary · Поделиться**489**28.01.2015 18:30:45

Здравствуйте. Поставили на форуме новый дизайн, и у нас сместилось содержимое спойлера и подпись.

скрин

Мне посоветовали в этом коде убрать выделенную строчку:
/* B1.6 */
.punbb .post-content .blockcode, .punbb .post-content blockquote {
font: 11px Verdana;
width: 100%;
overflow: hidden;
}
Убираю, в спойлере все выравнивается, но если в нем есть несколько картинок, они становятся очень мелкими. Раньше такого не было.
Может я ошибаюсь, но мне кажется, что сдвинутая от профиля вправо подпись тоже как-то с этим связана.
Помогите решить проблему пожалуйста.
Форум http://eldorado.rusff.me/
Тема, где есть спойлер http://eldorado.rusff.me/viewtopic.php?id=766#p27189 (правда здесь изображение нормального размера)

0

I.E.R.H.O.N. · Поделиться**490**28.01.2015 19:16:14

Чтоб этот интернет...

sadhaka, отвечаю запоздало на ваш совет с

<style>
td#button-center {
background: url("/i/form_buttons.3.png") no-repeat scroll 50% -177px rgba(0, 0, 0, 0);
}
</style>

Вылезает вот что:
https://www.dropbox.com/s/ibq41meud9ng310/Скриншот 2015-01-29 02.13.26.png?dl=0
То-есть, при использовании вашего варианта (да и изменения как либо иконок), заменяются на книжку все иконки без разбора.

0

Ichimaru Gin · Поделиться**491**28.01.2015 21:46:49

Акта
Здравствуйте, из HTML удалите вот этот код:

Код:

<!--Панель-->
<script>function PanelToggleR(a){var b=a.attr('data'),c=a.css('margin-right');a.attr('data',c);a.stop().animate({'margin-right':b},500)}</script>

<div data="0" id="right-panel">
<div class="content-R">

 <!--Активисты-->

<div>
   <br><br><p style="font-family: 'Times new roman'; font-size: 19px; font-weight: bold; font-style: italic;">Активисты</p><p>
  <a href="профиль"><img src="http://savepic.org/5348743.png" title="Здесь может быть твое имя!" alt="" style="height: 50px;" class=""></a>    
  <a href="профиль"><img src="http://savepic.org/5348743.png" title="Здесь может быть твое имя!" alt="" style="height: 50px;" class=""></a>    
  <a href="профиль"><img src="http://savepic.org/5348743.png" title="Здесь может быть твое имя!" alt="" style="height: 50px;" class=""></a>
</p></div>
<br><br>

 <!--Лучший игрок-->
<div>
   <p style="font-family: 'Times new roman'; font-size: 19px; font-weight: bold; font-style: italic;">Лучший игрок</p><p>
  <a href="профиль"><img src="http://savepic.org/5326215.png" title="Здесь может быть твое имя!" alt="" class=""></a>
</p></div>
<br><br>

 <!--Лучший пост-->
<div>
   <p style="font-family: 'Times new roman'; font-size: 19px; font-weight: bold; font-style: italic;">Лучший пост</p><p>
  <a href="профиль"><img src="http://savepic.org/5336455.png" title="Здесь может быть твое имя!" alt="" class=""></a>
</p><p>
    <i>Пара строк из поста.... <a href="Локация">Читать полностью...</a></i>
</p>
</div>
<br><br>

</div>
<img id="img-left" src="http://sf.uploads.ru/kPpDG.png" onclick="PanelToggleR($('#right-panel'))">
</div>
<!-- END Панель -->

Из стиля тоже:

Код:

#right-panel {
  padding: 0;
  position: fixed;
  right: -3px;
  top: 10px;
  z-index: 1000;
}

Код:

.content-R {
  background-color: transparent;
  color: #531a1a;
  height: 367px;
  margin-left: 60px !important;
  margin-top: 58px !important;
  padding: 12px;
  position: absolute;
  text-align: center;
  width: 396px;
}

(вроде все)

0

Поделиться**492**28.01.2015 21:55:36

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

0

Ichimaru Gin · Поделиться**493**28.01.2015 22:06:57

Mary
спойлер выровнять с цитатой:
http://easycaptures.com/fs/uploaded/728/5997911102.png
поставить такие отступы в этом коде (не заново ставить, а найти и изменить) :

Код:

.punbb .post-content .quote-box, .punbb .post-content .code-box {
  margin: 0.4em 3.5em 0.4em 1em;
  padding: 1em;
}

убрать сдвиг подписи слева (направо)
в стиль:

Код:

dd {
  margin-left: 0;
}

по поводу размера картинки. Если вы уберете ограничение по ширине, то картинка будет отображаться в реальном размере, и, следовательно, когда будет больше ширины поста, будет обрезаться:
http://easycaptures.com/fs/uploaded/728/1957735592.jpg
То, что несколько картинок сейчас мелкие, это из-за узкого форума, я не помню, вроде у вас было шире раньше.
Тут одно из двух: либо картинки в оригинальном размере и будут вылазить за край или обрезаться, либо они будут уменьшаться, и, соответственно, выглядеть мельче.
Об этом речь? Если нет, то покажите пост, в котором картинки выглядят не так, как вам хотелось бы.

+1

Ichimaru Gin · Поделиться**494**28.01.2015 22:11:17

Акта
вы хотите не удалить элемент, а заменить там оформление? Тогда ничего не удаляйте, а в этом же коде, в настройках

Свернутый текст

Код:

<!--Панель-->
<script>function PanelToggleR(a){var b=a.attr('data'),c=a.css('margin-right');a.attr('data',c);a.stop().animate({'margin-right':b},500)}</script>

<div data="0" id="right-panel">
<div class="content-R">

 <!--Активисты-->

<div>
   <br><br><p style="font-family: 'Times new roman'; font-size: 19px; font-weight: bold; font-style: italic;">Активисты</p><p>
  <a href="профиль"><img src="http://savepic.org/5348743.png" title="Здесь может быть твое имя!" alt="" style="height: 50px;" class=""></a>    
  <a href="профиль"><img src="http://savepic.org/5348743.png" title="Здесь может быть твое имя!" alt="" style="height: 50px;" class=""></a>    
  <a href="профиль"><img src="http://savepic.org/5348743.png" title="Здесь может быть твое имя!" alt="" style="height: 50px;" class=""></a>
</p></div>
<br><br>

 <!--Лучший игрок-->
<div>
   <p style="font-family: 'Times new roman'; font-size: 19px; font-weight: bold; font-style: italic;">Лучший игрок</p><p>
  <a href="профиль"><img src="http://savepic.org/5326215.png" title="Здесь может быть твое имя!" alt="" class=""></a>
</p></div>
<br><br>

 <!--Лучший пост-->
<div>
   <p style="font-family: 'Times new roman'; font-size: 19px; font-weight: bold; font-style: italic;">Лучший пост</p><p>
  <a href="профиль"><img src="http://savepic.org/5336455.png" title="Здесь может быть твое имя!" alt="" class=""></a>
</p><p>
    <i>Пара строк из поста.... <a href="Локация">Читать полностью...</a></i>
</p>
</div>
<br><br>

</div>
<img id="img-left" src="http://sf.uploads.ru/kPpDG.png" onclick="PanelToggleR($('#right-panel'))">
</div>
<!-- END Панель -->

щелкайте по всем ссылкам на картинки, смотрите где какая и меняйте их на те, которые хотите поставить.
Если уже есть готовые новые картинки и вы затрудняетесь, давайте их сюда)

0

Поделиться**495**28.01.2015 22:19:34

Ichimaru Gin
Спасибо вам огромное! Я вспомнила, что у меня все картинки сохранены на флешке. не зря я все туда кинула) И диз тоже :3

0

Ichimaru Gin · Поделиться**496**28.01.2015 22:23:39

Акта
да? А я только хотел добавить, что не так вас понял, мол раз есть новая панель, удалить всё и поставить заново же - вариант. Но если вы уже решили, то и хвала богам)

0

Поделиться**497**28.01.2015 22:24:22

Ichimaru Gin
Мыр :3

0

Поделиться**498**28.01.2015 22:25:17

Ichimaru Gin

Все на месте :3

0

Ichimaru Gin · Поделиться**499**28.01.2015 22:32:11

Акта
Молодец, шикарная панель) ~~не флудим~~

+1

Mary · Поделиться**500**28.01.2015 23:15:29

Ichimaru Gin написал(а):

То, что несколько картинок сейчас мелкие, это из-за узкого форума, я не помню, вроде у вас было шире раньше

Нет, ширина форума всегда была 850, ее не меняем. Наверно из-за фона так казалось.
Спасибо большое за подсказку. Я разобралась и все поставила, как мне надо.

0

Вопросы по оформлению форума, дизайну и css (5)	Оформление форумов	04.09.2024
Вопросы по оформлению форума, дизайну и css (3)	Оформление форумов	04.07.2014
Вопросы по оформлению форумов, дизайну и css - 2	Оформление форумов	18.10.2013
Вопросы по оформлению форумов, дизайну и css	Архив	14.12.2012
О разделе «Оформление форумов» + навигация по разделу	Оформление форумов	26.12.2012

Техническая поддержка сервиса Quadro.Boards

Меню навигации

Пользовательские ссылки

Объявление

Новости сервиса

О форуме

Полезные ссылки

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

Вопросы по оформлению форума, дизайну и css (4)

Сообщений 481 страница 500 из 999

Поделиться107.07.2014 23:31:02

Поделиться48124.01.2015 15:45:34

Поделиться48225.01.2015 00:10:33

Поделиться48325.01.2015 12:34:41

Поделиться48425.01.2015 12:42:37

Поделиться48525.01.2015 13:15:50

Поделиться48625.01.2015 13:24:54

Поделиться48725.01.2015 13:28:48

Поделиться48828.01.2015 17:45:58

Поделиться48928.01.2015 18:30:45

Поделиться49028.01.2015 19:16:14

Поделиться49128.01.2015 21:46:49

Поделиться49228.01.2015 21:55:36

Поделиться49328.01.2015 22:06:57

Поделиться49428.01.2015 22:11:17

Поделиться49528.01.2015 22:19:34

Поделиться49628.01.2015 22:23:39

Поделиться49728.01.2015 22:24:22

Поделиться49828.01.2015 22:25:17

Поделиться49928.01.2015 22:32:11

Поделиться50028.01.2015 23:15:29

Похожие темы