|
Первые азы.
|
|
| IIIYPIK | Дата: Четверг, 13.12.2007, 18:27 | Сообщение # 1 |
 АдминистраторищЕ
Группа: Администраторы
Сообщений: 1816
Статус: Offline
| Ну что же вот и появился на свет первый урок по созданию графического пета для браузерной онлайн игры Травиан. Изменять (редактировать) мы будет стандартный графический пакет.
Те, у кого его нету, можете скачать отсюда. - http://img.travian.com/ru/std/t3_ru_standard.zip
Этот урок будет вступительным, в нем мы научимся следующим вещам: * смена цвета фона;
* смена размера шрифта;
* заменим стандартный цвет шрифта на другой;
* смена шрифтов на другие. Для первого урока, думаю, достаточно.
Приступим к самому уроку.
Первое что необходимо сделать открыть файл unx.css с помощью Блокнота.
Для того чтобы увидеть результат изменений сразу рекомендую вам запустить игру и прописать
путь к пакету который мы будем редактировать в профиле игрока вкладка граф.пак..
После того как мы откроем unx.css мы увидим следующее
Code BODY
{
COLOR: #000;
font-size:10pt;
background:#FFF;
margin-top:0px;
margin-bottom:0px;
margin-left:0px;
margin-right:0px;
font-family: Verdana, Arial, Helvetica, sans-serif;
} …
Теперь распишем что же означает каждая из этих строчек:
Code BODY
{
COLOR: #000; /* задает цвет шрифта */
font-size:10pt; /* изменяет размер шрифта */
background:#FFF; /* задает цвет фона */
margin-top:0px; /* 1 */
margin-bottom:0px; /* 2 */
margin-left:0px; /* 3*/
margin-right:0px; /* 4 */
font-family: Verdana, Arial, Helvetica, sans-serif; /* параметр замены шрифтов */
}
не влияет на пакет, но облегчает дальнейшую работу.
/* 1,2,3,4 */ этот параметр нам не нужен (они отвечают за симметрию
отображения странички при их изменении будет сдвигаться вся наша
страничка в том направлении смотря какой параметр был изменен).
Теперь приступим к изменению цвета фона а также смену фона на изображение
Строка отвечающая за наш фон выглядит следующим образом:
background:#FFF;
Все что стоит после “:” и есть сам цвет
Таблицу цвета можно посмотреть тут: http://yuz.at.ua/publ/1-1-0-3
Или же в палитре цветов photoshop
Например мы захотели сделать наш фон Светло синего цвета его код будет #84d0f0
Значит мы просто берем и заменяем следующим образом:
background:#FFF; => background: #84d0f0; █
И сохраняем наш результат.
Таким самим образом мы можем поменять цвет шрифта
Например мы захотели сделать наш шрифт Темно зеленого цвета его код будет #009036
COLOR: #000; => COLOR: #009036; █
Далее мы захотели уменьшить или увеличить шрифт для этого необходимо:
В строке
font-size:10pt;
заменить 10 на другое значение. (10 это размер шрифта он полностью
аналогичен шрифту из блокнота или же другого текстового редактора) У себя я заменил на 9.
Дальше мы сменим стандартный шрифт на другой допустим на Segoe Print
Для этого нам необходимо зайти в Пуск Панель управления Шрифты
и там найти наш шрифт и запоминаем название до скобок.
Смотрим на эту строку:
font-family: Verdana, Arial, Helvetica, sans-serif;
и заменяем старый на новый шрифт
font-family: Segoe print, Arial, Helvetica, sans-serif;
То что идет после нашего нового шрифта это шрифты которые
будут задействованы в том случае если вашего шрифта не будет у кого то в папке со шрифтами.
После всех этих операций мы получим такой код
Code BODY
{
COLOR: #009036;
font-size:9pt;
background: #84d0f0;
margin-top:0px;
margin-bottom:0px;
margin-left:0px;
margin-right:0px;
font-family: Segoe print, Arial, Helvetica, sans-serif;
} …
 Белый цвет который остается и делают общую каротину не красивой ) мы уберем в следующих уроках.
|
| |
| |
| Юлий_Цезарь | Дата: Суббота, 22.12.2007, 17:03 | Сообщение # 2 |
 Рядовой
Группа: Пользователи
Сообщений: 6
Статус: Offline
| круто у меня получилось  для начала  жду следующих уроков!!!
^^
|
| |
| |
| IIIYPIK | Дата: Суббота, 22.12.2007, 17:59 | Сообщение # 3 |
|
АдминистраторищЕ
Группа: Администраторы
Сообщений: 1816
Статус: Offline
| Юлий_Цезарь,
Как только будет свободное время напишу уроки по созданью не такого примитивного пакета )).
|
| |
| |
|
| Назгул | Дата: Среда, 26.12.2007, 10:37 | Сообщение # 5 |
 Рядовой
Группа: Пользователи
Сообщений: 5
Статус: Offline
| пасибо помогло
Мой альянс-НАТО
столица-Мордор
194/54
|
| |
| |
|
| IIIYPIK | Дата: Воскресенье, 13.01.2008, 00:29 | Сообщение # 7 |
|
АдминистраторищЕ
Группа: Администраторы
Сообщений: 1816
Статус: Offline
| Zima, Наверное следующий будет с фотошопом. И не 2-й а 3-й 
|
| |
| |
| Zima | Дата: Воскресенье, 13.01.2008, 10:12 | Сообщение # 8 |
 Рядовой
Группа: Пользователи
Сообщений: 2
Статус: Offline
| У меня проблема, название моей деревни загораживает главные функции ну типа карта, статистика, письма отчеты и я на них не могу нажать что делать. Добавлено (13.01.2008, 10:12)
---------------------------------------------
Ой я ее уже решил!!!!
|
| |
| |
| СаЛаТ | Дата: Вторник, 01.04.2008, 15:59 | Сообщение # 9 |
 Рядовой
Группа: Пользователи
Сообщений: 1
Статус: Offline
| Я совсем нуб по ходу, но файл unx.css не открываетццо
|
| |
| |
| IIIYPIK | Дата: Четверг, 03.04.2008, 21:30 | Сообщение # 10 |
|
АдминистраторищЕ
Группа: Администраторы
Сообщений: 1816
Статус: Offline
| СаЛаТ, нажми открыть с помощью "Блокнот"
|
| |
| |
| эрагон | Дата: Вторник, 13.05.2008, 16:16 | Сообщение # 11 |
|
Рядовой
Группа: Пользователи
Сообщений: 1
Статус: Offline
| круто
http://farthen-door.myminicity.com/
|
| |
| |
| tender | Дата: Понедельник, 16.06.2008, 11:44 | Сообщение # 12 |
 Рядовой
Группа: Пользователи
Сообщений: 1
Статус: Offline
| простите но не нашёл панель управления. 
|
| |
| |
| IIIYPIK | Дата: Понедельник, 16.06.2008, 18:06 | Сообщение # 13 |
|
АдминистраторищЕ
Группа: Администраторы
Сообщений: 1816
Статус: Offline
| tender, О какой именно панели ти имел введу ?
|
| |
| |
| diesel | Дата: Вторник, 18.11.2008, 12:34 | Сообщение # 14 |
|
Рядовой
Группа: Пользователи
Сообщений: 1
Статус: Offline
| Привет! Помогите, плиз! У меня почему то не получается. Пишет такую вещь - Графический пакет найден не был. Я уже как только не пробовал... не выходит. Что делать?
|
| |
| |
| REIDAK | Дата: Суббота, 30.07.2011, 15:50 | Сообщение # 15 |
|
Рядовой
Группа: Пользователи
Сообщений: 1
Статус: Offline
| Quote (diesel) Привет! Помогите, плиз! У меня почему то не получается. Пишет такую вещь - Графический пакет найден не был. Я уже как только не пробовал... не выходит.
Та же проблема.Помогите!
|
| |
| |
