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

Поделиться1Сб, 19 Дек 2020 13:24:51

Автор: Maquis
Модератор
Зарегистрирован: Чт, 5 Ноя 2009
Сообщений: 1938
Уважение: +1963
Позитив: +1658
Предупреждения: ‡
Последний визит:
Сб, 26 Фев 2022 23:41:00

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


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

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

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

+1

Поделиться261Пт, 12 Мар 2021 21:42:21

Автор: AnnaMaslennikova
Заслуженный
Зарегистрирован: Чт, 25 Фев 2021
Сообщений: 106
Уважение: +18
Позитив: +50
Пол: Женский
Последний визит:
Пт, 30 Апр 2021 20:47:34

Спасибо. Я поставила первый мод (Deff). Работает.
Не видела второй мод (kolobdur74).
Скажите, не нужно менять ?.

+1

Поделиться262Пт, 12 Мар 2021 21:43:51

Автор: kolobdur74
...
Зарегистрирован: Пн, 6 Сен 2010
Сообщений: 7390
Уважение: +5876
Позитив: +6482
Пол: Мужской
Последний визит:
Чт, 21 Ноя 2024 21:12:40

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

Спасибо. Я поставила первый мод (Deff). Работает.
Не видела второй мод (kolobdur74).
Скажите, не нужно менять ?.

Нет))

0

Поделиться263Пт, 12 Мар 2021 21:46:31

Автор: AnnaMaslennikova
Заслуженный
Зарегистрирован: Чт, 25 Фев 2021
Сообщений: 106
Уважение: +18
Позитив: +50
Пол: Женский
Последний визит:
Пт, 30 Апр 2021 20:47:34

Задам ещё один вопрос.
Он как бы в кучу...
Цвет ссылки в постах.
Он тоже почти сливается с текстом поста.
Как то можно ссылки выделить другим цветом ?

Отредактировано AnnaMaslennikova (Пт, 12 Мар 2021 21:47:03)

0

Поделиться264Пт, 12 Мар 2021 22:13:50

Автор: Deff
Тутошний...
Зарегистрирован: Ср, 16 Июн 2010
Сообщений: 51422
Уважение: +15369
Позитив: +11882
Последний визит:
Вчера 20:39:23

AnnaMaslennikova
Попробуйте в HTML верх:

Код:

<style>
.punbb .post-content a{
  text-decoration: underline;
  color: #0000EE;
  transitio:.6;
}
.punbb .post-content a:hover{
  color: #FF6666;
}
</style>

+1

Поделиться265Пт, 12 Мар 2021 22:34:49

Автор: AnnaMaslennikova
Заслуженный
Зарегистрирован: Чт, 25 Фев 2021
Сообщений: 106
Уважение: +18
Позитив: +50
Пол: Женский
Последний визит:
Пт, 30 Апр 2021 20:47:34

Спасибо. Все как доктор прописал.
Супер.

0

Поделиться266Пт, 12 Мар 2021 22:48:09

Автор: AnnaMaslennikova
Заслуженный
Зарегистрирован: Чт, 25 Фев 2021
Сообщений: 106
Уважение: +18
Позитив: +50
Пол: Женский
Последний визит:
Пт, 30 Апр 2021 20:47:34

Извините ещё раз.
Но с постом ещё вопрос есть
В скрине видно что надпись 'отредактировано' сливается с текстом поста.
Можно как то эту надпись выделить ?
Например (хотелось бы) другим цветом и наклонным цветом.
:blush:

0

Поделиться267Пт, 12 Мар 2021 23:34:53

Автор: kolobdur74
...
Зарегистрирован: Пн, 6 Сен 2010
Сообщений: 7390
Уважение: +5876
Позитив: +6482
Пол: Мужской
Последний визит:
Чт, 21 Ноя 2024 21:12:40

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

В скрине видно что надпись 'отредактировано' сливается с текстом поста.
Можно как то эту надпись выделить ?
Например (хотелось бы) другим цветом и наклонным цветом.

Добавьте между <style> и </style>:

Код:

.punbb .post .lastedit {
  color: green;
  font-size: 11px;
  font-style: italic;
}

color: green; - цвет.
font-size: 11px; - размер шрифта.

Отредактировано kolobdur74 (Пт, 12 Мар 2021 23:36:00)

+2

Поделиться268Сб, 13 Мар 2021 00:06:53

Автор: AnnaMaslennikova
Заслуженный
Зарегистрирован: Чт, 25 Фев 2021
Сообщений: 106
Уважение: +18
Позитив: +50
Пол: Женский
Последний визит:
Пт, 30 Апр 2021 20:47:34

Не поняла как.
Извините.
Куда или где именно добавить...?
Не разберусь

0

Поделиться269Сб, 13 Мар 2021 00:08:22

Автор: kolobdur74
...
Зарегистрирован: Пн, 6 Сен 2010
Сообщений: 7390
Уважение: +5876
Позитив: +6482
Пол: Мужской
Последний визит:
Чт, 21 Ноя 2024 21:12:40

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

Не поняла как.
Извините.
Куда или где именно добавить...?
Не разберусь

Ну, у вас уже есть теги <style></style>, чтобы их количество не плодить, добавьте в код Деффа:

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

<style>
.punbb .post-content a{
text-decoration: underline;
color: #0000EE;
transitio:.6;
}
.punbb .post-content a:hover{
color: #FF6666;
}

.punbb .post .lastedit {
color: green;
font-size: 11px;
font-style: italic;
}
</style>

+2

Поделиться270Сб, 13 Мар 2021 00:14:00

Автор: AnnaMaslennikova
Заслуженный
Зарегистрирован: Чт, 25 Фев 2021
Сообщений: 106
Уважение: +18
Позитив: +50
Пол: Женский
Последний визит:
Пт, 30 Апр 2021 20:47:34

Спасибо. Все получилось.

+1

Поделиться271Сб, 13 Мар 2021 12:23:40

Автор: AnnaMaslennikova
Заслуженный
Зарегистрирован: Чт, 25 Фев 2021
Сообщений: 106
Уважение: +18
Позитив: +50
Пол: Женский
Последний визит:
Пт, 30 Апр 2021 20:47:34

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

AnnaMaslennikova написал(а):
Скажите, а если мне не нужно разные картинки. А только одну. На все случаи жизни....
Ну что бы поставить именно ее, и что бы она не менялась.
Уберите это из кода:
AnnaMaslennikova написал(а):
TR.inew Div.icon {
background-image : url(https://forumstatic.ru/files/0014/74/cb/47659.png);
background-repeat: no-repeat;
}
TR.isticky Div.icon {
background-image : url(https://forumstatic.ru/files/0014/74/cb/47659.png);
background-repeat: no-repeat;
}
TR.iclosed Div.icon {
background-image : url(https://forumstatic.ru/files/0014/74/cb/62898.png);
background-repeat: no-repeat;
}

Скажите, а можно как-то уменьшить размер картинки (иконки). Ну там 30 на 30 ?
То есть можно как-то в скрипте установить размер картинки (иконки) ?

0

Поделиться272Сб, 13 Мар 2021 12:28:23

Автор: ACT3255
Заслуженный
Зарегистрирован: Пт, 7 Ноя 2014
Сообщений: 2899
Уважение: +1599
Позитив: +2188
Пол: Мужской
Последний визит:
Сегодня 10:55:26

AnnaMaslennikova
там же указано

Код:

height: 100px; 
width: 100px;

поменяйте на 30

+1

Поделиться273Сб, 13 Мар 2021 12:45:32

Автор: AnnaMaslennikova
Заслуженный
Зарегистрирован: Чт, 25 Фев 2021
Сообщений: 106
Уважение: +18
Позитив: +50
Пол: Женский
Последний визит:
Пт, 30 Апр 2021 20:47:34

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

AnnaMaslennikova
там же указано
Код:
height: 100px; 
width: 100px;
поменяйте на 30

Ставила 100 - иконка большая, появляется.
Но как бы выглядывает из за названия и описания раздела.
Ставила 30 - ее вообще не видно.

Можно как-то ее влево сдвинуть в моде ?

0

Поделиться274Сб, 13 Мар 2021 12:48:44

Автор: AnnaMaslennikova
Заслуженный
Зарегистрирован: Чт, 25 Фев 2021
Сообщений: 106
Уважение: +18
Позитив: +50
Пол: Женский
Последний визит:
Пт, 30 Апр 2021 20:47:34

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

ACT3255 написал(а):
AnnaMaslennikova
там же указано
Код:
height: 100px; 
width: 100px;
поменяйте на 30
Ставила 100 - иконка большая, появляется.
Но как бы выглядывает из за названия и описания раздела.
Ставила 30 - ее вообще не видно.

Можно как-то ее влево сдвинуть в моде ?

Да. Попробовала опять 100 пикс - вообще не появляется...
:blush:

0

Поделиться275Сб, 13 Мар 2021 12:50:09

Автор: ACT3255
Заслуженный
Зарегистрирован: Пт, 7 Ноя 2014
Сообщений: 2899
Уважение: +1599
Позитив: +2188
Пол: Мужской
Последний визит:
Сегодня 10:55:26

AnnaMaslennikova
поставьте скрипт на форум, надо подвижку сделать.

+1

Поделиться276Сб, 13 Мар 2021 12:53:18

Автор: AnnaMaslennikova
Заслуженный
Зарегистрирован: Чт, 25 Фев 2021
Сообщений: 106
Уважение: +18
Позитив: +50
Пол: Женский
Последний визит:
Пт, 30 Апр 2021 20:47:34

Как то вот так получается.
Это при 100 пикс

0

Поделиться277Сб, 13 Мар 2021 12:54:11

Автор: AnnaMaslennikova
Заслуженный
Зарегистрирован: Чт, 25 Фев 2021
Сообщений: 106
Уважение: +18
Позитив: +50
Пол: Женский
Последний визит:
Пт, 30 Апр 2021 20:47:34

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

AnnaMaslennikova
поставьте скрипт на форум, надо подвижку сделать.

Я установила у себя .
Или тут нужно ?

0

Поделиться278Сб, 13 Мар 2021 12:56:29

Автор: ACT3255
Заслуженный
Зарегистрирован: Пт, 7 Ноя 2014
Сообщений: 2899
Уважение: +1599
Позитив: +2188
Пол: Мужской
Последний визит:
Сегодня 10:55:26

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

ACT3255 написал(а):
AnnaMaslennikova
поставьте скрипт на форум, надо подвижку сделать.
Я установила у себя .
Или тут нужно ?

поставьте вот эту картинку, маленькую, далее посмотрим.

Код:

https://forumupload.ru/uploads/0000/14/1c/32894/61829.jpg

Отредактировано ACT3255 (Сб, 13 Мар 2021 12:58:50)

0

Поделиться279Сб, 13 Мар 2021 13:00:19

Автор: kolobdur74
...
Зарегистрирован: Пн, 6 Сен 2010
Сообщений: 7390
Уважение: +5876
Позитив: +6482
Пол: Мужской
Последний визит:
Чт, 21 Ноя 2024 21:12:40

AnnaMaslennikova, добавьте:

Div.icon {
background-image : url(https://forumstatic.ru/files/001b/10/7a/87010.jpg);
background-repeat: no-repeat;
background-size: cover;
}

Здесь у вас пропущено:

.punbb div.icon {
float: left;
display: block;
border-style: none none none none;
height: 100px;
width: 100px;
}

Поставьте 40 пикселей на height и width..

+1

Поделиться280Сб, 13 Мар 2021 13:08:51

Автор: ACT3255
Заслуженный
Зарегистрирован: Пт, 7 Ноя 2014
Сообщений: 2899
Уважение: +1599
Позитив: +2188
Пол: Мужской
Последний визит:
Сегодня 10:55:26

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

Поставьте 40 пикселей на height и width..

40 на 46 лучше, а по хорошему нужна картинка на прозрачном фоне.

+1

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

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

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

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

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

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

Поделиться1Сб, 19 Дек 2020 13:24:51

Поделиться261Пт, 12 Мар 2021 21:42:21

Поделиться262Пт, 12 Мар 2021 21:43:51

Поделиться263Пт, 12 Мар 2021 21:46:31

Поделиться264Пт, 12 Мар 2021 22:13:50

Поделиться265Пт, 12 Мар 2021 22:34:49

Поделиться266Пт, 12 Мар 2021 22:48:09

Поделиться267Пт, 12 Мар 2021 23:34:53

Поделиться268Сб, 13 Мар 2021 00:06:53

Поделиться269Сб, 13 Мар 2021 00:08:22

Поделиться270Сб, 13 Мар 2021 00:14:00

Поделиться271Сб, 13 Мар 2021 12:23:40

Поделиться272Сб, 13 Мар 2021 12:28:23

Поделиться273Сб, 13 Мар 2021 12:45:32

Поделиться274Сб, 13 Мар 2021 12:48:44

Поделиться275Сб, 13 Мар 2021 12:50:09

Поделиться276Сб, 13 Мар 2021 12:53:18

Поделиться277Сб, 13 Мар 2021 12:54:11

Поделиться278Сб, 13 Мар 2021 12:56:29

Поделиться279Сб, 13 Мар 2021 13:00:19

Поделиться280Сб, 13 Мар 2021 13:08:51