http://cottonshow.rusff.me/ cotton farm` ru-ru Wed, 24 Nov 2010 07:52:26 +0300 MyBB/mybb.ru http://cottonshow.rusff.me/viewtopic.php?pid=6#p6 <p><a href="http://mybb.bbcorp.ru/generator/" rel="nofollow" target="_blank">http://mybb.bbcorp.ru/generator/</a> - с помощью этой штучки генерится код в нижнее окошко, это вся конфетная оболочка форума. Все картинки пихаются сюда же)<br /><a href="http://forum.mybb.ru/viewtopic.php?id=61" rel="nofollow" target="_blank">http://forum.mybb.ru/viewtopic.php?id=61</a> – инструкция всемогущей Зебры тебе в помощь. В свое время я действовал только по ней. Одно «но» - код пишется без тегов &lt;style&gt;&lt;/style&gt;. Ну это я думаю все знаешь. Помни, что селекторы (теги) вещь серьезная:</p> <p>&#160; &#160; #pun { background-color: #000000; }</p> <p>Жирный это название селектора (в данном случае фон под таблицами форума. Имя элемента проще говоря. Красные скобки {} это..ммм….. нечто вроде тега. Поставил лишнюю скобку – код не работает. Следи за ними внимательно. Чаще всего я матерюсь, по часу перерывая код, ища ошибку, потому что шапка не отображается. В итоге выясняется, что я элементарно поставил лишнюю скобку случайно. Подчеркнутое это свойство элемента (в данном случае цвет фона) им может быть шрифт, отступ, высота, ширина, рамка и все остальное. Курсив это значение, параметр (в данном случае цвет фона (черный)) – в пикселях, ссылка на изображение, код цвета.</p> <p>В один селектор можно прописывать несколько свойств. Например, мне нужно расположить фоновое изображение по правому верхнему краю и чтобы оно не размножалось. Для этого не нужно писать так:</p> <p>&#160; &#160; html, body {background-image: url(ссылка на изображение);}<br />&#160; &#160; html, body {background-repeat: no-repeat;}<br />&#160; &#160; и тэ дэ</p> <p>достаточно написать все в одном:</p> <p>&#160; &#160; html, body {background-image: url(ссылка на изображение); background-repeat: no-repeat; background-position: top right;}</p> <p>3. Верхний css пока не для тебя – одна неверная строчка и пиздец всему, что ты делаешь. И это уже не исправить. Так что пока мы его благополучно не трогаем. Верхнее окошко – это скелет всего форума. Все таблицы, шрифты, размеры, отступы, все все все… вообрази, если что-то сделать не так…капец всему.</p> <p>4. Имей четкое представление о том, чего хочешь. Не начинай делать, пока не поймешь, чего тебе хочется, иначе дизайн будет выглядеть тяп-ляп – в разных стилях.</p> <p>5. Никогда, никогда и снова никогда не генерируй код до того, как найдешь исходники. Ищешь их в предпочтительно одной цветовой гамме, иначе выйдет цветовая бурда. Большой размер – это огромный плюс. Так же лучше всего не генерировать стиль, пока не сделать фон для форума. Шапка можно «подогнать» подо все остальное, фон же диктует моду. Всегда должен быть контраст – фон и таблица форума не должны сливаться. Цвет не должен быть слишком ярким или слишком тусклым, текст не должен сливаться с форумом так же, как ссылки. Предпочтительно не делать ссылки одного цвета с текстом – пользователи спасибо не скажут, за то, что разобраться в форуме не могут.</p> <p>6. Делай фон «с запасом» - у кого-то широкоформатные экраны. Я например всегда ставлю ширину фона 1500 пикселей. Не сохраняй ничего в png. В авиках – да, png. На дизайне же – такое пресекается. Слишком долго грузится, увы. За это спасибо не скажут. Не сильно загружай элементы дизайна, но и не делай все слишком пустым, иначе дизайн не будет смотреться. Или будет, но скучно.</p> <p>7. Нервов тебе в помощь – это большая кутерьма. Особенно если ты стараешься изменить стандартный стиль. Можно несколько дней пытаться сделать ту или иную вещь, в итоге психануть и ничего не сделать, а то и вовсе удалить всю работу. Все что делаешь – сохраняй в psd с разведенными слоями. Внимательно вымеряй все в пикселях. Лишний/недостающий пиксель – все на смарку, будет видно стыки. Смотрится не эстетично.</p> mybb@mybb.ru (cotton farm`) Wed, 24 Nov 2010 07:52:26 +0300 http://cottonshow.rusff.me/viewtopic.php?pid=6#p6