Единый форум поддержки

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

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


Вы здесь » Единый форум поддержки » Архив » Общие вопросы по оформлению (49)


Общие вопросы по оформлению (49)

Сообщений 921 страница 940 из 1000

921

arina_chery, задачи не перечислили, поэтому на свое усмотрение привожу вам, что и как поменять.
И да, не нужно каждый селектор с его набором правил индивидуально оборачивать в теги стиля. Достаточно весь список селекторов с их параметрами и значениями одеть в одну пару этих тегов. Так вы значительно сэкономите место (оно ограничено все же) и улучшите восприятие кодов, убрав лишнее с глаз.

Слева то, что у вас. Справа то, что должно быть.

#pun-title .title-logo {background-image : url(http://forumstatic.ru/files/0001/f4/e1/25527.png
); /*переносить круглые скобки, части значений, точки с запятой на новые строки нельзя, вы разрываете значение, которое должно быть единым; запись справа - верная*/
background-repeat : no-repeat;
}

#pun-stats ul.container {
    background: url("http://i005.radikal.ru/0712/02/ba2805dab7d7.gif") no-repeat left #54442D; /*добавляем к фону помимо картинки и цвет, а так же указываем для картинки положение и правило повтора*/
    }

Так задано в стиле по умолчанию. Это фон под заголовки "Статистика", названия темы, форумов в списках и прочих местах
#pun-stats h2, .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2 {
    background: url("../../img/Mybb_Darkframe/h2.gif") repeat-x scroll 0% 0% rgb(164, 164, 172);
    color: rgb(0, 0, 0);
}

Поскольку при задании фону цвета и картинки картинки всегда имеет приоритет, а, как видите, фон блока под заголовок "Статистика" собран картинкой, возможно, понадобиться добавить после цвета до точки с запятой !important
#pun-stats h2, .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2 {
    background-color: #F9EAC1 !important;
}

Черные полосы по всему форуму (у вас такого в html-верхе нет, поэтому ставите правый код, как есть)
#pun-announcement h2 span {
    display: block;
    padding: 1em 0px 0.8em;
    border-bottom-style: solid;
    border-bottom-width: 1px;
}

#pun-announcement h2 span {
    border: none;

Еще раз черные бордеры
.punbb .section, .punbb .forum, .punbb .formal, .punbb .modmenu, .punbb .info, .punbb .category, .punbb .post {
    border-style: none none solid;
    border-width: 0px 0px 2px;
}

.punbb .section, .punbb .forum, .punbb .formal, .punbb .modmenu, .punbb .info, .punbb .category, .punbb .post {
    border: none;
}

Еще черные бордеры
#pun-announcement h2 {
    padding: 0px;
    margin: 0px 1em -3.5em;
    border-style: none none solid;
    border-width: 0px 0px 1px;
    position: relative;
    font-weight: bold;
}

#pun-announcement h2 {
    border: none;
}

Фон сообщений
.punbb .post-body, .post-box, .punbb .post-links, .punbb .post h3, .punbb .post .container {
    color: rgb(153, 153, 153);
    background-color: rgb(25, 25, 25);
}

.punbb .post-body, .post-box, .punbb .post-links, .punbb .post h3, .punbb .post .container {
    background-color: #2B2111;
}

Меняйте по одному, смотрите, как получается, потом вносите следующее изменение. Если что-то еще нудно будет изменить - пишите, поправим :-)

+1

922

Remus John Lupin
Ух ты)  Спасибо огромное за такой подробный ответ!!!
Сейчас буду пробовать)

0

923

Remus John Lupin
Почти все получилось. Только вот фон в сообщении - там всегда было два цвета и они шли поочередно. Один чуть темнее, другой светлее.  Один из них поменялся на нужный мне, а второй остался...
Каким образом заменить и второй?

И черное поле там, где высвечивается реклама...

0

924

arina_chery, пожалуйста :-)

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

И черное поле там, где высвечивается реклама...

Правила те же. Слева то, что заложено, справа то, что вам нужно прописать в html-верхе.

.punbb .main .container, .punbb .section .container, .punbb .section .formal .container, .punbb .formal fieldset, #viewprofile li strong, #viewprofile li div, #setmods dd, .punbb-admin #pun-admain .adcontainer, .punbb .info-box, .punbb #pun-main .info-box .legend {
    background-color: rgb(25, 25, 25);
    color: rgb(153, 153, 153);
}

.punbb .main .container, .punbb .section .container, .punbb .section .formal .container, .punbb .formal fieldset, #viewprofile li strong, #viewprofile li div, #setmods dd, .punbb-admin #pun-admain .adcontainer, .punbb .info-box, .punbb #pun-main .info-box .legend {
    background-color: #54442D;
}

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

Только вот фон в сообщении - там всегда было два цвета и они шли поочередно. Один чуть темнее, другой светлее.  Один из них поменялся на нужный мне, а второй остался...

.punbb .altstyle .post-body, .altstyle .post-box, .punbb .altstyle .post-links, .punbb .altstyle h3, .punbb .altstyle .container {
    background-color: rgb(34, 34, 34);
    color: rgb(153, 153, 153);
}

.punbb .altstyle .post-body, .altstyle .post-box, .punbb .altstyle .post-links, .punbb .altstyle h3, .punbb .altstyle .container {
    background-color: #54442D;
}

Пробуйте :-)

+1

925

Remus John Lupin
Да это все помогло!))) Спасибо-спасибо-спасибо! Не знаю, что бы я без этой помощи делала)

0

926

Добрый день.
У меня на форуме в дизайне очень маленькая шапка. Я бы хотела ее увеличить, да вот не знаю, как(
http://s5.uploads.ru/t/pOlrh.png

0

927

Mei Tachibana
Вообще - открыли б ресурс, прежде чем спрашивать... как то негостеприимно и
А так есть в справочнике тема FAQ по дизайну форума в CSS

0

928

Здравствуйте.

http://s5.uploads.ru/Vr3uc.png

Как убрать единицу, чтобы остался только конвертик у сообщений?

0

929

малькольм
Ссылку на форум

0

930

Deff, вот, пожалуйста
http://testrutiitoy.rusff.ru/

0

931

малькольм написал(а):

http://testrutiitoy.rusff.ru/

Поставьте вместо этого скрипта:
В HTML низ

<script>
<!--
pismaof="<img src='http://s5.uploads.ru/fayXV.png' >"
str = document.getElementById("navpm").innerHTML
pos = str.indexOf("Сообщения")
document.getElementById("navpm").innerHTML=str.substring(0,pos)+pismaof+str.substring(pos+9,str.length-1)
-->
</script>

Такой:

<script>
pismaof="<img src='http://s5.uploads.ru/fayXV.png' >"
$("#navpm a").html(pismaof)
</script>

0

932

Подскажите, почему у меня не появляется полоса, отделяющая пост от подписи? Хотя меняю в этом куске своего стиля на всевозможные варианты цвета:

Код:
/* B1.2 */
    .punbb .post-sig dt {
      display: block;
      border-top: 1px solid #483D8B;
      width: 250px;
      margin: 5px 0;
      }

И никакой реакции на изменения нет совсем.
Вот форум http://testovik.mybb.ru/

Отредактировано Ольха (Вс, 25 Авг 2013 14:33:25)

0

933

Deff, спасибо вам огромное

0

934

Ольха написал(а):

Подскажите, почему у меня не появляется полоса, отделяющая пост от подписи? Хотя меняю в этом куске своего стиля на всевозможные варианты цвета:

Поставьте подпись и дайте ссылку на пост с подписью..

0

935

kolobdur74
Вот, например, тема http://testovik.mybb.ru/viewtopic.php?id=9
Под каждым моим постом есть подпись, содержит в себе слово "Подпись". А разделяющей полоски нет.

0

936

Ольха написал(а):

Под каждым моим постом есть подпись, содержит в себе слово "Подпись". А разделяющей полоски нет.

Я же гость - у вас походу тема от гостей закрыта..Откройте на время, а то:

Ссылка, по которой Вы пришли неверная или устаревшая.

0

937

kolobdur74
Извините, не подумала)
Вот тогда http://testovik.mybb.ru/viewtopic.php?id=1

0

938

И как сделать, чтобы картинка в цитате была справа, а не слева? Добавляю right в CS 1.7 - не реагирует...

0

939

Ольха, нет подписи..Вообще не отображается..

0

940

Ольха написал(а):

И как сделать, чтобы картинка в цитате была справа, а не слева? Добавляю right в CS 1.7 - не реагирует...

Попробуйте добавить к:

.punbb .quote-box, .punbb .code-box {
background-color: #ffffff;
color: #333333;
background: #ffffff url(http://s4.uploads.ru/sW7Bo.jpg) no-repeat;
}

float: right;

0


Вы здесь » Единый форум поддержки » Архив » Общие вопросы по оформлению (49)