https://happywinx.0pk.me/ Счастливая Фабрика Винкс ru-ru Mon, 29 Mar 2010 18:27:26 +0400 MyBB/mybb.ru https://happywinx.0pk.me/viewtopic.php?pid=8#p8 <p><span style="display: block; text-align: center">Заветная мечта новичков Стиль</span><br />I style_cs.css<br />управляет цветовыми сочетаниями и стилями шрифтов</p> <p>1. CS1 Background and text colours<br />управляет цветовыми сочитаниями таблиц форума и текстов</p> <p>а) Первое, что мы видим там, это код:</p> <p>body {<br />background-color: #Цвет;<br />}</p> <p>Мы можем вставить свой цвет, но можем вставить какую-либо картинку:</p> <p>body {<br />background-image: url(http://Адрес картинки);<br />}</p> <p>б) Потому уже идут блоки:</p> <p>/* CS1.1 */<br />.punbb .section .container, .punbb .post-body, .punbb .post-links, .punbb td.tc2, .punbb td.tc3,<br />.punbb .formal fieldset .post-box, #viewprofile li strong, #viewprofile li div, #setmods dd,<br />.punbb .info-box, .punbb #pun-main .info-box .legend {<br />&#160; background-color: #цвет;<br />&#160; color: #цвет;<br />&#160; }</p> <p>это первый блок.<br />Он управляет основны цветом форума: фоновый цвет ячеек таблиц форума с количеством сообщений и тем, приветствие, низ форума, статистика форума, меня форума (где &quot;профиль&quot;, &quot;поиск&quot; и т.д.)</p> <p>background-color: #</p> <p>этот тег устанавливает цвет фона этих элементов форума. но туда можно вставить фоовое изображение, а не цвет:</p> <p>background-image: url(http://Адрес картинки);</p> <p>Вот такой тег устанавливает цвет текста:</p> <p>color: #</p> <p>ВАЖНО! Цветом, который вы пропишите в этом теге, будет обладать только тест, находящийся в этих блоках.</p> <p>ТЕКСТ можно менять по стилистике!<br />Дописываем:<br />color: #цвет; - задаете цвет текста<br />font-weight: bold; - текст станет жирным.<br />font-style: italic; - текст будет курсивом.</p> <p>Я сделала цвет фона Белым, а текст Желтым именно в этом блоке, так что, глядите скриншоты:<br /></p> <p>Водим после изменений этого блока:<br />1 - меня форума отобразилось белым<br />2 - приветствие у нас тоже белое<br />3 - тест приветствия - желтый.<br /></p> <p>1 - текст, которым писано колычиство сообщений, желтый<br />2 - часть таблицы белая</p> <p>(не обращайте внимание на высоту ячеек форумных таблиц, это с этим блоком не связано, потом расскажу, как это изменить)<br /></p> <p>1 - везде внизу форума текст тоже стал желтый<br />2- везде внизу форума основной цвет - белый</p> <p>в) Следующий блок:</p> <p>/* CS1.2 */<br />.punbb .main .container, .punbb .post .container, .punbb .post h3, .punbb-admin #pun-admain .adcontainer {<br />&#160; background-color: #цвет;<br />&#160; color: #цвет;<br />&#160; }</p> <p>меняет цвета таблиц форума и текста форума.</p> <p>цвет как и всегда можно заменить на картинку:</p> <p>background-image: url(http://Адрес картинки);</p> <p>ТЕКСТ можно менять по стилистике!<br />Дописываем:<br />color: #цвет; - задаете цвет текста<br />font-weight: bold; - текст станет жирным.<br />font-style: italic; - текст будет курсивом.</p> <p>вот так получилось у меня:<br /></p> <p>1 - новый&#160; (желтый цвет)<br />2 - фоновый цвет (белый)</p> <p>г) Следующий блок:</p> <p>/* CS1.3 */<br />#pun-stats h2, .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2 {<br />&#160; background-color: #цвет;<br />&#160; color: #цвет;<br />&#160; font-weight: normal;<br />font-style: normal;</p> <p>&#160; }</p> <p>этот блог управляет категориями форума:<br /></p> <p>1 - ТЕКСТ.<br />color: #цвет; - задаете цвет текста<br />font-weight: normal; - меняете &quot;normal&quot; на &quot;bold&quot; - текст станет жирным.<br />font-style: normal; - меняете &quot;normal&quot; на &quot;italic&quot; - текст будет курсивом.</p> <p>2 - ФОН.<br />color: #цвет; - можете задать цвет фона.<br />background-image: url(http://Адрес картинки); - ставит в качестве фона картинку.</p> <p>д) Следующий блок:</p> <p>/* CS1.4 */<br />#pun-title, #pun-title .container, .punbb .modmenu .container {<br />&#160; background-color: #цвет;<br />&#160; color: #цвет;<br />&#160; }</p> <p>Корректирует шапку<br /></p> <p>1 - Текст</p> <p>color: #цвет; - устанавливаете цвет шрифта.<br />дописываем по необходимости, если надо:<br />font-weight: bold; - текст станет жирным.<br />font-style: italic; - текст будет курсивом.</p> <p>2 - ФОН</p> <p>background-color: #цвет; - устанавливаем цвет фона.<br />background-image: url(http://Адрес картинки); - - устанавливает фоновое изображение (например, шапку форума.)</p> <p>е) далее следует такой блок:</p> <p>/* CS1.5 */<br />.punbb legend span, #viewprofile h2 span, #profilenav h2 span, .punbb-admin #pun-admain legend span {<br />&#160; background-color: #FFFFFF;<br />&#160; color: #000000<br />&#160; }</p> <p>Он управляет всяческими замечаниями и приписками форума, которые есть на движке mybb по умолчанию.<br />Вот пара примеров (я сделала цвет фона черным, а цвет теста белым):<br /><br /> </p> <p>1 - цвет текста: белый<br />2 - цвет фона: черный</p> <p>опять же, возможно редактирование текста: </p> <p>дописываем по необходимости, если надо.<br />font-weight: bold; - текст станет жирным.<br />font-style: italic; - текст будет курсивом.<br /><br /><br /><br /><br /><br /></p> <p>ж) далее блок:</p> <p>/* CS1.6 */<br />.punbb .post h3 span, .punbb th, #viewprofile li, #setmods dl&#160; {<br />&#160; background-color: #FFFFFF;<br />&#160; color: #000000<br />&#160; }</p> <p>Он упраыляет шапкой форумных таблиц и теством в этой шапкой.</p> <p>Я зделала фон белым (2), а текст черным (1):<br /></p> <p>редактировать можно таким образом:</p> <p>1 - Текст</p> <p>color: #цвет; - устанавливаете цвет шрифта.</p> <p>2 - ФОН</p> <p>background-color: #цвет; - устанавливаем цвет фона.<br />background-image: url(http://Адрес картинки); - - устанавливает фоновое изображение</p> <p>з) Блок:</p> <p>/* CS1.7 */<br />.punbb .quote-box, .punbb .code-box {<br />&#160; background-color: #FFFFFF;<br />&#160; color: #000000<br />&#160; }</p> <p>Управляет &quot;задником&quot; (цвет фона цитаты, кода...) и параметрами его текста:<br /></p> <p>1 - Текст</p> <p>color: #цвет; - устанавливаете цвет шрифта.<br />так же как и в предыдущих блоках можно сделать текст жирным или курсивом.</p> <p>2 - ФОН</p> <p>background-color: #цвет; - устанавливаем цвет фона.<br />background-image: url(http://Адрес картинки); - - устанавливает фоновое изображение</p> <p>и) Следующий Блок:</p> <p>/* CS1.8 */<br />#pun-navlinks .container {<br />&#160; background-color: #цвет;<br />&#160; color: #цвет;<br />&#160; }</p> <p>.offline li.pa-online strong {<br />&#160; font-weight: normal<br />&#160; }</p> <p>.punbb textarea, .punbb select, .punbb input {<br />&#160; background-color: #цвет;<br />&#160; color: #цвет<br />}</p> <p>для удобства я разобью его на 3 части:</p> <p>и-1) </p> <p>/* CS1.8 */<br />#pun-navlinks .container {<br />&#160; background-color: #цвет;<br />&#160; color: #цвет;<br />&#160; }</p> <p>Управляет меню навигации</p> <p>Цвет фона можно установить за счет модерирования вот этой части:</p> <p>background-color: #цвет;</p> <p>или можно поставить картинку:</p> <p>background-image: url(http://Адрес картинки);</p> <p>Почему-то от регулирования параметра &quot;color: #цвет;&quot; у меня ничего не поменялось, поэтому на данный момент, не могу сказать, что это.</p> <p>Для изменения стиля надписей, можно дописать:</p> <p>font-weight: bold;&#160; -&#160; жирный<br />font-style: normal;&#160; -&#160; курсивом</p> <p>Например, я сделала фон черным:</p> <p>и-2) </p> <p>.offline li.pa-online strong {<br />&#160; font-weight: normal<br />&#160; }</p> <p>что регулирует - непонятно на данный момент.</p> <p>и-3) </p> <p>.punbb textarea, .punbb select, .punbb input {<br />&#160; background-color: #цвет;<br />&#160; color: #цвет</p> <p>регулирует цвет фона и шрифта в форме ответа (вместе с кнопками &quot;отправить&quot; и &quot;пред. просмотр&quot;) и других формах для заполнения.</p> <p>для редактирования:</p> <p>1 - Текст</p> <p>color: #цвет; - устанавливаете цвет шрифта.<br />font-weight: bold;&#160; -&#160; жирный<br />font-style: normal;&#160; -&#160; курсивом</p> <p>2 - ФОН</p> <p>background-color: #цвет; - устанавливаем цвет фона.<br />background-image: url(http://Адрес картинки); - - устанавливает фоновое изображение</p> <p>На примере:<br /></p> <p>1 - проставили белый тест<br />2 - проставили черный фон<br />Подпись автора</p> <p>0</p> <p>Профиль Герда<br />ЛС Герда<br />E-mail Герда<br />Вебсайт <a href="http://magiclibrary.0pk.ru/" rel="nofollow" target="_blank">http://magiclibrary.0pk.ru/</a></p> <p>2. CS2 Border colours<br />управляет цветовыми сочетаниями границ форума.</p> <p>а) Первый блок раздела:</p> <p>/* CS2.1 */<br />.punbb .container, .punbb .post-body, .post h3, #pun-title {<br />&#160; border-color: #цвет #цвет #цвет #цвет<br />&#160; }</p> <p>Управляет внешними границами форума.</p> <p>1 - цвет верхних границ<br />2 - цвет правых боковых границ<br />3 - цвет нижних границ<br />4 - цвет левых боковых границ</p> <p>См рисунок:<br /></p> <p>б)&#160; Следующий блок:</p> <p>/* CS2.2 */<br />.punbb .section, .punbb .forum, .punbb .formal, .punbb .modmenu, .punbb .info,<br />.punbb .category, .punbb .post {<br />&#160; border-color: #цвет<br />&#160; }</p> <p>Управляет цветом черты под нижней границей форума:<br /></p> <p>1 - Нижнюю границу (п. 2а) я задала красным цветом.<br />2 - Теперь в конртасте заметна черта, которой задан черный цвет.<br />остальные границы на этом скриншоте белые поэтому их не видно</p> <p>в) Следующий блок:</p> <p>/* CS2.3 */<br />#pun-stats h2, .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2 {<br />&#160; border-color: #цвет;<br />&#160; }</p> <p>Он управляет рамкой внизу и справа от полоски с названиями категорий (см. скриншот)<br /></p> <p>1 - я задала им черный цвет (для наглядности остальные границы белого цвета)</p> <p>выбираете цвет или ставите картинку - все по аналогии с предыдущими блоками.</p> <p>г) Далее идет блок</p> <p>/* CS2.4 */<br />.punbb td, .punbb fieldset, #viewprofile ul, #profilenav ul, .punbb .post .post-body,<br />.punbb .post h3 span, .post-links ul, .post-links, .usertable table {<br />&#160; border-color: #цвет;<br />&#160; }</p> <p>управляет внутренними рамками форумных таблиц:<br /></p> <p>точно так же как и всегда можно задать цвет, а можно вставить картинку.</p> <p>д) следующий блок</p> <p>/* CS2.5 */<br />.punbb th {<br />&#160; border-color: #цвет<br />&#160; }</p> <p>Это полоски разделяющие : названия секций![/b]</p> mybb@mybb.ru (Миливин) Mon, 29 Mar 2010 18:27:26 +0400 https://happywinx.0pk.me/viewtopic.php?pid=8#p8 https://happywinx.0pk.me/viewtopic.php?pid=7#p7 <p><span style="display: block; text-align: left"><strong>Сегодня в Москве произошло ужасная трагедия!<br />Взарвали две станции метро: Лубянка и Парк культуры.<br />Погибло 160 человек и очень много раненых.<br />По этому поводу я объявляю сегодня траур!</strong></span></p> mybb@mybb.ru (Миливин) Mon, 29 Mar 2010 18:20:27 +0400 https://happywinx.0pk.me/viewtopic.php?pid=7#p7 https://happywinx.0pk.me/viewtopic.php?pid=6#p6 <p><strong>Эмили</strong> Я имела в виду писать в теме где подача и шаблоны чтобы не заморачиваться картинку щяс дам просто она ещё не готова.</p> mybb@mybb.ru (Миливин) Mon, 29 Mar 2010 18:07:29 +0400 https://happywinx.0pk.me/viewtopic.php?pid=6#p6