Начало

Поделиться12011-08-26 21:42:28

Автор: камикадзе
Хогвартс будет ждать тебя, Гарри
Откуда: хз
Зарегистрирован: 2011-07-14
Приглашений: 0
Сообщений: 565
Уважение: +20
Позитив: +6
Пол: Женский
Возраст: 28 [1996-11-16]
Провел на форуме:
5 дней 19 часов
Последний визит:
2014-06-14 20:14:17

Так, Алиса, тебе в эту тему. Начнем заниматься, как я уже говорила, дня через 2-3, когда я вернусь домой, а пока запомни:
*На уроках все запоминай, чтобы потом воспользоваться этим в будущем;
*Скажи мне сразу, есть ли у тебя фотошоп, какой он(рус. или англ.яз) и какая версия(cs4,cs5 или что);
*Если будем работать с какими-то изображениями(обрабатывать их в фш), то обязательно выкладывай результаты своей работы(исходник и то, что получилось);
*Сразу скажи, что ты знаешь, чему уже примерно научилась, чего еще не знаешь, а чему больше всего хочешь научиться(касательно фш и стилей);
* Запомни: стили обычно никогда не пишут полностью. Обычно берут какой-нибудь стандартный стиль, подставляют свои размеры, шапку, иконки и прочее, и вот, стиль готов(ну, я утрирую, здесь не все так просто);
* По возможности старайся искать информацию и уроки по обучению на стороне(то есть не только у меня учись, но еще и сама ищи уроки и статьи по этому);
* У тебя есть тестовик? Если есть - хорошо, если нет - делай, скинь мне сразу на него ссылку. Там будем работать с твоими стилями.
* Еще хотела бы спросить, ты хочешь научиться только стилям и фш или еще и HTML(таблица, меп-карта)?
Вообщем, это все, что я хотела сказать/спросить, кажется... По ходу еще вопросы буду тебе задавать.

На все вопросы, что я тебе здесь задавала, ответь, пожалуйста

0

Поделиться22011-08-27 11:51:10

Автор: панда
Участник
Зарегистрирован: 2011-08-26
Приглашений: 0
Сообщений: 163
Уважение: +3
Позитив: +9
Провел на форуме:
1 день 9 часов
Последний визит:
2012-07-31 00:12:44

Kontessa написал(а):

*На уроках все запоминай, чтобы потом воспользоваться этим в будущем;

"Торжественно клянусь, что буду прилежной, послушной, надеюсь, понятливой, ученицей Kontessе!!!"

Kontessa написал(а):

*Скажи мне сразу, есть ли у тебя фотошоп, какой он(рус. или англ.яз) и какая версия(cs4,cs5 или что);

Да, есть. Русский cs3

Kontessa написал(а):

*Если будем работать с какими-то изображениями(обрабатывать их в фш), то обязательно выкладывай результаты своей работы(исходник и то, что получилось);

Мои лучшие работы:

Kontessa написал(а):

*Сразу скажи, что ты знаешь, чему уже примерно научилась, чего еще не знаешь, а чему больше всего хочешь научиться(касательно фш и стилей);

Не знаю -
Насчет стилей: как сделать, чтобы структура форума шла по центру; как слить шапку и фон;
Насчет фш: в фш я новичок, поэтому многих эффектов (фильтр) я не понимаю и не знаю, как ими пользоваться. также меня стоит обучить всем инс трументам на панели фотошопа. Например, надпись: чем текст отличается от текста-маски???
Примерно умею:
Стили: поменять на готовом стиле фон и шапку, убрать нижнюю надпись вроде "стиль сделан на ... "; поменять цвет шрифта, поменять цвет фона "внутри" форума; регулировать ширину структуры и высоту шапки.
Фотошоп: знаю, как пользоваться шрифтами и скачивать их, пользоваться кистями, опять же качивать их, помнишь твой урок на этом тестовике вроде "Коллажа"? это я тоже умею...
Хочу научиться:
Стили: создавать их=) делать иконки, и в общем все, чтобы хотя бы терпимо делать дизайны!
Фотошоп: хочу освоить все уроки, которые ты выложила здесь, и те которые не выложила тоже.. Я не знаю точно, чему хчу научиться, ведь о фотошопе я мало знаю.

Kontessa написал(а):

* Запомни: стили обычно никогда не пишут полностью. Обычно берут какой-нибудь стандартный стиль, подставляют свои размеры, шапку, иконки и прочее, и вот, стиль готов(ну, я утрирую, здесь не все так просто);

я обычно так и делаю

Kontessa написал(а):

* По возможности старайся искать информацию и уроки по обучению на стороне(то есть не только у меня учись, но еще и сама ищи уроки и статьи по этому);

сколько я уже искала... и буду еще искать

Kontessa написал(а):

* У тебя есть тестовик? Если есть - хорошо, если нет - делай, скинь мне сразу на него ссылку. Там будем работать с твоими стилями.

два. Первый - просто так, на всякий случай; второй - официальный тестовик

Kontessa написал(а):

* Еще хотела бы спросить, ты хочешь научиться только стилям и фш или еще и HTML(таблица, меп-карта)?
Вообщем, это все, что я хотела сказать/спросить, кажется... По ходу еще вопросы буду тебе задавать.

Таблицы.. Всегда мечтала научиться их делать, основные теги (table /table - сама таблица;tr /tr - строка;td /td - ячейка(столбец)) я знаю, а вот остальное... Меп карта тоже неплохо, можно и научиться!

Отредактировано Alice (2011-08-27 11:56:25)

0

Поделиться32011-08-27 12:28:03

Автор: камикадзе
Хогвартс будет ждать тебя, Гарри
Откуда: хз
Зарегистрирован: 2011-07-14
Приглашений: 0
Сообщений: 565
Уважение: +20
Позитив: +6
Пол: Женский
Возраст: 28 [1996-11-16]
Провел на форуме:
5 дней 19 часов
Последний визит:
2014-06-14 20:14:17

Так... Вообщем, примерно все, что мне надо было, я узнала. Нам теперь только работать и работать. Кстати, поездка моя пока откладывается, поэтому уже сегодня буду тебя учить.
Значит так, начнем с того, что будем доводить ну, не до совершенства, но хотя бы до хорошего состояния стиль на этом твоем тестовике. По ходу будем разбирать, как в фотошопе делать всякие эффекты, шапки, иконки и прочее. Единственное, тебе придется полагаться только на себя и на свою фантазию. В работах фш обычно никогда нет четких указаний. Чтобы сделать свою работу, тебе надо будет трудиться над ней и проявлять фантазию. Я лишь даю основное. Так, теперь по стилю. Чего мы должны добиться:
1) Задний фон форума. Его надо будет поменять на свой фон форума. Примерно подумай, какой ты хочешь(статический, прокручивающийся вместе с передним фоном форума, и потом выложи эти фоны сюда, будем с ними работать.
2) Передний фон форума тоже придется сменить. Также подумай на этим. Лучше всего выбери цвет какой-нибудь, потому как я не знаю еще, как в него вставлять картинку.
3) Шапка. Здесь вообще еще до идеала далеко, уж прости за такие слова. Во-первых, в фотошопе надо будет хорошо оформить, сделать рамку, надпись какую-то, добавить эффектов. И еще... какая у тебя тема стиля? Для какого форума делаешь?
4) Полоска навигации (та, где "Участники","Поиск" и пр.). Подумай, хочешь ли ты сделать ее цветом или тоже картинкой, но другой.
5) Иконки. Их я вообще не вижу, так что тоже реши, какие они у тебя будут. Можно сделать текстовые. Просто текст.
Можно сделать какую-нибудь картинку в рамке с надписью. Можно сделать просто картинку с разными оттенками. Вообщем, реши и выложи исходники для иконок, если решила делать картинками.
6) Таблица. Над ней тоже будем работать. Ты откуда ее взяла? Заказала? Надо будет делать свою. Нарисуй в пейнте или фш, какой ты хочешь видеть таблицу, и в каждой ячейке пропиши, что у тебя там будет. Картинку оставь, хорошую подобрала, но будем над ней тоже работать.
Так, вот все, что хотела сказать. выкладывай все, что я тебя просила выше, и начнем работать

0

Поделиться42011-08-27 14:33:11

Автор: панда
Участник
Зарегистрирован: 2011-08-26
Приглашений: 0
Сообщений: 163
Уважение: +3
Позитив: +9
Провел на форуме:
1 день 9 часов
Последний визит:
2012-07-31 00:12:44

Kontessa написал(а):

1) Задний фон форума. Его надо будет поменять на свой фон форума. Примерно подумай, какой ты хочешь(статический, прокручивающийся вместе с передним фоном форума, и потом выложи эти фоны сюда, будем с ними работать.

Что то вроде этого...

Kontessa написал(а):

2) Передний фон форума тоже придется сменить. Также подумай на этим. Лучше всего выбери цвет какой-нибудь, потому как я не знаю еще, как в него вставлять картинку.

это какой фон?

Kontessa написал(а):

3) Шапка. Здесь вообще еще до идеала далеко, уж прости за такие слова. Во-первых, в фотошопе надо будет хорошо оформить, сделать рамку, надпись какую-то, добавить эффектов. И еще... какая у тебя тема стиля? Для какого форума делаешь?

http://mysticcity.topf.ru/

Kontessa написал(а):

4) Полоска навигации (та, где "Участники","Поиск" и пр.). Подумай, хочешь ли ты сделать ее цветом или тоже картинкой, но другой.

Kontessa написал(а):

5) Иконки. Их я вообще не вижу, так что тоже реши, какие они у тебя будут. Можно сделать текстовые. Просто текст. Можно сделать какую-нибудь картинку в рамке с надписью. Можно сделать просто картинку с разными оттенками. Вообщем, реши и выложи исходники для иконок, если решила делать картинками.

я не знаю, какие иконки подойдут для ролки, но точно не светлые. потом посмотрим, это не самое главное=)

Kontessa написал(а):

6) Таблица. Над ней тоже будем работать. Ты откуда ее взяла? Заказала? Надо будет делать свою. Нарисуй в пейнте или фш, какой ты хочешь видеть таблицу, и в каждой ячейке пропиши, что у тебя там будет. Картинку оставь, хорошую подобрала, но будем над ней тоже работать.

эту таблицу я взяла с поддержки, я не смогу сама сделать даже такую=) а картинку все равно поменяю, она не подходит для моей ролки

0

Поделиться52011-08-27 14:46:36

Автор: камикадзе
Хогвартс будет ждать тебя, Гарри
Откуда: хз
Зарегистрирован: 2011-07-14
Приглашений: 0
Сообщений: 565
Уважение: +20
Позитив: +6
Пол: Женский
Возраст: 28 [1996-11-16]
Провел на форуме:
5 дней 19 часов
Последний визит:
2014-06-14 20:14:17

ну что ж, давай разбираться. То, что ты выложила для заднего фона, не подойдет. Скорее всего ты меня не правильно поняла, и подобрала фон для переднего фона. Показываю, что такое передний фон, а что такое задний. Смотри здесь
Так, качество того фона, что ты мне дала, не нравится. Сейчас попробуем поискать подобные, но в хорошем качестве.
Полоска навигации тоже не нравится. Лучше такую вообще не ставить, но я сейчас поищу, может, что хорошее и найду.
Таблица. Я тебя сейчас прошу просто нарисовать в пейнте, какую бы ты хотела таблицу. Помнишь, я на твоей ролевой ГП рисовала сначала таблицу, а потом уже только после вашего одобрения делала таблицу? Вот такой я хотела ее видеть:
Я нарисовала ее в фш, но ты можешь нарисовать и в пейнте, если хочешь. Я посмотрю, и будем делать вместе саму таблицу

0

Поделиться62011-08-27 14:47:51

Автор: камикадзе
Хогвартс будет ждать тебя, Гарри
Откуда: хз
Зарегистрирован: 2011-07-14
Приглашений: 0
Сообщений: 565
Уважение: +20
Позитив: +6
Пол: Женский
Возраст: 28 [1996-11-16]
Провел на форуме:
5 дней 19 часов
Последний визит:
2014-06-14 20:14:17

Так... вот здесь http://www.lenagold.ru/fon/main.html посмотри себе фон(хоть передний, хоть задний

0

Поделиться72011-08-27 15:13:13

Автор: панда
Участник
Зарегистрирован: 2011-08-26
Приглашений: 0
Сообщений: 163
Уважение: +3
Позитив: +9
Провел на форуме:
1 день 9 часов
Последний визит:
2012-07-31 00:12:44

не знаю, какой выбрать..х)
вот скрин таблицы:

0

Поделиться82011-08-27 16:46:49

Автор: камикадзе
Хогвартс будет ждать тебя, Гарри
Откуда: хз
Зарегистрирован: 2011-07-14
Приглашений: 0
Сообщений: 565
Уважение: +20
Позитив: +6
Пол: Женский
Возраст: 28 [1996-11-16]
Провел на форуме:
5 дней 19 часов
Последний визит:
2014-06-14 20:14:17

Мне лично приглянулся самый первый, хотя и остальные тоже ничего. Ну,значит так,сделаем этот фон задним, передний фон пока сделаем просто цветом. С таблицей все поняла, будем ее параллельно делать, а пока что скинь мне код таблицы, которая сейчас у тебя стоит.

0

Поделиться92011-08-27 17:16:48

Автор: панда
Участник
Зарегистрирован: 2011-08-26
Приглашений: 0
Сообщений: 163
Уважение: +3
Позитив: +9
Провел на форуме:
1 день 9 часов
Последний визит:
2012-07-31 00:12:44

0

Поделиться102011-08-27 19:56:49

Автор: камикадзе
Хогвартс будет ждать тебя, Гарри
Откуда: хз
Зарегистрирован: 2011-07-14
Приглашений: 0
Сообщений: 565
Уважение: +20
Позитив: +6
Пол: Женский
Возраст: 28 [1996-11-16]
Провел на форуме:
5 дней 19 часов
Последний визит:
2014-06-14 20:14:17

Ну,значит так, с таблицей будем по ходу разбираться, а пока начнем уже делать стиль. Итак, за основу берем тот же, что стоит на твоем тестовике. Вот его код:

Цвета css|Close

Код:

/* CS1 Background and text colours
-------------------------------------------------------------*/
body {
	background-color: #bfb194;
background-image: url("http://ib3.keep4u.ru/b/2011/08/23/f1/f1f7c4b00b36a1ff4c57afe57da7c603.jpg");   background-attachment: fixed; background-repeat: repeat-x; background-position: bottom center;
  }
/* CS1.1 */
.punbb .section .container, .punbb .post-body, .punbb .post-links, .punbb td.tc2, .punbb td.tc3,
.punbb .formal fieldset .post-box, #viewprofile li strong, #viewprofile li div, #setmods dd,
.punbb .info-box, .punbb #pun-main .info-box .legend {
  background-color:  transparent;
  color: #000000;
  }

/* CS1.2 */
.punbb .main .container, .punbb .post .container, .punbb .post h3, .punbb-admin #pun-admain .adcontainer {
  background-color: inherit;
  color: #000000;
  }

/* CS1.3 */
#pun-stats h2, .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2 {
background: url(http://ib3.keep4u.ru/b/2011/08/23/7b/7bb53629730a89f9a938615f5a0f4614.png);
  color: #C0C0C0;
text-shadow: 1px 1px 1px #000000;
  font-weight: bold;
font-style: normal;
text-align: center;

  }

/* CS1.4 */
#pun-title, #pun-title .container, .punbb .modmenu .container {
  background-color: transparent;
  color: #000000;
  }

/* CS1.5 */
#pun-title table {background: url(http://savepic.ru/3062540.jpg); 
  color: #000000
  }

/* CS1.6 */
.punbb .post h3 span, .punbb th, #viewprofile li, #setmods dl  {
  background-color: transparent;
  color: #000000
  }

/* CS1.7 */
.punbb .quote-box, .punbb .code-box {
background: url(http://ib3.keep4u.ru/b/2011/08/23/1d/1d1eccdc288857202cb922a9f167f6c3.png);
  color: #000000
  }

/* CS1.8 */
#pun-navlinks .container {
background: url(http://ib3.keep4u.ru/b/2011/08/23/7b/7bb53629730a89f9a938615f5a0f4614.png) no-repeat center; 
  color: #C0C0C0;
  }

.offline li.pa-online strong {
  font-weight: normal
  }

.punbb textarea, .punbb select, .punbb input {
  background-color: #ead4c3;
background-image: url("http://ib2.keep4u.ru/b/2011/08/23/95/950f225e251ee7974ff3d5776f619b11.jpg");
  color: #000000
}
#pun-about .container {
 background: url(http://s51.radikal.ru/i131/1107/80/a3a84bfdb892.png) no-repeat center; 
height: 56px;
}


/* CS2 Border colours
-------------------------------------------------------------*/

/* CS2.1 */
.punbb .container, .punbb .post-body, .post h3, #pun-title {
  border-color:  transparent;
  }

/* CS2.2 */
.punbb .section, .punbb .forum, .punbb .formal, .punbb .modmenu, .punbb .info,
.punbb .category, .punbb .post {
  border-color:  transparent;
  }

/* CS2.3 */
#pun-stats h2, .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2 {
  border-color:  transparent;
  }

/* CS2.4 */
.punbb td, .punbb fieldset, #viewprofile ul, #profilenav ul, .punbb .post .post-body,
.punbb .post h3 span, .post-links ul, .post-links, .usertable table {
  border-color:  transparent;
  }

/* CS2.5 */
.punbb th {
  border-color:  transparent;
  }

/* CS2.6 */
.punbb .quote-box, .punbb .code-box {
  border-color:  transparent;
  }

#pun-ulinks li, #pun-announcement h2 span, li#onlinelist, #pun-help .formal .info-box h3.legend span {
  border-color:  transparent;
  }

#pun-ulinks li a, #pun-announcement h2, li#onlinelist div, #pun-help .formal .info-box h3.legend {
  border-color:  transparent;
  }

.punbb .divider {
  border-color:  transparent;
  }

.punbb .formal fieldset .post-box, .punbb .info-box {
  border: 1px solid #dedfdf
  }

li.pa-online {
  border-left-color:  transparent;
  }

.punbb .post-sig dt {
  border-top-color:  transparent !important;
  }


/* CS3 Links
-------------------------------------------------------------*/

/* CS3.1 */
.punbb a, .punbb a:link, .punbb a:visited,
.punbb-admin #pun-admain a, .punbb-admin #pun-admain a:link, .punbb-admin #punbb-admain a:visited {
  color: #000000;
text-shadow: 0px 1px 0px #B8860B;
    border-bottom: 0px none #000;
  text-decoration: none;

  }

.punbb li.isactive a, .punbb li.isactive a:link, .punbb li.isactive a:visited {
  color: #000000
  }

/* CS3.2 */
.punbb a:hover, .punbb a:focus, .punbb a:active,  .punbb-admin #pun-admain .nodefault,
.punbb-admin #punbb-admain a:hover, .punbb-admin #punbb-admain a:focus, .punbb-admin #punbb-admain a:active {
  color: #000000;
text-shadow: 0px 1px 0px #BDB76B;
    border-bottom: 0px none #000;
  text-decoration: none;

  }

/* CS3.3 */
#pun-navlinks a {
  color: #C0C0C0;
text-shadow: 1px 1px 1px #000000;
  font-weight: bold;
  border-bottom: 0px none #000;
  text-decoration: none;

  }

/* CS3.4 */
#pun-navlinks a:hover, #pun-navlinks a:focus, #pun-navlinks a:active {
  color: #C0C0C0;
text-shadow: 1px 1px 1px #BDB76B;
  font-weight: bold;
font-style: normal;
  border-bottom: 0px none #000;
  text-decoration: none;

  }

#pun-pagelinks a:active, #pun-pagelinks a:focus {
  background-color: #333;
  color: #fff;
  }

/* CS4 Post status icons
 -------------------------------------------------------------*/

div.icon {
        background: url(http://ib2.keep4u.ru/b/2011/08/23/3e/3e7b78fff6c91a342703592018233cc3.png) no-repeat;
}

tr.inew div.icon {
        background: url(http://ib2.keep4u.ru/b/2011/08/23/18/185f7fd537235bb7cbc46b803fea9573.png) no-repeat;
}

tr.isticky div.icon {
        background: url(http://ib2.keep4u.ru/b/2011/08/23/c0/c0185201076adf8fc26a8551b6731649.png) no-repeat;
}

tr.iclosed div.icon {
        background: url(http://ib3.keep4u.ru/b/2011/08/23/ee/eeee4767498ff94ccf34619d98ece4ae.png) no-repeat;
}

tr.iredirect div.icon {
        background: url(http://ib3.keep4u.ru/b/2011/08/23/87/87fe66250c27daff8a35fce7aead8646.png) no-repeat;
}

#pun-main div.catleft, #pun-main div.catright {display: none}

Начнем с заднего фона. Вот какой он сейчас http://ib3.keep4u.ru/b/2011/08/23/f1/f1 … a7c603.jpg Ты хочешь такой же? Или тебе надо, чтобы по краям "форума" была не тень, а какая-нибудь рамка?

0

Поделиться112011-08-27 19:59:45

Автор: панда
Участник
Зарегистрирован: 2011-08-26
Приглашений: 0
Сообщений: 163
Уважение: +3
Позитив: +9
Провел на форуме:
1 день 9 часов
Последний визит:
2012-07-31 00:12:44

Kontessa
рамка, скорее..

0

Поделиться122011-08-28 15:02:04

Автор: камикадзе
Хогвартс будет ждать тебя, Гарри
Откуда: хз
Зарегистрирован: 2011-07-14
Приглашений: 0
Сообщений: 565
Уважение: +20
Позитив: +6
Пол: Женский
Возраст: 28 [1996-11-16]
Провел на форуме:
5 дней 19 часов
Последний визит:
2014-06-14 20:14:17

Ну,значит так, сейчас я подберу несколько рамок, ты выберешь, какая тебе нравится:
http://i015.radikal.ru/0711/e8/32f687b3e313.png
http://i010.radikal.ru/1102/d9/5f438aa87f5c.png
http://lenagold.narod.ru/fon/clipart/ra … ramk26.png

0

Поделиться132011-08-28 15:07:15

Автор: камикадзе
Хогвартс будет ждать тебя, Гарри
Откуда: хз
Зарегистрирован: 2011-07-14
Приглашений: 0
Сообщений: 565
Уважение: +20
Позитив: +6
Пол: Женский
Возраст: 28 [1996-11-16]
Провел на форуме:
5 дней 19 часов
Последний визит:
2014-06-14 20:14:17

Ну, лично мне последняя больше нравится.
Итак, а сейчас приступим. Мы будем делать примерно такой же фон, что и на стиле Air(№1) или на стиле "Лесная принцесса"(№3). Возьмем для примера стиль, который в каталоге под номером 1, название - Air. Посмотри на этот скрин - http://i042.radikal.ru/1108/4a/5fe2a4d79598.png - видишь, по краю форума с двух сторон идет золотая каемочка(та же рамка). Когда ставишь этот стиль на форум, эта каемочка не двигается, вместе с фоном она зафиксирована. Вот мы в твоем стиле и добьемся таких же результатов.
Для начала открой фотошоп и создать новый файл. Ширина 1280 px, высота - 2000px, фон прозрачный

0

Поделиться142011-08-28 15:11:17

Автор: камикадзе
Хогвартс будет ждать тебя, Гарри
Откуда: хз
Зарегистрирован: 2011-07-14
Приглашений: 0
Сообщений: 565
Уважение: +20
Позитив: +6
Пол: Женский
Возраст: 28 [1996-11-16]
Провел на форуме:
5 дней 19 часов
Последний визит:
2014-06-14 20:14:17

Я буду тебе работать с этим фоном

и этой рамкой:

Это специально для того, чтобы ты не просто за мной повторяла, работая с теми же исходными элементами, что и я, а училась сама что-то делать, фантазировала.

0

Поделиться152011-08-28 15:14:40

Автор: панда
Участник
Зарегистрирован: 2011-08-26
Приглашений: 0
Сообщений: 163
Уважение: +3
Позитив: +9
Провел на форуме:
1 день 9 часов
Последний визит:
2012-07-31 00:12:44

Kontessa
да, последняя ничего... создала!

0

Поделиться162011-08-28 15:25:23

Автор: камикадзе
Хогвартс будет ждать тебя, Гарри
Откуда: хз
Зарегистрирован: 2011-07-14
Приглашений: 0
Сообщений: 565
Уважение: +20
Позитив: +6
Пол: Женский
Возраст: 28 [1996-11-16]
Провел на форуме:
5 дней 19 часов
Последний визит:
2014-06-14 20:14:17

Значит так, это будет весь твой фон. Теперь открой текстуру ту, зелененькую, что мы с тобой выбрали, а я беру свою:

Значит, открыли мы ее(ты открываешь свою). Теперь идем в Редактирование~Определить узор, в вывалившемся окошке жмем ОК. Это мы таким образом сделали нашу текстуру узором. Назовем его "Письмена", чтобы было легче ориентироваться. Так... теперь вновь переходим на наш новый файл(который размером 1280*2000px), идем в Редактирование~Выполнить заливку. Вывалится окошко:

Возле картинки "заказной узор" нажми на стрелочку, и вывалится несколько узоров. Один из них будет тот, который мы сделали совсем недавно, а именно узор "Письмена". На скрине я обвела его красным цветом. Ну, у тебя узор тоже будет немного другой, потому что и текстуру мы выбрали для тебя другую. Вообщем, выбираешь в этом выпавшем списке узор "Письмена" и жмешь "Ок". Теперь наш большой файл(1280*2000px) закрасился этим узором "Письмена". То, что нам надо.
Продолжаем. Какого размера у тебя шапка?

0

Поделиться172011-08-28 15:43:05

Автор: камикадзе
Хогвартс будет ждать тебя, Гарри
Откуда: хз
Зарегистрирован: 2011-07-14
Приглашений: 0
Сообщений: 565
Уважение: +20
Позитив: +6
Пол: Женский
Возраст: 28 [1996-11-16]
Провел на форуме:
5 дней 19 часов
Последний визит:
2014-06-14 20:14:17

Так, я посмотрела, какого размера твоя шапка. Отлично. 800px. Обычно 800px или 850px - это самый оптимальный размер форума, такие всегда практически делают. Ну, ладно, продолжим. Теперь тебе придется создать еще один файл, но теперь уже с шириной 800рх и высотой 2000рх, назовем его "Главный фон", а тот файл, что размером 1280*2000рх, будет иметь название "Побочный фон". Заливаем Главный фон(скажем, инструментом заливка) цветом e8e9d9(можно чуть темнее). Теперь зажимаем и удерживаем shift, берем инструментом "Перемещение" наш "Главный фон" и, не отпуская клавишу shift, перетаскиваем его на "Побочный фон". Только потом отпускаем клавишу shift. Для чего мы зажимали эту клавишу? Это для того, чтобы Главный фон встал ровно посередине файла "Побочный фон". Ну, вот, теперь у нас главный фон "лежит" на Побочном фоне, и все пока хорошо. Результат такой, но мы еще не закончили:

0

Поделиться182011-08-28 15:58:15

Автор: панда
Участник
Зарегистрирован: 2011-08-26
Приглашений: 0
Сообщений: 163
Уважение: +3
Позитив: +9
Провел на форуме:
1 день 9 часов
Последний визит:
2012-07-31 00:12:44

а зелененькая это эта?

Kontessa написал(а):

Теперь открой текстуру ту, зелененькую, что мы с тобой выбрали, а я беру свою:

это как? ~~туплю, знаю... но учиться надо=)~~

Отредактировано Alice (2011-08-28 15:59:00)

0

Поделиться192011-08-28 16:17:35

Автор: панда
Участник
Зарегистрирован: 2011-08-26
Приглашений: 0
Сообщений: 163
Уважение: +3
Позитив: +9
Провел на форуме:
1 день 9 часов
Последний визит:
2012-07-31 00:12:44

Все, разобралась!!! Что дальше?

0

Поделиться202011-08-28 18:36:02

Автор: камикадзе
Хогвартс будет ждать тебя, Гарри
Откуда: хз
Зарегистрирован: 2011-07-14
Приглашений: 0
Сообщений: 565
Уважение: +20
Позитив: +6
Пол: Женский
Возраст: 28 [1996-11-16]
Провел на форуме:
5 дней 19 часов
Последний визит:
2014-06-14 20:14:17

Так, дальше...
Открываешь рамку. Теперь берешь инструмент выделение и выделяешь часть своей рамки, как показано на скрине:

Теперь идешь в Изображение~Кадрировать. От твоей рамки останется только кусок, но нам-то он и нужен. Изменим его размер: Изображение~Размер изображения. Вывалится окошко, ставишь галочку на "Сохранять пропорции" и вводишь в строку "Ширина" число 50,жмешь ОК. Этот кусок рамки мы так и будем называть куском.
Открываешь теперь наш прошлый фон. Точнее их два, но они у нас остались в одном файле(конечный результат, который я показывала тебе в посте 17). Будем теперь называть этот новый фон просто фоном. Так вот, открыла ты его. Берем "Кусок" и с помощью инструмента "Перемещение" перетаскиваем на фон, который мы сделали. Надо "поставить" наш "Кусок" так, чтобы он встал с краю от белого фона, то есть как здесь у меня:

Далее берешь, копируешь(Ctrl+J) этот слой с "куском", выбираешь инструмент перемещение и с помощью кнопок вверх,вниз,влево,вправо перемещаешь дублированный кусок вниз, потому как всю границу белого фона сразу одним куском не заделаешь. Так дублируешь этот кусок столько раз, пока не дойдешь до конца файла:

Теперь отключаешь видимость слоев в фоном. Получилось, что видно только куски рамки, это нам пока и надо. Идешь в Слои~Объединить видимые. Все "куски" объединились в один. Копируешь получившийся слой и с помощью инструмента перемещение перемещаешь этот слой на другой конец белого фона:

Вот, вообщем-то и все. Теперь основной фон готов. У меня работа получилась не очень хорошо, т.к. видны стыки, но с твоей рамкой, полагаю, будет лучше. Когда сделаешь, выстави сюда, на форум. Я посмотрю и скажу, если что не так, так что сразу файл с готовым фоном на всякий случай сохрани еще и в формате psd. А в формате png выстави сюда.

0

Поделиться212011-08-28 18:59:24

Автор: панда
Участник
Зарегистрирован: 2011-08-26
Приглашений: 0
Сообщений: 163
Уважение: +3
Позитив: +9
Провел на форуме:
1 день 9 часов
Последний визит:
2012-07-31 00:12:44

0

Поделиться222011-08-28 19:06:21

Автор: камикадзе
Хогвартс будет ждать тебя, Гарри
Откуда: хз
Зарегистрирован: 2011-07-14
Приглашений: 0
Сообщений: 565
Уважение: +20
Позитив: +6
Пол: Женский
Возраст: 28 [1996-11-16]
Провел на форуме:
5 дней 19 часов
Последний визит:
2014-06-14 20:14:17

Alice, так, молодец, разобралась, только рамку-то мы для твоего стиля другу выбрали. Та, на которой я показывала, не очень красиво смотрится, тем более стыки видны. Возьми лучше эту рамку и переделай:
http://lenagold.narod.ru/fon/clipart/ra … ramk26.png

0

Поделиться232011-08-28 19:15:18

Автор: панда
Участник
Зарегистрирован: 2011-08-26
Приглашений: 0
Сообщений: 163
Уважение: +3
Позитив: +9
Провел на форуме:
1 день 9 часов
Последний визит:
2012-07-31 00:12:44

Kontessa
ой, да и правда.. :blush: извини, забыла=)

0

Поделиться242011-08-28 19:34:58

Автор: камикадзе
Хогвартс будет ждать тебя, Гарри
Откуда: хз
Зарегистрирован: 2011-07-14
Приглашений: 0
Сообщений: 565
Уважение: +20
Позитив: +6
Пол: Женский
Возраст: 28 [1996-11-16]
Провел на форуме:
5 дней 19 часов
Последний визит:
2014-06-14 20:14:17

Вот, молодец. Видишь, как красиво стало? И стыков даже не видно. Ладно, хорошо, завтра займемся установкой фона и созданием хорошей шапки

0

Поделиться252011-08-28 19:42:18

Автор: панда
Участник
Зарегистрирован: 2011-08-26
Приглашений: 0
Сообщений: 163
Уважение: +3
Позитив: +9
Провел на форуме:
1 день 9 часов
Последний визит:
2012-07-31 00:12:44

Kontessa
а можно сегоооодня? мне так нравится!!! Или ты наверное устала, да? :disappointed:

0

Поделиться262011-08-28 22:33:25

Автор: камикадзе
Хогвартс будет ждать тебя, Гарри
Откуда: хз
Зарегистрирован: 2011-07-14
Приглашений: 0
Сообщений: 565
Уважение: +20
Позитив: +6
Пол: Женский
Возраст: 28 [1996-11-16]
Провел на форуме:
5 дней 19 часов
Последний визит:
2014-06-14 20:14:17

У меня просто времени не хватает пока, я до сих пор корплю над маминым очередным рефератом. Она у меня сама не в состоянии быстро печатать(тыкает одним пальцем), а ей надо уже к сентябрю, она же учительница. Вот меня и припахала.
Так вот, ты пока можешь почитать кое-что вот здесь:
http://dimitraki.info/news/static/uroki … nerov.html
Очень полезные уроки, правда, не совсем конкретно и точно все описано и рассказано, так что новичку сразу не разобраться. Но ты, я думаю, поймешь

0

Поделиться272011-08-29 13:32:53

Автор: панда
Участник
Зарегистрирован: 2011-08-26
Приглашений: 0
Сообщений: 163
Уважение: +3
Позитив: +9
Провел на форуме:
1 день 9 часов
Последний визит:
2012-07-31 00:12:44

Kontessa
ну так что, продолжим?

0

Поделиться282011-08-29 14:21:34

Автор: камикадзе
Хогвартс будет ждать тебя, Гарри
Откуда: хз
Зарегистрирован: 2011-07-14
Приглашений: 0
Сообщений: 565
Уважение: +20
Позитив: +6
Пол: Женский
Возраст: 28 [1996-11-16]
Провел на форуме:
5 дней 19 часов
Последний визит:
2014-06-14 20:14:17

Да. Теперь так как у нас есть фон или бэкграунд(как его называют в народе), попробуем составить код. Пока только для фона. Итак, загрузи фон форума на Радикал. Знаешь как это делать? Если нет, то тебе сюда. В принципе, хостинги загрузки изображений практически одинаковые, так что с инструкцией разобраться вполне можно,но! Я не советую тебе загружать на 10pix, потому что периодически оттуда картинки удаляются, и в один прекрасный день,когда ты захочешь воспользоваться своим старым стилем, к которому картинки ты загружала на 10pix, там этих картинок не будет, а появится что-то вроде такой надписи:
10pix. Изображение удалено.

Вообщем,мой совет:загружать все картинки на радикал.
Так вот, загрузила ты картинку, получила прямую ссылку. Теперь отложим ее или скопируем сразу, а пока будем писать сам код. Итак,:

body
{background-image: url(ссылка на картинку);
background-position: top center;
background-attachment: fixed;
backgound-repeat: no-repeat;
background-color: #e8e9d9;
}

разбираем сам код:
синее - как раз там,где написано "ссылка на картинку" ты и ставишь ранее полученную тобой ссылку на сделанный нами фон
зеленое - начальное положение фона форума. В данном случае у нас top-вверху, а center-по центру. Ну,тут можно догадаться
фиолетовое - устанавливает, будет ли вместе с самим форумом прокручиваться фон. В нашем случае прокручиваться не будет, так как мы фон зафиксировали(fixed)
бордовое - не дает в нашем случае размножаться фону(no-repeat)
желтое - это цвет фона форума. Вообще,он практически не нужен, потому что у нас фон форума уже есть - это картинка,которую мы уже делали, но все-таки цвет фона форума нужен для страницы переадресации. На этой странице никогда не получится поставить изображение, всегда фоном будем цвет.
Ну,вообщем-то пока все. И да, вот тебе ссылка - http://help.forumrols.ru/viewtopic.php?id=37
Здесь как раз есть все о том, как устанавливать фон форума, почитай на досуге

0

Поделиться292011-08-29 14:29:31

Автор: камикадзе
Хогвартс будет ждать тебя, Гарри
Откуда: хз
Зарегистрирован: 2011-07-14
Приглашений: 0
Сообщений: 565
Уважение: +20
Позитив: +6
Пол: Женский
Возраст: 28 [1996-11-16]
Провел на форуме:
5 дней 19 часов
Последний визит:
2014-06-14 20:14:17

И да, твой стиль, с ТГ, который сейчас стоит на твоем тестовике http://flood1.fludilka.su/
Я его покритикую,ладно?

Ну,во-первых,качество всех элементов(шапки,заднего фона! переднего фона, рамки у шапки) ужасное. Ни в коем случае нельзя использовать некачественные исходники при создании стиля. Это же ужасно некрасиво выглядит!

Во-вторых, иконки надо делать в формате png(чтобы задний фон был прозрачным, потому что твои иконки с закругленными краями, и сзади виден белый фон. Тоже некрасиво.

Третье. Плохо обрезанные исходники на шапке. Почти возле каждой "Тани" видна бела обводка. Некрасиво и неаккуратно.

Внешние границы форума. Лучше было бы их сделать какого-нибудь сиреневого или нежно-голубого оттенка, потому что черные смотрятся грубо.

И текст. Который внизу(by Alice) и который на шапке. Слишком уж голый. Безо всяких эффектов и корректировок он выглядит не в тему на стиле. Надо будет работать.

Ты уж извини,что разнесла тут твой стиль в пух и прах, но ведь надо указывать на ошибки и оплошности, чтобы люди исправлялись, не та ли?

0

Поделиться302011-08-29 14:35:48

Автор: панда
Участник
Зарегистрирован: 2011-08-26
Приглашений: 0
Сообщений: 163
Уважение: +3
Позитив: +9
Провел на форуме:
1 день 9 часов
Последний визит:
2012-07-31 00:12:44

Kontessa
кстати, зайди на мой тестовик, вчера я начала новый стиль и сегодня его закончила!
все загружено!

0

Тестовик

Меню навигации

Пользовательские ссылки

Информация о пользователе

Начало

Сообщений 1 страница 30 из 62

Поделиться12011-08-26 21:42:28

Поделиться22011-08-27 11:51:10

Поделиться32011-08-27 12:28:03

Поделиться42011-08-27 14:33:11

Поделиться52011-08-27 14:46:36

Поделиться62011-08-27 14:47:51

Поделиться72011-08-27 15:13:13

Поделиться82011-08-27 16:46:49

Поделиться92011-08-27 17:16:48

Поделиться102011-08-27 19:56:49

Поделиться112011-08-27 19:59:45

Поделиться122011-08-28 15:02:04

Поделиться132011-08-28 15:07:15

Поделиться142011-08-28 15:11:17

Поделиться152011-08-28 15:14:40

Поделиться162011-08-28 15:25:23

Поделиться172011-08-28 15:43:05

Поделиться182011-08-28 15:58:15

Поделиться192011-08-28 16:17:35

Поделиться202011-08-28 18:36:02

Поделиться212011-08-28 18:59:24

Поделиться222011-08-28 19:06:21

Поделиться232011-08-28 19:15:18

Поделиться242011-08-28 19:34:58

Поделиться252011-08-28 19:42:18

Поделиться262011-08-28 22:33:25

Поделиться272011-08-29 13:32:53

Поделиться282011-08-29 14:21:34

Поделиться292011-08-29 14:29:31

Поделиться302011-08-29 14:35:48