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

Время:

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

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

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

Скрипт до нового 2012 года осталось... (Скрипт до нового 2012 года осталось...)

Скрипт до нового 2012 года осталось...

Scofield

Сообщение оставлено 08.12.2011 в 22:39:08 | Сообщение #1

13665

! Шаг 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 стилях.
Но если вы не хотите тратить своё время или у вас отсутствует желания или знания обработать изображение в Фотошопе, ниже я предоставляю пару вариантов основного фона счётчика, сколько осталось до нового года

Scofield	Сообщение оставлено 08.12.2011 в 22:39:08 \| Сообщение #1
Пользователь Сообщения: 4354 13665	! Шаг 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 стилях. Но если вы не хотите тратить своё время или у вас отсутствует желания или знания обработать изображение в Фотошопе, ниже я предоставляю пару вариантов основного фона счётчика, сколько осталось до нового года
	Профиль Цитата Вверх