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

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

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


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


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

Сообщений 861 страница 880 из 1000

861

Remus John Lupin
спасибо, очень помогли. Только снова встал вопрос с админкой. Везде все ровно, но в админке текст по ширине 1201 пиксел

а еще как сделать, чтобы иконка статистики при любом раскладе не обрезалась (я имею ввиду если не хватает высоты информации "активны", "посетили за сутки" и пр.)

Отредактировано Нэнси Малина (Пн, 19 Авг 2013 14:57:49)

0

862

Нэнси Малина, пожалуйста.

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

а еще как сделать, чтобы иконка статистики при любом раскладе не обрезалась (я имею ввиду если не хватает высоты информации «активны», «посетили за сутки» и пр.)

Задайте реальную высоту картинки статистики:

#pun-stats ul.container {
    background-image: url("http://s5.uploads.ru/0Es2b.png");
    background-repeat: no-repeat;
    position: relative;
    margin-right: 10px;
    margin-left: 10px;
    height: 105px;
}

С админкой сейчас попробую разобраться.

Нэнси Малина
Редактируем стиль с учетом и форума, и админки (слева текущие настройки, справа те, на которые нужно заменить):

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

#pun {
    position: relative;
    width: 860px; /*меняем ширину форума на реальную*/
    background: url("http://s5.uploads.ru/hN1H5.jpg") repeat scroll center top transparent;
    margin: auto;
    padding: 0px 165px; /*и в противовес добавляем внутренние отступы*/
}

#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-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 7px 0px 12px !important;  /*выравниваем более прицельно*/
}

#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-title {
    border-style: none;
    border-width: 0px;
    background: url("http://s4.uploads.ru/NAUVm.jpg") no-repeat scroll center top transparent;
    height: 498px;
    width: 1201px;
    margin-left: -171px;
/*для логотипа, теперь не вписывающегося в размер pun, придется задать реальную ширину и сдвинуть его относительно таблицы форума так, чтобы он с ней совпал*/
}

Отредактировано Remus John Lupin (Пн, 19 Авг 2013 21:32:19)

+1

863

Remus John Lupin
Спасибо большое!
Скажите, у вас монитор широкоформатный или обычный? Нормально ли все это отображается? http://cwtest.rusff.ru/

0

864

Нэнси Малина, у меня не широкоформатный монитор. Обычный из старых. Разрешение 1400 на 1050. От гостя всё выглядит на своих местах кроме низухи с копирайтом. Ее бы подвинуть влево на пару пикселей (сейчас -181px, в сделать бы -183px). Тогда все будет в порядке. :-)

0

865

Remus John Lupin написал(а):

Ее бы подвинуть влево на пару пикселей (сейчас -181px, в сделать бы -183px).

да, я уже заметила и подвинула)
ясно, просто на 1024 на 768, как мне сказали, появляется горизонтальная прокрутка и полностью не видно
странно, ведь ширина шапки 1202

0

866

Нэнси Малина, о горизонтальной прокрутке я вам рассказывал в своем первом сообщении по теме в пункте "в-третьих".
А появляется - конечно, ведь ширина монитора (1024) на 200 пикселей меньше, чем ваша шапка (1202)

0

867

Как увеличить "code-box"? Окошечко в которое можно запихнуть bb-code и тот будет виден как код. Можно ли это сделать как-то в конкретном сообщении конкретным bb-кодом, или можно только залесть в css и там изменить эту настройку везде?

0

868

Remus John Lupin
да, что-то я торможу
а запрет прокрутки сделает на маленьких экранах все по центру? просто шапка слегка обрежется, да?

0

869

упс, сама исправила =)

Откуда-то появилась красная линия, никак не могу найти, откуда она такая взялась! У кого-нибудь есть идеи, что это может быть? И это не хтмл-низ...

http://s4.uploads.ru/t/NzZfT.png

Отредактировано Amfitamin (Ср, 21 Авг 2013 16:30:39)

0

870

Нэнси Малина, запрет прокрутки всего лишь уберет прокрутку, в данном случае горизонтальную. С теми настройками форума, которые мы с вами сейчас установили, форум будет всегда открываться в положении top center. Если у пользователя появится желание увидеть все ваши красоты, не умещающиеся у него на мониторе, ему достаточно будет уменьшить масштаб страницы в браузере.

Amfitamin, ссылку на форум предоставьте, пожалуйста. А лучше занесите себе в Профиль - Вебсайт.

0

871

Remus John Lupin
хорошо, занесу в профиль =) а с проблемой уже... сама дотумкала)

0

872

Remus John Lupin
еще проблема: образовалась вторая вертикальная полоса прокрутки непонятно зачем

0

873

Нэнси Малина, вы поставили параметры прокрутки куда?

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

А я вам говорил поставить прокрутку куда?

Remus John Lupin написал(а):

body свойство overflow-x со значением hidden

Вы же дописали свойство к ДВУМ селекторам. Вот и получили прокрутку у каждой. Надо прописать это свойство только ОДНОМУ элементу. ;-)

/* A2.1 */
html, body {
   margin: 0px;
   padding: 0;
   background: #fed498 url(http://s5.uploads.ru/WRycY.jpg) repeat fixed top center;
   }

/* A2.1A */
body {
   overflow-x: hidden;
   }

+1

874

Remus John Lupin
ясно. Я нуб, так что мне надо объяснять популярно.
А еще: можно сделать так, чтобы при любом экране футер был по центру, и не важно какой ширины шапка. Пусть она даже обрежется

0

875

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

ясно. Я нуб, так что мне надо объяснять популярно.

С этим никаких проблем. Будем объяснять, пока не станет абсолютно понятно :-)
Нэнси Малина, я запутался.

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

А еще: можно сделать так, чтобы при любом экране футер был по центру, и не важно какой ширины шапка. Пусть она даже обрежется

Можно почти всё :-) Главное, понять, что вы хотите. И, пожалуйста, поставьте ссылку на тот форум, с которым работаете, себе в профиль, потому что практически всегда для решения проблемы необходимо пощупать живой форум, а ползать по теме в поисках упомянутого несколько страниц назад адреса весьма неудобно.
И попробуйте объяснить более конкретно: какие различия (между телом форума, логотипом, футером) существуют, какие нужно средствами CSS принудить проигнорировать, а какие утвердить.

0

876

Мяу. Это сделать либо невозможно, либо слишком сложно, либо слишком просто, раз никто не отвечает. Действительно так?

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

Как увеличить "code-box"? Окошечко, в которое можно запихнуть bb-code и тот будет виден как код. Можно ли это сделать как-то в конкретном сообщении конкретным bb-кодом, или можно только залесть в css и там изменить эту настройку везде?

0

877

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

billy_joe написал(а):Как увеличить "code-box"? Окошечко, в которое можно запихнуть bb-code и тот будет виден как код. Можно ли это сделать как-то в конкретном сообщении конкретным bb-кодом, или можно только залесть в css и там изменить эту настройку везде?

Вы можете без экивоков дать ссылку на сообщение с таким кодом, на Вашем форуме и эскиз до каких пор менять и менять везде или только в этом сообщении?
ccылка на сообщение - клик на дату в посте!

0

878

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

раз никто не отвечает. Действительно так?

Это криво вопрос задаёте, потому и без ответов.

0

879

Дефф, поможи?
Переделаешь скрипт замены online-offline картинками так, чтобы можно было заменить на свои надписи + стилизовать их?

Код:
<script type="text/javascript"> var L0='<img class="imgON_Off" src="';
var L1='" style="cursor:pointer;cursor:hand;width:153;margin-top:3px;" />'; //153 - размер картинки по горизонтали
var ImgON="http://s005.radikal.ru/i212/1009/13/26270b1c3c1a.jpg";  // Картинка Online;
var ImgOff="http://s55.radikal.ru/i149/1009/e7/5251a5a51615.jpg";  // Картинка OffLine;
$("#pun-viewtopic .post .post-author ul").each(function ()   {
$(this).html('<div class=UL>'+$(this).html()+'</div>');
if ($(this).find(".pa-online").html()!=null){$(this).append(L0+ImgON+L1)
    }else $(this).append(L0+ImgOff+L1);
$(this).find(".pa-author,.pa-title,.pa-avatar").insertBefore($(this).find("div.UL"));});
$("div.UL").hide();     //Кому не надо изначального свертывания - строку розовым убираем
$("ul .imgON_Off").click(function () {
$(this).parent("ul").find(".UL").toggle('slow');});
</script>

0

880

Laktonika Эту - Видела ? Скрипты от пользователей 3

<script  type="text/javascript">

    var ON='<div class="Online">Онлайн</div>';  //Текст Online;
    var Off='<div class="OffLine">Офлайн</div>';  // Текст OffLine;

    $("#pun-viewtopic .post .post-author ul").each(function ()   {
    if ($(this).find(".pa-online").length){$(this).append(ON)
        }else $(this).append(Off);
    });
</script>

Отредактировано Deff (Пт, 23 Авг 2013 01:21:07)

+1


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