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

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

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


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


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

Сообщений 841 страница 860 из 1000

841

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

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

Это место для Объявления..Попробуйте уменьшить отступ от верха:

#pun-announcement {
margin-top: 90px;
}

+1

842

kolobdur74
Большое спасибо за помощь!)

0

843

Здравствуйте.
Был такой код спойлера, где можно было менять его внешний вид, ставить картинку вместо стандартной кнопки. Где можно найти такой?

Отредактировано попутный ветер (Пт, 16 Авг 2013 18:48:42)

0

844

Помогите выравнять кнопку пиар входа. Поставила картинкой а она что-то ниже уползла
http://free4u.mybb.ru/

0

845

Иса, Поставьте перед скриптом:

<style type="text/css">
#pun-navlinks #navpiar {
  margin-top:-1px;
}
</style>

0

846

Всем бобра.
Я снова с проблемой. Окно личного сообщения автоматически растягивается под текст сообщения.
http://s4.uploads.ru/t/XC4fq.png
Как сие править?

0

847

96pi
:glasses: Cсылку на форум либо проставьте её в Профиль - Вебсайт, дабы не мучаться

0

848

Deff

Отредактировано 96pi (Чт, 20 Авг 2020 11:02:43)

0

849

1. После сдвига скриптом содержимого страницы админки меню навигации на этой странице тоже сдвинулось (ибо изначально оно было ровно), кроме того оно не поддается перемещению. Это только в админке. В других местах все нормально. Хотелось бы и там навести порядок
ссыль на тестовик: http://cwtest.rusff.ru/
скриншот админки:
http://s5.uploads.ru/t/i6oOa.jpg
2. Возникла проблема. У меня широкоформатный монитор, дизайн делаю на нем. Мне сказала, что вот так он выглядит на ноутбуке/обычном мониторе:
http://s5.uploads.ru/EMrUf.png
что делать? неужели это из-за фиксированного фона? или это потому, что ширина форума у меня задана 1202? так ведь это помещается на ноут. Помогите исправить.
http://cwtest.rusff.ru/

0

850

Нэнси Малина
:glasses: Cтавьте все фоновые громадные картинки на HTML и BODY,
а ширину #pun делайте небольшой - 800-900 пикмел - это типовые опробированные размеры, всё что больше - будет проблемным для иных моников

На body и HTML, На каждое можно поставить одновременно до трёх фоновых изображений,
в том числе и шапку, а #pun просто отодвинуть от верха на величину шапки

Установка нескольких фоновых Типовые Вопросы п.п.51

0

851

Deff, а что с нашими сообщениями?.. :3

0

852

Нэнси Малина

Нэнси Малина написал(а):

что делать? неужели это из-за фиксированного фона? или это потому, что ширина форума у меня задана 1202? так ведь это помещается на ноут. Помогите исправить.

Уф. У вас там в настройках стиля такой велосипед на реактивной тяге и с дюжиной колес разного калибра и масти изобретен, что черт переломает не то что ноги, но и рога, и даже зверски подвешенный язык о_О.
Давайте разбираться.

Во-первых, запомните на будущее. Маргины, которые двигают вправо/влево - чудовищно коварные штуки, потому что отпихнув на своем широкоформатном мониторе блок влево на каких-то там 400 пикселей, чтобы посерединке встал, вы его для планшетника зафутболите в соседнюю галактику. Именно поэтому нужно всячески избегать пинать контейнеры посредством маргина, отсчет у которых идет не от родительского элемента, а от печки окна монитора. А уж если вам элемент нужно всего лишь расположить посередине, то тем более нет никакого смысла определять эту серединку на глазок, подбирая отступ по пикселям. Оставьте эту задачу предусмотренному свойству: margin: auto.

Во-вторых, не насилуйте чужой трафик. Зачем вам вот такое футбольное поле в качестве задника, если здесь явно и легко вычленяется повторяемый фрагмент? И это я его еще очень высоким сделал. Можно вообще в один пиксель соорудить. Поверьте, результат будет категорически тот же, а вот вес дизайна - заметно меньше.

В-третьих, возьмите на вооружение. Чтобы у окна браузера была только вертикальная прокрутка, а горизонтальной не было, даже, если картинки дизайна шире, чем монитор у пользователя, необходимо добавлять к body свойство overflow-x со значением hidden. Тем самым вы запретите горизонтальную прокрутку (по оси х), но не любую, а только для окна с форумом.

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

html, body {
    margin: 0px;
    padding: 0px;
    background: url("http://s5.uploads.ru/pAnds.jpg") repeat fixed center top rgb(254, 212, 152);
}

html, body {
    margin: 0px;
    padding: 0px;
    background: url("http://savepic.net/3804981.jpg") repeat fixed center top rgb(254, 212, 152); /*новая картинка задника; делал на коленке, переделайте сами, чтобы качество было хорошее*/
}

#pun {
    margin: 0px auto 0px 350px;
    position: relative;
    width: 1201px;
    background: url("http://s5.uploads.ru/hN1H5.jpg") repeat-y scroll center top transparent;
}

#pun {
    margin: auto; /*убираем все настройки маргина для таблицы форума и центрируем автоматически*/
    position: relative;
    width: 1201px;
    background: url("http://s5.uploads.ru/hN1H5.jpg") repeat scroll center top transparent;
}

.punbb {
    float: left;
    width: 1201px;
    height: auto;
    margin-left: 170px; /*убираем отступ*/
}

.punbb {
    float: left;
    width: 100%; /*меняем единицы измерения ширины с пикселей на проценты*/
    height: auto;
}

#pun-navlinks > .container, #pun-ulinks > .container, #pun-announcement > .container, #pun-status > .container, #pun-break1, #pun-crumbs1 > .container, #pun-break2, #pun-main, #pun-stats, #tieser-bottom, #pun-break3, #pun-crumbs2 > .container, #pun-break4, #pun-about, #html-footer > .container {
    padding-right: 340px !important;
}

#pun-navlinks > .container, #pun-ulinks > .container, #pun-announcement > .container, #pun-status > .container, #pun-break1, #pun-crumbs1 > .container, #pun-break2, #pun-main, #pun-stats, #tieser-bottom, #pun-break3, #pun-crumbs2 > .container, #pun-break4, #pun-about, #html-footer > .container {
    padding: 0px 180px !important; /*вместо однобокого, задаем одинаковые отступы справа и слева для всех перечисленных контейнеров*/
}

#pun-title {
    margin: 0px 140px 140px -171px; /*убираем все отступы*/
    border-style: solid solid none;
    border-width: 1px 1px 0px;
    background: url("http://s4.uploads.ru/NAUVm.jpg") no-repeat scroll center top transparent;
    width: 1201px; /*убираем ширину*/
    height: 498px;
}

#pun-title {
    border-style: none; /не знаю, зачем вам рамка вокруг логотипа, но, думаю, она вам не нужна; если хотите сохранить, оставляйте свои красные и зеленые настройки/
    border-width: 0px;
    background: url("http://s4.uploads.ru/NAUVm.jpg") no-repeat scroll center top transparent;
    height: 498px;
}

#pun-navlinks, #pun-navlinks .container {
    border-style: none;
    border-width: 0px;
    margin-top: -167px;
    text-align: center;
}

#pun-navlinks, #pun-navlinks .container {
    border-style: none;
    border-width: 0px;
    margin-top: -20px; /*помещаем навигационную панель на ее место на логотипе*/
    text-align: center;
}

#pun-ulinks {
    margin-top: -25px;
    text-align: center;
}

#pun-ulinks {
    margin-top: -10px; /*выравниваем пользовательское меню*/
    text-align: center;
}

Отредактировано Remus John Lupin (Сб, 17 Авг 2013 22:32:08)

+3

853

Здрасьте.

В фонде форума: n.nn кредитов. Помочь форуму.

После слов "Помочь форуму" надобно убрать точку. Можно это сделать?

0

854

BlackSparrow
Ставим в HTML низ

Код:
<script><!--Универсальный скрипт замены. -->
function UniverСhange(selektor,changed,substitute){
$(selektor).each(function(){if ($(this).parent().html()!=null){if($(this).parent().html().indexOf(changed)!=-1){
 $(this).parent().html($(this).parent().html().replace(changed,substitute));};};});}

//UniverСhange("Селектор","Что меняем","На что меняем"); //На следущей строке можно добавить еще запрос
UniverСhange("#pun-status .container ","</a>.</span>","</a></span>"); //На следущей строке можно добавить еще запрос
</script>

Отредактировано Deff (Вс, 18 Авг 2013 03:43:42)

0

855

Deff
Не работает :) Изменений никаких.
Интересно, что ранее с помощью этого скрипта я убрал название доп. поля в профиле, и это сработало...

0

856

BlackSparrow
Кидайте ник пароль для обычного юзера - ибо под гостем фонда не видно

На данном ресурсе - работает! http://s4.uploads.ru/iq3Fx.jpg

Отредактировано Deff (Вс, 18 Авг 2013 11:12:30)

0

857

доброго времени суток.
подскажите, возможно ли на всём форуме выровнять текст justify - на всю ширину?

0

858

Совсем запутался с цветом ссылок, вроде бы всё работала, а сегодня цвета поехали.
При наведении на ссылки категорий и прочих цвет должен быть темней, а он всё равно не меняется
http://zeroteam.ru/

0

859

День добрый.)
http://4niksu.rusff.ru
У меня картинка в #pun_wrap должна лежать поверх пана, но я не могу ее так положить. Пробовала зиндексами.

0

860

Laktonika
:glasses: oна у тебя ограниченного размера - проще создать два divа в HTML низ - поставить их уголком, задать позицию аbsolute и поставить одну эту картинку на оба div задав для каждого свою background-position

0


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