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

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

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


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


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

Сообщений 261 страница 280 из 1000

1

Инструменты для поиска и редактирования стиля (скриптов).

Как с помощью браузера можно определить элемент дизайна.

Каталог скриптов/CSS

Полезные скрипты, необходимые темы для новичков, а также ссылки на сайты рассказывающие что такое HTML и CSS.

Типовые Вопросы (ЧаВо)

Ответы на часто задаваемые вопросы.

Как задавать вопросы! Разница между стилем и скриптом. ( Советы)

Плюс к названию темы еще и Памятка.

Любой вопрос по оформлению/неполадкам сопровождайте ссылкой на форум, по которому возникли сложности.

Отредактировано Deff (Вт, 5 Июн 2018 18:07:41)

+1

261

Энтерос
Вставка-перенос сообщений скриптом,

+1

262

Alex_63, я со среды жду вашей помощи. Вчера вы почему-то не посмотрели мой форум. Что происходит?

0

263

Приветствую. Два небольших вопроса:
1) Честно воспользовалась поиском, но не нашла такой скрипт. Хочу поставить рекламные баннеры форумов-партнеров в футер, чтобы они не были под кнопкой, но немного понизить их прозрачность - так в глазах не рябит - и чтобы при наведении мышкой они становились яркими. Видела примеры, но в коде секрета не рассмотрела.
2)

тыц

http://funkyimg.com/i/2JYGx.png

Вот эта плашка с ссылками под постами в лс съезжает вправо. Но если я поменяю код так, чтобы она не съезжала в лс, она съезжает уже в сообщениях в темах. Есть способ, как разделить этот элемент дизайна на две части и задать разные настройки для лс и сообщений? Убрать плашку из дизайна, кстати, не помогает. Ссылки тоже едут кто куда.

0

264

Araso
Ссылку на форум, будьте добры. Посмотрю с чем могу помочь. С баннерами уж точно, во втором вопросе надо будет поковырять через консоль цсс и позже внести правки через админпанель.
Добавлено спустя 2 минуты 41 секунду:
Ладно, форум я нашла. Мне бы какой-то профиль, где можно было бы посмотреть ЛС изнутри. ибо в читателе и пиарке отключены личные сообщения.
Напишите мне Вконтакте, ибо я могу тут прозевать ваше обращение.

Отредактировано pusheen. (Пн, 30 Июл 2018 21:11:08)

+3

265

Шустов Павел Николаевич
Не ответили видать потому что человек занят.
Замените в CSS селектор #pun-title и его содержимое на код ниже

Код:
#pun-title {
    margin: 0;
    border: none;
    width: 890px;
    margin-left: -10px;
    margin-bottom: -37px;
}

+2

266

pusheen. написал(а):

Мне бы какой-то профиль, где можно было бы посмотреть ЛС изнутри.

В читателе включила ЛС.

0

267

Araso,,
чтобы изменения распространялись только на страницу ЛС: скопируйте раздел, который вам отображает эту плашку и добавьте в начало селектора (это до фигурных скобок) #pun-messages (позже pun, если он там есть, но если там был .punbb, то наместо него или так: #pun-messages.punbb)

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

1) Честно воспользовалась поиском, но не нашла такой скрипт. Хочу поставить рекламные баннеры форумов-партнеров в футер, чтобы они не были под кнопкой, но немного понизить их прозрачность - так в глазах не рябит - и чтобы при наведении мышкой они становились яркими. Видела примеры, но в коде секрета не рассмотрела.

поставьте их в блок с классом каким (например, banners)
типа <div class="banners">тут баннеры</div>
и в стили
.banners img {opacity: 0.5; transition-duration: 0.5s;}
.banners img:hover {opacity: 0.5; transition-duration: 0.5s;}

Отредактировано Рубероид (Пн, 30 Июл 2018 21:26:47)

+4

268

Araso
у вас к постлинк БГ сделан в виде картинки. Он ложится на начальную точку от блока. А блок заканчивается от навигации. можно попробовать перенести ссылки наверх и сделать их горизонтально, как тут, на ЕТП
https://i.imgur.com/oQVfdkg.png
https://i.imgur.com/m3BG7ed.png
Но на это понадобится время и тестовик, на чистом форуме я не рискну сразу ковырять, когда пользователи онлайн.
Что касаемо блока с баннерами, то вот это мы вставляем в CSS

Код:
/*Картинка с фоном банеров, можно этот блок не ставить и оставить прозрачный фон*/
.banners {
    left: 10%;
    position: relative;
    width: 650px;/*ширина блока*/
    height: 150px;/*высота блока*/
    box-sizing: border-box;
    overflow-y: auto;
    background: оформление, могу с этим помочь, но думаю вы и безм еня справитесь;
    padding: 0px 5px 0px 5px;
}
/*блок с баннерами*/
.banner_container {
    z-index: 9;
    margin-top: 25px!important; /*позиционирование сверху, касательно блока с картинкой*/
    margin-left: 13px!important;/*позиционирование слева, касательно блока с картинкой*/
    position: relative;
    text-align: center;
    box-sizing: border-box;
    height: 100px;/*высота блока с баннерами*/
    width: 96%;/*ширину делаем чуток меньше, чем блок с картинкой, ибо блок с баннерами находится внутри*/
    overflow-y: auto;
}
/*прозрачность баннеров при наведении*/
.hoverort {
    opacity: 0.4;
    transition-duration: 0.66s;
    -webkit-transition-duration: 0.66s;
    -moz-transition-duration: 0.66s;
    -o-transition-duration: 0.66s;
    -ms-transition-duration: 0.66s;
}
.hoverort:hover {
opacity: 1.0;
}

Далее подключаем блок через html-низ, где hoverort и есть та самая незамысловатая особенность прозрачности (этот класс должен присутствовать во всех ссылках с баннерами, как в примере ниже):

Код:
<div class="banners"><div class="banner_container">
<a href="link" target="_blank"><img src="http://placehold.it/88x33" class="hoverort"></a>
<a href="link" target="_blank"><img src="http://placehold.it/88x33" class="hoverort"></a>
<a href="link" target="_blank"><img src="http://placehold.it/88x33" class="hoverort"></a>
<a href="link" target="_blank"><img src="http://placehold.it/88x33" class="hoverort"></a>
<a href="link" target="_blank"><img src="http://placehold.it/88x33" class="hoverort"></a>
</div></div>

+2

269

Рубероид
ну или так, плюсую, но иногда не срабатывает и приходится перекрывать !important. (и к разделу постлинкс надо будет прописывать правки, они все равно будут брать отсчет от блока навигации по ЛС)
Но я привыкла к навигации ЛС как на ЕТП, она на мой взгляд намного удобней.

Araso
можно воспользоваться подсказкой Рубероида и прописать через img, а не через class. но это на ваше усмотрение.

Отредактировано pusheen. (Пн, 30 Июл 2018 21:48:14)

0

270

pusheen.
Рубероид
Спасибо, лс я уже починила способом от Рубероида. С баннерами разберусь чуть позже.

0

271

Araso
Рады помочь)

+1

272

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

Спасибо, лс я уже починила способом от Рубероида.

Вы продублировали часть кода, которая по сути не нужна:

#pun-messages.punbb .post-links ul {
    background: url(http://forumstatic.ru/files/0019/0c/1d/95433.jpg);
    width: 954px;
    height: 25px;
    padding-top: 10px;

    padding-right: 27px;
    margin-left: -238px;
    margin-bottom: 14px;
    margin-top: 50px;
    text-align: right;
}

То что выделил красным можно убрать, так как это есть здесь:

/* C3.15 */
.punbb .post-links ul {
    background: url(http://forumstatic.ru/files/0019/0c/1d/95433.jpg);
    width: 954px;
    height: 25px;
    padding-top: 10px;
    padding-right: 27px;

    margin-left: -34px;
    margin-bottom: 14px;
    text-align: right;

}

Чтобы было понятно:
http://s8.uploads.ru/SQNEb.png

Отредактировано kolobdur74 (Пн, 30 Июл 2018 22:03:32)

+1

273

pusheen. написал(а):

Далее подключаем блок через html-низ, где hoverort и есть та самая незамысловатая особенность прозрачности (этот класс должен присутствовать во всех ссылках с баннерами, как в примере ниже):

Зачем? Чем плохо обращение к тегу картинки: .banners img ?

0

274

kolobdur74
так я написала же, что вариант от Рубероида проще и что Araso может выбрать то, что понравится больше и будет удобней чисто ей.
единственное что, его надо дополнить полной сборкой, чтоб и в мозиле работало как надо

Код:
  transition-duration: 0.66s;
    -webkit-transition-duration: 0.66s;
    -moz-transition-duration: 0.66s;
    -o-transition-duration: 0.66s;
    -ms-transition-duration: 0.66s;

Отредактировано pusheen. (Пн, 30 Июл 2018 22:15:26)

0

275

pusheen. написал(а):

единственное что, его надо дополнить полной сборкой, чтоб и в мозиле работало как надо

оно итак будет работать в мозилле в более-менее современной версии
насчет перекрытия - на форум не залезал, но если просто откопировать работающий блок и добавить ему вначало уточняющий селектор, то important-ы не должны быть нужны
а насчет ссылок - верное уточнение с:
зачем этот агрессивный красный от него страшно

+2

276

pusheen. написал(а):

так я написала же, что вариант от Рубероида проще и что Araso может выбрать то, что понравится больше и будет удобней чисто ей.

Не заметил)) Но, чем меньше код тем лучше - меньше вес для форума соответственно, ну и прописывать цать раз класс как бы тоже обычно напрягает.. Поэтому в вашем коде class="hoverort" - это лишнее.

Рубероид написал(а):

зачем этот агрессивный красный от него страшно

Привычка))) :D

Отредактировано kolobdur74 (Пн, 30 Июл 2018 22:24:52)

0

277

Рубероид написал(а):

зачем этот агрессивный красный от него страшно

я вот синенькие выделения люблю, они не пугают, а сейчас я себя ощутила мелким шкетом, перед которым прошел Батя в здании и всех отчитал

насчет остального верно, у Araso цсс более-менее чистый, там импы и не нужны. Да и ссылки стали как надо))

0

278

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

Поэтому в вашем коде class="hoverort" - это лишнее.

Я просто до этого в каком-то дизайне какую-то муть с анимацией свечения делала при наведении, потому потом так и оставила. Но в целом да, согласна, чем меньше код, тем проще его переваривает форум.

0

279

pusheen. написал(а):

я вот синенькие выделения люблю, они не пугают, а сейчас я себя ощутила мелким шкетом, перед которым прошел Батя в здании и всех отчитал

Прошу прощения - привычка такая, выработанная годами))) :D Иногда приходится еще и шрифт большой делать, еще и синим и зеленым добавлять..))) :D

pusheen. написал(а):

Я просто до этого в каком-то дизайне какую-то муть с анимацией свечения делала при наведении, потому потом так и оставила. Но в целом да, согласна, чем меньше код, тем проще его переваривает форум.

Ну, если есть уникальный класс, а у вас там их два, то обращение по тегу внутри само напрашивается.. Оптимизация вообще вещь такая, когда этим какое то время занимаешься, такие вещи бросаются в глаза..

Отредактировано kolobdur74 (Пн, 30 Июл 2018 22:32:58)

0

280

Доброго времени суток)

Подскажите, как сделать примерно вот такое оформление фона тела форума и шапки, как например вот здесь:
http://lostgeneration.f-rpg.ru/

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

0


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