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

Объявление

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

О форуме

Quadro.Support – это форум технической поддержки различных проектов и сервисов Quadro.Systems LLC, на котором грамотные технические специалисты всегда смогут помочь вам в решении проблем, или же подсказать ответы на самые сложные вопросы. Так же на форуме собрана обширная база знаний по различным аспектам наших сервисов. Не забывайте пользоваться поиском ;)

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

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


Вы здесь » Техническая поддержка сервиса Quadro.Boards » Оформление форумов » Вопросы по оформлению форумов, дизайну и css - 2


Вопросы по оформлению форумов, дизайну и css - 2

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

1

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

старая тема - Вопросы по оформлению форумов, дизайну и css

+1

2

Десерт написал(а):

Помогите, пожалуйста наладить форум. Есть ссылка http://mistic.rusff.me/
У меня не получатся унифицировать положение элементов форума, я умею в виду, что в разных браузерах и разрешениях форум ведет себя по разному и что-то куда-то уезжает. Хочу сделать ВСЕ по центру независимо от браузера и разрешения. Помогите, пожалуйста

Десерт написал(а):

За эту помощь спасибо, но теперь такая фишка... фон форума съезжает вправо, при разрешении 1024, хотелось бы его выровнять

У Вас чего-то слишком широкой сделана таблица форума. Попробуйте в хтмл-верх заменить на это:

#pun {
    background: url("http://funkyimg.com/u2/2863/509/9014212.jpg") repeat scroll center top transparent;
    margin: 610px auto 0;
    width: 1000px;
}

0

3

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

Может кто подскажет?
Сам форум шириной 850 пикс. шапка 1024 пикс. Когда ставлю шапку, она "съезжает" вправо. Хотя в стиле четко указано, что она должна стоять по центру. Было у кого-нибудь такое и как с этим бороться?
http://palaceofstars.rolka.su/

Попробуйте использовать отступ слева с отрицательным значением - margin-left: -80px;
Весь блок правил:

//второе окно стиля

#pun-title.section {
    background-color: transparent;
    background-image: url("https://forumstatic.ru/files/0011/b2/39/13720.png");
    background-position: center top;
    height: 488px;
    margin-left: -80px;
    width: 1000px;
}

+1

4

Нужен  скрипт , не  могу найти, честно уже искала его.

Вроде бы называется "выдвигающийся панель с Ухом", хотела сделать скрин, но  что-то на  новом  ноуте  не  могу  найти уже пол часа как это сделать=(((

0

5

Nocticula de Michi
fn+prt sc пробуй))

0

6

TeSS
у  кнопки  выглядят  так.
END
prtsc

и

HOME
sysrq

Как  их только не пыталась, ничего.

+1

7

Nocticula de Michi

Это?

http://uploads.ru/i/8/A/N/8ANXh.png
Демо1

Код:
<!-- JampPanel-->
<style>
#JampPanel:hover{
margin-right:-20px;
}
#JampPanel,#JampPanel .container{
border-radius:10px;
-webkit-border-radius:10px;
-khtml-border-radius:10px;
-moz-border-radius:10px;
-o-border-radius:10px;
border:1px solid #FE2323;
background-color:#F0F0F0;
box-shadow: 0px 5px 5px #626262;
-webkit-box-shadow:0px 5px 5px #626262;
-khtml-box-shadow:0px 5px 5px #626262;
-moz-box-shadow:0px 5px 5px #626262;
}
#JampPanel {opacity:0.86;
position:fixed;z-index:1200;
height:190px;top:8px;right:0;margin-right:-202px;
background:#F0F0F0 url(http://uploads.ru/i/S/z/t/Sztn3.png) 4px 2px no-repeat;
width:230px;
}
#JampPanel .container{
padding:12px;
height:400px;
width:100%;margin:-1px 0 0 30px;
}
#Zaslonyalka{ /*прикрывает область тени на стыке уха с container*/
position:absolute;
height:190px;width:14px;
background-color:#F0F0F0;
margin:-12px 0 0 -18px;
}
</style>
<div id=JampPanel>
  <div class=container>
    <div id=Zaslonyalka></div>
Ваш контент
  </div>
</div>
<!--End//JampPanel-->

//с плавным эффектом
Демо2

Код:
<!-- JampPanel-->
<style>
#JampPanel:hover{
margin-right:-20px;
}
#JampPanel,#JampPanel .container{
border-radius:10px;
-webkit-border-radius:10px;
-khtml-border-radius:10px;
-moz-border-radius:10px;
-o-border-radius:10px;
border:1px solid #FE2323;
background-color:#F0F0F0;
box-shadow: 0px 5px 5px #626262;
-webkit-box-shadow:0px 5px 5px #626262;
-khtml-box-shadow:0px 5px 5px #626262;
-moz-box-shadow:0px 5px 5px #626262;
}
#JampPanel {opacity:0.86;
position:fixed;z-index:1200;
height:190px;top:8px;right:0;margin-right:-202px;
background:#F0F0F0 url(http://uploads.ru/i/S/z/t/Sztn3.png) 4px 2px no-repeat;
   transition-duration: 0.33s;
  -webkit-transition-duration: 0.33s;
  -moz-transition-duration: 0.33s;
  -o-transition-duration: 0.33s;
width:230px;
}
#JampPanel .container{
padding:12px;
height:400px;
width:100%;margin:-1px 0 0 30px;
}
#Zaslonyalka{ /*прикрывает область тени на стыке уха с container*/
position:absolute;
height:190px;width:14px;
background-color:#F0F0F0;
margin:-12px 0 0 -18px;
}
</style>
<div id=JampPanel>
  <div class=container>
    <div id=Zaslonyalka></div>
Ваш контент
  </div>
</div>
<!--End//JampPanel-->
Nocticula de Michi написал(а):

Как  их только не пыталась, ничего.

Может это поможет

+2

8

sadhaka
да  именно  оно, спасибо.  Я  там  у  вас  в +  слегка  опечаталась=(((  Слишком  спешила.

0

9

http://s3.uploads.ru/9WEcp.png

когда создаёшь таблицы в тексте всё время выскакивают рамки, как сделать их прозрачными? это ведь проблема в коде css? можно же как-то сделать так, чтобы теги [td][tr] по умолчанию делали прозрачную рамку таблицы?

0

10

rose-
Можно:
//в свой стиль

.post-content td {border: 0 none #000 !important;}

0

11

Здравствуйте. Пожалуйста, помогите оформить форум. Я создала форум, но, увы, не знаю, как можно продвинуть его и в стиле и в оформление. Если как то сможете помочь вот мой форум http://catwarriorcats.rolka.su/ пишите по ЛС. Срочно нужна помощь

Отредактировано Ромашка (28.12.2012 16:54:57)

0

12

Ромашка
Можете попробовать сюда обратиться Ищу дизайнера
Или сюда http://forumdts.org/

0

13

sadhaka
спасибо, помогло)

0

14

Доброго времени.
У меня такой вопрос .  Как можно сделать постановку лайков или плюсов рядом с постом, но так, чтобы автоматически изменялся цвет фона сообщения участников после достижения определенного количества плюсов возле него. Например после 20 плюсов-лайков оно становится зеленым, после 50 золотым. Те же изменения цвета  хотелось бы иметь возможность и изменять вручную.
Спасибо. форум http://ramta-ezoterika.ru

Частично уже нашел ответ тут - Рейтинг поста
спасибо Герде

Отредактировано igal (28.12.2012 23:07:49)

0

15

Здравствуйте)У меня такая проблема:в моем стиле есть фон,НО он не отображается!Вчера в админке во втором окне стиля под этим кодом

Код:
body {
        background: url(http://www.lenagold.ru/fon/tkan/kru/krugev32.jpg) #917e72 repeat;
}

я убрала код цвета фона.И все получилось!!Но не тут-то было...Думала ,в новом году нарадуюсь новому стилю...Захожу ,значит,сегодня на форум,и вижу ВСЕ ТОТ ЖЕ СЕРЫЙ ФОН БЕЗ КАРТИНКИ ФОНА  :'(
что делать-то?почему он у меня вчера нормально все показал,а сегодня такое? :dontknow:

0

16

Karina
попробуйте заменить на это

body {
background: url(http://s2.uploads.ru/baxnp.jpg) repeat #917E72;
}

и уберите из хтмл-верх вот это вообще, оно там не надо

#pun {
    width: 77%;
}

+1

17

igal
Автоматически можно использовать нечто такое

//хтмл-низ

<script>
$(".post-rating a").each(function(){
if(($(this).text() > 0) && ($(this).text() < 2)) {$(this).parents(".post-box").css("background-color","#fff");}
});
</script>

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

Если несколько настроек надо, то строку выделенную жирным копируете несколько раз.

По поводу ручной настройки, то если постов немного, то можно так

#id_поста .post-box {background-color: #fff}

где id_поста - уникальный идентификатор поста, который можно посмотреть, если кликнуть на ссылку с датой у необходимого поста, она будет после знака решетка #

https://support.rusff.me/viewtopic.php?id=2601#p44393

0

18

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

Karina
попробуйте заменить на это

    body {
    background: url(http://s2.uploads.ru/baxnp.jpg) repeat #917E72;
    }

и уберите из хтмл-верх вот это вообще, оно там не надо

    #pun {
        width: 77%;
    }

оооойй!!!ВСе Получилось ! http://s1.uploads.ru/i/Mzjwn.gif
Спасииибо Большоеее !!! +1 вам  http://s1.uploads.ru/i/gOCTF.gif

0

19

///

Отредактировано Ichimaru Gin (05.01.2013 12:06:18)

0

20

помогите пожалуйста
как сделать чтобы слово профиль читаемым было, чтобы находилсоь на своем месте и фраза Рейтинг форумов | Создать форум бесплатно © 2007–2012 «Quadro.Boards» LLC, чтобы С тоже видно было

тык

http://s3.uploads.ru/ZgUTb.jpg

иначе как можно сузить форум не трогая само тело форума

Отредактировано импаловый (05.01.2013 16:30:53)

0


Вы здесь » Техническая поддержка сервиса Quadro.Boards » Оформление форумов » Вопросы по оформлению форумов, дизайну и css - 2


Рейтинг форумов | Создать форум бесплатно