...

Коты-Воители l Лёгкость мысли

Объявление

администрация;
.Нота - создатель ролевой. Занимается всем обеспечением форума.
`Sapphire Star - помощник Ноты, вроде как соавтор. Занимается пользователями в основном. Ещё ругается с остальной администрацией, да. Администратор.

приветствие;
Здравствуй, гость. Рады тебя видеть. Провести небольшую экскурсию по нашему миру? Ведь каждая ролевая - свой особенный мир, со своей обстановкой. С нашей администрацией ты уже знаком, пойдём дальше. Мы созданы совсем недавно. Нам ещё даже месяца нет. Но мы уже рады гостям. Если думаешь, что ролевую забросят, ты ошибаешься. Кстати, любишь помогать? Можешь стать одним из администрации. Там всем рады. Нет? Ну ладно. Активны пользователи это даже лучше. У на как у всех - 4 племени, а ещё у нас много свободных единичных ролей. О нас рассказ закончен. Пойдём посмотрим, что творится на ролевой.

погода и время;
Снег всё ещё лежит, давая понять. что не уступит никому своего места. Коты проваливаются в сугробы, но это даже становится развлечением. На небе остались полупрозрачные тучки, через которые тихонько проникает свет. Он отталкивается от снежных шапок, но всё же немного пригревает котов. Морозно. -7 градусов примерно целый день. В игре наступает утро и начинают собираться утренние патрули.

для рекламы;
Для того. чтобы прорекламить свой форум, достаточно зайти под ником "CW" с паролем "2011". Удачной рекламы, только не забывай о взаимности.

Ну вот, пришла пора расставаться. Новостей в игре пока нет. Я рада была тебе всё показать. Если возникло желание посмотреть остальную часть форума, регистрируйся. Мы будем рады. Если же ты решил уйти, пожалуйста. оставь отзыв. Мы будем очень благодарны. На этом всё. Удачного дня!
Другие миры:

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

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


Вы здесь » Коты-Воители l Лёгкость мысли » Adobe Photoshop, HTML, CSS, исходники; » Секреты CSS от .Ноты aka Букака xD


Секреты CSS от .Ноты aka Букака xD

Сообщений 1 страница 2 из 2

1

Многие делают стили, но не могут толком разобраться во всех этих кодах. Я расскажу немножко секретиков, если администрация будет не против :)
Во-первых, давайте посмотрим на начало кода Структуры CSS:

   

/*Здесь можно поставить копирайт*/

Что же это за кодик-то такой? Это называется комментарий, такие есть почти и в Html, просто они по-другому оформляются. Они нужны только для автора стиля, чтобы он мог делать какие-либо пометки в коде лично для себя. Например, описать, что значит то или иное свойство, описанное ниже. Причем эти комментарии никак не видны при просмотре страницы. Видимо, кто-то один раз приспособил комментарии для того, чтобы подписывать автора стиля. Ну что ж, это, конечно, очень хорошо, но, по-моему, толку  от этого нет. Если убрать эту часть кода, в стиле ничего не изменится. Чаще всего авторы делают красочные копирайты в картинках и ставят их в Html-низ или в специальный контейнер:

   

#pun-title .title-logo span {display: none;}
        #pun-title .title-logo {background-image : url(код картинки);

Однако, этот контейнер содержится в Цветах CSS - вероятно, поэтому мы ставим копирайты еще и в структуру, ведь структуру тоже надо составить :)
____________
Значит, так. Каскадные листы стилей (CSS) бывают двух видов: внешние и внутренние. То, о чем мы говорили до этого - это внешние (они даже расположены в отдельности от всего остального). А что же тогда внутренние?
Строятся они так же:

    элемент {атрибут: значение;}

Их отличие от внешних в том, что они как бы встраиваются в Html код. Вообще на сайтах (не на форумах, на сайтах) такие кодики записываются между тегами <head> и </head>. Но, поскольку на форумах mybb и их партнеров нет возможности редактировать код страниц, то на форумах все это дело вставляется в html-верх. Да, именно в HTML-верх!
А что же делают эти "внутренние" CSS? То же самое, что и те, которые нам привычны. Однако, так ли незнакомы нам внутренние листы стилей? Кто новичок в этом деле, но уже брал коды дизайнов, наверняка замечал вот что: у каких-то дизайнеров только два кода (Структура CSS и Цвета CSS), а у кого-то есть еще и коды в HTML-верх и в HTML-низ. Почему так? В HTML-низ вставляют обычно копирайты (я уже повторяюсь), либо специальную кнопку баннеров. А вот в HTML-верх вставляются как раз они, CSS. Надеюсь, я вас не запутала окончательно :)
__________
Давайте что ли к практике перейдем?
CSS "внедряется" в HTML код вот таким образом:

    <style>коды, коды, коды...</style>

Зеленым выделен как бы еще один тег HTML. Его придумали как раз затем, чтобы можно было вставлять CSS в HTML. Ведь HTML и CSS - совершенно разные языки! Вместо "коды, коды..." должны быть "закорючки", построенные в образце чуть выше (атрибут, значение, элемент...). Вот, например, самое простое:

    <style>b {color:red;}</style>

Что это значит? Светло-зеленым выделено: "b". Это так называемый элемент. То есть всё на форуме, что выделено жирным шрифтом (<b>,</b>) попадает под эту категорию и со всем вот этим, выделенным жирным, будут проводится какие-то операции. В нашем примере: розовым - color - это атрибут, red - это его значение. Значит, все, что выделено жирным шрифтом, будет красного цвета. Это помогает меньше "пихать" на страничку HTML-тегов, ведь так намного быстрее, согласитесь. Вот, есть скрины по поводу этого примера:
https://forumupload.ru/uploads/000a/7e/64/123314-1.jpg
https://forumupload.ru/uploads/000a/7e/64/123314-2.jpg

0

2

А продолжение будет?

0


Вы здесь » Коты-Воители l Лёгкость мысли » Adobe Photoshop, HTML, CSS, исходники; » Секреты CSS от .Ноты aka Букака xD


Рейтинг форумов | Создать форум бесплатно