Единый форум поддержки |
Привет, Гость! Войдите или зарегистрируйтесь.
Вы здесь » Единый форум поддержки » Архив » Общие вопросы по оформлению (65)
Предыдущая тема: Общие вопросы по оформлению (64)
Как с помощью браузера можно определить элемент дизайна. | |
Полезные скрипты, необходимые темы для новичков, а также ссылки на сайты рассказывающие что такое HTML и CSS. | |
Ответы на часто задаваемые вопросы. | |
Как задавать вопросы! Разница между стилем и скриптом. ( Советы) | Плюс к названию темы еще и Памятка. |
Любой вопрос по оформлению/неполадкам сопровождайте ссылкой на форум, по которому возникли сложности. |
бланш
Ощущение что как-то связано с размерм шрифта в .post h3 ибо меняя масштаб в браузере удётся двигать сдвиг туды- сюды
Как вариант: пиксельный сдвиг практически будет незаметен, если ты обрежешь дуло у этого пистолетика ? (У Верхней фоновой)
Заменить прозрачкой или тупо обрезать по краю ?
Отредактировано Deff (Вс, 9 Авг 2020 22:41:12)
kolobdur74
У меня всё получилось, спасибо огромное 
осталось дорисовать только саму картинку)))
Вы кстати не знаете, как вот это поправить?
Я не знаю, как надписи вверх поднять, чтобы они не налазили на зелёную полоску, а то сейчас они замерли в пространстве
Deff
к сожалению, нет, не выход, т.к. бросается в глаза такая обрезка, попробовала только что (
Я не знаю, как надписи вверх поднять, чтобы они не налазили на зелёную полоску, а то сейчас они замерли в пространстве
Здесь правьте:
/* B3.3 */
.linkst .pagelink {
position: absolute;
top: -4em;
left: 1em;
width: 24em;
color: #c8b284;
}/* B3.4 */
.linkst .postlink {
position: absolute;
top: -4em;
right: 1em;
width: 16em;
text-align: right;
font-weight: bold;
}
-5em должно быть нормально..
бланш
Ну есть ещё одна cумашедшая идея:
Привязать фон .post h3 к самому профилю через :after, тады оно у тьву всегда будет синхронно ?
.post-author{
position:relative;
}
.post-author:after {
display:inline-block;
width: 965px;
height:17px;
content:" ";
background: url(Фон) 0 0 no-repeat; /*repeat*/
position:absolute;
left-2px;
top:-17px;
}
Отредактировано Deff (Вс, 9 Авг 2020 22:56:33)
Deff
сохраню на будущее, спасибо)
Deff
зашла поблагодарить, немного покопалась и в итоге проблема с микс-бленд-мод решилась именно так как вы и сказали, спасибо вам огромное!)
бланш
Ксать есть и другой эффект позволяющий реализовать тож самое ( ток картинки нужно ставить фоном...
http://css.yoksel.ru/background-blend-mode/
Deff
спасибо, посмотрю!
-
Отредактировано mr.Fierce (Вт, 11 Авг 2020 09:50:46)
Добрый день. Возможно ли заменить плюсик в respect на свой?
зеленый он, конечно, прекрасный, но сильно выбивается из общей картины, хотелось бы сделать его чуть меньше и в цветовой гамме всего дизайна
Добавлено спустя 13 минут:
И еще вопрос, можно ли сделать в обоих случаях равные границы репутации?
ссылка на фор: http://judastest.artbb.ru
посмотреть можно в этой теме: http://judastest.artbb.ru/viewtopic.php?id=4#p43
Добавлено спустя 2 часа 13 минут 52 секунды:
Отредактировано dj_maximus (Пт, 14 Авг 2020 08:40:30)
kolobdur74
Да, идеально стало, спасибо 
Возможно ли заменить плюсик в respect на свой?
зеленый он, конечно, прекрасный, но сильно выбивается из общей картины, хотелось бы сделать его чуть меньше и в цветовой гамме всего дизайна
Мне давали такой код для изменнеия размера этого плюсика:
li.pa-respect img {
height: 8px;
}
Думаю, что сюда можно прописать и новый плюсик - background-image : url(ссылка на картинку плюсика);
И еще вопрос, можно ли сделать в обоих случаях равные границы репутации?
У вас в этом коде отступы выставлены разные, потому и высота разная.
.pa-posts{display: inline-block;
text-align: center;
left: 20px;
max-width: 100px;
line-height: 0px;
font-size: 10px!important;
font-family: arial narrow;
text-transform: uppercase;
color: #e4ae4e;
padding: 16px 13px!important;
margin-top: 12px !important;
border: 1px solid #5f797a;
margin-bottom: 6px!important;}.pa-respect {display: inline-block;
text-align: center;
left: 20px;
max-width: 100px;
line-height: 0px;
font-size: 10px!important;
font-family: arial narrow;
text-transform: uppercase;
color: #e4ae4e;
border: 1px solid #546d71;
padding: 9px 13px!important;
margin-top: 12px !important;
margin-bottom: 5px!important;
padding-bottom: 13px !important; а эту строку попробуйте убрать вообще}
Отредактировано Riya (Пн, 10 Авг 2020 19:50:50)
Привет. 
Как добавить стиль только к ссылкам в сообщениях, не затрагивая связанные изображения? Например: я помещаю красную рамку на ссылку, и изображения, содержащие ссылку, также имеют эту границу. Можно ли создать отдельный стиль только для ссылок, не затрагивая изображения? 
sims3society
Вопрос Не очень понятен...
Изобразите эскиз, как должно выглядеть изображение без ссылки в этом случае
Как должна выглядеть ссылка, без изображения в этом случае ?
По идее, если стиль на изображении с !important; он всегда пересилит стиль ссылки...
Опять же стоит уточнить изображение и ссылка - где и в каком месте ? Чтобы стиль не задел остальные ссылки и изображения
Отредактировано Deff (Ср, 12 Авг 2020 23:03:23)
sims3society
Вопрос Не очень понятен...Опять же стоит уточнить изображение и ссылка - где и в каком месте ? Чтобы стиль не задел остальные ссылки и изображения
Например:
Я добавил другой стиль к ссылкам на сообщения, написанные на форуме:
.post-content a {border-bottom: 2px solid red;}
Если в посте есть изображение со ссылкой, оно также будет иметь красную рамку:
[url=link][image]link image[/image][/link]
Не знаю, было ли понятно ... 
Отредактировано sims3society (Ср, 12 Авг 2020 23:27:40)
Не знаю, было ли понятно ...
Ну тут же border не на самом изображении, а от ссылки
Наверно только скриптом добавлять к ссылке, которое на изображении дополнительный класс...
Вопрос, а ссылки на изображение имеют какое отличие от ссылок без ( к примеру по адресу ссылки ?
sims3society
<style>
.post-content a:not(.hasImg) {
border-bottom: 2px solid red;
}
</style>
<script type="text/javascript">
$('.post-content a:has(img)').map(function(){
$(this).addClass('hasImg');
});
</script>Все ссылки содержащие изображения будут иметь класс hasImg, а дальше делайте с этим, что хотите
И добавить к стилю:
.post-content a.hasImg {border-bottom: 0 none transparent;}
Вопрос, а ссылки на изображение имеют какое отличие от ссылок без ( к примеру по адресу ссылки ?
sims3society
Код:<style> .post-content a:not(.hasImg) { border-bottom: 2px solid red; } </style> <script type="text/javascript"> $('.post-content a:has(img)').map(function(){ $(this).addClass('hasImg'); }); </script>Все ссылки содержащие изображения будут иметь класс hasImg, а дальше делайте с этим, что хотите
Спасибо! Это было именно то, что мне было нужно. 
Вы здесь » Единый форум поддержки » Архив » Общие вопросы по оформлению (65)