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

Герда · [1990-05-17]

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

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

sadhaka

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

Помогите, пожалуйста наладить форум. Есть ссылка 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

sadhaka

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

Nocticula de Michi · [1989-11-07]

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

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

0

TeSS

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

0

Nocticula de Michi · [1989-11-07]

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

и

HOME
sysrq

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

+1

sadhaka

Nocticula de Michi

Это?

Демо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

Nocticula de Michi · [1989-11-07]

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

0

rose-

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

0

sadhaka

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

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

0

Ромашка

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

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

0

sadhaka

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

0

rose-

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

0

igal

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

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

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

0

Karina

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

Код:

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

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

0

sadhaka

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

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

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

#pun {
width: 77%;
}

+1

sadhaka

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

Karina

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

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

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

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

#pun {
width: 77%;
}

оооойй!!!ВСе Получилось !
Спасииибо Большоеее !!! +1 вам

0

Ichimaru Gin

///

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

0

импаловый

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

тык

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

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

0

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

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

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

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

Объявление

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

О форуме

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

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

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

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

Поделиться126.12.2012 20:25:21

Поделиться226.12.2012 20:34:22

Поделиться326.12.2012 20:38:48

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

Поделиться526.12.2012 22:34:49

Поделиться626.12.2012 22:56:22

Поделиться726.12.2012 23:08:53

Поделиться826.12.2012 23:13:25

Поделиться928.12.2012 15:16:46

Поделиться1028.12.2012 16:20:02

Поделиться1128.12.2012 16:53:28

Поделиться1228.12.2012 17:27:56

Поделиться1328.12.2012 17:48:18

Поделиться1428.12.2012 22:45:59

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

Поделиться1601.01.2013 18:55:59

Поделиться1701.01.2013 20:21:38

Поделиться1801.01.2013 20:33:12

Поделиться1902.01.2013 16:23:34

Поделиться2005.01.2013 16:27:32

Похожие темы