Skillet
а смысл делать дизайны, если сама графика еще хромает? ты имеешь в виду дизайны с css?
привет.) спасибо, что выбрал в учителя м...
Сообщений 31 страница 60 из 132
Поделиться3127-08-2011 11:44:38
- far from never.
- Уважение: +105
- Зарегистрирован: 02-06-2011
- Провел на форуме:
10 дней 16 часов - Последний визит:
25-12-2012 16:50:33
Поделиться3227-08-2011 11:55:08
- активный пользователь
- Уважение: +0
- Зарегистрирован: 12-08-2011
- Провел на форуме:
1 день 20 часов - Последний визит:
06-03-2012 13:27:08
`джаз написал(а):
а смысл делать дизайны, если сама графика еще хромает? ты имеешь в виду дизайны с css?
графику можно научиться и самому делать.но вот дизайн с помощью style.css и style_cs.css я не умею делать.у меня нет нужной ссылки.
Поделиться3327-08-2011 11:57:12
- far from never.
- Уважение: +105
- Зарегистрирован: 02-06-2011
- Провел на форуме:
10 дней 16 часов - Последний визит:
25-12-2012 16:50:33
Skillet написал(а):
графику можно научиться и самому делать.
ну да, можно, но с учителем то куда легче.)
Skillet написал(а):
но вот дизайн с помощью style.css и style_cs.css я не умею делать.у меня нет нужной ссылки.
ну у меня опыт с дизайнами большой, но я никогда никого не учила, не знаю, получится ли.
Поделиться3427-08-2011 11:59:31
- активный пользователь
- Уважение: +0
- Зарегистрирован: 12-08-2011
- Провел на форуме:
1 день 20 часов - Последний визит:
06-03-2012 13:27:08
`джаз написал(а):
ну у меня опыт с дизайнами большой, но я никогда никого не учила, не знаю, получится ли.
ну давайте попробуем
Поделиться3527-08-2011 12:01:38
- far from never.
- Уважение: +105
- Зарегистрирован: 02-06-2011
- Провел на форуме:
10 дней 16 часов - Последний визит:
25-12-2012 16:50:33
Skillet написал(а):
ну давайте попробуем
ну давай. только предупреждаю сразу, что я самоучка и могу непонятно объяснять. хдд тогда создавай пробник, кидай мне его ссылку и я там зарегаюсь.
Поделиться3627-08-2011 12:05:30
- активный пользователь
- Уважение: +0
- Зарегистрирован: 12-08-2011
- Провел на форуме:
1 день 20 часов - Последний визит:
06-03-2012 13:27:08
Поделиться3727-08-2011 12:11:08
- far from never.
- Уважение: +105
- Зарегистрирован: 02-06-2011
- Провел на форуме:
10 дней 16 часов - Последний визит:
25-12-2012 16:50:33
Skillet
хорошо. только я почему-то зарегистрироваться не могу. оо
так, и еще, расскажи, что ты уже знаешь о css, а также покажи примеры дизайнов, которые тебе нравятся, я имею в виду структуру, ну и графика в общем тоже.
Поделиться3827-08-2011 12:16:25
- активный пользователь
- Уважение: +0
- Зарегистрирован: 12-08-2011
- Провел на форуме:
1 день 20 часов - Последний визит:
06-03-2012 13:27:08
`джаз написал(а):
хорошо. только я почему-то зарегистрироваться не могу. оо
странно.ну ладно вот еще пробник http://testovforumd.mybb.ru/
`джаз написал(а):
так, и еще, расскажи, что ты уже знаешь о css, а также покажи примеры дизайнов, которые тебе нравятся, я имею в виду структуру, ну и графика в общем тоже.
ну я раньше в css пробовал делать но у меня не очень получалось.типо таких
http://narutolast.rolka.su/
http://animeworldik.ru/
Поделиться3927-08-2011 12:23:40
- far from never.
- Уважение: +105
- Зарегистрирован: 02-06-2011
- Провел на форуме:
10 дней 16 часов - Последний визит:
25-12-2012 16:50:33
Skillet написал(а):
странно.ну ладно вот еще пробник http://testovforumd.mybb.ru/
вот теперь нормально все. сделай меня админом.
Skillet написал(а):
ну я раньше в css пробовал делать но у меня не очень получалось.типо такихhttp://narutolast.rolka.su/http://animeworldik.ru/
понятно. зайди сюда http://mybb.bbcorp.ru/generator/ и подбирай цветовую гамму, любую, какую хочешь. потом тот код, который тебе дадут, когда ты подберешь, вставляй его во второе окошко стиля. но не забудь поставить галочку на "да", где будет написано: Свой стиль
Да Нет
Поделиться4027-08-2011 12:33:51
- активный пользователь
- Уважение: +0
- Зарегистрирован: 12-08-2011
- Провел на форуме:
1 день 20 часов - Последний визит:
06-03-2012 13:27:08
`джаз написал(а):
вот теперь нормально все. сделай меня админом.
сделал
`джаз написал(а):
понятно. зайди сюда http://mybb.bbcorp.ru/generator/ и подбирай цветовую гамму, любую, какую хочешь. потом тот код, который тебе дадут, когда ты подберешь, вставляй его во второе окошко стиля. но не забудь поставить галочку на "да", где будет написано: Свой стиль
Да Нет
всё сделал.только кажется получилось
Отредактировано Skillet (27-08-2011 12:38:47)
Поделиться4127-08-2011 12:39:19
- far from never.
- Уважение: +105
- Зарегистрирован: 02-06-2011
- Провел на форуме:
10 дней 16 часов - Последний визит:
25-12-2012 16:50:33
Skillet написал(а):
всё сделал.только кажется не то получилось
нет, все то. теперь скажи, тебе расписывать все значения кодов, блоков и т.д.?
Поделиться4227-08-2011 12:43:20
- активный пользователь
- Уважение: +0
- Зарегистрирован: 12-08-2011
- Провел на форуме:
1 день 20 часов - Последний визит:
06-03-2012 13:27:08
чего?наверно да
Поделиться4327-08-2011 13:10:02
- активный пользователь
- Уважение: +0
- Зарегистрирован: 12-08-2011
- Провел на форуме:
1 день 20 часов - Последний визит:
06-03-2012 13:27:08
а как добавить текстуру в изображение.ну как соединить эти слои чтобы получилось вот так
Поделиться4427-08-2011 13:52:35
- far from never.
- Уважение: +105
- Зарегистрирован: 02-06-2011
- Провел на форуме:
10 дней 16 часов - Последний визит:
25-12-2012 16:50:33
Skillet написал(а):
чего?наверно да
хорошо, тогда вечером приду и распишу все.
Skillet написал(а):
а как добавить текстуру в изображение.ну как соединить эти слои чтобы получилось вот так
то есть объединить изображения или что?
Поделиться4527-08-2011 15:35:36
- активный пользователь
- Уважение: +0
- Зарегистрирован: 12-08-2011
- Провел на форуме:
1 день 20 часов - Последний визит:
06-03-2012 13:27:08
ну типо.как вот эту текстуру вклинить в изображение.
Отредактировано Skillet (27-08-2011 16:35:52)
Поделиться4627-08-2011 16:40:11
- far from never.
- Уважение: +105
- Зарегистрирован: 02-06-2011
- Провел на форуме:
10 дней 16 часов - Последний визит:
25-12-2012 16:50:33
насчет дизайна. первое окошко мы пока не будем трогать, самое важное - это второе окно, с ним будем работать.
/* CS1 Background and text colours
-------------------------------------------------------------*/
здесь находятся параметры заднего фона.
/* CS1.1 */
основной цвет шрифта.
/* CS1.2 */
цвет пользовательских ссылок.
/* CS1.3 */
отвечает за категории, названия тем.
/* CS1.4 */
цвет полей модерирования.
/* CS1.5 */
заливка категорий профиля.
/* CS1.6 */
тоже что-то с профилем вроде.
/* CS1.7 */
блок с цитатой.
/* CS1.8 */
здесь много всего, навигация, форма ответа и т.п.
идем далее. /* CS2 Border colours - границы форума, но они не особо нужны, поэтому их можно убрать с помощью transparent или none вместо кода с цветом. если границы понадобятся, то потом пропишем.
/* CS3 Links - блок со всеми ссылками. до нажатия и т.п.
/* CS4 Post status icons - иконки. но тут надо будет другой код, чтобы их картинками сделать.
вопросы есть?)
Skillet написал(а):
ну типо.как вот эту текстуру вклинить в изображение.
режимы наложения изменяй.
Поделиться4727-08-2011 16:47:22
- активный пользователь
- Уважение: +0
- Зарегистрирован: 12-08-2011
- Провел на форуме:
1 день 20 часов - Последний визит:
06-03-2012 13:27:08
`джаз написал(а):
вопросы есть?)
что сейчас делать?
Поделиться4827-08-2011 16:53:45
- far from never.
- Уважение: +105
- Зарегистрирован: 02-06-2011
- Провел на форуме:
10 дней 16 часов - Последний визит:
25-12-2012 16:50:33
Skillet
ну давай начнем по порядку. мне ужасно не нравится широкий форум, да и думаю тебе тоже. поэтому в первом окне находишь
/* A5.1 */
#pun {
margin: 30px;
position: relative;
}
удаляешь это нафиг. хд вместо этого вставляешь
/* A5.1 */
#pun {
margin: auto;
width : 800px;
position: relative;
float: top center;}
черным это отступ форума от краев. стоит авто, значит он сам выберет позицию.
это ширина форума. обычно она либо 800px, либо 850px.
а это положение форума. сейчас он стоит по центру, но можно его сдвинуть влево, вправо и т.п.
Поделиться4927-08-2011 17:09:13
- активный пользователь
- Уважение: +0
- Зарегистрирован: 12-08-2011
- Провел на форуме:
1 день 20 часов - Последний визит:
06-03-2012 13:27:08
`джаз написал(а):
ну давай начнем по порядку. мне ужасно не нравится широкий форум, да и думаю тебе тоже. поэтому в первом окне находишь
/* A5.1 */
#pun {
margin: 30px;
position: relative;
}
удаляешь это нафиг. хд вместо этого вставляешь
/* A5.1 */
#pun {
margin: auto;
width : 800px;
position: relative;
float: top center;}
черным это отступ форума от краев. стоит авто, значит он сам выберет позицию.
это ширина форума. обычно она либо 800px, либо 850px.
а это положение форума. сейчас он стоит по центру, но можно его сдвинуть влево, вправо и т.п.
готово
Поделиться5027-08-2011 17:14:36
- far from never.
- Уважение: +105
- Зарегистрирован: 02-06-2011
- Провел на форуме:
10 дней 16 часов - Последний визит:
25-12-2012 16:50:33
далее. эти промежутки между телами форума смотрятся не очень красиво, их нужно убрать. находишь в первом окне
/* A5.4 */
.punbb .section, .punbb .main {
margin-bottom: 1em;
}/* A5.5 */
.punbb .category, .punbb .post {
margin-top: 0.4em;
}/* A5.6 */
.punbb #pun-category1, .punbb .toppost, .punbb .topicpost {
margin-top: 0;
}/* 5.7 */
#pun-post .topic {
margin-top: 1em;
}/* A5.8 */
.punbb .section, .punbb .forum, .punbb .formal, .punbb .modmenu, .punbb .info,
.punbb .category, .punbb .post {
border-style: none none solid none;
border-width: 0px 0px 2px 0px
}/* A5.9 */
.punbb .container {
border-style: solid;
border-width: 1px;
}/* A5.10 */
.punbb .section h2, #pun-main h1, #pun-main h2, #pun-stats h2, #pun-debug h2 {
padding: 0.5em 1em;
border-style: none solid solid none;
border-width: 0 1px 1px 0;
}
все, что выделено красным, меняешь на 0.
Поделиться5127-08-2011 17:23:52
- активный пользователь
- Уважение: +0
- Зарегистрирован: 12-08-2011
- Провел на форуме:
1 день 20 часов - Последний визит:
06-03-2012 13:27:08
готово
Поделиться5227-08-2011 17:33:29
- far from never.
- Уважение: +105
- Зарегистрирован: 02-06-2011
- Провел на форуме:
10 дней 16 часов - Последний визит:
25-12-2012 16:50:33
теперь у нас готова структура форума. дальше будем заниматься вторым окошком. сначала шапка. данный код вставляем во второе окно, в самый конец.
/*наша шапка со всеми параметрами*/
#pun-title.section {background-image: url("Картинка"); background-color: transparent;
background-position: top center;
height: 450px; background-repeat: no-repeat; border: 0px;}
#pun-title .title-logo span {display: none;}
#pun-title table tbody tr .title-logo-tdr {position: absolute; z-index: 1; left: 0px; top: 0px}
название может быть абсолютно любым, но оно должно быть обязательно выделено наклонными палочками и звездочками.
сюда вставляем ссылку на картинку.
задний фон шапки - прозрачный.
позиция шапки : по центру, справа и т.д.
это чтобы не повторялась шапка, на всякий случай.
скрывается стандартное лого майбба.
передвижение баннера по шапке влево, вправо и т.д.
высота шапки.
теперь делай готовую шапку и вставляй ее в код.
Поделиться5327-08-2011 17:50:35
- far from never.
- Уважение: +105
- Зарегистрирован: 02-06-2011
- Провел на форуме:
10 дней 16 часов - Последний визит:
25-12-2012 16:50:33
это то, что заранее. хд
делаешь иконки. код в самый конец второго окошка.
/*иконки*/
.punbb table Div.icon {float: left; display: block; width: 65px; height: 65px; border-style: none; background-image: url(Картинка Нет новых сообщений, OLD); background-repeat: no-repeat; position: relative; margin-left: 1px;}
.punbb table div.inew {background: url(Картинка есть новые сообщения, NEW) no-repeat; position: relative; margin-left: 1px;}
TR.isticky Div.icon {background: url(Картинка Важная тема) no-repeat; position: relative; margin-left: 1px;}
TR.iclosed Div.icon {background: url(Закрытая тема) no-repeat; position: relative; margin-left: 1px;}
расположение. сейчас слева.
размер иконок.
отступ слева.
сами ссылки на картинки.
Поделиться5427-08-2011 21:50:06
- активный пользователь
- Уважение: +0
- Зарегистрирован: 12-08-2011
- Провел на форуме:
1 день 20 часов - Последний визит:
06-03-2012 13:27:08
мда получилось не очень
Поделиться5528-08-2011 08:24:00
- far from never.
- Уважение: +105
- Зарегистрирован: 02-06-2011
- Провел на форуме:
10 дней 16 часов - Последний визит:
25-12-2012 16:50:33
Skillet
убери в первом окне
/* C2.16 */
.punbb table div.icon {
font-size: 1.05em;
position: absolute;
margin-left: -2.2em;
}
Поделиться5628-08-2011 08:54:44
- активный пользователь
- Уважение: +0
- Зарегистрирован: 12-08-2011
- Провел на форуме:
1 день 20 часов - Последний визит:
06-03-2012 13:27:08
во в полный размер получилось.надо было просто увеличить размер
Поделиться5728-08-2011 09:04:40
- far from never.
- Уважение: +105
- Зарегистрирован: 02-06-2011
- Провел на форуме:
10 дней 16 часов - Последний визит:
25-12-2012 16:50:33
да, вот сейчас хорошо. какие-нибудь вопросы есть по кодам? если нет, то приступим к созданию полноценного диза.
Поделиться5828-08-2011 09:29:23
- активный пользователь
- Уважение: +0
- Зарегистрирован: 12-08-2011
- Провел на форуме:
1 день 20 часов - Последний визит:
06-03-2012 13:27:08
`джаз написал(а):
да, вот сейчас хорошо. какие-нибудь вопросы есть по кодам? если нет, то приступим к созданию полноценного диза.
думаю что нету вопросов
Поделиться5928-08-2011 09:35:07
- far from never.
- Уважение: +105
- Зарегистрирован: 02-06-2011
- Провел на форуме:
10 дней 16 часов - Последний визит:
25-12-2012 16:50:33
Skillet
хорошо. тогда на какую тематику будем делать?
Поделиться6028-08-2011 09:41:16
- активный пользователь
- Уважение: +0
- Зарегистрирован: 12-08-2011
- Провел на форуме:
1 день 20 часов - Последний визит:
06-03-2012 13:27:08
`джаз написал(а):
хорошо. тогда на какую тематику будем делать?
Ну давайте попробуем на тематику аниме Наруто