Вторник, 16.04.2024, 05:59
Приветствую Вас Гость | RSS
Форма входа
Друзья сайта
Помощь проекту:
WebMoney - Копилка Дорогие
Друзья, теперь у вас появилась возможность выразить свою благодарность сайту, увековечить свое пожелание ему, да и вообще, просто помочь! Все это благодаря копилке!
Все полученные средства пойдут в развитие графических  пакетов и собственно на сам сайт.  Сделаем  игру интереснее.


Или:
Z135763481573
R128101827079
E325087955750
U362760592834

Реклама
Наша кнопка

 Партнеры:


Статистика
Наш опрос
Оцените мой сайт
Всего ответов: 830
Мини-чат
200
[ Новые сообщения · Участники · Правила форума · Поиск · RSS ]
  • Страница 1 из 1
  • 1
Форум » Уроки » Уроки по созданию Графических пакетов для Травиана » Первые азы. (Цвет Фона, Шрифта. Размер Шрифта.)
Первые азы.
IIIYPIKДата: Четверг, 13.12.2007, 18:27 | Сообщение # 1
АдминистраторищЕ
Группа: Администраторы
Сообщений: 1816
Репутация: 19
Статус: 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;
    } …
И вот мы получили первый результат )

Белый цвет который остается и делают общую каротину не красивой ) мы уберем в следующих уроках.

Прикрепления: 8302821.jpg (456.1 Kb)




 
Юлий_ЦезарьДата: Суббота, 22.12.2007, 17:03 | Сообщение # 2
Рядовой
Группа: Пользователи
Сообщений: 6
Репутация: 0
Статус: Offline
круто у меня получилось biggrin для начала happy жду следующих уроков!!!

^^
 
IIIYPIKДата: Суббота, 22.12.2007, 17:59 | Сообщение # 3
АдминистраторищЕ
Группа: Администраторы
Сообщений: 1816
Репутация: 19
Статус: Offline
Юлий_Цезарь,
Как только будет свободное время напишу уроки по созданью не такого примитивного пакета )).




 
romaДата: Суббота, 22.12.2007, 19:46 | Сообщение # 4
Рядовой
Группа: Пользователи
Сообщений: 2
Репутация: 0
Статус: Offline
у меня тоже получилос!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! cool cool cool cool
супер дупер в не ожыдании нового урока!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! biggrin biggrin biggrin biggrin biggrin biggrin


roma
 
НазгулДата: Среда, 26.12.2007, 10:37 | Сообщение # 5
Рядовой
Группа: Пользователи
Сообщений: 5
Репутация: 1
Статус: Offline
пасибо помогло biggrin


Мой альянс-НАТО
столица-Мордор
194/54
 
ZimaДата: Суббота, 12.01.2008, 19:37 | Сообщение # 6
Рядовой
Группа: Пользователи
Сообщений: 2
Репутация: 0
Статус: Offline
Классс! Жду 2 урока!!! biggrin biggrin biggrin biggrin cool cool cool
 
IIIYPIKДата: Воскресенье, 13.01.2008, 00:29 | Сообщение # 7
АдминистраторищЕ
Группа: Администраторы
Сообщений: 1816
Репутация: 19
Статус: Offline
Zima, Наверное следующий будет с фотошопом. И не 2-й а 3-й cool



 
ZimaДата: Воскресенье, 13.01.2008, 10:12 | Сообщение # 8
Рядовой
Группа: Пользователи
Сообщений: 2
Репутация: 0
Статус: Offline
У меня проблема, название моей деревни загораживает главные функции ну типа карта, статистика, письма отчеты и я на них не могу нажать что делать.

Добавлено (13.01.2008, 10:12)
---------------------------------------------
Ой я ее уже решил!!!!

 
СаЛаТДата: Вторник, 01.04.2008, 15:59 | Сообщение # 9
Рядовой
Группа: Пользователи
Сообщений: 1
Репутация: 0
Статус: Offline
Я совсем нуб по ходу, но файл unx.css не открываетццо
 
IIIYPIKДата: Четверг, 03.04.2008, 21:30 | Сообщение # 10
АдминистраторищЕ
Группа: Администраторы
Сообщений: 1816
Репутация: 19
Статус: Offline
СаЛаТ, нажми открыть с помощью "Блокнот"



 
эрагонДата: Вторник, 13.05.2008, 16:16 | Сообщение # 11
Рядовой
Группа: Пользователи
Сообщений: 1
Репутация: 0
Статус: Offline
круто

http://farthen-door.myminicity.com/
 
tenderДата: Понедельник, 16.06.2008, 11:44 | Сообщение # 12
Рядовой
Группа: Пользователи
Сообщений: 1
Репутация: 0
Статус: Offline
простите но не нашёл панель управления. sad
 
IIIYPIKДата: Понедельник, 16.06.2008, 18:06 | Сообщение # 13
АдминистраторищЕ
Группа: Администраторы
Сообщений: 1816
Репутация: 19
Статус: Offline
tender, О какой именно панели ти имел введу ?



 
dieselДата: Вторник, 18.11.2008, 12:34 | Сообщение # 14
Рядовой
Группа: Пользователи
Сообщений: 1
Репутация: 0
Статус: Offline
Привет! Помогите, плиз! У меня почему то не получается. Пишет такую вещь - Графический пакет найден не был. Я уже как только не пробовал... не выходит. Что делать?
 
REIDAKДата: Суббота, 30.07.2011, 15:50 | Сообщение # 15
Рядовой
Группа: Пользователи
Сообщений: 1
Репутация: 0
Статус: Offline
Quote (diesel)
Привет! Помогите, плиз! У меня почему то не получается. Пишет такую вещь - Графический пакет найден не был. Я уже как только не пробовал... не выходит.

Та же проблема.Помогите!
 
Форум » Уроки » Уроки по созданию Графических пакетов для Травиана » Первые азы. (Цвет Фона, Шрифта. Размер Шрифта.)
  • Страница 1 из 1
  • 1
Поиск: