Скрипт до нового 2012 - Форум общения - Logical-portal - Сообщество игроков майнкрафт

Время:

Новых сообщений: Нет
Вы на форуме дней
Ваша группа: Гость
Ваш IP: 18.225.195.153

Logical-Portal — молодежный портал со своей изюминкой, каждый сможет найти что-то интересное и полезное для себя, например наш форум общения с которым вам обязательно нужно ознакомиться.

Страница 1 из 1
1

Скрипт до нового 2012

NoVi4ioK

Сообщение оставлено 26.12.2011 в 18:31:45 | Сообщение #1

2845

Шаг 1 установим JS:
Для начало в исходный код вашей страницы установим JS, который будет отвечать за отсчёт времени:

Code

Шаг 2 установим Html:
Теперь, чтобы наш с вами счётчик появился на вашей страницы сайта, следует разместить в нужном месте следующий html код:

Code

Шаг 3 установим css стили:
Наш с вами счётчик почти готов, осталось лишь прописать ему нужные стили:

Code

/* До нового года осталось
   ------------------------------------------*/
   #logo_prazdnik {
    float:left;
    width:200px;
    height:100px;
    background:url(http://www.center-dm.ru/data/prazdnik/ngod/logo_prazdnik6.jpg) no-repeat;
    border:1px solid #fff
   }

   #prazdnik_title,
   #prazdnik_title2{
    float:left;
    text-align:center;
    font: 115%/1.2 Verdana,Arial,Helvetica, sans-serif;
    color:#d3d3d3; text-shadow: 1px 1px 1px #111;
    padding: 5px;
    background:url(http://www.center-dm.ru/data/prazdnik/pix_title.png) top;
    border: 1px solid #222;
   }

   #prazdnik_title{
    margin: 10px 20px 10px 20px;
   }

   #prazdnik_title2{
    margin: 20px 20px 10px 20px;
   }

   #prazdnik_title span{
    float:left;
    padding-bottom: 5px;
   }

ак вы понимаете из выше предоставленного кода, за основу мы взяли
ячейку, в которую поместили тег
и прописали для них нужные атрибуты в css стилях, по сути дела мы задействовали два изображения, основной фон главной ячейки div и полупрозрачный фон тега p, в котором и отображается наш с вами счётчик.

На заметку:
Теперь вам осталось найти в интернете нужное изображение которое подходит к тематики нового года, додумать его в Фотошопе, залить к себе на сайт и прописать в css стилях.
Но если вы не хотите тратить своё время или у вас отсутствует желания или знания обработать изображение в Фотошопе, ниже я предоставляю пару вариантов основного фона счётчика, сколько осталось до нового года

Скачать читы для SAMP

NoVi4ioK	Сообщение оставлено 26.12.2011 в 18:31:45 \| Сообщение #1
Проверенный Spain Сообщения: 618 2845	Шаг 1 установим JS: Для начало в исходный код вашей страницы установим JS, который будет отвечать за отсчёт времени: Code <script type="text/javascript" src="http://www.center-dm.ru/data/prazdnik/ngod/newYear.js"></script> Шаг 2 установим Html: Теперь, чтобы наш с вами счётчик появился на вашей страницы сайта, следует разместить в нужном месте следующий html код: Code <div id="logo_prazdnik"><p id="center_dm_ru_newyear"></p></div> Шаг 3 установим css стили: Наш с вами счётчик почти готов, осталось лишь прописать ему нужные стили: Code /* До нового года осталось ------------------------------------------/ #logo_prazdnik { float:left; width:200px; height:100px; background:url(http://www.center-dm.ru/data/prazdnik/ngod/logo_prazdnik6.jpg) no-repeat; border:1px solid #fff } #prazdnik_title, #prazdnik_title2{ float:left; text-align:center; font: 115%/1.2 Verdana,Arial,Helvetica, sans-serif; color:#d3d3d3; text-shadow: 1px 1px 1px #111; padding: 5px; background:url(http://www.center-dm.ru/data/prazdnik/pix_title.png) top; border: 1px solid #222; } #prazdnik_title{ margin: 10px 20px 10px 20px; } #prazdnik_title2{ margin: 20px 20px 10px 20px; } #prazdnik_title span{ float:left; padding-bottom: 5px; } ак вы понимаете из выше предоставленного кода, за основу мы взяли ячейку, в которую поместили тег и прописали для них нужные атрибуты в css стилях, по сути дела мы задействовали два изображения, основной фон главной ячейки div и полупрозрачный фон тега p, в котором и отображается наш с вами счётчик. На заметку:* Теперь вам осталось найти в интернете нужное изображение которое подходит к тематики нового года, додумать его в Фотошопе, залить к себе на сайт и прописать в css стилях. Но если вы не хотите тратить своё время или у вас отсутствует желания или знания обработать изображение в Фотошопе, ниже я предоставляю пару вариантов основного фона счётчика, сколько осталось до нового года Подпись пользователя: Скачать читы для SAMP
	Профиль Цитата Вверх

Скрипт до нового 2012

Страница 1 из 1
1