Здесь будет черновой материал журнала, мы его будем потом редактировать и добавлять новую информацию.
Черновик.
Сообщений 1 страница 8 из 8
Поделиться22011-01-24 13:45:53
Примерное содержание:
- Вступление
- CSS: что это и с чем его кушают? (ч.1)
- Photoshop: залог мастерства
- Коты-воители: старые традиции?
- Заключение
Поделиться32011-01-24 13:48:06
Черновой материал о ссс:
_______Интересненько))___________________________________________________________________________________________
Многие делают стили, но не могут толком разобраться во всех этих кодах. Я расскажу немножко секретиков, если администрация будет не против
Во-первых, давайте посмотрим на начало кода Структуры CSS:
/*Здесь можно поставить копирайт*/
Что же это за кодик-то такой? Это называется комментарий, такие есть почти и в Html, просто они по-другому оформляются. Они нужны только для автора стиля, чтобы он мог делать какие-либо пометки в коде лично для себя. Например, описать, что значит то или иное свойство, описанное ниже. Причем эти комментарии никак не видны при просмотре страницы. Видимо, кто-то один раз приспособил комментарии для того, чтобы подписывать автора стиля. Ну что ж, это, конечно, очень хорошо, но, по-моему, толку от этого нет. Если убрать эту часть кода, в стиле ничего не изменится. Чаще всего авторы делают красочные копирайты в картинках и ставят их в Html-низ или в специальный контейнер:
#pun-title .title-logo span {display: none;}
#pun-title .title-logo {background-image : url(код картинки);
Однако, этот контейнер содержится в Цветах CSS - вероятно, поэтому мы ставим копирайты еще и в структуру, ведь структуру тоже надо составить
________Начало статьи, которую не захотела дочитывать eniver________
Как уже говорилось во всех статьях на этом форуме, все коды Структуры CSS заняты лишь тем, чтобы настроить весь форум, а графика (то есть изображения и цвета) "вставляется" в стиль только в Цветах CSS. В моей темке поговорим о Цветах - потому что Структура хоть и больше, но чем-то даже попроще, о ней мы будем говорить чуть позже.
Давайте рассматривать строчки кода:
/* CS1 Background and text colours
-------------------------------------------------------------*/
Легко можно перевести - здесь будет о фонах и цветах.
Если брать код посложнее (более интересный и качественный), то получится вот что:
body {
background-color:#9ea6ab;
background-image: url(ссылка на изображение);
background-attachment: fixed;
background-repeat: fixed;
background-attachment: fixed;
background-position: top center;}
Зеленым - здесь должна быть размещена ссылка на фоновое изображения для форума. Если в этом месте будет пусто или нет ссылки (например, написан текст, как у меня в примере), то фон будет просто белым. Но в нашем случае фон окажется того цвета, какой указан в строчке выше (выделено синим). Да, и кстати, вместо Background-color поставьте вот это:
background-image:url(ссылка на картинку)
Кстати, хочу сказать вот что: если вы планируете взять как фон обычный квадратный "кусочек" картинки (ну то есть, что он будет "размножаться" по форуму), то лучше подобрать такой, чтобы не видно было никаких границ (будет смотреться намного ровней и аккуратней) и чтобы кусочек был небольшой (50-100 пикселей - норм).
А вообще, если говорить о цветах, то я пользуюсь палитрой цветов. Она очень помогает, ведь нужно вводить специальные коды цветов. Лично мне помогает эта палитра: Таблица Цветов Огнегривки.
Разберем остатки этой части, чтоб не мучиться. Ярко салатовым выделен еще одно значение. Если хотите, чтобы изображение было на одном месте - оставьте всё как есть.
Светло-серым выделено другое значение. Переводится как позиция заднего фона, так что у нас стоит top center, в стандартных стилях так и стоит. Если стоит такое значение, то фон просто будет идти как он есть.
Кому-то, может быть, это будет неинтересно - но может, кому-то будет полезно...
________
Значит, так. Каскадные листы стилей (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-тегов, ведь так намного быстрее, согласитесь.
(статья написана мной на ПКВ, она лично моя).
Поделиться42011-01-24 21:01:38
Вступление.
_________
Итак, здравствуйте. Сейчас на дворе 2011 год, первый год жизни нашего форума, и надеюсь, не последний. Этот год всегда будет самым лучезарным и золотым в жизни нашего форума, нашей игры. Он еще впереди - нас ждет конец зимы, весна, лето, осень и еще одна зима... Но мы поговорим сейчас о важной, интересующей нас проблеме - что же нас ожидает в 2011 году? Много изменений, в лучшую сторону. Вот ряд акций, конкурсов, реформ, которые мы собираемся провести в этом году:
- Мы собираемся войти в систему КВ (смотрите здесь).
- Мы собираемся там же заказать всю графику на форум (дизайн, картинки, картинки в под-форумы, два или три вида баннеров и несколько видов рекламы).
- Мы собираемся открыть библиотеку котов-воителей (собрание всех книг Эрин Хантер, которые можно как почитать онлайн, так и скачать).
- Мы собираемся разместить полезную информацию для вас, для нашей игры, причем иллюстрированную.
- Мы собираемся сделать так, чтобы к лету у нас было около 100 участников, активных.
Ну и, конечно, это еще далеко не всё, что мы собираемся сделать. У нас будут выходить еще другие выпуски журнала, и в них мы будем обо всем этом рассказывать. А сейчас давайте погрузимся в наш журнал.
Поделиться52011-01-26 22:54:57
Коты-воители - конечно, хорошо, но что же творится с обычными котами, в реальности?!
Все вы прекрасно знаете, что в России распространена проблема бездомных (брошенных) животных. Выходит так, что мы здесь все играем в котов-воителей, а вокруг нас коты становятся "бродягами", причем по вине человека. Кто-то любит животных, а кто-то - поступает вот так. Я считаю это беспредельным, ужасным и бесчеловечным. Хотя - подумать только назвать человека "бесчеловечным". Да, если бы люди были бесчеловечны, они наверняка, были бы в тысячу раз лучше. Вы только посмотрите в глаза бездомным собакам, а видели ли вы когда-нибудь грязную, промокшую от дождя кошку, которая со страхом выглядывает из какой-то щели? А видели ли вы, как почти почерневшая от грязи собака, прихрамывая, убегает от вас, как только вы приближаетесь? Вы видели это? Видели?
Это ужасно. Многие люди принимают меры, чтобы помочь таким животным. Давайте сейчас отложим разговор о вине людей в этой проблеме и посмотрим, почему животные оказываются на улице.
1) "Случайно родились котята/щенки"
2) "Он неуправляемый"
3) "Она огрызнулась на меня!"
Ну и другие отговорки.
Поделиться62011-01-29 22:15:49
Коты-воители: старые традиции?
Если верить всем известной Огнегривке (которая, кажется, покинула наш мир КВ [взломанный сайт]), то самая первая ролевая игра котов-воителей была идеальна... Кто же ее придумал? Ответа на этот вопрос я не знаю... Да и узнать теперь очень трудно. Зато после той ролевой, которая продержалась совсем недолго, последовали новые и новые. Теперь все больше ролевых - какие-то авторские, с переделками... А вот мы, например, живем по старым обычаям. Хорошо ли это? По-моему, да! Сегодня так мало обычных ролевых, что все вокруг мечутся в поисках обычной ролки. Так что, по-моему, весьма хитро делать обычные ролевые. Но, конечно, авторские тоже привлекают внимание. Только если вы все-таки решили сделать авторскую ролевую, то подробно опишите все церемонии, правила, законы, сюжет - иначе потенциальные участники запутаются и не зарегистрируются. Но а вообще, если у вас возникнут какие-то вопросы по этой теме, напишите в этой теме, мы вам подробно расскажем о создании авторского мира или мира КВ.
Поделиться72011-02-10 20:13:34
Cocа-Сola: в 200 странах мира.
Кока, Кока-Кола, кола, спрайт, фанта - всё то, о чем мы так часто говорим в реальной жизни, - продукция компании The Cocа-Cola Company. Так как `Небесной подвернулась удача 10 февраля съездить на экскурсию на завод "кока-колы", она расскажет некоторые факты и даже секреты, а еще отредактирует фотографии картинок из маленькой книжечки, которую ей подарили там. Завидуйте, ей еще в придачу банку колы дали
________________________________________________________________________________________________
*текст, текст, текст*
Поделиться82011-02-17 19:27:26
ММИ - первая часть.
Мне нужна картинка с кошкой, но чтоб всё картина была в тёмных тонах, а точней в серых белых и чёрных.
От нашего форума - вот тебе подарок! Лови и не забывай ставить мне "+".
1) http://www.zastavki.com/pictures/1600x1 … 05487_.jpg
2) http://basik.ru/images/cats_6523/05_wallpaper_cats.jpg
3) http://img.sunhome.ru/UsersGallery/wall … 162954.jpg
4) http://torange.ru/photo/4/13/Силуэт-кошки-1259576446_98.jpg
5) http://www.moi-kotenok.ru/news/31-07-09/3.jpg
6) http://basik.ru/images/cats_hd/01_wallpaper.jpg
7) http://swetlanka.ru/wp-content/uploads/ … kot019.jpg
8) http://www.torange.biz/photo/4/13/Силуэт-кошки-на-закате-1259576276_57.jpg
9) http://farm5.static.flickr.com/4104/506 … 52ca_b.jpg
10) http://www.bestwallpapers.net.ru/privat … bw_015.jpg
11) http://kudron.ru/uploads/posts/2011-01/ … _00012.jpg
12) http://koshkin-site.ru/wp-content/gallery/cat1/cat1.jpg
Ну, как исходники, Лепесточек?