Единый форум поддержки |
Привет, Гость! Войдите или зарегистрируйтесь.
Вы здесь » Единый форум поддержки » Архив » Общие вопросы по оформлению (63)
Предыдущая тема: Общие вопросы по оформлению (62)
Как с помощью браузера можно определить элемент дизайна. | |
Полезные скрипты, необходимые темы для новичков, а также ссылки на сайты рассказывающие что такое HTML и CSS. | |
Ответы на часто задаваемые вопросы. | |
Как задавать вопросы! Разница между стилем и скриптом. ( Советы) | Плюс к названию темы еще и Памятка. |
Любой вопрос по оформлению/неполадкам сопровождайте ссылкой на форум, по которому возникли сложности. |
Mirra Bell
с учётом того, что награды так просто не получить, мне пока этого опасаться не стоит. Пусть вначале ISK скопят достаточно. 
Я ведь манчинам подрезаю крылышки, как курякам.
Julia Corey
Дело же не только в манчах ) Награды даются за разные вещи: работу на форуме, конкурсы и т.д. Впрочем, хозяин - барин, мое дело предупредить )
Alex_63
Ура, получилось, спасибо!
Mirra Bell
награды разные. Те, что будут здесь, получить не так-то просто, а для остальных нужно искать выход. Эти награды защищены тем, что выдать их могут админы и модеры, хотя идеально, если выдаёт админ.
Можно, селектор поясняющего текста .post-content abbr
Хорошо, а цельный код какой-то есть? Я, увы, не умею писать кодировку.
Но попробовала вот это
.post-content abbr {
border: 1px solid rgba(63, 27, 37, .35)!important;
border-radius: 10px;
box-shadow: 0 1px 0 0 rgb(138, 109, 114);Изменилось только оформление слова, а не поясняющего текста.
Отредактировано IKisa (Вс, 5 Ноя 2017 17:57:24)
цельный код какой-то есть?
Код будет зависеть от того, что и как вы там хотите изменить. В CSS очень много настроек. Но вообще выглядеть он будет так:
.post-content abbr {
свойство1: значение1;
свойство2: значение2;
}
Это если в таблице стилей. Если в html-верх, то он будет внутри тега <style></style>.
Так что можете либо вооружиться справочником и поэкспериментировать, либо написать тут, что конкретно нужно.
Добавлено спустя 2 минуты 1 секунду: Хм, действительно, не тот селектор... Надо подумать.
Отредактировано satsana (Вс, 5 Ноя 2017 18:06:03)
Хм, действительно, не тот селектор... Надо подумать.
Угу. Вот и я думаю, как поправить и можно ли вообще.
IKisa, порылась в справочнике, пишут, что подсказка title стилем не меняется. Тут разве что написать скрипт, который вырежет тайтлы и сделает из них блоки, и для них уже прописать стиль... Могу попробовать, если вам подойдёт такой вариант.
satsana
Ну есть жа скрипт замены тайтлов на черные, а черные титлы мон уже стилизовать через css, Romych как то делал скрипт всплывающих подсказок c HTML контентом(Мон поискать)
Есть Вариант и от Козилиа
Отредактировано Deff (Вс, 5 Ноя 2017 20:07:19)
Romych как то делал скрипт всплывающих подсказок c HTML контентом(Мон поискать)
Вот этот? Мне кажется, это слишком мощный инструмент для банальной стилизации всплывающей подсказки.
А вообще я с этим инструментом не знакома. Нет там какого-нибудь простого способа преобразования подсказок, типа добавления класса?
Отредактировано satsana (Вс, 5 Ноя 2017 21:01:19)
Вот этот?
Да, как то там всё сложно...
подсказка title стилем не меняется
Когда-то я делала такое на своем форуме. Вот мой код:
a.mylink4:hover::after {
content: attr(data-title); /* Выводим текст */
position: absolute; /* Абсолютное позиционирование */
left: 25%; top: 20%; /* Положение подсказки */
z-index: 1; /* Отображаем подсказку поверх других элементов */
background: #f7afaf; /* Полупрозрачный цвет фона */
font-family: Arial, sans-serif; /* Гарнитура шрифта */
color: #5c5d19;
font-size: 12px; /* Размер текста подсказки */
padding: 5px 30px; /* Поля */
border: 1px solid #fefafa; /* Параметры рамки */
}
Вот как выглядела ссылка в html: <a href=http://ссылка class="mylink4" data-title="текст подсказки">НАЗВАНИЕ ССЫЛКИ</a>
Может и в данном случае можно настроить тем же способом?
Добавлено спустя 5 минут 11 секунд:
У меня получилось таким образом:
.post-content abbr:hover::after {
content: attr(data-title); /* Выводим текст */
position: absolute; /* Абсолютное позиционирование */
left: 25%; top: 20%; /* Положение подсказки */
z-index: 1; /* Отображаем подсказку поверх других элементов */
background: #f7afaf; /* Полупрозрачный цвет фона */
font-family: Arial, sans-serif; /* Гарнитура шрифта */
color: #5c5d19;
font-size: 12px; /* Размер текста подсказки */
padding: 5px 30px; /* Поля */
border: 1px solid #fefafa; /* Параметры рамки */
}
Только осталось настроить свои параметры.
п.с. и у меня куда-то пропало слово поясняющего текста. Может кто-то сможет разобраться с этим.
Отредактировано Riya (Пн, 6 Ноя 2017 17:52:56)
content: attr(data-title)
Тогда не data-title, а просто title. Вот только стандартный title при этом всё равно всплывает, получается два окошка.
пропало слово поясняющего текста
После color? Это цвет шрифта.
/* Полупрозрачный цвет фона */
Там обычный цвет. Полупрозрачный задается задаётся в формате rgba.
Отредактировано satsana (Пн, 6 Ноя 2017 21:24:26)
satsana
Ну как раз таки делали data-title, чоб стандартный титл не всплывал
Второе - через черной подсказке через скрипт .tipsy легко придать свой стиль
Отредактировано Deff (Пн, 6 Ноя 2017 23:09:39)
Там обычный цвет. Полупрозрачный задается задаётся в формате rgba.
Этот код просто был настроен на мой форум, на тот дизайн, который тогда стоял. Вспомнила, что такое делала, и нашла его в том виде, в каком он был у меня.
Решила, что умеющие настроят под себя.
Привет. Подскажите, как сделать, чтобы у комментария к форуму был отдельный фон? Вот как здесь, к примеру:
Удалено мной. Вопрос решил
Отредактировано РоманР (Ср, 8 Ноя 2017 16:20:38)
можно ли сделать на форуме на своем теги или( как сделать Похожие темы)
можно ли сделать на форуме на своем теги или( как сделать Похожие темы)
Администрирование -> Настройки -> Возможности
Привет. Подскажите, как сделать, чтобы у комментария к форуму был отдельный фон? Вот как здесь, к примеру:
Как вижу по своему форуму, конкретного селектора (ну или как оно там правильно называется) у описания раздела нет, а это значит, что селектор делается вручную. Например, через class. То есть у них, скорее всего, в окне стилей прописан backgroun-color: #xxxxxx; к какому-то классу, который в свою очередь прописан в каждом описании форума.
То есть в описании, например, Рекламы (то есть админка - форумы), прописано:
<div class="description">
- Но как мы пойдем...?<br>
- Так же как делает...
</div>
А в своем стиле уже как минимум:
.description {backgroun-color: #xxxxxx;}
Дополнительные к фону атрибуты зависят уже от конкретной задачи.
синим - любой свой вариант, лишь бы он был оригинальным, а не пересекался с иными именованиями.
Ну а так, пусть знатоки меня поправят.
Вы здесь » Единый форум поддержки » Архив » Общие вопросы по оформлению (63)
