Привет Юля )) Меня зовут Ксюшей, можешь так и называть или же по нику. Человек я требовательный. Если сказала что-то делать, то нужно прислушиваться и делать. Для начала предлагаю привести несколько примеров дизайнов которые тебе нравятся, с описанием того что именно в них нравится. И создай пробник на котором будем работать.
дневники нашей памяти
Сообщений 1 страница 30 из 73
Поделиться22011-12-07 21:09:10
ультраморин
привет приятно познакомиться
http://latina.f-rpg.ru/
Этот дизайн давно зацепил. Ярко и красочно, цепляет взгляд. Празднично, как-то ) И очень нравится такой эффект, всегда хотела научиться... ммм... когда каждая часть форума отделена, округлая, к примеру. не понимаю, как это можно сделать, хотя одна догадка есть)
http://academyvamp.rusff.ru/
тоже симпатичный. не совсем в моем вкусе, но очень нравится рамочка по краям и цветовая гамма зацепила.
http://hpwar.rolka.su/
просто любимый форум, где сама обитаю. дизайн тоже нравится, в частности оформление главного меню, да и всего прочего.
ну, это такая малая часть, вообще в новых тенденциях дизайнов много интересного, чему хотелось бы научиться
http://toffy.mybb.ru/ - пробник создан
Поделиться32011-12-07 21:14:00
И очень нравится такой эффект, всегда хотела научиться... ммм... когда каждая часть форума отделена, округлая, к примеру. не понимаю, как это можно сделать, хотя одна догадка есть
Это сделано с помощью картинок категорий. Потом объясню как.
Прежде чем начнем изучение кодов предлагаю сделать графику. Я обычно делаю шапку слитную с фоном (размер 1450х500 пикселей) и фон (1450х700). А потом подробней расскажу о кодах.
Шаблоны
Поделиться42011-12-07 21:19:16
Это сделано с помощью картинок категорий. Потом объясню как.
я так и думала )
Шаблоны
мне сейчас попробовать на них сделать что-нибудь или ждать дальнейшего описания?
Поделиться52011-12-07 21:28:21
мне сейчас попробовать на них сделать что-нибудь или ждать дальнейшего описания?
Нужно сделать графику для дизайна.
Поделиться62011-12-07 21:40:33
ультраморин
так, например:
Поделиться72011-12-08 00:42:12
так, например:
Вижу, что поняла. В картинке шапки с левой стороны очень много свободного места. Заполни его чем-нибудь. Кисти, узоры - все что угодно. Например, можно сделать подложку если текст будет писаться на шапке. Если не совсем понятно о чем я, то например как у нас на форуме бежевый квадратик под табличкой со стрелочками. По краям можно еще добавить бордюр. Так дизайн будет смотреться красивей.
Поделиться82011-12-08 18:22:49
Вижу, что поняла. В картинке шапки с левой стороны очень много свободного места. Заполни его чем-нибудь. Кисти, узоры - все что угодно. Например, можно сделать подложку если текст будет писаться на шапке. Если не совсем понятно о чем я, то например как у нас на форуме бежевый квадратик под табличкой со стрелочками. По краям можно еще добавить бордюр. Так дизайн будет смотреться красивей.
я как раз рассчитывала там в шапке место для такой вот таблички можно только там сделать подложечку, хотя я бы оставила и потом попробовала бы сверху табличку. если что, псд-шки у меня сохранены
вот с бордюрчиком:
Поделиться92011-12-08 19:28:46
я как раз рассчитывала там в шапке место для такой вот таблички можно только там сделать подложечку, хотя я бы оставила и потом попробовала бы сверху табличку. если что, псд-шки у меня сохранены
вот с бордюрчиком:
Ну вот, с бордюрчиком смотрится уже намного лучше. Теперь будем ставить.
Поделиться102011-12-08 19:29:14
Ставим фон через стиль. Первым делом заходим в Администрирование ----> Свой стиль. Ставим галочку использовать свой стиль. Видим два окошка с не понятными кодами. Работать в основном будем со вторым, который отвечает за наш стиль. Первое окно отвечает за саму структуру форума. Там если не знаешь лучше не чего не трогать и не удалять, иначе весь дизайн испортится.
Шапка (ставим во втором окне стиля в самом конце 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; - цвет переадресации.
Поделиться112011-12-08 20:06:16
ультраморин
что-то у меня какая-то ерунда получилась.. вроде и поставилось, а вроде и нет...
Поделиться122011-12-08 20:19:06
что-то у меня какая-то ерунда получилась.. вроде и поставилось, а вроде и нет...
Дай мне права админа и я гляну коды
Поделиться132011-12-08 20:24:15
Дай мне права админа и я гляну коды
все.
Поделиться142011-12-08 20:36:32
Я вообще не пойму почему так получается. Еще и шапка двоится. Есть еще пробник?
Поделиться152011-12-08 20:47:40
ультраморин
ооо я кажется поняла.
я где-то читала, что движки mybb и rusff отличаются кодами, может, в этом дело?
сейчас создам на rusff пробник и туда поставлю все это!
http://toffy.rusff.ru/ - вот новый пробник.
да елки-палки, вроде же точно так же поставила, но там уже полная трагедия. что ж такое то!! [взломанный сайт]
Поделиться162011-12-08 20:53:59
ооо я кажется поняла.
я где-то читала, что движки mybb и rusff отличаются кодами, может, в этом дело?
В принципе есть различие, но не настолько что бы была такая проблема с установкой фонна шапки. Хотя, чожет быть проблема именно в этом.
http://toffy.rusff.ru/ - вот новый пробник.
Админство поставь и гляну.
А вообще через что заливаешь картинки?
Поделиться172011-12-08 20:54:37
Админство поставь и гляну.
поставила.
А вообще через что заливаешь картинки?
в свою папку на photobucket, если нужно, чтобы они остались. или через tinypic)
Поделиться182011-12-08 20:58:32
/* A5.1 */
#pun {
margin: 0px;
position: relative;
width: 800px;
margin: auto;
}
я тебе тут немного подправила и форум встал по середине. Сейчас посмотрю что там с остальным.
Лучше заливай через http://ipicture.ru/
Поделиться192011-12-08 20:59:26
я тебе тут немного подправила и форум встал по середине. Сейчас посмотрю что там с остальным.
хорошо.
Лучше заливай через http://ipicture.ru/
а в чем будет разница?
Поделиться202011-12-08 21:00:05
Так перезалей картинки и посмотрю коды.
Поделиться212011-12-08 21:01:27
ультраморин
они как-то прямо больше стали...
http://uploads.ru/i/g/k/q/gkqbe.png
http://uploads.ru/i/K/b/Z/KbZ8S.png
Поделиться222011-12-08 21:01:44
а в чем будет разница?
В чем не знаю. Но по крайней мере на нем всегда все картинки отображаются нормально. Я все дизайны через него заливаю. Раньше заливала через другой хостинг, так он часто не работал и от этого многие элементы в дизайне не отображались. Еще может уменьшать картинки.
Поделиться232011-12-08 21:02:30
они как-то прямо больше стали...
http://uploads.ru/i/g/k/q/gkqbe.png
http://uploads.ru/i/K/b/Z/KbZ8S.png
Потому что это их родной размер. Так и должно быть. Теперь ставь на форум.
Поделиться242011-12-08 21:06:46
ультраморин
все переставила, но фон почему-то не хочет отображаться..
Поделиться252011-12-08 23:16:02
http://toffy.mybb.ru/ - смотрииии, тут получилось
аахахах, везде получилось, на обеих форумах стоит, я разобралась, в чем проблема) просто на русфф не была закрыта одна такая скобка }, поэтому все и ломалось )
Отредактировано .toffy (2011-12-08 23:23:58)
Поделиться262011-12-08 23:32:17
аахахах, везде получилось, на обеих форумах стоит, я разобралась, в чем проблема) просто на русфф не была закрыта одна такая скобка }, поэтому все и ломалось )
Ну вот. Так что нужно быть осторожно с знаками в дизайне.
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 вполне достаточно.
Задание: убрать лищнее в фоне, убрать бордюры и поставить иконки сообщений.
Поделиться272011-12-08 23:33:47
Задание: убрать лищнее в фоне, убрать бордюры
зачем бордюры убирать, если мы их ставили?
и всмысле, убрать лишнее?
остальное сейчас придумаю.
Поделиться282011-12-08 23:40:14
зачем бордюры убирать, если мы их ставили?
и всмысле, убрать лишнее?
Это не те бордюры которые делали на фоне, а родные бордюры стандартного дизайна. Полосочки по всему периметру тела форума. Они совершенно не нужны и иногда проступают через поставленный фон.
Поделиться292011-12-09 00:01:09
ультраморин
все сделала, только почему-то в анимации циферблата у меня белая полоска вокруг, не знаю почему. из-за формата гиф?
и еще не хотят убираться бордюры. везде ставила прозрачность ведь!
Поделиться302011-12-09 00:06:53
и еще не хотят убираться бордюры. везде ставила прозрачность ведь!
я идиот, опять моя ошибка. теперь все ок