Время:
Новых сообщений: Нет
Вы на форуме дней
Ваша группа: Гость
Ваш IP: 18.224.54.148
Logical-Portal — молодежный портал со своей изюминкой, каждый сможет найти что-то интересное и полезное для себя, например наш форум общения с которым вам обязательно нужно ознакомиться.
  • Страница 1 из 1
  • 1
Скрипт до нового 2012 года осталось...
Сообщение оставлено 08.12.2011 в 22:39:08 | Сообщение #1


! Шаг 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 стилях.
Но если вы не хотите тратить своё время или у вас отсутствует желания или знания обработать изображение в Фотошопе, ниже я предоставляю пару вариантов основного фона счётчика, сколько осталось до нового года
 
 
   
Сообщение оставлено 12.12.2011 в 21:45:46 | Сообщение #2
R1cH, Скрипт неплохой , но врядли кто то его использует , а если и так то очень! smile
 
 
   
Сообщение оставлено 13.12.2011 в 18:54:11 | Сообщение #3
Ша мало людей такой скрипт ставят , но может быть кому то пригодиться)
 
Sels not . k/B/ savel` slavka

Я вернулся на LP :)
 
   
Сообщение оставлено 13.12.2011 в 23:16:33 | Сообщение #4
Coffe, скрипт довольно таки красивый так что я думаю что многие будут ставить
 
 
   
Сообщение оставлено 14.12.2011 в 03:56:43 | Сообщение #5
Да.. Скрипт карсивый.. Побегу на свой сайт ставить! ))
 
 
   
Сообщение оставлено 14.12.2011 в 20:21:23 | Сообщение #6
Спасибо за новенький скрипт. blush
 
 
   
Сообщение оставлено 14.12.2011 в 21:01:46 | Сообщение #7
Первый раз такой скрипт вижу =) Прикольный )
 
 
   
Сообщение оставлено 14.12.2011 в 23:44:00 | Сообщение #8
Не ставьте такие скрипты они не к чему. Лично мое мнение. getlost
 
 
   
Сообщение оставлено 15.12.2011 в 07:45:51 | Сообщение #9
а мне нравится на сайты, где стоят подобные скрипты...Даже видел "до конца света осталось ..."
 
Друг: Думаю надо извиниться. А ты как считаешь?
Я: На калькуляторе.
Друг: Я серьёзно.
Я: Ну иногда столбиком :DAAA
 
   
Сообщение оставлено 17.12.2011 в 14:03:10 | Сообщение #10
Этих счетчиков в интернете куча, этот лучший :)
 

 
   
Сообщение оставлено 18.12.2011 в 12:49:08 | Сообщение #11
отличный скрипт)
 
 
   
Сообщение оставлено 20.12.2011 в 22:29:07 | Сообщение #12
Quote (FoReZ)
Лично мое мнение

Свое мнение , засунь =:3
 
 
   
  • Страница 1 из 1
  • 1
Поиск:
 
Графика от: Megas, GraFOS | Дизайн сверстал E.A.
Хостинг от uCoz
Яндекс.Метрика