<?xml version="1.0" encoding="windows-1251"?>
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
	<channel>
		<atom:link href="https://learncssdesign.afbb.ru/export.php?type=rss" rel="self" type="application/rss+xml" />
		<title>School CSS Design</title>
		<link>http://learncssdesign.afbb.ru/</link>
		<description>School CSS Design</description>
		<language>ru-ru</language>
		<lastBuildDate>Sun, 15 May 2011 18:51:04 +0400</lastBuildDate>
		<generator>MyBB/mybb.ru</generator>
		<item>
			<title>Код исчезновения шапки, надписи на ней и логотипа</title>
			<link>http://learncssdesign.afbb.ru/viewtopic.php?pid=8#p8</link>
			<description>&lt;div class=&quot;quote-box answer-box&quot;&gt;&lt;cite&gt;Урок №1 написал(а):&lt;/cite&gt;&lt;blockquote&gt;&lt;p&gt;&amp;lt;style&amp;gt; &lt;br /&gt;div .splLink {width: 130px; height: 40px; border: 2px solid #FFD700; background: #FFFFCC; text-align: center; font-family: Comic Sans Ms; font-size: 15px; padding: 5px;}&lt;br /&gt;.spll {width: 130px; height: 70px; }&lt;br /&gt;.spll div .splCont {height: auto; width: 300px; background:  url(&lt;a href=&quot;http://upforme.ru/uploads/0003/83/96/1556-1.png&quot; rel=&quot;nofollow&quot; target=&quot;_blank&quot;&gt;http://upforme.ru/uploads/0003/83/96/1556-1.png&lt;/a&gt;); padding: 5px; z-index: 1000; margin-top: 5px; border: 2px solid #FFD700; font-size: 12px; font-family: Microsoft Sans Serif; text-align: center;}&lt;br /&gt;&amp;lt;/style&amp;gt;&lt;br /&gt;&amp;lt;style type=&amp;quot;text/css&amp;quot;&amp;gt;&lt;br /&gt;#pun-announcement h2 {display: none}&lt;br /&gt;#pun-announcement .container {padding-top: 1em}&lt;br /&gt;&amp;lt;/style&amp;gt;&lt;br /&gt;&amp;lt;style  type=&amp;quot;text/css&amp;quot;&amp;gt;&lt;br /&gt;*{border-style: none !important;}&lt;br /&gt;&amp;lt;/style&amp;gt;&lt;br /&gt;&amp;lt;style type=&amp;quot;text/css&amp;quot;&amp;gt;&lt;br /&gt;#pun-title { &lt;br /&gt;height: 300px;&lt;br /&gt;bacground: transparent url(&amp;quot;http://s004.radikal.ru/i206/1010/f0/0661ceecd80e.gif&amp;quot;) no-repeat;&lt;br /&gt;margin-bottom: -XXXpx; /*сдвиг ссылок на шапку*/&lt;br /&gt;}&lt;br /&gt;&amp;lt;/style&amp;gt;&lt;br /&gt;&amp;lt;script type=&amp;quot;text/javascript&amp;quot;&amp;gt;&lt;br /&gt;var we=document.getElementsByTagName(&amp;quot;ul&amp;quot;);&lt;br /&gt;var x=0;&lt;br /&gt;for (x=0; x&amp;lt;=(we.length-1); x++)&lt;br /&gt;{if (we[x].innerHTML.indexOf(&amp;quot;pa-online&amp;quot;)!=-1)&lt;br /&gt;{we[x].innerHTML=we[x].innerHTML.substring(0, (we[x].innerHTML.indexOf(&amp;quot;pa-online&amp;quot;)-11))+&amp;quot;&amp;lt;img src=&#039;http://x-lines.ru/icp/abW03/e1771e/0/30/EOEnElEiEnEe.png&#039; /&amp;gt;&amp;quot;}&lt;br /&gt;else if ((we[x].innerHTML.indexOf(&amp;quot;pa-online&amp;quot;)==-1)&amp;amp;&amp;amp;(we[x].innerHTML.indexOf(&amp;quot;pa-author&amp;quot;)!=-1))&lt;br /&gt;{we[x].innerHTML=we[x].innerHTML+&amp;quot;&amp;lt;img src=&#039;http://x-lines.ru/icp/abW03/808080/0/30/EOEfEfElEiEnEe.png&#039; /&amp;gt;&amp;quot;}&lt;br /&gt;}&lt;br /&gt;&amp;lt;/style&amp;gt;&lt;/p&gt;&lt;/blockquote&gt;&lt;/div&gt;</description>
			<author>mybb@mybb.ru (Ainess)</author>
			<pubDate>Sun, 15 May 2011 18:51:04 +0400</pubDate>
			<guid>http://learncssdesign.afbb.ru/viewtopic.php?pid=8#p8</guid>
		</item>
		<item>
			<title>Коды иконок</title>
			<link>http://learncssdesign.afbb.ru/viewtopic.php?pid=7#p7</link>
			<description>&lt;div class=&quot;quote-box answer-box&quot;&gt;&lt;cite&gt;Коды иконок написал(а):&lt;/cite&gt;&lt;blockquote&gt;&lt;p&gt;&amp;lt;/style&amp;gt;&lt;br /&gt;&amp;lt;style type=&amp;quot;text/css&amp;quot;&amp;gt; Div.icon {&lt;br /&gt;background-image : url(ссыль иконки);&lt;br /&gt;background-repeat: no-repeat;&lt;br /&gt;px: 100%&lt;br /&gt;}&lt;br /&gt;&amp;lt;/style&amp;gt;&lt;br /&gt;&lt;strong&gt;Иконка старых сообщений&lt;/strong&gt;&lt;br /&gt;&amp;lt;style type=&amp;quot;text/css&amp;quot;&amp;gt;TR.inew Div.icon {&lt;br /&gt;background-image : url(ссыль иконки);&lt;br /&gt;background-repeat: no-repeat;&lt;br /&gt;}&lt;br /&gt;&amp;lt;/style&amp;gt;&lt;br /&gt;&lt;strong&gt;Иконка новых сообщений&lt;/strong&gt;&lt;br /&gt;&amp;lt;style type=&amp;quot;text/css&amp;quot;&amp;gt; TR.iclosed Div.icon {&lt;br /&gt;background-image : url(ссыль иконки);&lt;br /&gt;background-repeat: no-repeat;&lt;br /&gt;}&lt;br /&gt;&amp;lt;/style&amp;gt;&lt;br /&gt;&lt;strong&gt;Тема закрыта&lt;/strong&gt;&lt;br /&gt;&amp;lt;style type=&amp;quot;text/css&amp;quot;&amp;gt;TR.isticky Div.icon {&lt;br /&gt;background-image : url(ссыль иконки);&lt;br /&gt;background-repeat: no-repeat;&lt;br /&gt;}&lt;br /&gt;&amp;lt;/style&amp;gt;&lt;br /&gt;&lt;strong&gt;Важная тема&lt;/strong&gt;&lt;/p&gt;&lt;/blockquote&gt;&lt;/div&gt;</description>
			<author>mybb@mybb.ru (Ainess)</author>
			<pubDate>Sun, 15 May 2011 18:49:33 +0400</pubDate>
			<guid>http://learncssdesign.afbb.ru/viewtopic.php?pid=7#p7</guid>
		</item>
		<item>
			<title>Урок №2 Иконки</title>
			<link>http://learncssdesign.afbb.ru/viewtopic.php?pid=6#p6</link>
			<description>&lt;p&gt;Второй урок.Внизу расположен код.&lt;/p&gt;&lt;div class=&quot;quote-box answer-box&quot;&gt;&lt;cite&gt;Коды иконок написал(а):&lt;/cite&gt;&lt;blockquote&gt;&lt;p&gt;&amp;lt;/style&amp;gt;&lt;br /&gt;&amp;lt;style type=&amp;quot;text/css&amp;quot;&amp;gt; Div.icon {&lt;br /&gt;background-image : url(ссыль иконки);&lt;br /&gt;background-repeat: no-repeat;&lt;br /&gt;px: 100%&lt;br /&gt;}&lt;br /&gt;&amp;lt;/style&amp;gt;&lt;br /&gt;&lt;strong&gt;Иконка старых сообщений&lt;/strong&gt;&lt;br /&gt;&amp;lt;style type=&amp;quot;text/css&amp;quot;&amp;gt;TR.inew Div.icon {&lt;br /&gt;background-image : url(ссыль иконки);&lt;br /&gt;background-repeat: no-repeat;&lt;br /&gt;}&lt;br /&gt;&amp;lt;/style&amp;gt;&lt;br /&gt;&lt;strong&gt;Иконка новых сообщений&lt;/strong&gt;&lt;br /&gt;&amp;lt;style type=&amp;quot;text/css&amp;quot;&amp;gt; TR.iclosed Div.icon {&lt;br /&gt;background-image : url(ссыль иконки);&lt;br /&gt;background-repeat: no-repeat;&lt;br /&gt;}&lt;br /&gt;&amp;lt;/style&amp;gt;&lt;br /&gt;&lt;strong&gt;Тема закрыта&lt;/strong&gt;&lt;br /&gt;&amp;lt;style type=&amp;quot;text/css&amp;quot;&amp;gt;TR.isticky Div.icon {&lt;br /&gt;background-image : url(ссыль иконки);&lt;br /&gt;background-repeat: no-repeat;&lt;br /&gt;}&lt;br /&gt;&amp;lt;/style&amp;gt;&lt;br /&gt;&lt;strong&gt;Важная тема&lt;/strong&gt;&lt;/p&gt;&lt;/blockquote&gt;&lt;/div&gt;&lt;p&gt;&lt;span style=&quot;color: red&quot;&gt;&lt;span style=&quot;display: block; text-align: center&quot;&gt;Так же...&lt;/span&gt;&lt;/span&gt;&lt;/p&gt;&lt;div class=&quot;quote-box answer-box&quot;&gt;&lt;cite&gt;Дополнительный код написал(а):&lt;/cite&gt;&lt;blockquote&gt;&lt;p&gt;&amp;lt;style&amp;gt;&lt;br /&gt;.punbb td div.tclcon {&lt;br /&gt;margin-left: 65px;&lt;br /&gt;}&lt;br /&gt;&amp;lt;/style&amp;gt;&lt;/p&gt;&lt;/blockquote&gt;&lt;/div&gt;&lt;p&gt;- оступ иконки от названия темы и/или форума.Там где &amp;quot;left&amp;quot; можно изменить на своё (right, center).В px длина расстояния от названия темы и/или форума.&lt;/p&gt;&lt;div class=&quot;quote-box answer-box&quot;&gt;&lt;cite&gt;Дополнительный код написал(а):&lt;/cite&gt;&lt;blockquote&gt;&lt;p&gt;.punbb table Div.icon {float: left; display: block; width: 100px; height: 100px; border-style: none none none none;}&lt;/p&gt;&lt;/blockquote&gt;&lt;/div&gt;&lt;p&gt;- помогает просмотреть иконки (в некотырых частых случаях случаеться, что иконка совершенно не видно).Вставлять в &amp;quot;Цвета css&amp;quot; в Стиле.Внизу, предпоследняя строчка.&lt;br /&gt;&lt;img class=&quot;postimg&quot; loading=&quot;lazy&quot; src=&quot;http://i2.fastpic.ru/big/2011/0515/e5/ef94def085afbbc1212f8f64778b00e5.jpg&quot; alt=&quot;http://i2.fastpic.ru/big/2011/0515/e5/ef94def085afbbc1212f8f64778b00e5.jpg&quot; /&gt;&lt;/p&gt;&lt;div class=&quot;quote-box answer-box&quot;&gt;&lt;cite&gt;Дополнительное и очень важное написал(а):&lt;/cite&gt;&lt;blockquote&gt;&lt;p&gt;width: &lt;span style=&quot;color: blue&quot;&gt;100px&lt;/span&gt;; height: &lt;span style=&quot;color: blue&quot;&gt;100px&lt;/span&gt;;&lt;/p&gt;&lt;/blockquote&gt;&lt;/div&gt;&lt;p&gt;- здесь нужно изменить на свои пиксили, что - бы просматривалась иконка&lt;br /&gt;&lt;span style=&quot;display: block; text-align: right&quot;&gt;Д/З: Сделать скрин с получившимися у вас экспериментом с иконками&lt;/span&gt;&lt;/p&gt;</description>
			<author>mybb@mybb.ru (Ainess)</author>
			<pubDate>Sun, 15 May 2011 18:30:18 +0400</pubDate>
			<guid>http://learncssdesign.afbb.ru/viewtopic.php?pid=6#p6</guid>
		</item>
		<item>
			<title>Урок № 1. Исчезновения шапки,логотипа и надписи!</title>
			<link>http://learncssdesign.afbb.ru/viewtopic.php?pid=5#p5</link>
			<description>&lt;p&gt;Тут я нечайно похимичила с кодом.Смотрите и жалуйте!&lt;/p&gt;&lt;div class=&quot;quote-box answer-box&quot;&gt;&lt;cite&gt;Урок №1 написал(а):&lt;/cite&gt;&lt;blockquote&gt;&lt;p&gt;&amp;lt;style&amp;gt; &lt;br /&gt;div .splLink {width: 130px; height: 40px; border: 2px solid #FFD700; background: #FFFFCC; text-align: center; font-family: Comic Sans Ms; font-size: 15px; padding: 5px;}&lt;br /&gt;.spll {width: 130px; height: 70px; }&lt;br /&gt;.spll div .splCont {height: auto; width: 300px; background:  url(&lt;a href=&quot;http://upforme.ru/uploads/0003/83/96/1556-1.png&quot; rel=&quot;nofollow&quot; target=&quot;_blank&quot;&gt;http://upforme.ru/uploads/0003/83/96/1556-1.png&lt;/a&gt;); padding: 5px; z-index: 1000; margin-top: 5px; border: 2px solid #FFD700; font-size: 12px; font-family: Microsoft Sans Serif; text-align: center;}&lt;br /&gt;&amp;lt;/style&amp;gt;&lt;br /&gt;&amp;lt;style type=&amp;quot;text/css&amp;quot;&amp;gt;&lt;br /&gt;#pun-announcement h2 {display: none}&lt;br /&gt;#pun-announcement .container {padding-top: 1em}&lt;br /&gt;&amp;lt;/style&amp;gt;&lt;br /&gt;&amp;lt;style  type=&amp;quot;text/css&amp;quot;&amp;gt;&lt;br /&gt;*{border-style: none !important;}&lt;br /&gt;&amp;lt;/style&amp;gt;&lt;br /&gt;&amp;lt;style type=&amp;quot;text/css&amp;quot;&amp;gt;&lt;br /&gt;#pun-title { &lt;br /&gt;height: 300px;&lt;br /&gt;bacground: transparent url(&amp;quot;http://s004.radikal.ru/i206/1010/f0/0661ceecd80e.gif&amp;quot;) no-repeat;&lt;br /&gt;margin-bottom: -XXXpx; /*сдвиг ссылок на шапку*/&lt;br /&gt;}&lt;br /&gt;&amp;lt;/style&amp;gt;&lt;br /&gt;&amp;lt;script type=&amp;quot;text/javascript&amp;quot;&amp;gt;&lt;br /&gt;var we=document.getElementsByTagName(&amp;quot;ul&amp;quot;);&lt;br /&gt;var x=0;&lt;br /&gt;for (x=0; x&amp;lt;=(we.length-1); x++)&lt;br /&gt;{if (we[x].innerHTML.indexOf(&amp;quot;pa-online&amp;quot;)!=-1)&lt;br /&gt;{we[x].innerHTML=we[x].innerHTML.substring(0, (we[x].innerHTML.indexOf(&amp;quot;pa-online&amp;quot;)-11))+&amp;quot;&amp;lt;img src=&#039;http://x-lines.ru/icp/abW03/e1771e/0/30/EOEnElEiEnEe.png&#039; /&amp;gt;&amp;quot;}&lt;br /&gt;else if ((we[x].innerHTML.indexOf(&amp;quot;pa-online&amp;quot;)==-1)&amp;amp;&amp;amp;(we[x].innerHTML.indexOf(&amp;quot;pa-author&amp;quot;)!=-1))&lt;br /&gt;{we[x].innerHTML=we[x].innerHTML+&amp;quot;&amp;lt;img src=&#039;http://x-lines.ru/icp/abW03/808080/0/30/EOEfEfElEiEnEe.png&#039; /&amp;gt;&amp;quot;}&lt;br /&gt;}&lt;br /&gt;&amp;lt;/style&amp;gt;&lt;/p&gt;&lt;/blockquote&gt;&lt;/div&gt;&lt;p&gt;&lt;span style=&quot;display: block; text-align: right&quot;&gt;Д/З: Сделайте скрин с результатом этого кода!Если что - то не получаеться, мне в личку стучите&lt;/span&gt;&lt;/p&gt;</description>
			<author>mybb@mybb.ru (Ainess)</author>
			<pubDate>Sat, 14 May 2011 16:33:09 +0400</pubDate>
			<guid>http://learncssdesign.afbb.ru/viewtopic.php?pid=5#p5</guid>
		</item>
		<item>
			<title>Код главного фона</title>
			<link>http://learncssdesign.afbb.ru/viewtopic.php?pid=4#p4</link>
			<description>&lt;p&gt;Код CSS:&lt;/p&gt;&lt;div class=&quot;quote-box answer-box&quot;&gt;&lt;cite&gt;Код CSS написал(а):&lt;/cite&gt;&lt;blockquote&gt;&lt;p&gt;&amp;lt;style type=&amp;quot;text/css&amp;quot;&amp;gt;&lt;br /&gt;HTML, BODY {background-color: #FFFF33; background-image: url(&amp;quot;тут ссылка&amp;quot;); background-repeat: no-repeat; background-attachment: fixed; background-position: top center;}&lt;br /&gt;&amp;lt;/style&amp;gt;&lt;/p&gt;&lt;/blockquote&gt;&lt;/div&gt;</description>
			<author>mybb@mybb.ru (Ainess)</author>
			<pubDate>Sat, 14 May 2011 15:43:42 +0400</pubDate>
			<guid>http://learncssdesign.afbb.ru/viewtopic.php?pid=4#p4</guid>
		</item>
		<item>
			<title>Привила поведения на форуме.(ВАЖНО)</title>
			<link>http://learncssdesign.afbb.ru/viewtopic.php?pid=3#p3</link>
			<description>&lt;p&gt;Часть I. Уроки Дизайна&lt;br /&gt;1.1.Жить мирно&lt;br /&gt;1.2.Не ссориться в темах (или/и) на уроках дизайна CSS.&lt;br /&gt;1.3.Вникать в тему.&lt;br /&gt;1.4.Обязательно читать то, что отмечано иконкой&amp;#160; &amp;quot;&lt;span style=&quot;color: red&quot;&gt;А!&lt;/span&gt;&amp;quot;&lt;br /&gt;1.5.Делать то, что считаеться нужным.&lt;br /&gt;1.6.Если что - то не понятно, то обращайтесь в личку МНЕ, не ссорьте тему.&lt;br /&gt;Часть II. Общение.&lt;br /&gt;1.7.НЕ флудить&lt;br /&gt;1.8.НЕ троллить.&lt;br /&gt;1.9.Нет взлому!&lt;br /&gt;Часть III. Реклама&lt;br /&gt;2.1.Не размещать рекламу, без разрешения &lt;span style=&quot;color: red&quot;&gt;ГЛ.АДМИНА&lt;/span&gt; (меня)!&lt;br /&gt;2.2.Реклама взаимная&lt;br /&gt;2.3.Рекламщики, регаемся под ником &amp;quot;Reclame School Design&amp;quot; и под паролем &amp;quot;1526200RSD&amp;quot;&lt;br /&gt;2.4.Рекламим под гостём, в спец. форуме.&lt;br /&gt;Часть IV. Активность.&lt;br /&gt;2.5.Быть активным(ой).&lt;br /&gt;2.6.Учавствовать на конкурсах по дизу &lt;span style=&quot;color: red&quot;&gt;(ОЧ. ВАЖНО!)&lt;/span&gt;&lt;br /&gt;2.7.Быть на контрольных (Да,да, у нас будут контрольные)!&lt;br /&gt;&lt;strong&gt;&lt;span style=&quot;color: maroon&quot;&gt;Соблюдайте правила&lt;/span&gt;&lt;/strong&gt;&lt;br /&gt;&lt;span style=&quot;font-style: italic&quot;&gt;&lt;span style=&quot;display: block; text-align: right&quot;&gt;С Ув. Ainess&lt;/span&gt;&lt;/span&gt;&lt;/p&gt;</description>
			<author>mybb@mybb.ru (Ainess)</author>
			<pubDate>Sat, 14 May 2011 15:38:19 +0400</pubDate>
			<guid>http://learncssdesign.afbb.ru/viewtopic.php?pid=3#p3</guid>
		</item>
		<item>
			<title>F.A.Q по СSS</title>
			<link>http://learncssdesign.afbb.ru/viewtopic.php?pid=2#p2</link>
			<description>&lt;p&gt;&lt;strong&gt;&lt;span style=&quot;display: block; text-align: center&quot;&gt;(Взято с форума поодержки spybb)&lt;/span&gt;&lt;/strong&gt;&lt;br /&gt;&lt;span style=&quot;display: block; text-align: right&quot;&gt;Коды и полный разбор форума&amp;#160; любезно предоставлены&amp;#160; Zebra ©&lt;/span&gt;&lt;/p&gt;
						&lt;p&gt;Являясь администратором форума, мы можем полностью изменить всю его графическую разметку. Инитерфейс форума состоит из отдельных элементов - чаще всего таблиц и других объектов, лежащих внутри этих таблиц. Это не значит, что мы можем изменить СОДЕРЖАНИЕ этих элементов, по крайней мере черех CSS, однако пользуясь исклюсительно CSS кодами мы можем в абсолютной степени из менить все, что касается их дизайна и графического оформлание - ФОНЫ, ФОНОВЫЕ РИСУНКИ,&amp;#160; ОБРАМЛЕНИЯ, ВЫРАВНИВАНИЕ ТЕКСТА, ВСЕ ПАРАМЕТРЫ ШРИФТОВ И МНОГОЕ ДРУГОЕ.&lt;/p&gt;
						&lt;p&gt;Вся работа с дизайном форума через css коды будет представлять собой прописывание кодов для отдельных элементов. Вставлять данные коды необходимо в Администрирование - Настройки - HTML-верх.&lt;br /&gt;Так как речь идет о css кодах, то прежде чем начать прописывать css текст для каждого отдельного элемента форума необходимо будет проставить теги стиля, между которыми можно будет расположить css для отдельных элементов.&lt;/p&gt;
						&lt;p&gt;Код:&lt;br /&gt;&amp;lt;style type=&amp;quot;text/css&amp;quot;&amp;gt;&lt;br /&gt;..........................................&lt;br /&gt;.........................................&lt;br /&gt;.........................................&lt;br /&gt;........................................&lt;br /&gt;........................................&lt;br /&gt;&amp;lt;/style&amp;gt;&lt;/p&gt;
						&lt;p&gt;Вписав в HTML-верх эти два тега между ними, вместо многоточия, можно будет вставлять все необходимые для нового дизайна css коды.&lt;br /&gt;Принципиальное правило которое нужно учитывать: вы можете прописать коды для всех элементов или только для одного, а также только для некоторых, но чтобы они работали, размещайте их всегда МЕЖДУ тегами &amp;lt;style type=&amp;quot;text/css&amp;quot;&amp;gt;&amp;#160; &amp;#160; и&amp;#160; &amp;lt;/style&amp;gt;&lt;/p&gt;
						&lt;p&gt;Для тех, кто имеет слабые или приблизительные представления о CSS.&lt;/p&gt;
						&lt;p&gt;Как было сказано, менять дизайн всех элементов мы будем при помощи css кодов для этих элементов.&lt;br /&gt;Что проедставляет собой css код для какого либо элемента? &lt;br /&gt;Он состоит из СЕЛЕКТОРА, ПАРАМЕТРА и АРГУМЕНТА.&lt;br /&gt;Стандартный css код выглядит следующим образом.&lt;/p&gt;
						&lt;p&gt;#element1 {parameter: argument;}&lt;/p&gt;
						&lt;p&gt;#element1 - это ИМЯ элемента, который мы собрались менять&lt;br /&gt;parameter - это любое СВОЙСТВО этого элемента. Например, фон, высота, ширина, цвет, поля и т.д.&lt;br /&gt;argument - это ЗНАЧЕНИЕ свойства. Наприимер, у свойства &amp;quot;фон&amp;quot; может быть значение голубой, оранжевый, прозрачный и т.д. &lt;/p&gt;
						&lt;p&gt;Вот пример того, как выглядит код для меню навигации:&lt;/p&gt;
						&lt;p&gt;#pun-navlinks {backgroud-color: #FF0000;}&lt;/p&gt;
						&lt;p&gt;где #pun-navlinks - название элемента, background-color - свойство, ЦВЕТ ФОНА в даном случае, а #FF0000 - само название цвета.&lt;/p&gt;
						&lt;p&gt;Мы можем прописать в одном коде несколько параметров для одного элемента. Например, фон, высоту и ширину.&lt;br /&gt;Параметры между собой разделяются точкой с запятой, а параметр и его значение разделяются двоеточие. (!).&lt;/p&gt;
						&lt;p&gt;#pun-navlinks {background-color: #FF0000; width: 400px; height: 200px;}&lt;/p&gt;
						&lt;p&gt;Если вы хотите придать одинаковый вид сразу двум или более элементам, т.е. прописать для них одинаковые параметры, названия этих элементов пишутся через запятую перед фигурной скобкой.&lt;/p&gt;
						&lt;p&gt;#pun-navlinks, #pun-ulinks {background-color: #FF0000; width: 400px; height: 200px;}&lt;/p&gt;
						&lt;p&gt;Таким образом, например, мы придадим одинаковые фон, высоту и ширину меню навигации и меню пользовательских ссылок.&lt;/p&gt;
						&lt;p&gt;Далее следует список наиболее часто используемых ПАРАМЕТРОВ. Вы не обязаны прописывать их все для каждого элемента, а только те, которые собрались менять.&lt;/p&gt;
						&lt;p&gt;Параметры CSS&lt;/p&gt;
						&lt;p&gt;ПРИМЕЧАНИЕ 1: для всех параметров, которые требуют указания цвета, например, ФОНА и ЦВЕТА ШРИФТА, необходимо указывать веб-название соответствующего цвета. Их можно найти тут: Таблица веб цветов&lt;/p&gt;
						&lt;p&gt;Например, вот так будет выглядеть код, если элементу1 мы хотим задать красный цвет фона&lt;/p&gt;
						&lt;p&gt;#element1 {background-color: #FF0000;}&lt;/p&gt;
						&lt;p&gt;ПРИМЕЧАНИЕ 2: для всех параметров, имеющих отношение к размерам, длине или ширине чего-либо значения представляют собой число и двухбуквенное обозначение единицы измерения&lt;br /&gt;em - текущий кегль (высота шрифта); &lt;br /&gt;ех - высота буквы х для текущего кегля; &lt;br /&gt;рх - пикселы (относительно координат окна). &lt;br /&gt;in - дюймы; &lt;br /&gt;cm - сантиметры; &lt;br /&gt;mm - миллиметры; &lt;br /&gt;pt - пункты; &lt;br /&gt;ШИРИНУ ДОПУСТИМО ОБОЗНАЧАТЬ В ПРОЦЕНТАХ&lt;br /&gt;Например, вот так мы задаем ширину и высоту элемента&lt;/p&gt;
						&lt;p&gt;#elemnt1 {height: 200px; width: 70%;}&lt;/p&gt;
						&lt;p&gt;background-color &lt;br /&gt;Цвет фона элемента. Значением может быть веб-название цвета. &lt;br /&gt;Пример: #element1{backgroun-color: #FF0000;}&lt;/p&gt;
						&lt;p&gt;background-attachment&amp;#160; &lt;br /&gt;Определяет, будет ли прокручиваться фон. &lt;br /&gt;Значения:&amp;#160; &lt;br /&gt;scroll - фон поддается прокрутке&lt;br /&gt;fixed - не поддается прокрутке.&lt;br /&gt;Пример: #element1 {background-attachment: fixed;}&lt;/p&gt;
						&lt;p&gt;background-image&lt;br /&gt;Фоновая картинка&lt;br /&gt;Значения:&lt;br /&gt;url (&amp;quot;...&amp;quot;) - где в скобках адрес картинки&lt;br /&gt;none - никакой картинки&lt;br /&gt;Пример: #element1 {background-image: url(&amp;quot;http://forum.mybb.ru/viewtopic.php?pid=40#p40.jpg&amp;quot;);}&lt;/p&gt;
						&lt;p&gt;background-repeat&lt;br /&gt;Определяет, будет ли размножаться фоновая картинка&lt;br /&gt;Значения:&lt;br /&gt;no-repeat - Не размножается&lt;br /&gt;repeatx - размножается по горизонтлаи&lt;br /&gt;repeaty - размножанется по вертикали&lt;br /&gt;repeatxy - размножается в обоих направлениях.&lt;/p&gt;
						&lt;p&gt;background-position&lt;br /&gt;Расположение фоновой картинки на странице&lt;br /&gt;Значения:&lt;br /&gt;Сначала указывается расположение по вертикальной оси: top, center или&amp;#160; bottom, затем по горизонтальной: left, center или right&lt;br /&gt;Пимер: #element1 {background-position: top center;}&lt;/p&gt;
						&lt;p&gt;border&lt;br /&gt;Все параметры рамки, например, толщина, цвет и т.д.&lt;br /&gt;Пример: #element1 {border: #FF0000 2px;}&lt;/p&gt;
						&lt;p&gt;border-color&lt;br /&gt;Цвет рамки&lt;br /&gt;Пример: #element1 {border-color: #FF0000;}&lt;/p&gt;
						&lt;p&gt;border-width&lt;br /&gt;Толщина рамки&lt;br /&gt;Пример: #element1 {border-width: 2px;}&lt;/p&gt;
						&lt;p&gt;border-style&lt;br /&gt;Стиль оформления рамки всех сторон рамки&lt;br /&gt;Значения:&lt;br /&gt;none - указывает на то, что рамки нет.&lt;br /&gt;dotted - задает пунктирную рамку из точек&lt;br /&gt;dashed - задает штрих - пунктирную рамку&lt;br /&gt;solid - задает одинарную сплошную рамку&lt;br /&gt;double - задает двойную сплошную рамку&lt;br /&gt;groove - создает трехмерный эффект &lt;br /&gt;ridge - создает трехмерный эффект возвышающейся рамки&lt;br /&gt;inset - создает трехмерный эффект заглубленности фона &lt;br /&gt;outset - создает трехмерный эффект выпуклости фона &lt;br /&gt;Пример: #element1 {border-style: none solid none none;}&lt;/p&gt;
						&lt;p&gt;border-top&lt;br /&gt;Все параметры верхней рамки&lt;br /&gt;border-bottom&lt;br /&gt;Все параметры нижней рамки&lt;br /&gt;border-left&lt;br /&gt;Все параметры левой рамки&lt;br /&gt;border-right&lt;br /&gt;Все параметры правой рамки&lt;br /&gt;Пример: #element1 {border-top: none #FF0000 2px}&lt;/p&gt;
						&lt;p&gt;color&lt;br /&gt;Цвет шрифта в элементе&lt;br /&gt;Пример: #element1 {color: #FF0000;}&lt;/p&gt;
						&lt;p&gt;float&lt;br /&gt;Отображение растекающегося объекта&lt;br /&gt;Значения:&lt;br /&gt;left - отображает растекающийся объект на левой стороне&lt;br /&gt;right - отображает растекающийся объект на правой стороне&lt;br /&gt;none отображает объект вставленным в страницу&lt;br /&gt;Пример: #element1 {float: left;}&lt;/p&gt;
						&lt;p&gt;font-size&lt;br /&gt;Размер шрифта&lt;br /&gt;Значения: См. Примечание 2.&lt;br /&gt;А также:&lt;br /&gt;xx-small, x-small, small, medium, large, x-large, xx-large. &lt;br /&gt;Пример: #element1 {font-size: small;}&lt;/p&gt;
						&lt;p&gt;font-style&lt;br /&gt;Начертание шрифта.&lt;br /&gt;Значения: &lt;br /&gt;normal - соответствует основному начертанию&lt;br /&gt;italic - курсив&lt;br /&gt;oblique - чуть менее наклонный, чем курсив&lt;br /&gt;Пример: #element1 {font-style: italic;}&lt;/p&gt;
						&lt;p&gt;font-weight&lt;br /&gt;Толщина начертания&lt;br /&gt;Значения:&lt;br /&gt;normal - обычный шрифт&lt;br /&gt;bold - полужирный&lt;br /&gt;число от 100 (минимальная жирность) до 900 (максимальная)&lt;br /&gt;Пример: #element1 {font-weight: 200;}&lt;/p&gt;
						&lt;p&gt;font-family&lt;br /&gt;Семейство шрифта&lt;br /&gt;Пример: #element1 {font-family: sans serif;}&lt;/p&gt;
						&lt;p&gt;font&lt;br /&gt;Все вышеперечисленные параметры шрифта вместе&lt;br /&gt;Пример: #element1 {font-: sans serif #FF0000 small bold;}&lt;/p&gt;
						&lt;p&gt;display&lt;br /&gt;Способ отображения элемента&lt;br /&gt;Значения:&lt;br /&gt;none - элемент вообще не виден&lt;br /&gt;block - выдает элемент в рамке&lt;br /&gt;list-item - выдает элемнт как часть списка и присваивает ему маркер&lt;br /&gt;inline - выводит объект в одну строку.&lt;br /&gt;#element1 {display: none;} &lt;/p&gt;
						&lt;p&gt;height&lt;br /&gt;высота элемента&lt;br /&gt;width&lt;br /&gt;ширина элемента&lt;br /&gt;Значения: см. Примечание2.&lt;br /&gt;Пример: #element1 {height: 20px; width: 400px;}&lt;/p&gt;
						&lt;p&gt;padding и margin&lt;br /&gt;Это два на первый взгляд похожик параметра. Но между ними есть разница:&lt;br /&gt;padding - линия отбивки материнского объекта&lt;br /&gt;margin - линия отступа дочернего объекта.&lt;br /&gt;Для примера представьте себе окно Word. Само окно Word - материнский объект. А текст, который мы пишем - дочерний объект. Теперь, в данном случае линией отбивки для материнского объекта будет расстояние от края окна до краев листа. Потому что писать текст мы в любом случае можем только на листе. Поэтому padding - это некая граница, внутри которой в одном элементе могут распологаться другие элементы. Margin же в данном примере будут поля, которые мы установили для текста. Т.е. это простой отступ на котором располагается элемент, в данноом случае текст.&lt;/p&gt;
						&lt;p&gt;padding-top&lt;br /&gt;Верхняя отбивка&lt;br /&gt;padding-bottom&lt;br /&gt;нижняя отбивка&lt;br /&gt;padding-left&lt;br /&gt;левая отбивка&lt;br /&gt;padding-right&lt;br /&gt;Правая отбивка.&lt;br /&gt;padding&lt;br /&gt;все стороны отбивки сразу.&lt;br /&gt;Значения: смотри Примечание 2.&lt;br /&gt;Пример: #element1 {padding-top: 20px;}&lt;/p&gt;
						&lt;p&gt;margin-top&lt;br /&gt;Верхний отступ&lt;br /&gt;margin-bottom&lt;br /&gt;нижний отступ&lt;br /&gt;margin-left&lt;br /&gt;левый отсуп&lt;br /&gt;margin-right&lt;br /&gt;Правый отсуп&lt;br /&gt;margin&lt;br /&gt;все стороны отступа сразу.&lt;br /&gt;Значения: смотри Примечание 2. ДЛЯ ОТСТУПОВ ДОПУСТИМЫ ОТРИЦАТЕЛЬНЫЕ ЗНАЧЕНИЯ&lt;br /&gt;Пример: #element1 {margin-top: -20px;}&lt;/p&gt;
						&lt;p&gt;text-align&lt;br /&gt;Выравнимание текста внутри элемента.&lt;br /&gt;Значения:&lt;br /&gt;left - по левому краю&lt;br /&gt;right - по правому краю&lt;br /&gt;justify - по ширине&lt;br /&gt;center - по центру&lt;br /&gt;Пример: #element1 {text-align: center;}&lt;/p&gt;
						&lt;p&gt;text-decoration&lt;br /&gt;Украшение текста&lt;br /&gt;Значения:&lt;br /&gt;underline - подчеркивание&lt;br /&gt;overline - верхнее подчеркивание&lt;br /&gt;none - никакого&lt;br /&gt;blink - мигание.&lt;br /&gt;Пример: #element1 {text-decoration: underline;}&lt;/p&gt;
						&lt;p&gt;vertical-align&lt;br /&gt;выравнивание элемента по вертикали&lt;br /&gt;Значения:&lt;br /&gt;top - по верхнему краю&lt;br /&gt;bottom - по нижнему&lt;br /&gt;middle - посередине&lt;br /&gt;Пример: #element1 {vertical-align: middle;}&lt;br /&gt;&lt;span style=&quot;color: red&quot;&gt;Все вопросы в личку мне!Не засоряйте тему.&lt;/span&gt;&lt;/p&gt;</description>
			<author>mybb@mybb.ru (Ainess)</author>
			<pubDate>Sat, 14 May 2011 15:12:00 +0400</pubDate>
			<guid>http://learncssdesign.afbb.ru/viewtopic.php?pid=2#p2</guid>
		</item>
	</channel>
</rss>
