Скрипт до нового 2012 года осталось... - Форум игрового проекта по Counter-Strike

Акции до 1 января · Новые сообщения · Участники · Правила форума · Поиск · RSS

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

Форум игрового проекта по Counter-Strike - Pk-Portal.Ru » Веб-мастеру » Скрипты для uCoz » Скрипт до нового 2012 года осталось...

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

тэка

Дата: Воскресенье, 18.12.2011, 22:03:12 | Сообщение # 1

Выше своего предела

Сообщения: «38»

Награды: «0» +

Замечания: «» ±

+ -

«19»

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

[ (RU) ]