Hi, Guest!
ВходРег.
~ПыЛь_ДоРоГ~
Вниз Форум | Уроки Мастерства | Уроки Мастерства от Маэстро
<< 1 2 3 4 5 >>
 Маэстро_музыку  offline написать 23.05.2020 / 10:58 #41
 murka.lark.ru
Если кому интересен такой код пишем не стесняемся.Изюминку добавите в своих стилях
Файл(ы):
+
+Screenshot_20200523_105446.jpg (136 кб.) Скачали: 19 раз.
Рейтинг:  0 
 Маэстро_музыку  offline написать 23.05.2020 / 12:53 #42
 murka.lark.ru
А давай поговорим какой class изменяет цвет фона в комнате?
Раньше когда ещё плохо соображал в html я всё трудился и думал как изменить цвет фона в комнате. И вот оно, это чудо случилось. С помощью
classa .left который встроен в документе Армада (Задает стилевой class, который позволяет связать определенный тег со стилевым оформлением)
Если Роман (Создатель чатов) его прописал значит что получается? Получается мы можешь изменить внешность того самого diva к которому прописан тот или иной class .
В нашем случае в хтмл коде Роман прописал class так
<div class="left">
Чем мы и воспользуемся для изменение цвет фона в комнате например там где мы общаемся, заказываем чай и т.д

Как мы его будем использовать в css? Всё очень просто.
Добавляются фигурные скобки а перед классом добавляем точку
}.left {

Так как мы нашли нужный блочный элемент дива нам его нужно оформить. В данном случае мы применяем к нему цвет фона
background: #000
цвет, рамка, img, анимацию вообщем-то всё что вы сами на фантазируете

Вместе это будет выглядеть так (Уточню class и свойства. Ни какого tega здесь нету, мы ссылаемся на тот тег к которому задаём внешний вид атрибута class в HTML документе ) :
}.left{background: #000

Без classa left мы бы не смогли поменять ну например цвет фона, цвет рамки или добавить нам нужное изображение..
На Примере скриншота, я покажу тот самый class, где любой из вас сможет подобрать нужный для вас цвет фона, цвет текста, изменить размер шрифта, и всё при всё . Как говорится "На свой вкус и цвета товарища нет".

Вот таким вот образом и появился в шаблонах этот класс .left
Файл(ы):
+
+Screenshot_20200523_123917.jpg (122 кб.) Скачали: 16 раз.
Изменил(а) Маэстро_музыку 23.05.2020 / 18:48
Рейтинг:  0 
 ТигРРРа  offline написать 23.05.2020 / 13:15 #43
Я не буду читать все эти ваши приблуды мастерства... Вот был бы стиль светлый... А так оформлен нормально
Изменил(а) ТигРРРа 23.05.2020 / 13:17
Рейтинг:  0 
 Маэстро_музыку  offline написать 23.05.2020 / 13:39 #44
 murka.lark.ru
ТигРРРа писал(а)
Я не буду читать все эти ваши приблуды мастерства... Вот был стиль светлый... А так оформлен нормально
Ты меня в заблуждение вводишь. Причем тут стиль светлый когда показан пример обводкой данного блочного элемента .left к которому можно применять любой цвет фона, добавить изображение, изменить цвет текста, добавить рамку и т.д. Другими слова напишу так. Использовать свойства к данному блочному элементу, которому я внес в свои шаблоны для его изменения. Вот поэтому многие замечали в стилях, что цвет фона в комнате совсем другой. Ну а тем кто не знаете его применение, я описал выше как этим всем пользоваться. Вот ты например,скопируй это }.left{background: #060;color: #fff зайди в любой чат поставь себе в стили (Измени стиль обязательно на свой ) и комната что на скрине выше показана, изменится на зеленый цвет фона, а цвет текста будет белым.
Скопированное ставится в самом конце.
И тогда ты поймешь смысл моего поста. Скриншот примера место положение для вставки
Файл(ы):
+
+Screenshot_20200523_133740.jpg (97 кб.) Скачали: 22 раз.
Изменил(а) Маэстро_музыку 23.05.2020 / 13:44
Рейтинг:  0 
 Маэстро_музыку  offline написать 23.05.2020 / 18:58 #45
 murka.lark.ru
Может кому что не ясно? Спрашивайте. Научиться очень легко. Всё знать не обязательно для того что бы, создавать такие шедевры. Я постараюсь научить вас по максимум, чтобы вы не зависили ни от кого другого, а только лишь от себя самих.
Я более чем уверен, что вы этому научитесь быстро легко со мной и бесплатно. Дам вам смысл и толчок.А дальше дело техники
Изменил(а) Маэстро_музыку 23.05.2020 / 19:00
Рейтинг:  0 
 ТигРРРа  offline написать 23.05.2020 / 19:01 #46
Маэстро_музыку, ты думаешь, после твоих обвинении, кто-то захочет мастерства от тебя?
Рейтинг:  0 
 Маэстро_музыку  offline написать 23.05.2020 / 19:19 #47
 murka.lark.ru
ТигРРРа писал(а)
Маэстро_музыку, ты думаешь, после твоих обвинении, кто-то захочет мастерства от тебя?
если ты до сих пор не поняла.Объясню .Выставлять то, что было скопировано с шаблонов писать всем что они Авторы стиля это не уместно. Создавая автора они запрещают копировать тот или иной элемент. Табы, у них скопирует кто нибудь себе стиль, сменит картинку например, и цвет фона Безопасности. В общем всё вношество изменят, а потом пойдут разговоры о том что,у них не спросили или не поставили адрес в стиле. Ну как обычно мусолить тему об воровстве фан фары да все дела.

Какие могут быть обвинения когда ты лично попросила доказательство и не только ты, так же и они. Я предьявил доки им в чем конечно же меня обвинили,оскорбляли и чуть ли не обматерили перевернули всё на голову и т.д. Я просил авторство убрать не более того. То что копируют наоборот хорошо, для этого я и создаю шаблоны)
Дальше по теме.
Рейтинг:  0 
 Маэстро_музыку  offline написать 23.05.2020 / 21:40 #48
 murka.lark.ru
Анастасия вот
Файл(ы):
+
+20200523_203557.gif (1511.92 кб.) Скачали: 39 раз.
Рейтинг:  3 
 ANASteisha)  0 написать 23.05.2020 / 21:55 #49
 "Независимый Эксперт"
Маэстро_музыку, ваааххх)))дааа тема,реально в чатах заиграло бы красками,ты можешь с Машкой в почте этот момент обсудить,то есть помочь Совушке так в стили сделать переход?было бы круто)))
Рейтинг:  0 
 ANASteisha)  0 написать 23.05.2020 / 21:59 #50
 "Независимый Эксперт"
Вообще классно эти переливы цвета)))мне очень нравиться)))
Рейтинг:  0 
 Маэстро_музыку  offline написать 23.05.2020 / 22:04 #51
 murka.lark.ru
ANASteisha), Да, конечно. Пусть напишет.Смастерит тебе такое чудо из чудес. Только знай, может тормозить стиль анимации фона. И все картинки и смайлы тоже будут анимироваться цветом. Всё ровно так же где ты видела это.
Рейтинг:  0 
 ANASteisha)  0 написать 23.05.2020 / 22:11 #52
 "Независимый Эксперт"
Маэстро_музыку, ну это понятно что тормозить будет,главной же не кто тормоз не включит,зато могут наслаждаться те кто смогут,а я одна из них)))
Рейтинг:  0 
 Ёлка  offline написать 23.05.2020 / 23:09 #53
 Системный Администратор
Ребят.чуть не вовремя и поздновато но прочла темку и не очень приятно читать опять же оскорбительные намеки в чьи либо стороны.прошу ещё раз давайте уважать друг друга не подстрикая,не намекая на чьи либо верные либо как вам кажеться не верные действия.тема с копированием стилей уже была обсмоктана обмыта и забыта,и опять же начинаем простите мять .И в дальнейшем если кому-то показались чьи-то действия не верными просьба к Эду пиши это в личку кто и что не верно взял из твоего.и решайте свои вопросы не вынося в общак.Спасибо за внимание,надеюсь все сделали выводы и на этом окончим!
Lady_WapBirga
Изменил(а) Ёлка 23.05.2020 / 23:10
Рейтинг:  0 
 Маэстро_музыку  offline написать 24.05.2020 / 10:29 #54
 murka.lark.ru
Когда мы узнали как изменить внешний вид блочного элемента classa
.left
Мы узнаем как использовать Псевдоэлемент
Хотел бы подчеркнуть. Если бы мы не нашли class .left мы бы не смогли использовать эти псевдоэлементы

С помощью CSS на страницу можно добавить элементы, несуществующие в разметке страницы (В коде html) . Это делается с помощью псевдоэлементов ::before и ::after , но не менее важную роль в этом играет свойство content.

Создаём в едино class с псевдоэлементом. Не забываем про фигурные скобки,ну само собою точку перед классом.

}.left::after{
Теперь мы создали нечто подобное которое предаст на страницу что-то новое. В нашем случае мы будем использовать картинку через content.Да да, через content мы будем выводить на страницу картинку но и не только.И так поехали!

}.left::after{content:url(/praz_rekl/prazdnik_img/4-xxxxxx.png)
Благодаря лишь классу .left мы можем добавить через псевдоэлемент вот такое чудо изображение (Примеры на скриншоте где они будут выводиться. Не только в разделителях сообщений, а везде где присутствует этот класс как .left) .

Если мы вместо ::after поставим :before
По своему действию ::before аналогичен (тоже самое) ::after, но вставляет псевдоэлемент до содержимого элемента.
К примеру я поясню. На скриншоте показано изображение После содержимого элемента а если поменяем ::after на

}.left::before{content:url(/praz_rekl/prazdnik_img/4-xxxxxx.png)

Будет показано изображение ДО содержимого элемента. Есть Начало(::defore) есть конец(::after)

И так друзья, эта малая часть того, что можно вытворять с этими Псевдоэлементами на данном так скажем уроке..
Хотя для начала вам бы необходимо было бы изучить хорошенечко class .left для полного понимания структуры.
Файл(ы):
+
+Screenshot_20200524_094922.jpg (72 кб.) Скачали: 17 раз.
+
+Screenshot_20200524_094840.jpg (68 кб.) Скачали: 14 раз.
+
+Screenshot_20200524_094803.jpg (84 кб.) Скачали: 84 раз.
+
+Screenshot_20200524_094724.jpg (90 кб.) Скачали: 11 раз.
+
+Screenshot_20200524_094621.jpg (166 кб.) Скачали: 23 раз.
Изменил(а) Маэстро_музыку 24.05.2020 / 12:05
Рейтинг:  0 
 Маэстро_музыку  offline написать 24.05.2020 / 12:24 #55
 murka.lark.ru
Вот вам пример с использованием Псевдоэлементами. Но прежде чем ими воспользоваться нужно найти тот или иной элемент к которму вы воспользуетесь этими самыми Псевдоэлементами.
Вам ненужно никуда идти когда это всё есть в шаблонах или в стилях. Псевдоэлемент применяется ко всему к чему вы бы хотели.

ВНИМАНИЕ!!!
Данные скрины показаны с телом (body) страницы
}body::before{
}body::after{
Файл(ы):
+
+Screenshot_20200524_122103.jpg (98 кб.) Скачали: 18 раз.
+
+Screenshot_20200524_121225_1.jpg (35 кб.) Скачали: 16 раз.
Изменил(а) Маэстро_музыку 24.05.2020 / 12:27
Рейтинг:  0 
 Маэстро_музыку  offline написать 24.05.2020 / 22:00 #56
 murka.lark.ru
Голосование открыто.
Рейтинг:  0 
 Маэстро_музыку  offline написать 26.05.2020 / 16:41 #57
 murka.lark.ru
Набросок создал.

Ну само собою без вашей помощи советов не откажусь..
Как бы вы хотели чтобы он выглядел?
Файл(ы):
+
+Screenshot_20200526-163534.png (227.76 кб.) Скачали: 38 раз.
+
+Screenshot_20200526-194854.png (215.11 кб.) Скачали: 29 раз.
Изменил(а) Маэстро_музыку 26.05.2020 / 19:51
Рейтинг:  1 
 Маэстро_музыку  offline написать 26.05.2020 / 16:46 #58
 murka.lark.ru
Включаем фантазию Стиль будет зависит от вас
Изменил(а) Маэстро_музыку 26.05.2020 / 16:46
Рейтинг:  0 
 ~Only_Smile~[  offline написать 26.05.2020 / 17:22 #59
 Сис.Админ_~*РиТм СеРдЦа~*
Маэстро_музыку, одного мало будит, кто то любит темные ,а кто то светлые.
Рейтинг:  0 
 Маэстро_музыку  offline написать 29.05.2020 / 03:15 #60
 murka.lark.ru
Давно я конечно этим не занимаюсь но, почему бы вам не показать моё Чудо из чудес
Файл(ы):
+
+Screenshot_20200529_031515.png (269 кб.) Скачали: 36 раз.
+
+Screenshot_20200529_104911.png (480 кб.) Скачали: 19 раз.
Изменил(а) Маэстро_музыку 29.05.2020 / 11:16
Рейтинг:  0 
Вверх Сообщений: 95
<< 1 2 3 4 5 >>

Куратор темы: Маэстро_музыку  offline написать

Поиск
Кто в теме (0/1)
Rss-канал
Скачать тему
Файлы темы

Новые вверху

Home
Online: 9 (1 / 8)
Когда же, наконец, придумают компьютеры, которые по голосовой команде "Б**дь! " отменяют все последние действия?
Статистика

Политика обработки персональных данных
© WapBirga.Ru 2013-2018