Коллекция красивых фонов с визуальным отображением: http://subtlepatterns.com/
https://github.com/subtlepatterns/SubtlePatterns |
|
Онлайн-генератор CSS3 кнопок для сайта Настраиваем параметры и нажимаем на кнопку "получить код", забираем код в скобках и вставляем в декор: Не забываем, что на первом месте у нас забиндено свойство background: поэтому параметры этого свойства переносим на первое место, либо в начале ставим точку с запятой ; Скачать быстро и на высокой скорости |
Удалил из декора принудительно выставленные параметры. При желании вы сами можете их вставить в декор.
Вот эти параметры убраны: border-radius:3px;box-shadow:2px 2px 2px -1px rgba(0, 0, 0, 0.400), 0px 0.9em 0.5em -0.2em rgba(255, 255, 255, 0.196) inset;
|
Как сделать тему на разных разрешениях? особенно касательно изображений в бекграунде.
Хочу чтобы тема выглядела одинаково на разных разрешениях... |
in1975, гугли слово background. По первой же ссылке попадёшь на справочник http://htmlbook.ru/css/background или на его новую версию сайта https://webref.ru/css
Там ты поймёшь, какие параметры позволят это сделать. Там слева вверху показывается список соседних параметров. Это либо бэкграунд привязать к определённому размеру, т.е. задать строгу ширину и высоту, либо его можно привязать только по ширине, а высота будет автоматом выстраиваться в зависимости от разрешения экрана или наоборот. Можно сделать, чтобы картинка повторялась repeat, но это для мелких паттернов, которые будут повторяться и заполнять страницу рисунком. Можешь погуглить паттерны, они бывают полупрозрачными и принимают раскраску фона, вот как косые полоски в этой теме. |
Теперь, я смотрю, некоторые простоюзеры смотрят эту тему, а конкретнее, этот пост: https://www.pspx.ru/forum/showthread....50#post1039350
|
Ещё пример Неонового свечения:
В качестве эффекта свечения типа неона, используются обычные тени. Просто мы подбираем цвет теми такой, который не серый, а наоборот яркий. Как мы знаем, тени можно накладывать одну за другой через запятую и они будут следовать друг за другом в зависимости от указанного расстояния. И каждую последующую тень мы можем выводить со своим изменяющимсчя цветом. Команда вывода тени: text-shadow: 0 0 10px #ffffff Расшифровка команды: text-shadow: сдвиг_по_X сдвиг_по_Y рассеивание_10px цвет_#ffffff - через запятую параметры повторяются и накладываются с увеличивающимся интервалом рассеивания. Напишем такую тень как-то так: на первом месте у нас всегда стоит свойство background, не забываем спереди поставить цвет бэкграунда. Если цвет бэкграунда не указываем, тогда всё равно не забываем закрывать точкой с запятой первое свойство background;, которое всегда стоит там по умолчанию!!! Да Нет Наверное Добавим эффект анимации так: тут кроме параметров анимации, требуется применить отдельный стиль поведения. Имеем в виду, что для устаревших браузеров Опера, Мазила и прочих Web-Kit нужно отдельно для них повторять понятные им команды с префиксами (-webkit-animation, @-webkit-keyframes, -moz-animation, @-moz-keyframes и т.д.) Да Нет Наверное |
|
Прикольно смотрится, :good: не добавил еще в BB-коды форума?
|
jekakmv, Зачем? бери и копируй.
Код:
[URL="https://t.me/pspxr"][B]Чат в telegram[/B] [DECOR=";white-space:nowrap;background-size:cover;width:28px;height:28px;cursor:pointer;z-index:10001;-webkit-animation:shake 6s infinite alternate;-moz-animation:shake 6s infinite alternate;animation:shake 6s infinite alternate"][IMG]https://life.informator.news/images/icon-telegram.png[/IMG][/DECOR][/URL] |
Цитата:
|
Z0rdan, скажем так, он работает ограничено, поэтому можно уменьшить иконку и вставить в подпись
|
in1975, да, я пробовал тебе в подпись вставить :) картинка во весь размер отображается. Но можно её конечно по размеру 20х20 подрезать, но она как-то двоится.
|
Стырил из Одноклассников стикеры :)
|
|
[DECOR="url(//vk.com/sticker/1-10671-128) no-repeat;width:128px;height:128px"][DECOR=";display:none"] [/DECOR][/DECOR] Ну вот как то так получается со стикерами из вк И Вот вам 10 смайликов [DECOR="url(//vk.com/sticker/1-1-128) no-repeat;width:128px;height:128px"][DECOR=";display:none"] [/DECOR][/DECOR] [DECOR="url(//vk.com/sticker/1-2-128) no-repeat;width:128px;height:128px"][DECOR=";display:none"] [/DECOR][/DECOR] [BACKDARK][DECOR="url(//vk.com/sticker/1-3-128) no-repeat;width:128px;height:128px"][DECOR=";display:none"] [/DECOR][/DECOR][/BACKDARK] [BACKDARK][DECOR="url(//vk.com/sticker/1-4-128) no-repeat;width:128px;height:128px"][DECOR=";display:none"] [/DECOR][/DECOR][/BACKDARK] [BACKDARK][DECOR="url(//vk.com/sticker/1-5-128) no-repeat;width:128px;height:128px"][DECOR=";display:none"] [/DECOR][/DECOR][/BACKDARK] [BACKDARK][DECOR="url(//vk.com/sticker/1-6-128) no-repeat;width:128px;height:128px"][DECOR=";display:none"] [/DECOR][/DECOR][/BACKDARK] [BACKDARK][DECOR="url(//vk.com/sticker/1-7-128) no-repeat;width:128px;height:128px"][DECOR=";display:none"] [/DECOR][/DECOR][/BACKDARK] [BACKDARK][DECOR="url(//vk.com/sticker/1-8-128) no-repeat;width:128px;height:128px"][DECOR=";display:none"] [/DECOR][/DECOR][/BACKDARK] [DECOR="url(//vk.com/sticker/1-9-128) no-repeat;width:128px;height:128px"][DECOR=";display:none"] [/DECOR][/DECOR] [DECOR="url(//vk.com/sticker/1-10-128) no-repeat;width:128px;height:128px"][DECOR=";display:none"] [/DECOR][/DECOR] |
О и да кому интересно
Я покапался в этой ссылочке чутка //vk.com/sticker/1-10671-128 Код стикера 10671 можете поменять и посмотреть в принципе норм. Максимум 18510 Минимум 1 Размер 128 Под вопросом еще цифра 1 я так и не понял что это такое. |
А вот еще и маленькие смайлики из вк
Держите url(//vk.com/emoji/e/f09f9880.png) Так же меняем последнее значение Чтобы получить следующий смайлик. Предлагаю реализовать новые стикеры, через спец меню в чатике. |
| Текущее время: 18:18. Часовой пояс GMT +3. |
Powered by vBulletin® Version 3.8.7
Copyright ©2000 - 2025, vBulletin Solutions, Inc. Перевод: zCarot
PSPx Forum - Сообщество фанатов игровых консолей.