http://qwertyzsert2.mybb.ru/ Ролка ru-ru Wed, 29 Jun 2011 20:46:09 +0400 MyBB/mybb.ru http://qwertyzsert2.mybb.ru/viewtopic.php?pid=148#p148 <p>Для того, что бы свободно оперировать написанным кодом необходимо иметь хотя бы минимальные понятия о CSS и HTML ибо эти понятия во многом схожи. <br />Расскажу о самых частых значениях и параметрах в коде.</p> <p>background-color: #050505;</p> <p>Цвет заднего фона для данного элемента. Задается в системе RBG</p> <p>background-image : url(&quot;адрес_картинки&quot;);</p> <p>Задает задний фон для элемента изображением. Является приоритетным и отображается поверх параметра задающего исключительно фон чистым цветом.</p> <p>background-repeat: no-repeat;</p> <p>повторение заднего фона. данный параметр задает отмену повтора.</p> <p>background-position : top center;</p> <p>позиция элемента на &quot;экране&quot;. У нас задано вверху - по центру.</p> <p>color: #050505;</p> <p>параметр цвета. чаще всего на mybb задает цвет шрифта.</p> <p>top: 800px;</p> <p>отступ сверху.</p> <p>width: 800px;</p> <p>ширина в пикселях.</p> <p>height : 80px;</p> <p>высота в пикселях</p> <p>background-color: transparent;</p> <p>задний фон задан прозрачным параметром. т.е был задан прозрачным цветом.</p> <p>text-align: left;</p> <p>выравнивание текста </p> <p>font-size:0 !important;</p> <p>размер шрифта. у нас шрифт не отображается в этом случае.</p> <p>border-style: none;</p> <p>отменена бордера (грани, обводки) для отдельного элемента</p> mybb@mybb.ru (Ми) Wed, 29 Jun 2011 20:46:09 +0400 http://qwertyzsert2.mybb.ru/viewtopic.php?pid=148#p148 http://qwertyzsert2.mybb.ru/viewtopic.php?pid=145#p145 <p>&lt;div id=&quot;sidebar&quot;&gt;</p> <p>Наполнение таблицы</p> <p>&lt;/div&gt;</p> <p>&lt;style&gt;</p> <p>#sidebar { <br />&#160; &#160; &#160; &#160; &#160; &#160; background-color: #ffffff;<br />&#160; &#160; &#160; &#160; &#160; &#160; width: 240px;<br />&#160; &#160; &#160; &#160; &#160; &#160; height: 100%;<br />&#160; &#160; &#160; &#160; &#160; &#160; padding: 5px;<br />&#160; &#160; &#160; &#160; &#160; &#160; position: absolute;<br />&#160; &#160; &#160; &#160; &#160; &#160; float: left;<br />&#160; &#160; &#160; &#160; &#160; &#160; border-right:0px solid #f0f0f0; border-left: 0px solid #f0f0f0; }</p> <p>&lt;/style&gt;</p> <p>Пояснения по коду. Весь код сводится к простым истинам исполненным в css.</p> <p>&lt;div id=&quot;sidebar&quot;&gt;</p> <p>Создает для всего наполнения отсылку к css стилю. Обычно он прописывается более интересно и развернуто, но в данном примере все сведено до минимума. Все, что будет написано до закрывающего тега </p> <p>&lt;/div&gt;</p> <p>Будет иметь параметры заданные в таблице каскадных стилей (css).</p> <p>Что представляет из себя таблица и какие параметры за что отвечают.</p> <p>&lt;style&gt;<br />#sidebar {width: 205px; height: 110%; top: 0px; right: 0px; padding: 5px; background-color:#d2eb8f; text-align: center; position: fixed}<br />&lt;/style&gt;</p> <p>width: 205px;</p> <p>ширина сайдбара (панели) в пикселях.</p> <p>height: 110%;</p> <p>высота сайдбара. прописана здесь в процентах (110%), что означает, что сайд бар будет находится на протяжение всей страницы, какой бы высокой она не была. Параметр может быть заменен на значение в px (пикселях), для фиксированной высоты бара.</p> <p>top: 0px; right: 0px;</p> <p>отступы: сверху и справа соответственно. параметры могут принимать отрицательные значения, сдвигая панель так же и вниз, и влево. </p> <p>background-color:#d2eb8f;</p> <p>заливка таблицы цветом в шестеричной системе RBG. Данный параметр может быть заменен на изображение (скажем, на узор) следующей строкой</p> <p>background-image : url(&quot;адрес_картинки&quot;);</p> <p>text-align: center;</p> <p>Выравнивание текста в таблице. В данном конкретном случае по центру. Может быть заменено на выравнивание по левому и правому краю.</p> <p>position: fixed</p> <p>параметр фиксирующий таблицу, не позволяя её прокручивать.</p> <p>Приятного использования. Если появятся вопросы - не стесняйтесь - задавайте.</p> <p>PS: этот вариант таблицы фиксируется не у края монитора, а у края форумной таблицы</p> mybb@mybb.ru (Ми) Wed, 29 Jun 2011 20:44:05 +0400 http://qwertyzsert2.mybb.ru/viewtopic.php?pid=145#p145 http://qwertyzsert2.mybb.ru/viewtopic.php?pid=18#p18 <p>бу</p> mybb@mybb.ru (Ми) Sat, 14 Feb 2009 21:50:51 +0300 http://qwertyzsert2.mybb.ru/viewtopic.php?pid=18#p18