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

Поделиться1Пн, 21 Май 2018 19:56:21

Автор: Deff
Тутошний...
Зарегистрирован: Ср, 16 Июн 2010
Сообщений: 51115
Уважение: +15197
Позитив: +11571
Последний визит:
Вчера 23:36:59

Предыдущая тема: Общие вопросы по оформлению (63)


Инструменты для поиска и редактирования стиля (скриптов).	Как с помощью браузера можно определить элемент дизайна.
Каталог скриптов/CSS	Полезные скрипты, необходимые темы для новичков, а также ссылки на сайты рассказывающие что такое HTML и CSS.
Типовые Вопросы (ЧаВо)	Ответы на часто задаваемые вопросы.
Как задавать вопросы! Разница между стилем и скриптом. ( Советы)	Плюс к названию темы еще и Памятка.

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

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

+1

Поделиться261Пт, 27 Июл 2018 10:34:14

Автор: Deff
Тутошний...
Зарегистрирован: Ср, 16 Июн 2010
Сообщений: 51115
Уважение: +15197
Позитив: +11571
Последний визит:
Вчера 23:36:59

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

+1

Поделиться262Пт, 27 Июл 2018 11:47:08

Автор: Шустов Павел Николаевич
Заслуженный
Зарегистрирован: Чт, 28 Июн 2018
Сообщений: 122
Уважение: +15
Позитив: +26
Последний визит:
Ср, 6 Мар 2019 22:32:39

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

0

Поделиться263Пн, 30 Июл 2018 20:52:56

Автор: Araso
Заслуженный
Зарегистрирован: Чт, 21 Дек 2017
Сообщений: 28
Уважение: +9
Позитив: +8
Последний визит:
Чт, 6 Янв 2022 14:22:36

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

тыц

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

0

Поделиться264Пн, 30 Июл 2018 21:07:27

Автор: pusheen.
Заслуженный
Зарегистрирован: Вс, 5 Апр 2015
Сообщений: 333
Уважение: +93
Позитив: +33
Пол: Женский
Последний визит:
Чт, 12 Окт 2023 13:26:07

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

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

+3

Поделиться265Пн, 30 Июл 2018 21:21:28

Автор: pusheen.
Заслуженный
Зарегистрирован: Вс, 5 Апр 2015
Сообщений: 333
Уважение: +93
Позитив: +33
Пол: Женский
Последний визит:
Чт, 12 Окт 2023 13:26:07

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

Код:

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

+2

Поделиться266Пн, 30 Июл 2018 21:23:34

Автор: Araso
Заслуженный
Зарегистрирован: Чт, 21 Дек 2017
Сообщений: 28
Уважение: +9
Позитив: +8
Последний визит:
Чт, 6 Янв 2022 14:22:36

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

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

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

0

Поделиться267Пн, 30 Июл 2018 21:26:13

Автор: Рубероид
Заслуженный
Зарегистрирован: Вт, 12 Авг 2014
Сообщений: 17
Уважение: +11
Позитив: +5
Последний визит:
Сб, 27 Фев 2021 00:16:07

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Пн, 30 Июл 2018 21:37:39

Автор: pusheen.
Заслуженный
Зарегистрирован: Вс, 5 Апр 2015
Сообщений: 333
Уважение: +93
Позитив: +33
Пол: Женский
Последний визит:
Чт, 12 Окт 2023 13:26:07

Araso
у вас к постлинк БГ сделан в виде картинки. Он ложится на начальную точку от блока. А блок заканчивается от навигации. можно попробовать перенести ссылки наверх и сделать их горизонтально, как тут, на ЕТП

Но на это понадобится время и тестовик, на чистом форуме я не рискну сразу ковырять, когда пользователи онлайн.
Что касаемо блока с баннерами, то вот это мы вставляем в 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Пн, 30 Июл 2018 21:40:17

Автор: pusheen.
Заслуженный
Зарегистрирован: Вс, 5 Апр 2015
Сообщений: 333
Уважение: +93
Позитив: +33
Пол: Женский
Последний визит:
Чт, 12 Окт 2023 13:26:07

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

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

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

0

Поделиться270Пн, 30 Июл 2018 21:50:05

Автор: Araso
Заслуженный
Зарегистрирован: Чт, 21 Дек 2017
Сообщений: 28
Уважение: +9
Позитив: +8
Последний визит:
Чт, 6 Янв 2022 14:22:36

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

0

Поделиться271Пн, 30 Июл 2018 21:51:48

Автор: pusheen.
Заслуженный
Зарегистрирован: Вс, 5 Апр 2015
Сообщений: 333
Уважение: +93
Позитив: +33
Пол: Женский
Последний визит:
Чт, 12 Окт 2023 13:26:07

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

+1

Поделиться272Пн, 30 Июл 2018 21:55:41

Автор: kolobdur74
...
Зарегистрирован: Пн, 6 Сен 2010
Сообщений: 7338
Уважение: +5808
Позитив: +6437
Пол: Мужской
Последний визит:
Вс, 14 Апр 2024 13:30:41

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;
}

Чтобы было понятно:

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

+1

Поделиться273Пн, 30 Июл 2018 22:09:23

Автор: kolobdur74
...
Зарегистрирован: Пн, 6 Сен 2010
Сообщений: 7338
Уважение: +5808
Позитив: +6437
Пол: Мужской
Последний визит:
Вс, 14 Апр 2024 13:30:41

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

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

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

0

Поделиться274Пн, 30 Июл 2018 22:12:50

Автор: pusheen.
Заслуженный
Зарегистрирован: Вс, 5 Апр 2015
Сообщений: 333
Уважение: +93
Позитив: +33
Пол: Женский
Последний визит:
Чт, 12 Окт 2023 13:26:07

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Пн, 30 Июл 2018 22:18:23

Автор: Рубероид
Заслуженный
Зарегистрирован: Вт, 12 Авг 2014
Сообщений: 17
Уважение: +11
Позитив: +5
Последний визит:
Сб, 27 Фев 2021 00:16:07

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

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

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

+2

Поделиться276Пн, 30 Июл 2018 22:24:03

Автор: kolobdur74
...
Зарегистрирован: Пн, 6 Сен 2010
Сообщений: 7338
Уважение: +5808
Позитив: +6437
Пол: Мужской
Последний визит:
Вс, 14 Апр 2024 13:30:41

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

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

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

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

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

Привычка)))

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

0

Поделиться277Пн, 30 Июл 2018 22:25:55

Автор: pusheen.
Заслуженный
Зарегистрирован: Вс, 5 Апр 2015
Сообщений: 333
Уважение: +93
Позитив: +33
Пол: Женский
Последний визит:
Чт, 12 Окт 2023 13:26:07

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

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

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

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

0

Поделиться278Пн, 30 Июл 2018 22:28:19

Автор: pusheen.
Заслуженный
Зарегистрирован: Вс, 5 Апр 2015
Сообщений: 333
Уважение: +93
Позитив: +33
Пол: Женский
Последний визит:
Чт, 12 Окт 2023 13:26:07

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

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

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

0

Поделиться279Пн, 30 Июл 2018 22:32:25

Автор: kolobdur74
...
Зарегистрирован: Пн, 6 Сен 2010
Сообщений: 7338
Уважение: +5808
Позитив: +6437
Пол: Мужской
Последний визит:
Вс, 14 Апр 2024 13:30:41

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

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

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

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

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

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

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

0

Поделиться280Чт, 2 Авг 2018 19:19:44

Автор: Курама
Заслуженный
Зарегистрирован: Вт, 1 Ноя 2016
Сообщений: 275
Уважение: +63
Позитив: +83
Последний визит:
Вт, 19 Сен 2023 21:54:42

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

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

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

0

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

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

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

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

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

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

Поделиться1Пн, 21 Май 2018 19:56:21

Поделиться261Пт, 27 Июл 2018 10:34:14

Поделиться262Пт, 27 Июл 2018 11:47:08

Поделиться263Пн, 30 Июл 2018 20:52:56

Поделиться264Пн, 30 Июл 2018 21:07:27

Поделиться265Пн, 30 Июл 2018 21:21:28

Поделиться266Пн, 30 Июл 2018 21:23:34

Поделиться267Пн, 30 Июл 2018 21:26:13

Поделиться268Пн, 30 Июл 2018 21:37:39

Поделиться269Пн, 30 Июл 2018 21:40:17

Поделиться270Пн, 30 Июл 2018 21:50:05

Поделиться271Пн, 30 Июл 2018 21:51:48

Поделиться272Пн, 30 Июл 2018 21:55:41

Поделиться273Пн, 30 Июл 2018 22:09:23

Поделиться274Пн, 30 Июл 2018 22:12:50

Поделиться275Пн, 30 Июл 2018 22:18:23

Поделиться276Пн, 30 Июл 2018 22:24:03

Поделиться277Пн, 30 Июл 2018 22:25:55

Поделиться278Пн, 30 Июл 2018 22:28:19

Поделиться279Пн, 30 Июл 2018 22:32:25

Поделиться280Чт, 2 Авг 2018 19:19:44