Единый форум поддержки |
Привет, Гость! Войдите или зарегистрируйтесь.
Вы здесь » Единый форум поддержки » Архив » Общие вопросы по оформлению (61)
Предыдущая тема: Общие вопросы по оформлению (60)
Как с помощью браузера можно определить элемент дизайна. | |
Полезные скрипты, необходимые темы для новичков, а также ссылки на сайты рассказывающие что такое HTML и CSS. | |
Ответы на часто задаваемые вопросы. | |
Как задавать вопросы! Разница между стилем и скриптом. ( Советы) | Плюс к названию темы еще и Памятка. |
Любой вопрос по оформлению/неполадкам сопровождайте ссылкой на форум, по которому возникли сложности. |
Arlekina
Пиар Вход поставьте - иначе я не могу увидеть у Вас Профиль и Личку
При отправке опроса все варианты ответов срезаются по количеству символов до того минимального уровня.
Ну в общем как я и боялся... Ну пока ждите,- Админ занят, если и поправим, то не так быстро(Нун лезть в движок)
=======================
Здравствуйте! А какие еще интересные штучки можно сделать с ссылками?
Ну про что Mirra Bell написала > CSS трюки
Вопрос первый: когда обновляю тему, почему-то иконка "новые сообщения" не показывается на страницах типа "активные темы" или в подфорумах. Причем иконки, которые на главной странице, сменяются исправно. Чем такое исправить?
Не обновляется, потому что на момент отправки поста - Вы уже просмотрели это сообщение, и тема помечается автоматом - как прочитанная
На Главной сброс выделения происходит лишь раз за сессию - поэтому там "Новое" высвечивается (Вроде в Типовых Вопросах было
Вопрос второй: есть ли код рамки на аватар, которая не сужается, не растягивается, а сидит как влитая, вне зависимости от размера самого аватара в профиле?
Ну как Вариант: Использовать обычный скрипт Рамки, и прописать жестко ширину аватарки(все аватары будут растягиваться -ужиматься до этой ширины)
.punbb .pa-avatar img[alt]{width:210px;height:auto}
Ну как Вариант: Использовать обычный скрипт Рамки, и прописать жестко ширину аватарки(все аватары будут растягиваться -ужиматься до этой ширины)
А, если кто-то дурень поставит, например, 160х160, рамка автоматически стянется до этого размера, и все скособочится?
ACT3255 написал(а):<style>/* зимнее оформление шапки */
#pun-title table {
-webkit-animation : dropFlowParticles 2s linear infinite;
-o-animation : dropFlowParticles 2s linear infinite;
animation: dropFlowParticles 2s linear infinite;
background: rgba(0, 0, 0, 0) url("http://petushki-city.ru/files/0002/10/47/35447.png") repeat scroll 0 0;
}#title-logo-table > tbody {
-webkit-animation : dropFlowParticles 12s linear infinite;
-o-animation : dropFlowParticles 12s linear infinite;
animation: dropFlowParticles 12s linear infinite;
background: rgba(0, 0, 0, 0) url("http://petushki-city.ru/files/0002/10/47/64450.png") repeat scroll 0 0;
}tr#title-logo-tr {
-webkit-animation : dropFlowParticles 27s linear infinite;
-o-animation : dropFlowParticles 27s linear infinite;
animation: dropFlowParticles 27s linear infinite;
background: rgba(0, 0, 0, 0) url("http://petushki-city.ru/files/0002/10/47/50326.png") repeat scroll 0 0;
}@-webkit-keyframes dropFlowParticles {
from { background-position: 0 0; }
to { background-position: 0 413px; }
}
@keyframes dropFlowParticles {
from { background-position: 0 0; }
to { background-position: 0 413px; }
}</style>
Ставлю этот код на тестовик - и пропадает картинка на шапке. Куда копать?
Mirra Bell
Alex_63
Ну с переливанием я поняла, спасибо.
Видела, что можно ссылки оформить градиентом, как здесь
Не подскажите код?
И не подкините скриптов с падающим снегом?
Отредактировано Heidi (Пн, 19 Дек 2016 11:05:47)
Ставлю этот код на тестовик - и пропадает картинка на шапке. Куда копать?
Перенесите шапку с #pun-title table на #pun-title, бо на #pun-title table ставится картинка с снегом:
#pun-title table {
-webkit-animation : dropFlowParticles 2s linear infinite;
-o-animation : dropFlowParticles 2s linear infinite;
animation: dropFlowParticles 2s linear infinite;
background: rgba(0, 0, 0, 0) url("http://petushki-city.ru/files/0002/10/47/35447.png") repeat scroll 0 0;
}
Перенесите шапку с #pun-title table на #pun-title, бо на #pun-title table ставится картинка с снегом:
ага, получилось!!!!
Alex_63
Сейчас выглядит вот так http://twoal.rolka.su/viewtopic.php?id=11#p28
а хочется вот так, внутри огромной рамки еще чтобы была возможность менять цвет
http://funkyimg.com/i/2mbh9.png
tiger_roman
1. Попробуйте добавить следом за первым кодом
<script>$("body").on("error","img[src*='noavatar']",function(e){$(e.currentTarget).attr("src",UserAvatar)});</script>
(Правда не уверен что поможет
2. Попробуйте добавить синим в Первом Окне стилей
/* D7.1 */
#pun-stats table {background:transparent;}
#pun-stats .statscon >.container:not(.stats) {
padding: 2px 19px;
font-size: 14px;
background: url(http://s9.uploads.ru/t/8potE.png) no-repeat;
margin-left: 20px;
}
А, если кто-то дурень поставит, например, 160х160, рамка автоматически стянется до этого размера, и все скособочится?
Нет - все аватарки(а соответственно и рамки) будут всегда одной ширины
Видела, что можно ссылки оформить градиентом, как здесь
Не подскажите код?
Ну там такой код:
#pun-index .tcl h3 a {
text-align: center;
font: 13pt "Book Antiqua" !important;
font-weight: bold !important;
background: linear-gradient(#523707, #9c6606, #080000);
-webkit-background-clip: text;
color: transparent !important;
}
( А ксать интересный эффект... ни нал о таком (чоб градиент к тексту применять) ... Нун будет в css трюках выложить
Карнаж
Чот не совсем понял по скриншоту...(Поясните словами еще, что нун сделать
Здравствуйте
Скажите, как можно сделать так, чтобы иконка сообщений не сдвигалась вниз на странице личных сообщений? http://funkyimg.com/i/2mbsJ.jpg
ссылка
1. Попробуйте добавить следом за первым кодом
<script>$("body").on("error","img[src*='noavatar']",function(e){$(e.currentTarget).attr("src",UserAvatar)});</script>
(Правда не уверен что поможет
Ничего не изменилось( Как теперь быть?
2. Попробуйте добавить синим в Первом Окне стилей
Спасибо, помогло!
Здравствуйте
Скажите, как можно сделать так, чтобы иконка сообщений не сдвигалась вниз на странице личных сообщений? http://funkyimg.com/i/2mbsJ.jpg
ссылка
Поддерживаю, возможно ли как то поправить?
Alex_63
О, тогда здорово. Спасибо за подсказки)
А ксать интересный эффект... ни нал о таком (чоб градиент к тексту применять) ... Нун будет в css трюках выложить
И можно даже сделать кнопочку оформления текста в форме ответа )
Mirra Bell
Гы, - Идея неплохая... думаю мон написать скрипт
Вы здесь » Единый форум поддержки » Архив » Общие вопросы по оформлению (61)