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

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

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

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

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

Страница:   1 … 48 49 50 51 52 … 82  

Сообщений 981 страница 1000 из 1621

1

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

В этой теме просим помощи в оформлении форума и его элементов

Столкнулись с трудностями в оформлении вашего форума? Или просто хотите придать ему новый, свежий вид? В этой теме вы можете задать вопросы по стилизации, дизайну и внешнему виду вашего форума. Получите помощь по работе с CSS, настройке цветовой гаммы, шрифтов, размещению изображений и другим элементам оформления.

Вопросы по скриптам и их работоспособности, просьба, задавать в теме Запросы по скриптам #11
Вы новичок и не разбираетесь во всём этом? Загляните в наш справочный раздел. Возможно, там уже содержится ответ на ваш вопрос. Или задайте свой вопрос в теме Общие вопросы от новичков (63) #3

Важная информация перед тем, как задать вопрос:

  • Ответы дают другие участники форума по собственному желанию.

  • Администрация не может гарантировать моментальное решение или абсолютную корректность каждого ответа.

  • Пожалуйста, уважайте чужое время и усилия других пользователей, старайтесь писать грамотно и доходчиво.

  • Будьте взаимовежливы: Грубое или требовательное отношение к участникам форума неприемлемо и может привести к отказу в помощи на всём форуме.

  • Все вопросы, не касающиеся оформления, будут удаляться!

Сформулируйте свой вопрос максимально подробно, чтобы повысить вероятность отклика помощи:

  • Укажите ссылку на форум: Ссылка на форум, с которым требуется помочь, позволит нам увидеть, понять контекст проблемы и предложить наиболее точное решение, не тратя время на догадки.

  • Опишите желаемый результат: Четко и конкретно объясните, чего вы хотите добиться. Например: "Мне нужно, чтобы картинка шапки была во всю ширину блока", или "Хочу увеличить размер шрифта в названиях тем". Чем детальнее вы опишете, тем проще будет помочь.

  • Сделайте скриншот и выделите элемент: Помогающему необходимо понимать с чем ему предстоит вам помочь. Укажите ссылки на схожее оформление (если вы где-то видели подобное). Это не обязательно, но значительно упростит задачу.

Если на ваш вопрос долго нет ответа, пожалуйста, воздержитесь от повторных сообщений или обвинений. Возможно, ваш вопрос оказался излишне сложным, вероятно требующий больше времени и индивидуального подхода, будьте готовы к тому, что участники могут предложить свои услуги на платной основе. Обсуждение условий и оплаты происходит между вами и участником (исполнителем) в личных сообщениях или иных средствах связи (но не в теме!). Администрация форума не несет никакой ответственности за подобные договоренности и их выполнение.

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

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

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

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

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

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

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

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

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

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

+1

981

  • Автор: МАЧОнаДАЧЕ
  • Заслуженный
  • МАЧОнаДАЧЕ
  • Зарегистрирован: Ср, 4 Дек 2019
  • Сообщений: 936
  • Уважение: +448
  • Позитив: +820
  • Пол: Мужской
  • Последний визит:
    Вс, 11 Авг 2024 11:10:31

kolobdur74
Так а вписать кусок css возможно в него? Чтобы запозиционировать есчё картинку в него. Или уже ни как😣

0

982

  • Автор: kolobdur74
  • ...
  • kolobdur74
  • Зарегистрирован: Пн, 6 Сен 2010
  • Сообщений: 7529
  • Уважение: +6090
  • Позитив: +6643
  • Пол: Мужской
  • Последний визит:
    Чт, 20 Ноя 2025 15:19:42
МАЧОнаДАЧЕ написал(а):

Так а вписать кусок css возможно в него? Чтобы запозиционировать есчё картинку в него. Или уже ни как😣

Я пока не понимаю что надо.. Кинь ссылку на пост, где код и картинку, которую надо вставить..

0

983

  • Автор: МАЧОнаДАЧЕ
  • Заслуженный
  • МАЧОнаДАЧЕ
  • Зарегистрирован: Ср, 4 Дек 2019
  • Сообщений: 936
  • Уважение: +448
  • Позитив: +820
  • Пол: Мужской
  • Последний визит:
    Вс, 11 Авг 2024 11:10:31

kolobdur74

Отредактировано МАЧОнаДАЧЕ (Вс, 10 Апр 2022 12:35:45)

0

984

  • Автор: kolobdur74
  • ...
  • kolobdur74
  • Зарегистрирован: Пн, 6 Сен 2010
  • Сообщений: 7529
  • Уважение: +6090
  • Позитив: +6643
  • Пол: Мужской
  • Последний визит:
    Чт, 20 Ноя 2025 15:19:42

МАЧОнаДАЧЕ, ну, добавь ниже кода .macho:before:

Код:
.macho:after {
position: absolute;
content: url(https://i.imgur.com/ZnYus2I.png);
right: 6px;
}

+1

985

  • Автор: МАЧОнаДАЧЕ
  • Заслуженный
  • МАЧОнаДАЧЕ
  • Зарегистрирован: Ср, 4 Дек 2019
  • Сообщений: 936
  • Уважение: +448
  • Позитив: +820
  • Пол: Мужской
  • Последний визит:
    Вс, 11 Авг 2024 11:10:31

kolobdur74
Пасиб :cool: оно (вопрос снят) выручил

+1

986

  • Автор: МАЧОнаДАЧЕ
  • Заслуженный
  • МАЧОнаДАЧЕ
  • Зарегистрирован: Ср, 4 Дек 2019
  • Сообщений: 936
  • Уважение: +448
  • Позитив: +820
  • Пол: Мужской
  • Последний визит:
    Вс, 11 Авг 2024 11:10:31

kolobdur74
Вот суть выделеного блока (с подписью) что я хотел в идеале (и ты помог)
https://i.imgur.com/GZIDkTh.png

+1

987

  • Автор: Mirra Bell
  • Модератор
  • Mirra Bell
  • Зарегистрирован: Чт, 3 Апр 2014
  • Сообщений: 2184
  • Уважение: +1882
  • Позитив: +2478
  • Пол: Женский
  • Последний визит:
    Пн, 20 Окт 2025 14:20:49
kolobdur74 написал(а):

Поищите варианты на CSS, любой вариант на CSS можно адаптировать..

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

Во втором, взятом отсюда, все зашибись, но текст не выравнивается по центру поста, если добавляю в спан "text-align: center", текст уезжает влево и выравнивается наверное по какому-то другому центру, а если делать шрифт больше, текст начинает обрезаться сверху.

0

988

  • Автор: kolobdur74
  • ...
  • kolobdur74
  • Зарегистрирован: Пн, 6 Сен 2010
  • Сообщений: 7529
  • Уважение: +6090
  • Позитив: +6643
  • Пол: Мужской
  • Последний визит:
    Чт, 20 Ноя 2025 15:19:42

Mirra Bell, по первому - там основа переливания цветов не текст, а фон, по второму:

Код:
<style>
.rainbow {
  background: linear-gradient(to right, red, orange, yellow, green, cyan, blue, violet);
  background-size: 400% 400%;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  -webkit-animation: rainbow 20s ease infinite;
  animation: rainbow 20s ease infinite;
  font-size: 25px;
  line-height: 25px;
}
 
@-webkit-keyframes rainbow {
  0% { background-position: 0% 50% }
  50% { background-position: 100% 50% }
  100% { background-position: 0% 50% }
}
 
@keyframes rainbow {
  0% { background-position: 0% 50% }
  50% { background-position: 100% 50% }
  100% { background-position: 0% 50% }
}
</style>
<script type="text/javascript">
FORUM.set('editor.addition.tags.myanimated', {name:'Красивый текст',onclick:function(){bbcode('[block=rainbow]','[/block]');}});
</script>

Ставить в НТМЛ верх (вв-код будет в Дополнительно - Красивый текст), а регулировать внутри блока, а не снаружи, то есть вот так:

[block=rainbow][align=center]Привет ляяяяяяя буууу[/align][/block]

Отредактировано kolobdur74 (Вт, 12 Апр 2022 21:40:33)

+1

989

  • Автор: Mirra Bell
  • Модератор
  • Mirra Bell
  • Зарегистрирован: Чт, 3 Апр 2014
  • Сообщений: 2184
  • Уважение: +1882
  • Позитив: +2478
  • Пол: Женский
  • Последний визит:
    Пн, 20 Окт 2025 14:20:49
kolobdur74 написал(а):

по первому - там основа переливания цветов не текст

Да, не текст. И никак нельзя убрать этот белый фон?

0

990

  • Автор: kolobdur74
  • ...
  • kolobdur74
  • Зарегистрирован: Пн, 6 Сен 2010
  • Сообщений: 7529
  • Уважение: +6090
  • Позитив: +6643
  • Пол: Мужской
  • Последний визит:
    Чт, 20 Ноя 2025 15:19:42
Mirra Bell написал(а):

Да, не текст. И никак нельзя убрать этот белый фон?

Это он переливается, если убрать фон, то и переливаться не будет.. :dontknow: Вот основа переливания:

background-image: repeating-linear-gradient(-45deg, transparent, transparent 1em, #BFE2FF 1em, #337AB7 50%), repeating-linear-gradient(45deg, #337AB7, #337AB7 1em, #FFF 1em, #BFE2FF 50%);

0

991

  • Автор: kolobdur74
  • ...
  • kolobdur74
  • Зарегистрирован: Пн, 6 Сен 2010
  • Сообщений: 7529
  • Уважение: +6090
  • Позитив: +6643
  • Пол: Мужской
  • Последний визит:
    Чт, 20 Ноя 2025 15:19:42

Mirra Bell, можно поставить в качестве подложки вместо белого цвета, цвет фона поста, но все равно будет переливаться весь прямоугольник, в котором находится текст..

0

992

  • Автор: МАЧОнаДАЧЕ
  • Заслуженный
  • МАЧОнаДАЧЕ
  • Зарегистрирован: Ср, 4 Дек 2019
  • Сообщений: 936
  • Уважение: +448
  • Позитив: +820
  • Пол: Мужской
  • Последний визит:
    Вс, 11 Авг 2024 11:10:31

Mirra Bell
Так а если убрать фон по ходу эффекта не будет (аналог)

Код:
	
<div class="pouring">Переливающийся текст</div>
.pouring {
	font-size: 40px;
	line-height: 50px;
	font-family: Verdana, sans-serif;
	font-weight: 900;
	position: relative;
	background: white;
	overflow: hidden;
	text-transform: uppercase;
	text-align: center;
}
.pouring:before {
	content: '';
	position: absolute;
	filter: blur(10px);
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	mix-blend-mode: screen;
	background-image: repeating-linear-gradient(-45deg, transparent, transparent 1em, #BFE2FF 1em, #337AB7 50%), repeating-linear-gradient(45deg, #337AB7, #337AB7 1em, #FFF 1em, #BFE2FF 50%);
	background-size: 3em 3em, 2em 2em;
	animation-name: ani;
	animation-duration: 10s;
	animation-timing-function: linear;
	animation-iteration-count: infinite;
	animation-direction: alternate;
}
@keyframes ani {
	from {
background-position: 0 0;
	}
	to {
background-position: 100% 0;
	}
}
@media (max-width:690px) {	
	.pouring {font-size: 20px;}	
}

[html]<div class="pouring">Переливающийся текст</div>
<style>.pouring {
font-size: 40px;
line-height: 50px;
font-family: Verdana, sans-serif;
font-weight: 900;
position: relative;
background: white;
overflow: hidden;
text-transform: uppercase;
text-align: center;
}
.pouring:before {
content: '';
position: absolute;
filter: blur(10px);
top: 0;
left: 0;
width: 100%;
height: 100%;
mix-blend-mode: screen;
background-image: repeating-linear-gradient(-45deg, transparent, transparent 1em, #BFE2FF 1em, #337AB7 50%), repeating-linear-gradient(45deg, #337AB7, #337AB7 1em, #FFF 1em, #BFE2FF 50%);
background-size: 3em 3em, 2em 2em;
animation-name: ani;
animation-duration: 10s;
animation-timing-function: linear;
animation-iteration-count: infinite;
animation-direction: alternate;
}
@keyframes ani {
from {
    background-position: 0 0;
}
to {
    background-position: 100% 0;
}
}
@media (max-width:690px) {
.pouring {font-size: 20px;}
}</style>
[/html]

0

993

  • Автор: МАЧОнаДАЧЕ
  • Заслуженный
  • МАЧОнаДАЧЕ
  • Зарегистрирован: Ср, 4 Дек 2019
  • Сообщений: 936
  • Уважение: +448
  • Позитив: +820
  • Пол: Мужской
  • Последний визит:
    Вс, 11 Авг 2024 11:10:31
kolobdur74 написал(а):

Mirra Bell, можно поставить в качестве подложки вместо белого цвета, цвет фона поста, но все равно будет переливаться весь прямоугольник, в котором находится текст..

Я тоже думал о данной фиче (как вариант это поставить свой фон и обернуть в borde). С бордером эффект будет круче (я так думаю)

0

994

  • Автор: Mirra Bell
  • Модератор
  • Mirra Bell
  • Зарегистрирован: Чт, 3 Апр 2014
  • Сообщений: 2184
  • Уважение: +1882
  • Позитив: +2478
  • Пол: Женский
  • Последний визит:
    Пн, 20 Окт 2025 14:20:49

МАЧОнаДАЧЕ
А чем этот аналог отличается от исходного варианта? Если убрать белый фон, получается голубая переливающаяся полоса, это я выяснила еще вчера. )

0

995

  • Автор: Mirra Bell
  • Модератор
  • Mirra Bell
  • Зарегистрирован: Чт, 3 Апр 2014
  • Сообщений: 2184
  • Уважение: +1882
  • Позитив: +2478
  • Пол: Женский
  • Последний визит:
    Пн, 20 Окт 2025 14:20:49

Мне не надо, чтобы переливался прямоугольник, мне надо, чтобы переливался только текст, причем на том фоне, куда я его поставлю. )

0

996

  • Автор: МАЧОнаДАЧЕ
  • Заслуженный
  • МАЧОнаДАЧЕ
  • Зарегистрирован: Ср, 4 Дек 2019
  • Сообщений: 936
  • Уважение: +448
  • Позитив: +820
  • Пол: Мужской
  • Последний визит:
    Вс, 11 Авг 2024 11:10:31

Mirra Bell
Эффект нужен для "важный текст"  или для "важная ссылка" ?
Вечером дома на компе гляну (вроде сохранял такую переливашку)

0

997

  • Автор: Mirra Bell
  • Модератор
  • Mirra Bell
  • Зарегистрирован: Чт, 3 Апр 2014
  • Сообщений: 2184
  • Уважение: +1882
  • Позитив: +2478
  • Пол: Женский
  • Последний визит:
    Пн, 20 Окт 2025 14:20:49

МАЧОнаДАЧЕ
Эффект нужен для текста, причем для любого.

Отредактировано Mirra Bell (Ср, 13 Апр 2022 09:41:04)

0

998

  • Автор: Mirra Bell
  • Модератор
  • Mirra Bell
  • Зарегистрирован: Чт, 3 Апр 2014
  • Сообщений: 2184
  • Уважение: +1882
  • Позитив: +2478
  • Пол: Женский
  • Последний визит:
    Пн, 20 Окт 2025 14:20:49
kolobdur74 написал(а):

Ставить в НТМЛ верх (вв-код будет в Дополнительно - Красивый текст), а регулировать внутри блока, а не снаружи, то есть вот так:

Перенесла из стиля в НТМЛ верх, поставила регулировку внутри блока, но эффект получается совсем не такой, текст не переливается как в посте выше, а просто мигает разными цветами. Можно ли оставить в его в стиле, пусть это будет без кнопки, но сделать как-то чтобы он мог выравниваться по центру без bb-кодов? И чтобы не резался сверху при увеличении шрифта больше 30.

Отредактировано Mirra Bell (Ср, 13 Апр 2022 13:57:07)

0

999

  • Автор: МАЧОнаДАЧЕ
  • Заслуженный
  • МАЧОнаДАЧЕ
  • Зарегистрирован: Ср, 4 Дек 2019
  • Сообщений: 936
  • Уважение: +448
  • Позитив: +820
  • Пол: Мужской
  • Последний визит:
    Вс, 11 Авг 2024 11:10:31
Mirra Bell написал(а):
kolobdur74 написал(а):

Ставить в НТМЛ верх (вв-код будет в Дополнительно - Красивый текст), а регулировать внутри блока, а не снаружи, то есть вот так:

Перенесла из стиля в НТМЛ верх, но эффект получается совсем не такой, текст не переливается как в посте выше, а просто мигает разными цветами. Можно ли оставить в его в стиле, пусть это будет без кнопки, но сделать как-то чтобы он мог выравниваться по центру? И чтобы не резался сверху при увеличении шрифта больше 30.

Mirra Bell
Посмотрел на пк....тоже с фоном. Может возможно подкрутить этот скрипт (линейностью цвета) http://usefulscript.ru/color_text.php под ваше хочу :dontknow:

ЗЫ: По моему тот эффект который нужен (фон под текстом убрал....что и требовалось)
[html]
<div class="typing">
    <p class="text">Имитация набора текста с переливающимся эффектом. </p>
</div>

<style>
.typing {
    padding: 20px 30px;
    font-size: 16px;
    line-height: 24px;
    font-family: 'Roboto', sans-serif;
    font-weight: bold;
   
}
.typing span{
    color: #BFE2FF;
    animation: 1.9s typing-color infinite;
}
@keyframes typing-color {
    50% {
        color: #FFF;
    }
}
</style>
<script>
var wrapper = document.querySelector(".typing");
var text = document.querySelector(".typing .text");
var textCont = text.textContent;
text.style.display = "none";
for (var i = 0; i < textCont.length; i++) {
(function(i) {
    setTimeout(function() {
    var texts = document.createTextNode(textCont[i])
    var span = document.createElement('span');
    span.appendChild(texts);
    wrapper.appendChild(span);
    }, 75 * i);
}(i));
}
</script>
[/html]
Подстроить скорость и линейность (под себя)

Код:
<div class="typing">
    <p class="text">Имитация набора текста с переливающимся эффектом. </p>
</div>

<style>
.typing {
    padding: 20px 30px;
    font-size: 16px;
    line-height: 24px;
    font-family: 'Roboto', sans-serif;
    font-weight: bold;
   
}
.typing span{
    color: #BFE2FF;
    animation: 0.9s typing-color infinite;
}
@keyframes typing-color {
    50% {
        color: #FFF;
    }
}
</style>
<script>
var wrapper = document.querySelector(".typing");
var text = document.querySelector(".typing .text");
var textCont = text.textContent;
text.style.display = "none";
for (var i = 0; i < textCont.length; i++) {
(function(i) {
    setTimeout(function() {
    var texts = document.createTextNode(textCont[i])
    var span = document.createElement('span');
    span.appendChild(texts);
    wrapper.appendChild(span);
    }, 75 * i);
}(i));
}
</script>

Отредактировано МАЧОнаДАЧЕ (Ср, 13 Апр 2022 12:59:00)

0

1000

  • Автор: Mirra Bell
  • Модератор
  • Mirra Bell
  • Зарегистрирован: Чт, 3 Апр 2014
  • Сообщений: 2184
  • Уважение: +1882
  • Позитив: +2478
  • Пол: Женский
  • Последний визит:
    Пн, 20 Окт 2025 14:20:49

МАЧОнаДАЧЕ
Я видела этот пост, там эффект совсем не такой.

0

Страница:   1 … 48 49 50 51 52 … 82  

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