Привет Аня )) Меня зовут Ксюшей, можешь так и называть или же по нику. Человек я требовательный. Если сказала что-то делать, то нужно прислушиваться и делать. Для начала предлагаю привести несколько примеров дизайнов которые тебе нравятся, с описанием того что именно в них нравится. И создай пробник на котором будем работать.
замерли стрелки часов
Сообщений 1 страница 13 из 13
Поделиться22011-12-11 22:28:32
Привет) Очень приятно познакомиться. Я, как человек, который ну очень хочет научиться делать дизайны, обещаю всё делать, прислушиваться и стараться)
http://bybooi.mybb.ru/ - пробник.
http://thisway.rusff.ru/ - нравится фон и фоновая картинка "тела" форума. Такая какая-то домашняя и уютная)
http://godapple.rusff.ru/ - нравится спокойное оформление, без элементов аля "вырви-глаз", хотя шапка нравится меньше всего остального
http://blackbridge.rusff.ru/ - шапка и те штучки, на которых "Home" и тд
http://bennington.mybb.ru/ - простота привлекает) И рамочка вокруг форума нравится. Рамочки мне вообще почему-то нравятся сильно.
http://1977.potterforum.ru/ - иконки сообщений нравятся.
http://tintagel.rusff.ru/ - шапка, фон, да и весь дизайн привлекает, хотя он и несколько темноват.
Вот вроде бы все, что попались в момент поиска. Обобщая, могу сказать, что нравятся рамки вокруг форума, спокойные тона и отсутствие огромных элементов)
Отредактировано бу (2011-12-11 22:29:38)
Поделиться52011-12-12 20:22:09
Скучновато немного получилось. Можешь сделать рамочку?
Поделиться72011-12-12 23:01:21
Так уже лучше.
Ставим фон через стиль. Первым делом заходим в Администрирование ----> Свой стиль. Ставим галочку использовать свой стиль. Видим два окошка с не понятными кодами. Работать в основном будем со вторым, который отвечает за наш стиль. Первое окно отвечает за саму структуру форума. Там если не знаешь лучше не чего не трогать и не удалять, иначе весь дизайн испортится.
Шапка (ставим во втором окне стиля в самом конце CS1 Background and text colours)
#pun_wrap {background-image: url("ссылка"); background-repeat: no-repeat; background-position: center top; }
Теперь ее нужно настроить. Ищем в первом окне стиля /* D1 Logo and description (отвечает за лого). Нам нужен пункт /* D1.4 */. Остальное не трогаем. Вставляем это:
#pun-title h1 span {
display: none;
}#pun-title TABLE {
border: none;
height: 500px;
width: 800px;
float: none;
background-image: url(ссылка);
background-position : top center;
}#pun-title TD.title-logo-tdl {
border: none;
width: 100%;
}
background-image : url(адрес); - адрес шапки
background-repeat : no-repeat; - шапка не дублируется ни по горизонтали, ни по вертикали, то есть изображается только один раз, а не так как бесшовный фон.
border: none; - нет рамок
height: 500px; - высота шапки
width: 800px; - ширина шапки
/* A5.1 */ - настраиваем ширину форума (в первом окне)
#pun {
margin: auto;
width: 800px;
position: relative; }
Фон
#pun-title table {
background-image : url("...");}body {background-color: #eae3d1;
background-image : url("ссылка");
background-repeat: repeat;
background-position : top center;}#pun { background-image : url("ссылка");
background-color : #;
background-position : center;}
background-color: #eae3d1; - цвет переадресации.
Поделиться82011-12-13 16:32:34
http://bybooi.mybb.ru/ - смотри. Только видимо когда графику делала, у меня не ровно по середине что ли было. Потому что сам форум стоит криво.
Поделиться92011-12-13 20:18:11
http://bybooi.mybb.ru/ - смотри. Только видимо когда графику делала, у меня не ровно по середине что ли было. Потому что сам форум стоит криво.
Дай мне права админа и посмотрю коды.
Поделиться102011-12-13 20:44:17
ультраморин
готово
Поделиться112011-12-13 21:28:00
Я тебе там убрала фон который накладывался на то, что ты поставила. Я заменила прописанный цвет на это: background-color:transparent;
Теперь объясню как убрать бордюры и ставить иконки
CS2 Border colours
Отвечает за бордюры на форуме. Они нам не очень то и нужны, так что будем их убирать. Внимание! Не удалять, а сделаем так что бы они не отображались.
Видим вот это:
border-color: #f5f5f5
Меняем на это:
border-color: transparent
И так в каждом пункте Border colours.
Дальше избавимся от стандартного цвета форума.
CS1 Background and text colours
Там где написанно background-color: #f1f1f1;
убираем номер цвета. Должно получится background-color: #;
Поскольку фоны мы прописали картинками, то прописывать цветом не будем. Он просто перекроет наши картинки. Конечно, при желание можно фон делать с помощью цвета. Но все-таки с помощью картинок больше возможностей.
Меняем иконки (Ставим в ХТМЛ ВЕРХ)
<style>
.punbb table Div.icon {float: right; display: block; width: 70px; height: 70px; border-style: none; background-image: url(ссылка старые сообщения); background-repeat: no-repeat; position: relative;}
.punbb table div.inew {background: url(ссылка новые сообщения) no-repeat;}
TR.isticky Div.icon {background: url(ссылка важные сообщения) no-repeat;}
TR.iclosed Div.icon {background: url(ссылка закрытые сообщения) no-repeat;}
</style>
<style type="text/css">
.punbb td div.tclcon { padding-right: 75px; }
</style>
width: 70px; height: 70px - размер наших иконок. Можно сделать и больше, но по мне 70 вполне достаточно.
Задание: убрать лищнее в фоне, убрать бордюры и поставить иконки сообщений.
Поделиться122011-12-19 19:38:10
ультраморин
у меня комп сломался( починят к четвергу. не теряй меня)
Поделиться132011-12-20 09:26:34
Это наверное заразно, у меня у самой на прошлой неделе сгорел. Буду ждать ))