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


Или:
Z135763481573
R128101827079
E325087955750
U362760592834

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

 Партнеры:


Статистика
Наш опрос
Оцените мой сайт
Всего ответов: 830
Мини-чат
200
[ Новые сообщения · Участники · Правила форума · Поиск · RSS ]
  • Страница 1 из 1
  • 1
Форум » Уроки » Уроки по созданию Графических пакетов для Травиана » Урок №2 (Картинка вместо фона и шришт курсивом.)
Урок №2
IIIYPIKДата: Среда, 26.12.2007, 15:43 | Сообщение # 1
АдминистраторищЕ
Группа: Администраторы
Сообщений: 1816
Репутация: 19
Статус: Offline
На этот раз я написал урок о том как:
-как сделать шрифт жирным или же курсивом;
-как вставить картинку вместо фона.
Это наш первоначальный код (файл 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;       
          }

А вот результат проведенных изменений:

Как мы добились такого результата?
Я подробно расскажу, как сделать такую красоту.
1) Для начала мы должны определиться с выбором нашего фона (я взял снежинки);
2) После того как мы выбрали наш фон скопируем его в папку с пакетом С:/ваш_путь/ваш_пакет/img (у меня путь такой C:/paket/Travian by IIIYPIK/img);
Первую часть мы закончили.
Ттеперь открываем наш файл unx.css.
Вот готовый код, который можно скопировать и вставить в ваш файл.

Code
BODY
{
COLOR: #6495ED; /* 1 */
font-size:10pt;
font-weight:light; /*  2 */
font-style:italic; /* 3 */
background:#FFF;
background:url(img/bg.gif); /* 4  */
background-repeat:repeat; /* 5  */
margin-top:0px;
margin-bottom:0px;
margin-left:0px;
margin-right:0px;
font-family: Verdana, Arial, Helvetica, sans-serif;
}

Сейчас я подробно опишу, что мы этим добились:
/*1*/- Этой строкой мы изменили наш стандартный цвет шрифта на оттенок синего

/*2*/- Параметр font-weight задает вес шрифта. Для того чтобы шрифт был жирным достаточно вместо
Light прописать bold

/*3*/- Эта строка прописывает стиль шрифта в нашем случае это Курсив (italic)

/*4*/- Теперь самое важное. Данная строчка прописывает путь к файлу нашего фона. Фоновый рисунок можно положить в другую папку, например в un …/img/un/bg.gif
У нас получится следующее background:url(img/un/bg.gif);

/*5*/- Параметр repeat (повтор) задается в том случае если нужно замостить наш фон.
Если же вы хотите вставить другую картинку размером побольше и чтобы она не замостилась
нужно просто прописать no-repeat e у нас выйдет: background-repeat:no-repeat;
Замостить означает размножить.

Вот собственно и весь урок. В следующем уроке поработаем с фотошопом .
Чуть не забыл про картинку которую я использовал вместо фона

Прикрепления: 4519530.gif (90.7 Kb) · 2504021.gif (1.3 Kb)




 
Юлий_ЦезарьДата: Среда, 26.12.2007, 19:46 | Сообщение # 2
Рядовой
Группа: Пользователи
Сообщений: 6
Репутация: 0
Статус: Offline
у меня картинка не ставится((

Добавлено (26.12.2007, 19:46)
---------------------------------------------
а не сделал! так круто!!Спс тебе большое за уроки!! Жду 3 урока!


^^
 
IIIYPIKДата: Среда, 26.12.2007, 19:47 | Сообщение # 3
АдминистраторищЕ
Группа: Администраторы
Сообщений: 1816
Репутация: 19
Статус: Offline
Юлий_Цезарь,
У тебя все получилось ?




 
Юлий_ЦезарьДата: Среда, 26.12.2007, 19:50 | Сообщение # 4
Рядовой
Группа: Пользователи
Сообщений: 6
Репутация: 0
Статус: Offline
IIIYPIK, дА!!

^^
 
romaДата: Четверг, 27.12.2007, 08:55 | Сообщение # 5
Рядовой
Группа: Пользователи
Сообщений: 2
Репутация: 0
Статус: Offline
biggrin cool круто получилосссс!!!!!!!!!!!!!! cool biggrin biggrin cool

Добавлено (27.12.2007, 08:55)
---------------------------------------------
biggrin cool круто получилосссс!!!!!!!!!!!!!! cool biggrin biggrin cool


roma
 
максзёбраДата: Пятница, 28.03.2008, 12:44 | Сообщение # 6
Рядовой
Группа: Пользователи
Сообщений: 1
Репутация: 0
Статус: Offline
На каком уроке будем стандартные картинки на свои заменять будем?
Спасибо за уроки, я хотел создать свой г.п., но не знал как! А теперь научусь.
У меня по поводу г.п. отличная идея! Я в ней уверен на все 100%, и теперь еще одна хорошая есть. biggrin

Добавлено (28.03.2008, 12:44)
---------------------------------------------
В каком редакторе посоветуешь работать?(Позже)? blink

 
IIIYPIKДата: Суббота, 29.03.2008, 12:56 | Сообщение # 7
АдминистраторищЕ
Группа: Администраторы
Сообщений: 1816
Репутация: 19
Статус: Offline
максзёбра, Я думаю в следующем ). Как освобожусь постараюсь поскорее сделать.
А редактор картинок желательно использовать Фотошоп (Я работаю именно в нем) cool .




 
el$igo™Дата: Воскресенье, 14.12.2008, 12:13 | Сообщение # 8
Рядовой
Группа: Пользователи
Сообщений: 1
Репутация: 0
Статус: Offline
Вот как вариант


Сообщение отредактировал el$igo™ - Воскресенье, 14.12.2008, 20:26
 
Форум » Уроки » Уроки по созданию Графических пакетов для Травиана » Урок №2 (Картинка вместо фона и шришт курсивом.)
  • Страница 1 из 1
  • 1
Поиск: