http://bysk.mybb.ru/ Форум Сайта &quot;Warriors Cats Grafic Site&quot; ru-ru Thu, 27 May 2010 20:36:57 +0400 MyBB/mybb.ru http://bysk.mybb.ru/viewtopic.php?pid=14#p14 <p><span style="display: block; text-align: center"><span style="font-size: 10px">Первое, что можно сделать это задумать идею и выполнить <strong>все письменные работы.</strong> Тоесть. Прописать сюжет (быть может заказать у мастера), написать <strong>о территориях</strong>. На 7 - 10 территорий у вас должен получиться минимум один вордовский лист. Сначала составляем краткое описание, потом расписываем элементы. Потом вы будете мне благодарны, т.к. локации в подфоруме расписывать всё же надо.<br />Второе - это придумать квесты (и акции - по желанию). Сделайте минимум 1 - 3 квеста, люди к вам потянутся, даже если не будет сюжета.</span> <span style="font-size: 12px"><strong>Внимание!</strong></span> <span style="font-size: 10px">Перед тем, как писать квест определитесь с рейтингом ролевой.<br />G - форумы без ограничений по возрасту.<br />PG - 12 - дети до 12 лет данные форумы должны посещать под присмотром родителей, хотя лично я ничего потив них не имею. Это сейчас вполне нормально иметь такой рейтинг.<br />PG - 13 - дети до 13 лет могут посещать данные форумы под присмотром родителей. В этой категории тоже ничего опасного нет.<br />PG - 15 - для детей от 15 лет. Остальные могут посещать только под присмотром родителей. Здесь я думаю тоже ничего особенно пугающего вы не увидите.<br />R - сайты не для детей. Здесь могут быть присутсвовать секс, насилие, ругательства.<br />NC - 17 - сайты, запрещенные для посещения детьми - только для взрослых людей. Как правило на таких сайтах полно насилия, ругательств в играх. быть может во флуде к вам и отнесутся с пониманием.<br />NC - 21 - сайты с самым высоким рейтингом запрета. Здесь присутсвуют материалы, с которыми лицам с неокрепшей психикой знакомиться не рекомендуется. Тоесть &quot;Секс, наркотики и рок - н - рол&quot; мягко говоря.<br />Третье - это дизайн. Меня всё время неправильно понимают. То, что &quot;влияет&quot; на форум через CSS называют <strong>стилем!</strong>. Дизайн - это всё начиная с буковки и кончая CSS - ом. Даю вам совет. <strong>Не заваливайте форум скриптами.</strong> Например я знаю, что у меня очень высокая скорость обработки данных, но у кого - то ваш форум будет грузиться минут сорок, да так и не загрузится. <strong>А теперь конкретно по - дизайну.</strong> Выберите одну категорию цвета. Тоесть: &quot;серый&quot;, &quot;белый&quot;, &quot;голубой&quot;, &quot;фиолетовый&quot; и т.п. Потом прогуляйтесь до фотошопа (или до таблицы Веб - цветов) и выберите оттенок. Это будет ваш основной цвет. Подбирайте всё к нему. Готово? Тогда дальше.<br />Четвёртым является создание форума. Создали? Установите дизайн. Установили? Хорошо. Далее создавайте форумы. <strong>Советую не разрешать гостям просматривать всё. Оставьте хоть небольшую изюминку.</strong> Советую самим создавать все категории, хотя бы все, кроме игровых. Сделано? Ну вы - скорость xD Что делать дальше? Таблицу. В крайнем случае у вас наверняка есть хоть один друг, знающий HTML <del>(и я как бэ есть)</del>. Хотя я бы посоветовала вам пригласить на ролу web - мастера и гейм мастера <del>(или проще говоря меня, мне нравятся готовые ролевые, которым надо просто помочь.)</del>. <strong>Но</strong> перед тем как приглашать нужно выполнить все предыдущие пункты. Если судить по мне, то я например прошусь в админы или модеры только на те проекты, котрые не считаю провальными (хотя и я иногда ошибаюсь). так что если у вас где - нибудь появятся Шатани или Формалин (мой второй перс) и попросит о модерстве, то пляшите - вы не провалитесь xD (Но, впрочем, я тоже человек и иногда устаю от админства/модерства, так что рега это уже хорошо xDD)<br />Поедем дальше. Пятое - это что? Та, та, та. Это раскрутка. Для начала зовите друзей. Кстати... Я советую вам не отказывать людям, которые просят прийти на их ролевую <del>(Ну - ка все попёрли ко мне на наш с Мохи Возвращение падших xD)</del>. Дальше есть такое понятие, как знаменательные люди. Лучше заручиться их поддержкой, что бы они вам порекламили в кругу своих друзей. Я, к примеру, совсем не кусачая. Из других знаменитых людей я могу назвать вам Великого Туся (TuSa). У неё раздвоение личности xD (aka TuS' двое. <del>Только одна сидит тут законно, а другую я постоянно прикрываю перед первой.</del>). Лан. Мы отвлеклись от темы. Значит приглашаем народ. Как положенно делаем ракламу и приглашаем пиарщика. <strong>Совет.</strong> Ведите баннерообмен с популярными ролевыми, да и форумами вообще, но не надо отказывать и более &quot;мелким&quot;. Сейчас на сайтах существуют &quot;аффилиаты&quot;. Тоесть иконочки небольшого размера (не больше 40*40). Их на сайтах группируют и оставляют в отдельное место. Скажите, а чем ваш форум хуже? Попробуйте ввести на это моду! За вами потянутся! Ладно. И давайте последнее (потом допишу). Регистрируйтесь на топах. Вот вам список. Авось поможет.<br /> <a href="http://yandeg.ru/" rel="nofollow" target="_blank">http://yandeg.ru/</a><br /> <a href="http://top.tooyoo.ru/main.php" rel="nofollow" target="_blank">http://top.tooyoo.ru/main.php</a><br /> <a href="http://top100.rambler.ru/top100/" rel="nofollow" target="_blank">http://top100.rambler.ru/top100/</a><br /> <a href="http://anime-club.info/top100/" rel="nofollow" target="_blank">http://anime-club.info/top100/</a><br /> <a href="http://palantir.in/" rel="nofollow" target="_blank">http://palantir.in/</a><br /> <a href="http://anime-top.ru/" rel="nofollow" target="_blank">http://anime-top.ru/</a><br /> <a href="http://mycounter.ua/" rel="nofollow" target="_blank">http://mycounter.ua/</a><br /> <a href="http://www.webgari.com/" rel="nofollow" target="_blank">http://www.webgari.com/</a><br /> <a href="http://www.liveinternet.ru/" rel="nofollow" target="_blank">http://www.liveinternet.ru/</a><br /> <a href="http://top.hpn.ru/" rel="nofollow" target="_blank">http://top.hpn.ru/</a></span></span><br /><span style="display: block; text-align: left"><span style="font-size: 12px"><span style="color: maroon">1. Подготовка</span></span><br /><span style="font-size: 10px"><strong>Выполнить письменные работы.</strong><br />Сюжет. общая идея, локаци, правила, шаблоны и т.п.<br /><strong>Выбрать рейтинг игры.</strong><br />Список рейтингов выше.<br /><strong>Придумать квесты и акции.</strong><br />Пихаю это отдельно, т.к. это можете сделать и не вы.<br /><strong>Создать дизайн.</strong><br />Стиль форума и т.п.</span><br /><span style="font-size: 12px"><span style="color: maroon">2. Создание ролевой</span></span><br /><span style="font-size: 10px"><strong>Создать.</strong><br />Создаём, описываем форумы, вставляем уже готовый текст и т.п.<br /><strong>Раскрутить.</strong><br />Позвать друзей, зарегистрировать на топах, позвать гейм - мастера и веб - мастера (по желанию).<br /><strong>Позвать Шата.</strong><br />Если не смогну регнуться, то хоть посмотрю на плод вашего долгого мученья. Может скажу, что поправить.</span></span><br /><strong>Код для вставки на форум:</strong></p><div class="code-box"><strong class="legend">Код:</strong><div class="blockcode"><div class="scrollbox" style="height: 35em"><pre>[align=center][size=10]Первое, что можно сделать это задумать идею и выполнить [b]все письменные работы.[/b] Тоесть. Прописать сюжет (быть может заказать у мастера), написать [b]о территориях[/b]. На 7 - 10 территорий у вас должен получиться минимум один вордовский лист. Сначала составляем краткое описание, потом расписываем элементы. Потом вы будете мне благодарны, т.к. локации в подфоруме расписывать всё же надо. Второе - это придумать квесты (и акции - по желанию). Сделайте минимум 1 - 3 квеста, люди к вам потянутся, даже если не будет сюжета.[/size] [size=12][b]Внимание![/b][/size] [size=10]Перед тем, как писать квест определитесь с рейтингом ролевой. G - форумы без ограничений по возрасту. PG - 12 - дети до 12 лет данные форумы должны посещать под присмотром родителей, хотя лично я ничего потив них не имею. Это сейчас вполне нормально иметь такой рейтинг. PG - 13 - дети до 13 лет могут посещать данные форумы под присмотром родителей. В этой категории тоже ничего опасного нет. PG - 15 - для детей от 15 лет. Остальные могут посещать только под присмотром родителей. Здесь я думаю тоже ничего особенно пугающего вы не увидите. R - сайты не для детей. Здесь могут быть присутсвовать секс, насилие, ругательства. NC - 17 - сайты, запрещенные для посещения детьми - только для взрослых людей. Как правило на таких сайтах полно насилия, ругательств в играх. быть может во флуде к вам и отнесутся с пониманием. NC - 21 - сайты с самым высоким рейтингом запрета. Здесь присутсвуют материалы, с которыми лицам с неокрепшей психикой знакомиться не рекомендуется. Тоесть &quot;Секс, наркотики и рок - н - рол&quot; мягко говоря. Третье - это дизайн. Меня всё время неправильно понимают. То, что &quot;влияет&quot; на форум через CSS называют [b]стилем![/b]. Дизайн - это всё начиная с буковки и кончая CSS - ом. Даю вам совет. [b]Не заваливайте форум скриптами.[/b] Например я знаю, что у меня очень высокая скорость обработки данных, но у кого - то ваш форум будет грузиться минут сорок, да так и не загрузится. [b]А теперь конкретно по - дизайну.[/b] Выберите одну категорию цвета. Тоесть: &quot;серый&quot;, &quot;белый&quot;, &quot;голубой&quot;, &quot;фиолетовый&quot; и т.п. Потом прогуляйтесь до фотошопа (или до таблицы Веб - цветов) и выберите оттенок. Это будет ваш основной цвет. Подбирайте всё к нему. Готово? Тогда дальше. Четвёртым является создание форума. Создали? Установите дизайн. Установили? Хорошо. Далее создавайте форумы. [b]Советую не разрешать гостям просматривать всё. Оставьте хоть небольшую изюминку.[/b] Советую самим создавать все категории, хотя бы все, кроме игровых. Сделано? Ну вы - скорость xD Что делать дальше? Таблицу. В крайнем случае у вас наверняка есть хоть один друг, знающий HTML [s](и я как бэ есть)[/s]. Хотя я бы посоветовала вам пригласить на ролу web - мастера и гейм мастера [s](или проще говоря меня, мне нравятся готовые ролевые, которым надо просто помочь.)[/s]. [b]Но[/b] перед тем как приглашать нужно выполнить все предыдущие пункты. Если судить по мне, то я например прошусь в админы или модеры только на те проекты, котрые не считаю провальными (хотя и я иногда ошибаюсь). так что если у вас где - нибудь появятся Шатани или Формалин (мой второй перс) и попросит о модерстве, то пляшите - вы не провалитесь xD (Но, впрочем, я тоже человек и иногда устаю от админства/модерства, так что рега это уже хорошо xDD) Поедем дальше. Пятое - это что? Та, та, та. Это раскрутка. Для начала зовите друзей. Кстати... Я советую вам не отказывать людям, которые просят прийти на их ролевую [s](Ну - ка все попёрли ко мне на наш с Мохи Возвращение падших xD)[/s]. Дальше есть такое понятие, как знаменательные люди. Лучше заручиться их поддержкой, что бы они вам порекламили в кругу своих друзей. Я, к примеру, совсем не кусачая. Из других знаменитых людей я могу назвать вам Великого Туся (TuSa). У неё раздвоение личности xD (aka TuS' двое. [s]Только одна сидит тут законно, а другую я постоянно прикрываю перед первой.[/s]). Лан. Мы отвлеклись от темы. Значит приглашаем народ. Как положенно делаем ракламу и приглашаем пиарщика. [b]Совет.[/b] Ведите баннерообмен с популярными ролевыми, да и форумами вообще, но не надо отказывать и более &quot;мелким&quot;. Сейчас на сайтах существуют &quot;аффилиаты&quot;. Тоесть иконочки небольшого размера (не больше 40*40). Их на сайтах группируют и оставляют в отдельное место. Скажите, а чем ваш форум хуже? Попробуйте ввести на это моду! За вами потянутся! Ладно. И давайте последнее (потом допишу). Регистрируйтесь на топах. Вот вам список. Авось поможет. http://yandeg.ru/ http://top.tooyoo.ru/main.php http://top100.rambler.ru/top100/ http://anime-club.info/top100/ http://palantir.in/ http://anime-top.ru/ http://mycounter.ua/ http://www.webgari.com/ http://www.liveinternet.ru/ http://top.hpn.ru/[/size][/align] [align=left][size=12][color=maroon]1. Подготовка[/color][/size] [size=10][b]Выполнить письменные работы.[/b] Сюжет. общая идея, локаци, правила, шаблоны и т.п. [b]Выбрать рейтинг игры.[/b] Список рейтингов выше. [b]Придумать квесты и акции.[/b] Пихаю это отдельно, т.к. это можете сделать и не вы. [b]Создать дизайн.[/b] Стиль форума и т.п.[/size] [size=12][color=maroon]2. Создание ролевой[/color][/size] [size=10][b]Создать.[/b] Создаём, описываем форумы, вставляем уже готовый текст и т.п. [b]Раскрутить.[/b] Позвать друзей, зарегистрировать на топах, позвать гейм - мастера и веб - мастера (по желанию).[/size] [size=16]Взято с [b][url=http://shatany-killer.narod.ru/]сайта шата ^^[/url][/b][/size][/align]</pre></div></div></div><p>+ не забываем ставить баннер ^^</p><div class="code-box"><strong class="legend">Код:</strong><div class="blockcode"><div class="scrollbox" style="height: 4.5em"><pre>&lt;a href=&quot;http://shatany-killer.narod.ru/&quot; target=&quot;_blank&quot;&gt;&lt;img src=&quot;http://xmages.net/upload/2544d6a9.gif&quot; alt=&quot;Warriors Cats Grafic Site&quot; /&gt;&lt;/a&gt;</pre></div></div></div> mybb@mybb.ru (.shatany.killer) Thu, 27 May 2010 20:36:57 +0400 http://bysk.mybb.ru/viewtopic.php?pid=14#p14 http://bysk.mybb.ru/viewtopic.php?pid=13#p13 <p><span style="display: block; text-align: center"><span style="font-family: Book Antiqua">Эх. Предупреждаю сразу. Я по жизни лентяйка. Ну во первых вам нужно выучить основные теги. Да,да именно выучить.&#160; :D <br />Я, так уж и быть, предоставлю список.<br /><strong>&lt;table&gt;&lt;/table&gt;</strong><br />Элемент TABLE служит контейнером для элементов, определяющих содержимое таблицы. Любая таблица состоит из строк и ячеек, которые задаются с помощью тегов TR и TD.<br />Тоесть этот тег служит для главного построения таблицы. Открываёйте её тегом &lt;table&gt; и заканчичвайте тегом &lt;/table&gt;<br /><strong>&lt;tr&gt;&lt;/tr&gt;</strong><br />Тег TR служит контейнером для создания строки таблицы.<br />Тоесть служит для создания <em class="bbuline">горизонтальной</em> основы. Тоесть как Администраторы Модераторы Фотошоперы Дизайнеры Для рекламщиков на данном форуме. Ставится между &lt;table&gt;&lt;/table&gt; выглядить будет так: &lt;table&gt;&lt;tr&gt;&lt;/tr&gt;&lt;/table&gt; <br />Если вам нужно несколько горизонтальных строчек (например 2), то будет так: &lt;table&gt;&lt;tr&gt;&lt;/tr&gt;&lt;tr&gt;&lt;/tr&gt;&lt;/table&gt;<br />И тому подобное. Но часто возникает проблема. Как роазделить на графы? Тогда нам уже нужен код<br /><strong>&lt;td&gt;&lt;/td&gt;</strong><br />Предназначен для создания одной ячейки таблицы. Тег TD должен размещаться внутри контейнера TR, который в свою очередь располагается внутри тега table.<br /><strong>&lt;br&gt;</strong><br />Тег br устанавливает перевод строки в месте, где этот тег встречается (типа энтера).<br />Это саааааааамое основное, но поедем дальше.<br />Разберём тег из составленной мною таблицы.</p><div class="quote-box quote-main"><blockquote><p>&lt;table width=&quot;<span style="color: fuchsia">100%</span>&quot; border=&quot;<span style="color: red">0</span>&quot; cellspacing=&quot;<span style="color: lime">0</span>&quot; cellpadding=&quot;<span style="color: blue">2</span>&quot;&gt;&lt;/table&gt;<br />Разберём по порядку.<br />width=&quot;<span style="color: fuchsia">100%</span>&quot;<br />width Отвечает за ширину форума. Если вам, к примеру, нужна таблица по ширине форума (например как тут), то вы пишите 100% если нужно меньше, то пишите 90, 95, 80, 70 и так далее. Меньше 40 употреблять не советую<br />border=&quot;<span style="color: red">0</span>&quot;<br />Оттвечает за количество линий в таблице, но при условии, что там не стоит прозрачность. <span style="color: red">0</span> можно менять на своё значение.<br />cellspacing=&quot;<span style="color: lime">0</span>&quot;<br />Отвечает за прозрачность. Если например делать как на этом форуме (тоесть прозрачно). то пишите 0 (как у меня), если вам нужны линии, то замените <span style="color: lime">0</span> на нужное вам число. 6 и выше употреблять не советую.<br />cellpadding=&quot;<span style="color: blue">2</span>&quot; новичкам советую не трогать. И что бы не было соблазна потрогать объяснять зачем это нужно не буду.</p></blockquote></div><p><strong>Параметры</strong><br /><em class="bbuline">border</em> - толщина границ таблицы<br /><em class="bbuline">bordercolor</em> - цвет границ таблицы<br /><em class="bbuline">bordercolorlight</em> - цвет светлой части границы таблицы (точнее такого цвета будет левая и верхняя граница таблицы)<br /><em class="bbuline">bordercolordark</em> - цвет темной части границы таблицы (правая и нижняя граница таблицы)<br /><em class="bbuline">bgcolor</em> - цвет фона таблицы<br /><em class="bbuline">background</em> - фон таблицы картинкой (background=&quot;Адрес картинки&quot;)<br /><em class="bbuline">width</em> - ширина таблицы. Задается в процентах или пикселях<br /><em class="bbuline">height</em> - высота таблицы. Задается в процентах или пикселях<br />Ссылка выглядит так:</p><div class="quote-box quote-main"><blockquote><p>&lt;a href=&quot;ваша ссылка&quot; target=&quot;_blank&quot;&gt;Имя или название&lt;/a&gt;</p></blockquote></div><p><span style="font-style: italic">Вот ещё код на движение... Правда он ещё сложнее Оо&quot;</p><div class="quote-box quote-main"><blockquote><p>&lt;marquee scrollamount=&quot;5&quot; <span style="color: olive">onmouseover=&quot;this.scrollAmount=0&quot;</span> onmouseout=&quot;this.scrollAmount=5&quot; <span style="color: green">width</span>=&quot;<span style="color: lime">600</span>&quot; <span style="color: navy">height</span>=&quot;<span style="color: blue">50</span>&quot;&gt; Сюда коды баннеров &lt;/marquee&gt;</p></blockquote></div><p><span style="color: green">width</span>-это ширина полоски бегунка.<br /><span style="color: lime">600</span>-это цифра ширины в пикселях. Можно менять на свою.<br /><span style="color: navy">height</span>-это высота полоски бегунка.<br /><span style="color: blue">50</span>-это цифра высоты в пикселях. Можно менять на свою.<br />Остальное является остановкой при наведении (<span style="color: olive">onmouseover=&quot;this.scrollAmount=0&quot;</span>) и скоростью бегунка.</span><br /><strong>Сделать по центру</strong></p><div class="quote-box quote-main"><blockquote><p>&lt;tbody align=&quot;<span style="color: fuchsia">center</span>&quot;&gt;&lt;/tbody&gt;</p></blockquote></div><p><span style="font-size: 10px"><span style="color: fuchsia">center</span>-центр. <br />Так же приемлимы<br />right-право<br />left-лево</span><br />Помним, что теги &lt;tr&gt; и &lt;tb&gt; будут указываться внутри тега &lt;tbody&gt;<br /><strong>Полоса прокрутки</strong></p><div class="quote-box quote-main"><blockquote><p>&lt;div style=&quot;overflow: scroll; overflow-x: hidden; height:200px;&quot;&gt;ТЕКСТ&lt;/div&gt;</p></blockquote></div><p><strong>Дать код</strong></p><div class="quote-box quote-main"><blockquote><p>&lt;textarea&gt;ваши слова&lt;/textarea&gt;</p></blockquote></div><p></span></span></p> <p><strong>Код для вставки на форум:</strong></p><div class="code-box"><strong class="legend">Код:</strong><div class="blockcode"><div class="scrollbox" style="height: 35em"><pre>[align=center][font=Book Antiqua]Эх. Предупреждаю сразу. Я по жизни лентяйка. Ну во первых вам нужно выучить основные теги. Да,да именно выучить. :D Я, так уж и быть, предоставлю список. [b]&lt;table&gt;&lt;/table&gt;[/b] Элемент TABLE служит контейнером для элементов, определяющих содержимое таблицы. Любая таблица состоит из строк и ячеек, которые задаются с помощью тегов TR и TD. Тоесть этот тег служит для главного построения таблицы. Открываёйте её тегом &lt;table&gt; и заканчичвайте тегом &lt;/table&gt; [b]&lt;tr&gt;&lt;/tr&gt;[/b] Тег TR служит контейнером для создания строки таблицы. Тоесть служит для создания [u]горизонтальной[/u] основы. Тоесть как Администраторы Модераторы Фотошоперы Дизайнеры Для рекламщиков на данном форуме. Ставится между &lt;table&gt;&lt;/table&gt; выглядить будет так: &lt;table&gt;&lt;tr&gt;&lt;/tr&gt;&lt;/table&gt; Если вам нужно несколько горизонтальных строчек (например 2), то будет так: &lt;table&gt;&lt;tr&gt;&lt;/tr&gt;&lt;tr&gt;&lt;/tr&gt;&lt;/table&gt; И тому подобное. Но часто возникает проблема. Как роазделить на графы? Тогда нам уже нужен код [b]&lt;td&gt;&lt;/td&gt;[/b] Предназначен для создания одной ячейки таблицы. Тег TD должен размещаться внутри контейнера TR, который в свою очередь располагается внутри тега table. [b]&lt;br&gt;[/b] Тег br устанавливает перевод строки в месте, где этот тег встречается (типа энтера). Это саааааааамое основное, но поедем дальше. Разберём тег из составленной мною таблицы. [quote]&lt;table width=&quot;[color=fuchsia]100%[/color]&quot; border=&quot;[color=red]0[/color]&quot; cellspacing=&quot;[color=lime]0[/color]&quot; cellpadding=&quot;[color=blue]2[/color]&quot;&gt;&lt;/table&gt; Разберём по порядку. width=&quot;[color=fuchsia]100%[/color]&quot; width Отвечает за ширину форума. Если вам, к примеру, нужна таблица по ширине форума (например как тут), то вы пишите 100% если нужно меньше, то пишите 90, 95, 80, 70 и так далее. Меньше 40 употреблять не советую border=&quot;[color=red]0[/color]&quot; Оттвечает за количество линий в таблице, но при условии, что там не стоит прозрачность. [color=red]0[/color] можно менять на своё значение. cellspacing=&quot;[color=lime]0[/color]&quot; Отвечает за прозрачность. Если например делать как на этом форуме (тоесть прозрачно). то пишите 0 (как у меня), если вам нужны линии, то замените [color=lime]0[/color] на нужное вам число. 6 и выше употреблять не советую. cellpadding=&quot;[color=blue]2[/color]&quot; новичкам советую не трогать. И что бы не было соблазна потрогать объяснять зачем это нужно не буду.[/quote] [b]Параметры[/b] [u]border[/u] - толщина границ таблицы [u]bordercolor[/u] - цвет границ таблицы [u]bordercolorlight[/u] - цвет светлой части границы таблицы (точнее такого цвета будет левая и верхняя граница таблицы) [u]bordercolordark[/u] - цвет темной части границы таблицы (правая и нижняя граница таблицы) [u]bgcolor[/u] - цвет фона таблицы [u]background[/u] - фон таблицы картинкой (background=&quot;Адрес картинки&quot;) [u]width[/u] - ширина таблицы. Задается в процентах или пикселях [u]height[/u] - высота таблицы. Задается в процентах или пикселях Ссылка выглядит так: [quote]&lt;a href=&quot;ваша ссылка&quot; target=&quot;_blank&quot;&gt;Имя или название&lt;/a&gt;[/quote] [i]Вот ещё код на движение... Правда он ещё сложнее Оо&quot; [quote]&lt;marquee scrollamount=&quot;5&quot; [color=olive]onmouseover=&quot;this.scrollAmount=0&quot;[/color] onmouseout=&quot;this.scrollAmount=5&quot; [color=green]width[/color]=&quot;[color=lime]600[/color]&quot; [color=navy]height[/color]=&quot;[color=blue]50[/color]&quot;&gt; Сюда коды баннеров &lt;/marquee&gt;[/quote] [color=green]width[/color]-это ширина полоски бегунка. [color=lime]600[/color]-это цифра ширины в пикселях. Можно менять на свою. [color=navy]height[/color]-это высота полоски бегунка. [color=blue]50[/color]-это цифра высоты в пикселях. Можно менять на свою. Остальное является остановкой при наведении ([color=olive]onmouseover=&quot;this.scrollAmount=0&quot;[/color]) и скоростью бегунка.[/i] [b]Сделать по центру[/b] [quote]&lt;tbody align=&quot;[color=fuchsia]center[/color]&quot;&gt;&lt;/tbody&gt;[/quote] [size=10][color=fuchsia]center[/color]-центр. Так же приемлимы right-право left-лево[/size] Помним, что теги &lt;tr&gt; и &lt;tb&gt; будут указываться внутри тега &lt;tbody&gt; [b]Полоса прокрутки[/b] [quote]&lt;div style=&quot;overflow: scroll; overflow-x: hidden; height:200px;&quot;&gt;ТЕКСТ&lt;/div&gt;[/quote] [b]Дать код[/b] [quote]&lt;textarea&gt;ваши слова&lt;/textarea&gt;[/quote] [/font][/align] [size=16]Взято с [b][url=http://shatany-killer.narod.ru/]сайта шата ^^[/url][/b][/size][/align]</pre></div></div></div><p>+ не забываем ставить баннер ^^</p><div class="code-box"><strong class="legend">Код:</strong><div class="blockcode"><div class="scrollbox" style="height: 4.5em"><pre>&lt;a href=&quot;http://shatany-killer.narod.ru/&quot; target=&quot;_blank&quot;&gt;&lt;img src=&quot;http://xmages.net/upload/2544d6a9.gif&quot; alt=&quot;Warriors Cats Grafic Site&quot; /&gt;&lt;/a&gt;</pre></div></div></div> mybb@mybb.ru (.shatany.killer) Thu, 27 May 2010 20:31:05 +0400 http://bysk.mybb.ru/viewtopic.php?pid=13#p13 http://bysk.mybb.ru/viewtopic.php?pid=12#p12 <p>Долго - долго думала, но всё же решилась написать эту статью. Я начинающий, потому огромных подробностей можете не ждать. Но кое-что я объясню.<br />Для начала нужно усвоить одну простейшую вещь. <br /><span style="font-family: Century Gothic">&lt;тег&gt;слово&lt;/тег&gt;</span><br />Теги всегда закрываем. Из-за одного незакрытого тега можно лишиться всего сайта.<br />А теперь разберём от края - хехе - до края.</p> <p>Самый первый тег, который встречается в документе, должен быть тегом &lt;html&gt;. Данный тег сообщает браузеру, что документ написан с использованием HTML. завершающим тегом, соответственно, будет &lt;/html&gt;.<br />Пример:</p><div class="quote-box quote-main"><blockquote><p><span style="font-family: Century Gothic">&lt;html&gt;&lt;/html&gt;</span></p></blockquote></div><p>Голова документа - HEAD<br />Пример:</p><div class="quote-box quote-main"><blockquote><p><span style="font-family: Century Gothic">&lt;head&gt;&lt;/head&gt;</span></p></blockquote></div><p>Тeг заголовочной части документа должен быть использован сразу после тeга &lt;html&gt; и более нигде в теле документа. Данный тег представляет собой общее описание документа. Избегайте размещать какой-либо текст внутри тeга &lt;head&gt;. Сюда, обычно, вставляют его CSS-описание. Здесь, правда, это значительно проще.</p> <p>Тело документа - BODY<br />Пример:</p><div class="quote-box quote-main"><blockquote><p><span style="font-family: Century Gothic">&lt;body&gt;&lt;/body&gt;</span></p></blockquote></div><p>Тело документа должно находиться между тeгами &lt;body&gt; и &lt;/body&gt;. Это та часть документа, которая отображается как текстовая и графическая информация страницы.<br />Пример HTML-документа:</p><div class="quote-box quote-main"><blockquote><p><span style="font-family: Century Gothic">&lt;html&gt;<br />&lt;head&gt;<br />&lt;/head&gt;<br />&lt;body&gt;<br />&lt;/body&gt;<br />&lt;/html&gt;</span></p></blockquote></div><p>Это минимальный HTML-документ. Мы же поговорим о более крупном. Представляю вам структуру моего бывшего сайта (пока без значений).</p><div class="quote-box quote-main"><blockquote><p><span style="font-family: Century Gothic">&lt;html&gt;<br />&lt;head&gt;<br />&lt;title&gt;&lt;/title&gt;<br />&lt;style type=&quot;text/css&quot;&gt;&lt;/style&gt;<br />&lt;/head&gt;<br />&lt;body&gt;&lt;/body&gt;<br />&lt;/html&gt;</span></p></blockquote></div><p>Для начала разберёмся, что куда вставлять. Хочу обратить ваше внимание, что без знания CSS ва будет очень тяжело. <br />Впрочем, некоторые моменты я поясню:<br /><span style="font-size: 10px"><strong>Размеры, высоты и прочее.</strong><br />% - проценты;<br />em – высота шрифта;<br />ex – высота буквы;<br />in - дюймы;<br />px - пиксели;<br />pt - пункты;<br />cm - сантиметры;<br />mm - миллиметры.</p> <p><strong>Font - шрифт</strong><br /><em class="bbuline">font-size</em> – это размер шрифта. Некоторые размеры:<br /> x-small;<br /> small;<br /> medium;<br /> large;<br /> x-large.<br /><del>Есть ещё два, но у шата нет мозгов их вспомнить. насколько я помню - это огромный и миниатюрный</del><br /><em class="bbuline">font-style</em> - тип<br /> normal - стандарт;<br /> italic - курсив;<br /> oblique - он что-то среднее между стандартом и курсивом &gt;&gt; <del>я им как-то не пользовалась, если честно.</del><br /><em class="bbuline">font-weight</em> - не знаю, как правильно назвать. начертание, наверное.<br /> normal - стандарт;<br /> bold - жирный.</p> <p><strong>Text - текст</strong><br /><em class="bbuline">text-align</em> - выравнивание текста внутри элемента.<br /> left - по левому краю;<br /> right - по правому краю;<br /> center - по центру.<br /><em class="bbuline">text-decoration</em> - украшение текста<br /> none - нет<br /> underline - подчеркивание снизу<br /> overline - подчеркивание сверху<br /> blink - мигание <del>не эксперементировала</del></p> <p><strong>Background - фон</strong><br /><em class="bbuline">background-color - цвет заливки</em></p><div class="quote-box quote-main"><blockquote><p>background-color: #494f4f;</p></blockquote></div><p><em class="bbuline">background-image - фоновая картинка</em><br /> url (&quot;путь до картинки&quot;) – в скобках указываете адрес изображения;</p><div class="quote-box quote-main"><blockquote><p>background-image: url(<a href="http://xmages.net/upload/3e9ddc17.gif" rel="nofollow" target="_blank">http://xmages.net/upload/3e9ddc17.gif</a>);</p></blockquote></div><p>none – отсутствие картинки (при присутствии background-color не указывать).<br /><em class="bbuline">background-attachment - прокрутка фона</em><br /> scroll - прокручивается;<br /> fixed - непрокручивается;<br />background-repeat – автоматическое размножение фона<br /> no-repeat - не размножается<br /> repeat-x - размножается по горизонтали<br /> repeat-y - размножается по вертикали<br /> repeatxy - размножается в обоих направлениях.<br /><em class="bbuline">background-position</em> – расположение фона. <br />Сначала указывается расположение по вертикали: top, center или bottom, потом погоризонтали: left, center или right.</p> <p><strong>Border - рамка</strong><br /><em class="bbuline">border-color - цвет оной;</em><br /><em class="bbuline">border-width - толщина;</em>. Указывается в пикселах (px)<br /><em class="bbuline">border-style - тип границ рамки;</em><br /> none - отсутствие рамки;<br /> dotted - пунктир-точки;<br /> dashed - штрих-пунктир;<br /> solid - одинарная;<br /> double - двойная;<br />groove - трехмерный эффект; <br /> ridge - трехмерный эффект возвышения;<br /> inset - трехмерный эффект углубления; <br /> outset - трехмерный эффект выпуклости фона;<br /><em class="bbuline">border-top</em> – параметр верха;<br /><em class="bbuline">border-bottom</em> – параметр низа;<br /><em class="bbuline">border-left</em> – параметр левой стороны (кромки);<br /><em class="bbuline">border-right</em> – параметр правой стороны (кромки);</p> <p><strong>Основные параметры</strong><br />Height - высота;<br />Width - ширина;<br />Color - цвет шрифта элемента.</span><br />Перед тегом HTML необходимо всегда ставить вот это.</p><div class="quote-box quote-main"><blockquote><p>&lt;!DOCTYPE html PUBLIC &quot;-//W3C//DTD XHTML 1.0 Strict//EN&quot; &quot;http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd&quot;&gt;</p></blockquote></div><p>Зачем это нужно? Меньше знаешь - крепче спишь.<br />в соткрывающем теге &lt;html&gt; необходимо прописать</p><div class="quote-box quote-main"><blockquote><p><span style="font-family: Century Gothic">xmlns=&quot;http://www.w3.org/1999/xhtml&quot; xml:lang=&quot;ru&quot; lang=&quot;ru&quot; dir=&quot;ltr&quot;</span></p></blockquote></div><p>Пример:</p><div class="quote-box quote-main"><blockquote><p><span style="font-family: Century Gothic">&lt;html xmlns=&quot;http://www.w3.org/1999/xhtml&quot; xml:lang=&quot;ru&quot; lang=&quot;ru&quot; dir=&quot;ltr&quot;&gt;</span></p></blockquote></div><p>Да, дамы &amp; господа, так начинаются все документы. Можете нажать на &quot;Исходный код&quot; и это увидеть **<br />Продолжим. Мы с вами должны были получить вот это.</p><div class="quote-box quote-main"><blockquote><p><span style="font-family: Century Gothic">&lt;!DOCTYPE html PUBLIC &quot;-//W3C//DTD XHTML 1.0 Strict//EN&quot; &quot;http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd&quot;&gt;<br />&lt;html xmlns=&quot;http://www.w3.org/1999/xhtml&quot; xml:lang=&quot;ru&quot; lang=&quot;ru&quot; dir=&quot;ltr&quot;&gt;<br />&lt;head&gt;<br />&lt;title&gt;&lt;/title&gt;<br />&lt;style type=&quot;text/css&quot;&gt;&lt;/style&gt;<br />&lt;/head&gt;<br />&lt;body&gt;&lt;/body&gt;<br />&lt;/html&gt;</span></p></blockquote></div><p>Надеюсь, у вас получилось именно так ^ ^<br />И всё же предлагаю вам указать &lt;META&gt;<br />Более правльно постоенная страница (для сайта на народе) будет выглядеть так:</p><div class="quote-box quote-main"><blockquote><p><span style="font-family: Century Gothic">&lt;HTML&gt;<br />&lt;head&gt;<br />&lt;title&gt;Название сайта&lt;/title&gt;<br />&lt;META http-equiv=Content-Type content=&quot;text/html; charset=windows-1251&quot;&gt;<br />&lt;META NAME=&quot;Description&quot; CONTENT=&quot;название&quot;&gt;<br />&lt;META NAME=&quot;Keywords&quot; CONTENT=&quot;теги&quot;&gt;<br />&lt;META NAME=&quot;Document-state&quot; CONTENT=&quot;Dynamic&quot;&gt;<br />&lt;META NAME=&quot;robots&quot; CONTENT=&quot;ALL&quot;&gt;<br />&lt;META NAME=&quot;Rating&quot; CONTENT=&quot;General&quot;&gt;<br />&lt;META NAME=&quot;URL&quot; CONTENT=&quot;адрес вашего сайта&quot;&gt;<br />&lt;META NAME=&quot;doc-type&quot; CONTENT=&quot;Homepage&quot;&gt;<br />&lt;META NAME=&quot;language&quot; CONTENT=&quot;Russian Federation&quot;&gt;<br />&lt;META NAME=&quot;Author&quot; CONTENT=&quot;имя создателя сайта&quot;&gt;<br />&lt;style type=&quot;text/css&quot;&gt;&lt;/style&gt;<br />&lt;/head&gt;<br />&lt;body&gt;&lt;/body&gt;<br />&lt;/html&gt;</span></p></blockquote></div><p>Продолжаем заполнение &quot;головы сайта&quot;.<br />Нам необходимо прописать CSS для страницы. Это мы делать будем между тегами</p><div class="quote-box quote-main"><blockquote><p><span style="font-family: Century Gothic">&lt;style type=&quot;text/css&quot;&gt;&lt;/style&gt;</span></p></blockquote></div><p>С чего начать? Начинают обычно с цвета тела. Ну, и мы, собственно, начнём с него.</p><div class="quote-box quote-main"><blockquote><p><span style="font-family: Century Gothic">BODY {<br />font-size: 10px;<br />font-family: Arial;<br />background-color: #ffffff;<br />&#160; }</span></p></blockquote></div><p>Те, кто внимательно прочитали про &quot;некоторые моменты&quot; выше прекрасно поймут, что тут написанно.<br />Кстати, названия шрифта, цвет и прочее я указываю произвольно. Вы можете указывать ещё всего до кучи.<br />Что прописать далее? Ссылки ^^</p><div class="quote-box quote-main"><blockquote><p>A {<br />color: #000000;<br />text-decoration: none;<br /> }<br />A:visited {<br />color: #000000;<br /> } <br />A:hover {<br />color: #000000;<br />text-decoration: underline;<br />&#160; &#160;}</p></blockquote></div><p>A - обычная ссылка<br />A:visited - ссылка, по поторой прошлись<br />A:hover - ссылка при нажатии.</p> <p>Дальше прописываем первый элемент. Для чего он нужен? А вам не хотелось бы увидеть вместо стандартного заголовка картинку с другим шрифтом?</p><div class="quote-box quote-main"><blockquote><p><span style="font-family: Century Gothic">h1 {<br />font-size: 16px;<br />color: #000000;<br />text-align: center;<br />line-height: 22px;<br />margin-bottom: 0px;<br />font-family: Arial;<br />font-style: normal;<br />background-image: url(адрес);<br />}</span></p></blockquote></div><p>С этим всё понятно?<br />Поехали далее. Не хорошо оставлять страничку голой и белой хдд</p><div class="quote-box quote-main"><blockquote><p><span style="font-family: Century Gothic">h2 {color:#000000;<br />font-size: 11px;<br />font-family: Arial;<br />font-weight: normal;<br />text-transform: none;</p> <p>line-height: 13px;<br />padding-left: 20px;<br />text-align: center;<br />margin: 0px;<br />background-image: url(адрес);}</span></p></blockquote></div><p>Всё, голову отмучали ^ ^<br />У вас должно было получиться</p><div class="quote-box quote-main"><blockquote><p><span style="font-family: Century Gothic">&lt;head&gt;<br />&lt;title&gt;Название сайта&lt;/title&gt;<br />&lt;META http-equiv=Content-Type content=&quot;text/html; charset=windows-1251&quot;&gt;<br />&lt;META NAME=&quot;Description&quot; CONTENT=&quot;название&quot;&gt;<br />&lt;META NAME=&quot;Keywords&quot; CONTENT=&quot;теги&quot;&gt;<br />&lt;META NAME=&quot;Document-state&quot; CONTENT=&quot;Dynamic&quot;&gt;<br />&lt;META NAME=&quot;robots&quot; CONTENT=&quot;ALL&quot;&gt;<br />&lt;META NAME=&quot;Rating&quot; CONTENT=&quot;General&quot;&gt;<br />&lt;META NAME=&quot;URL&quot; CONTENT=&quot;адрес вашего сайта&quot;&gt;<br />&lt;META NAME=&quot;doc-type&quot; CONTENT=&quot;Homepage&quot;&gt;<br />&lt;META NAME=&quot;language&quot; CONTENT=&quot;Russian Federation&quot;&gt;<br />&lt;META NAME=&quot;Author&quot; CONTENT=&quot;имя создателя сайта&quot;&gt;<br />&lt;style type=&quot;text/css&quot;&gt;<br />BODY {<br />font-size: 10px;<br />font-family: Arial;<br />background-color: #ffffff;<br />&#160; }<br />A {<br />color: #000000;<br />text-decoration: none;<br /> }<br />A:visited {<br />color: #000000;<br /> } <br />A:hover {<br />color: #000000;<br />text-decoration: underline;<br />&#160; &#160;}<br />h1 {<br />font-size: 16px;<br />color: #000000;<br />text-align: center;<br />line-height: 22px;<br />margin-bottom: 0px;<br />font-family: Arial;<br />font-style: normal;<br />background-image: url(адрес);<br />}<br />h2 {color:#000000;<br />font-size: 11px;<br />font-family: Arial;<br />font-weight: normal;<br />text-transform: none;</p> <p>line-height: 13px;<br />padding-left: 20px;<br />text-align: center;<br />margin: 0px;<br />background-image: url(адрес);}<br />&lt;/style&gt;<br />&lt;/head&gt;<br />&lt;body&gt;&lt;/body&gt;<br />&lt;/html&gt;</span></p></blockquote></div><p>Едем дальше? Едем хдд<br />В BODY вы дописываете:</p><div class="quote-box quote-main"><blockquote><p>bgcolor=&quot;ffffff&quot; background=&quot;адрес&quot;</p></blockquote></div><p>Пример:</p><div class="quote-box quote-main"><blockquote><p><span style="font-family: Century Gothic">&lt;body bgcolor=&quot;ffffff&quot; background=&quot;адрес&quot;&gt;</span></p></blockquote></div><p>Теперь нужно прописать &quot;внутренности&quot;. Прописывается это через путь пи. &lt;p&gt;&lt;/p&gt;<br />Пример:</p><div class="quote-box quote-main"><blockquote><p><span style="font-family: Century Gothic">&lt;p&gt;&lt;div style=&quot;position: absolute; left: 100; top: 0; &quot;&gt;<br />&lt;img src=&quot;путь до изображения каркаса страницы&quot; width=600 height=850&gt;&lt;/A&gt;</p> <p>&lt;p&gt;&lt;div style=&quot;position: absolute; left: 8; top: -10; &quot;&gt;<br />&lt;img src=&quot;путь до изображения шапки&quot; &lt;/A&gt;</p> <p>&lt;p&gt;&lt;div style=&quot;position: absolute; left: 14; top: 330; width: 190;&quot;&gt;<br />&lt;h1&gt;Навигация&lt;/h1&gt;<br />&lt;center&gt;&lt;a href=&quot;link&quot; target=&quot;shatany&quot;&gt;&lt;b&gt;Главная&lt;/b&gt;&lt;/a&gt;&lt;br&gt;<br />&lt;a href=&quot;link&quot; target=&quot;shatany&quot;&gt;&lt;b&gt;Сайт&lt;/b&gt;&lt;/a&gt;&lt;br&gt;<br />&lt;a href=&quot;link&quot; target=&quot;shatany&quot;&gt;&lt;b&gt;Графика&lt;/b&gt;&lt;/a&gt;&lt;br&gt;&lt;/center&gt;</p> <p>&lt;h1&gt;Немного информации&lt;/h1&gt;<br />&lt;h2&gt;&lt;b&gt;Название: &lt;/b&gt;name&lt;br&gt;<br />&lt;b&gt;Хостинг: &lt;/b&gt;narod.ru&lt;br&gt;<br />&lt;b&gt;Админ: &lt;/b&gt;Шатани&lt;br&gt;<br />&lt;b&gt;Открытие: &lt;/b&gt;о.О&lt;br&gt;<br />&lt;b&gt;Версия:&#160; &lt;/b&gt;о.1&lt;br&gt;&lt;/h2&gt;</p> <p>&lt;div style=&quot;position: absolute; left: 200; top: 3; width:120;&quot;&gt;<br />&lt;center&gt;&lt;iframe name=&quot;shatany&quot; src=&quot;ссылка&quot; width=&quot;500&quot; height=&quot;700&quot; frameborder=&quot;0&quot;&gt;&lt;/iframe&gt; &lt;/center&gt;&lt;br&gt;<br /></span></p></blockquote></div><p>Пример готовой страницы сайта:</p><div class="quote-box quote-main"><blockquote><p><span style="font-family: Century Gothic">&lt;head&gt;<br />&lt;title&gt;Название сайта&lt;/title&gt;<br />&lt;META http-equiv=Content-Type content=&quot;text/html; charset=windows-1251&quot;&gt;<br />&lt;META NAME=&quot;Description&quot; CONTENT=&quot;название&quot;&gt;<br />&lt;META NAME=&quot;Keywords&quot; CONTENT=&quot;теги&quot;&gt;<br />&lt;META NAME=&quot;Document-state&quot; CONTENT=&quot;Dynamic&quot;&gt;<br />&lt;META NAME=&quot;robots&quot; CONTENT=&quot;ALL&quot;&gt;<br />&lt;META NAME=&quot;Rating&quot; CONTENT=&quot;General&quot;&gt;<br />&lt;META NAME=&quot;URL&quot; CONTENT=&quot;адрес вашего сайта&quot;&gt;<br />&lt;META NAME=&quot;doc-type&quot; CONTENT=&quot;Homepage&quot;&gt;<br />&lt;META NAME=&quot;language&quot; CONTENT=&quot;Russian Federation&quot;&gt;<br />&lt;META NAME=&quot;Author&quot; CONTENT=&quot;имя создателя сайта&quot;&gt;<br />&lt;style type=&quot;text/css&quot;&gt;<br />BODY {<br />font-size: 10px;<br />font-family: Arial;<br />background-color: #ffffff;<br />&#160; }<br />A {<br />color: #000000;<br />text-decoration: none;<br /> }<br />A:visited {<br />color: #000000;<br /> } <br />A:hover {<br />color: #000000;<br />text-decoration: underline;<br />&#160; &#160;}<br />h1 {<br />font-size: 16px;<br />color: #000000;<br />text-align: center;<br />line-height: 22px;<br />margin-bottom: 0px;<br />font-family: Arial;<br />font-style: normal;<br />background-image: url(адрес);<br />}<br />h2 {color:#000000;<br />font-size: 11px;<br />font-family: Arial;<br />font-weight: normal;<br />text-transform: none;</p> <p>line-height: 13px;<br />padding-left: 20px;<br />text-align: center;<br />margin: 0px;<br />background-image: url(адрес);}<br />&lt;/style&gt;<br />&lt;/head&gt;<br />&lt;body bgcolor=&quot;ffffff&quot; background=&quot;адрес&quot;&gt;&lt;p&gt;&lt;div style=&quot;left: 0; top: 0; &quot;&gt;<br />&lt;p&gt;&lt;div style=&quot;position: absolute; left: 100; top: 0; &quot;&gt;<br />&lt;img src=&quot;путь до изображения каркаса страницы&quot; width=600 height=850&gt;&lt;/A&gt;</p> <p>&lt;p&gt;&lt;div style=&quot;position: absolute; left: 8; top: -10; &quot;&gt;<br />&lt;img src=&quot;путь до изображения шапки&quot; &lt;/A&gt;</p> <p>&lt;p&gt;&lt;div style=&quot;position: absolute; left: 14; top: 330; width: 190;&quot;&gt;<br />&lt;h1&gt;Навигация&lt;/h1&gt;<br />&lt;center&gt;&lt;a href=&quot;link&quot; target=&quot;shatany&quot;&gt;&lt;b&gt;Главная&lt;/b&gt;&lt;/a&gt;&lt;br&gt;<br />&lt;a href=&quot;link&quot; target=&quot;shatany&quot;&gt;&lt;b&gt;Сайт&lt;/b&gt;&lt;/a&gt;&lt;br&gt;<br />&lt;a href=&quot;link&quot; target=&quot;shatany&quot;&gt;&lt;b&gt;Графика&lt;/b&gt;&lt;/a&gt;&lt;br&gt;&lt;/center&gt;</p> <p>&lt;h1&gt;Немного информации&lt;/h1&gt;<br />&lt;h2&gt;&lt;b&gt;Название: &lt;/b&gt;name&lt;br&gt;<br />&lt;b&gt;Хостинг: &lt;/b&gt;narod.ru&lt;br&gt;<br />&lt;b&gt;Админ: &lt;/b&gt;Шатани&lt;br&gt;<br />&lt;b&gt;Открытие: &lt;/b&gt;о.О&lt;br&gt;<br />&lt;b&gt;Версия:&#160; &lt;/b&gt;о.1&lt;br&gt;&lt;/h2&gt;</p> <p>&lt;div style=&quot;position: absolute; left: 200; top: 3; width:120;&quot;&gt;<br />&lt;center&gt;&lt;iframe name=&quot;shatany&quot; src=&quot;ссылка&quot; width=&quot;500&quot; height=&quot;700&quot; frameborder=&quot;0&quot;&gt;&lt;/iframe&gt; &lt;/center&gt;&lt;br&gt;<br />&lt;/body&gt;<br />&lt;/html&gt;</span></p></blockquote></div><p>Всё. Спасибо за внимание.</p> <p><strong>Код для вставки на форум:</strong></p><div class="code-box"><strong class="legend">Код:</strong><div class="blockcode"><div class="scrollbox" style="height: 35em"><pre>Долго - долго думала, но всё же решилась написать эту статью. Я начинающий, потому огромных подробностей можете не ждать. Но кое-что я объясню. Для начала нужно усвоить одну простейшую вещь. [font=Century Gothic]&lt;тег&gt;слово&lt;/тег&gt;[/font] Теги всегда закрываем. Из-за одного незакрытого тега можно лишиться всего сайта. А теперь разберём от края - хехе - до края. Самый первый тег, который встречается в документе, должен быть тегом &lt;html&gt;. Данный тег сообщает браузеру, что документ написан с использованием HTML. завершающим тегом, соответственно, будет &lt;/html&gt;. Пример: [quote][font=Century Gothic]&lt;html&gt;&lt;/html&gt;[/font][/quote] Голова документа - HEAD Пример: [quote][font=Century Gothic]&lt;head&gt;&lt;/head&gt;[/font][/quote] Тeг заголовочной части документа должен быть использован сразу после тeга &lt;html&gt; и более нигде в теле документа. Данный тег представляет собой общее описание документа. Избегайте размещать какой-либо текст внутри тeга &lt;head&gt;. Сюда, обычно, вставляют его CSS-описание. Здесь, правда, это значительно проще. Тело документа - BODY Пример: [quote][font=Century Gothic]&lt;body&gt;&lt;/body&gt;[/font][/quote] Тело документа должно находиться между тeгами &lt;body&gt; и &lt;/body&gt;. Это та часть документа, которая отображается как текстовая и графическая информация страницы. Пример HTML-документа: [quote][font=Century Gothic]&lt;html&gt; &lt;head&gt; &lt;/head&gt; &lt;body&gt; &lt;/body&gt; &lt;/html&gt;[/font][/quote] Это минимальный HTML-документ. Мы же поговорим о более крупном. Представляю вам структуру моего бывшего сайта (пока без значений). [quote][font=Century Gothic]&lt;html&gt; &lt;head&gt; &lt;title&gt;&lt;/title&gt; &lt;style type=&quot;text/css&quot;&gt;&lt;/style&gt; &lt;/head&gt; &lt;body&gt;&lt;/body&gt; &lt;/html&gt;[/font][/quote] Для начала разберёмся, что куда вставлять. Хочу обратить ваше внимание, что без знания CSS ва будет очень тяжело. Впрочем, некоторые моменты я поясню: [size=10][b]Размеры, высоты и прочее.[/b] % - проценты; em – высота шрифта; ex – высота буквы; in - дюймы; px - пиксели; pt - пункты; cm - сантиметры; mm - миллиметры. [b]Font - шрифт[/b] [u]font-size[/u] – это размер шрифта. Некоторые размеры: x-small; small; medium; large; x-large. [s]Есть ещё два, но у шата нет мозгов их вспомнить. насколько я помню - это огромный и миниатюрный[/s] [u]font-style[/u] - тип normal - стандарт; italic - курсив; oblique - он что-то среднее между стандартом и курсивом &gt;&gt; [s]я им как-то не пользовалась, если честно.[/s] [u]font-weight[/u] - не знаю, как правильно назвать. начертание, наверное. normal - стандарт; bold - жирный. [b]Text - текст[/b] [u]text-align[/u] - выравнивание текста внутри элемента. left - по левому краю; right - по правому краю; center - по центру. [u]text-decoration[/u] - украшение текста none - нет underline - подчеркивание снизу overline - подчеркивание сверху blink - мигание [s]не эксперементировала[/s] [b]Background - фон[/b] [u]background-color - цвет заливки[/u] [quote]background-color: #494f4f;[/quote] [u]background-image - фоновая картинка[/u] url (&quot;путь до картинки&quot;) – в скобках указываете адрес изображения; [quote]background-image: url(http://xmages.net/upload/3e9ddc17.gif);[/quote] none – отсутствие картинки (при присутствии background-color не указывать). [u]background-attachment - прокрутка фона[/u] scroll - прокручивается; fixed - непрокручивается; background-repeat – автоматическое размножение фона no-repeat - не размножается repeat-x - размножается по горизонтали repeat-y - размножается по вертикали repeatxy - размножается в обоих направлениях. [u]background-position[/u] – расположение фона. Сначала указывается расположение по вертикали: top, center или bottom, потом погоризонтали: left, center или right. [b]Border - рамка[/b] [u]border-color - цвет оной;[/u] [u]border-width - толщина;[/u]. Указывается в пикселах (px) [u]border-style - тип границ рамки;[/u] none - отсутствие рамки; dotted - пунктир-точки; dashed - штрих-пунктир; solid - одинарная; double - двойная; groove - трехмерный эффект; ridge - трехмерный эффект возвышения; inset - трехмерный эффект углубления; outset - трехмерный эффект выпуклости фона; [u]border-top[/u] – параметр верха; [u]border-bottom[/u] – параметр низа; [u]border-left[/u] – параметр левой стороны (кромки); [u]border-right[/u] – параметр правой стороны (кромки); [b]Основные параметры[/b] Height - высота; Width - ширина; Color - цвет шрифта элемента.[/size] Перед тегом HTML необходимо всегда ставить вот это. [quote]&lt;!DOCTYPE html PUBLIC &quot;-//W3C//DTD XHTML 1.0 Strict//EN&quot; &quot;http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd&quot;&gt;[/quote] Зачем это нужно? Меньше знаешь - крепче спишь. в соткрывающем теге &lt;html&gt; необходимо прописать [quote][font=Century Gothic]xmlns=&quot;http://www.w3.org/1999/xhtml&quot; xml:lang=&quot;ru&quot; lang=&quot;ru&quot; dir=&quot;ltr&quot;[/font][/quote] Пример: [quote][font=Century Gothic]&lt;html xmlns=&quot;http://www.w3.org/1999/xhtml&quot; xml:lang=&quot;ru&quot; lang=&quot;ru&quot; dir=&quot;ltr&quot;&gt;[/font][/quote] Да, дамы &amp; господа, так начинаются все документы. Можете нажать на &quot;Исходный код&quot; и это увидеть ** Продолжим. Мы с вами должны были получить вот это. [quote][font=Century Gothic]&lt;!DOCTYPE html PUBLIC &quot;-//W3C//DTD XHTML 1.0 Strict//EN&quot; &quot;http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd&quot;&gt; &lt;html xmlns=&quot;http://www.w3.org/1999/xhtml&quot; xml:lang=&quot;ru&quot; lang=&quot;ru&quot; dir=&quot;ltr&quot;&gt; &lt;head&gt; &lt;title&gt;&lt;/title&gt; &lt;style type=&quot;text/css&quot;&gt;&lt;/style&gt; &lt;/head&gt; &lt;body&gt;&lt;/body&gt; &lt;/html&gt;[/font][/quote] Надеюсь, у вас получилось именно так ^ ^ И всё же предлагаю вам указать &lt;META&gt; Более правльно постоенная страница (для сайта на народе) будет выглядеть так: [quote][font=Century Gothic]&lt;HTML&gt; &lt;head&gt; &lt;title&gt;Название сайта&lt;/title&gt; &lt;META http-equiv=Content-Type content=&quot;text/html; charset=windows-1251&quot;&gt; &lt;META NAME=&quot;Description&quot; CONTENT=&quot;название&quot;&gt; &lt;META NAME=&quot;Keywords&quot; CONTENT=&quot;теги&quot;&gt; &lt;META NAME=&quot;Document-state&quot; CONTENT=&quot;Dynamic&quot;&gt; &lt;META NAME=&quot;robots&quot; CONTENT=&quot;ALL&quot;&gt; &lt;META NAME=&quot;Rating&quot; CONTENT=&quot;General&quot;&gt; &lt;META NAME=&quot;URL&quot; CONTENT=&quot;адрес вашего сайта&quot;&gt; &lt;META NAME=&quot;doc-type&quot; CONTENT=&quot;Homepage&quot;&gt; &lt;META NAME=&quot;language&quot; CONTENT=&quot;Russian Federation&quot;&gt; &lt;META NAME=&quot;Author&quot; CONTENT=&quot;имя создателя сайта&quot;&gt; &lt;style type=&quot;text/css&quot;&gt;&lt;/style&gt; &lt;/head&gt; &lt;body&gt;&lt;/body&gt; &lt;/html&gt;[/font][/quote] Продолжаем заполнение &quot;головы сайта&quot;. Нам необходимо прописать CSS для страницы. Это мы делать будем между тегами [quote][font=Century Gothic]&lt;style type=&quot;text/css&quot;&gt;&lt;/style&gt;[/font][/quote] С чего начать? Начинают обычно с цвета тела. Ну, и мы, собственно, начнём с него. [quote][font=Century Gothic]BODY { font-size: 10px; font-family: Arial; background-color: #ffffff; }[/font][/quote] Те, кто внимательно прочитали про &quot;некоторые моменты&quot; выше прекрасно поймут, что тут написанно. Кстати, названия шрифта, цвет и прочее я указываю произвольно. Вы можете указывать ещё всего до кучи. Что прописать далее? Ссылки ^^ [quote]A { color: #000000; text-decoration: none; } A:visited { color: #000000; } A:hover { color: #000000; text-decoration: underline; }[/quote] A - обычная ссылка A:visited - ссылка, по поторой прошлись A:hover - ссылка при нажатии. Дальше прописываем первый элемент. Для чего он нужен? А вам не хотелось бы увидеть вместо стандартного заголовка картинку с другим шрифтом? [quote][font=Century Gothic]h1 { font-size: 16px; color: #000000; text-align: center; line-height: 22px; margin-bottom: 0px; font-family: Arial; font-style: normal; background-image: url(адрес); }[/font][/quote] С этим всё понятно? Поехали далее. Не хорошо оставлять страничку голой и белой хдд [quote][font=Century Gothic]h2 {color:#000000; font-size: 11px; font-family: Arial; font-weight: normal; text-transform: none; line-height: 13px; padding-left: 20px; text-align: center; margin: 0px; background-image: url(адрес);}[/font][/quote] Всё, голову отмучали ^ ^ У вас должно было получиться [quote][font=Century Gothic]&lt;head&gt; &lt;title&gt;Название сайта&lt;/title&gt; &lt;META http-equiv=Content-Type content=&quot;text/html; charset=windows-1251&quot;&gt; &lt;META NAME=&quot;Description&quot; CONTENT=&quot;название&quot;&gt; &lt;META NAME=&quot;Keywords&quot; CONTENT=&quot;теги&quot;&gt; &lt;META NAME=&quot;Document-state&quot; CONTENT=&quot;Dynamic&quot;&gt; &lt;META NAME=&quot;robots&quot; CONTENT=&quot;ALL&quot;&gt; &lt;META NAME=&quot;Rating&quot; CONTENT=&quot;General&quot;&gt; &lt;META NAME=&quot;URL&quot; CONTENT=&quot;адрес вашего сайта&quot;&gt; &lt;META NAME=&quot;doc-type&quot; CONTENT=&quot;Homepage&quot;&gt; &lt;META NAME=&quot;language&quot; CONTENT=&quot;Russian Federation&quot;&gt; &lt;META NAME=&quot;Author&quot; CONTENT=&quot;имя создателя сайта&quot;&gt; &lt;style type=&quot;text/css&quot;&gt; BODY { font-size: 10px; font-family: Arial; background-color: #ffffff; } A { color: #000000; text-decoration: none; } A:visited { color: #000000; } A:hover { color: #000000; text-decoration: underline; } h1 { font-size: 16px; color: #000000; text-align: center; line-height: 22px; margin-bottom: 0px; font-family: Arial; font-style: normal; background-image: url(адрес); } h2 {color:#000000; font-size: 11px; font-family: Arial; font-weight: normal; text-transform: none; line-height: 13px; padding-left: 20px; text-align: center; margin: 0px; background-image: url(адрес);} &lt;/style&gt; &lt;/head&gt; &lt;body&gt;&lt;/body&gt; &lt;/html&gt;[/font][/quote] Едем дальше? Едем хдд В BODY вы дописываете: [quote]bgcolor=&quot;ffffff&quot; background=&quot;адрес&quot;[/quote] Пример: [quote][font=Century Gothic]&lt;body bgcolor=&quot;ffffff&quot; background=&quot;адрес&quot;&gt;[/font][/quote] Теперь нужно прописать &quot;внутренности&quot;. Прописывается это через путь пи. &lt;p&gt;&lt;/p&gt; Пример: [quote][font=Century Gothic]&lt;p&gt;&lt;div style=&quot;position: absolute; left: 100; top: 0; &quot;&gt; &lt;img src=&quot;путь до изображения каркаса страницы&quot; width=600 height=850&gt;&lt;/A&gt; &lt;p&gt;&lt;div style=&quot;position: absolute; left: 8; top: -10; &quot;&gt; &lt;img src=&quot;путь до изображения шапки&quot; &lt;/A&gt; &lt;p&gt;&lt;div style=&quot;position: absolute; left: 14; top: 330; width: 190;&quot;&gt; &lt;h1&gt;Навигация&lt;/h1&gt; &lt;center&gt;&lt;a href=&quot;link&quot; target=&quot;shatany&quot;&gt;&lt;b&gt;Главная&lt;/b&gt;&lt;/a&gt;&lt;br&gt; &lt;a href=&quot;link&quot; target=&quot;shatany&quot;&gt;&lt;b&gt;Сайт&lt;/b&gt;&lt;/a&gt;&lt;br&gt; &lt;a href=&quot;link&quot; target=&quot;shatany&quot;&gt;&lt;b&gt;Графика&lt;/b&gt;&lt;/a&gt;&lt;br&gt;&lt;/center&gt; &lt;h1&gt;Немного информации&lt;/h1&gt; &lt;h2&gt;&lt;b&gt;Название: &lt;/b&gt;name&lt;br&gt; &lt;b&gt;Хостинг: &lt;/b&gt;narod.ru&lt;br&gt; &lt;b&gt;Админ: &lt;/b&gt;Шатани&lt;br&gt; &lt;b&gt;Открытие: &lt;/b&gt;о.О&lt;br&gt; &lt;b&gt;Версия: &lt;/b&gt;о.1&lt;br&gt;&lt;/h2&gt; &lt;div style=&quot;position: absolute; left: 200; top: 3; width:120;&quot;&gt; &lt;center&gt;&lt;iframe name=&quot;shatany&quot; src=&quot;ссылка&quot; width=&quot;500&quot; height=&quot;700&quot; frameborder=&quot;0&quot;&gt;&lt;/iframe&gt; &lt;/center&gt;&lt;br&gt; [/font][/quote] Пример готовой страницы сайта: [quote][font=Century Gothic]&lt;head&gt; &lt;title&gt;Название сайта&lt;/title&gt; &lt;META http-equiv=Content-Type content=&quot;text/html; charset=windows-1251&quot;&gt; &lt;META NAME=&quot;Description&quot; CONTENT=&quot;название&quot;&gt; &lt;META NAME=&quot;Keywords&quot; CONTENT=&quot;теги&quot;&gt; &lt;META NAME=&quot;Document-state&quot; CONTENT=&quot;Dynamic&quot;&gt; &lt;META NAME=&quot;robots&quot; CONTENT=&quot;ALL&quot;&gt; &lt;META NAME=&quot;Rating&quot; CONTENT=&quot;General&quot;&gt; &lt;META NAME=&quot;URL&quot; CONTENT=&quot;адрес вашего сайта&quot;&gt; &lt;META NAME=&quot;doc-type&quot; CONTENT=&quot;Homepage&quot;&gt; &lt;META NAME=&quot;language&quot; CONTENT=&quot;Russian Federation&quot;&gt; &lt;META NAME=&quot;Author&quot; CONTENT=&quot;имя создателя сайта&quot;&gt; &lt;style type=&quot;text/css&quot;&gt; BODY { font-size: 10px; font-family: Arial; background-color: #ffffff; } A { color: #000000; text-decoration: none; } A:visited { color: #000000; } A:hover { color: #000000; text-decoration: underline; } h1 { font-size: 16px; color: #000000; text-align: center; line-height: 22px; margin-bottom: 0px; font-family: Arial; font-style: normal; background-image: url(адрес); } h2 {color:#000000; font-size: 11px; font-family: Arial; font-weight: normal; text-transform: none; line-height: 13px; padding-left: 20px; text-align: center; margin: 0px; background-image: url(адрес);} &lt;/style&gt; &lt;/head&gt; &lt;body bgcolor=&quot;ffffff&quot; background=&quot;адрес&quot;&gt;&lt;p&gt;&lt;div style=&quot;left: 0; top: 0; &quot;&gt; &lt;p&gt;&lt;div style=&quot;position: absolute; left: 100; top: 0; &quot;&gt; &lt;img src=&quot;путь до изображения каркаса страницы&quot; width=600 height=850&gt;&lt;/A&gt; &lt;p&gt;&lt;div style=&quot;position: absolute; left: 8; top: -10; &quot;&gt; &lt;img src=&quot;путь до изображения шапки&quot; &lt;/A&gt; &lt;p&gt;&lt;div style=&quot;position: absolute; left: 14; top: 330; width: 190;&quot;&gt; &lt;h1&gt;Навигация&lt;/h1&gt; &lt;center&gt;&lt;a href=&quot;link&quot; target=&quot;shatany&quot;&gt;&lt;b&gt;Главная&lt;/b&gt;&lt;/a&gt;&lt;br&gt; &lt;a href=&quot;link&quot; target=&quot;shatany&quot;&gt;&lt;b&gt;Сайт&lt;/b&gt;&lt;/a&gt;&lt;br&gt; &lt;a href=&quot;link&quot; target=&quot;shatany&quot;&gt;&lt;b&gt;Графика&lt;/b&gt;&lt;/a&gt;&lt;br&gt;&lt;/center&gt; &lt;h1&gt;Немного информации&lt;/h1&gt; &lt;h2&gt;&lt;b&gt;Название: &lt;/b&gt;name&lt;br&gt; &lt;b&gt;Хостинг: &lt;/b&gt;narod.ru&lt;br&gt; &lt;b&gt;Админ: &lt;/b&gt;Шатани&lt;br&gt; &lt;b&gt;Открытие: &lt;/b&gt;о.О&lt;br&gt; &lt;b&gt;Версия: &lt;/b&gt;о.1&lt;br&gt;&lt;/h2&gt; &lt;div style=&quot;position: absolute; left: 200; top: 3; width:120;&quot;&gt; &lt;center&gt;&lt;iframe name=&quot;shatany&quot; src=&quot;ссылка&quot; width=&quot;500&quot; height=&quot;700&quot; frameborder=&quot;0&quot;&gt;&lt;/iframe&gt; &lt;/center&gt;&lt;br&gt; &lt;/body&gt; &lt;/html&gt;[/font][/quote] Всё. Спасибо за внимание. [size=16]Взято с [b][url=http://shatany-killer.narod.ru/]сайта шата ^^[/url][/b][/size]</pre></div></div></div><p>+ не забываем ставить баннер ^^</p><div class="code-box"><strong class="legend">Код:</strong><div class="blockcode"><div class="scrollbox" style="height: 4.5em"><pre>&lt;a href=&quot;http://shatany-killer.narod.ru/&quot; target=&quot;_blank&quot;&gt;&lt;img src=&quot;http://xmages.net/upload/2544d6a9.gif&quot; alt=&quot;Warriors Cats Grafic Site&quot; /&gt;&lt;/a&gt;</pre></div></div></div> mybb@mybb.ru (.shatany.killer) Thu, 27 May 2010 20:26:22 +0400 http://bysk.mybb.ru/viewtopic.php?pid=12#p12 http://bysk.mybb.ru/viewtopic.php?pid=4#p4 <div class="quote-box quote-main"><blockquote><p>Тестирование</p></blockquote></div><div class="code-box"><strong class="legend">Код:</strong><div class="blockcode"><div class="scrollbox" style="height: 4.5em"><pre>Тестирование</pre></div></div></div><p><strong>Тест</strong><span style="font-style: italic">Тест</span><em class="bbuline">Тест</em><del>Тест</del><span style="font-size: 12px">Тест</span><span style="font-size: 20px">Тест</span><span style="font-family: Impact">Тест</span></p><div class="quote-box hide-box term-login"><cite>Скрытый текст:</cite><blockquote><p>Для просмотра скрытого текста - <a href="/login.php" rel="nofollow" target="_blank">войдите</a> или <a rel="nofollow" href="/register.php" target="_blank">зарегистрируйтесь</a>.</p></blockquote></div> mybb@mybb.ru (.shatany.killer) Fri, 14 May 2010 10:34:06 +0400 http://bysk.mybb.ru/viewtopic.php?pid=4#p4 http://bysk.mybb.ru/viewtopic.php?pid=1#p1 <p>Блистит на солнышке, переливается... Мдэ...</p> mybb@mybb.ru (.shatany.killer) Mon, 10 May 2010 12:24:46 +0400 http://bysk.mybb.ru/viewtopic.php?pid=1#p1