RSS
Оповещание о новых личных сообщениях как вконтакте (17.4 Kb)
Уважаемый Гость сайта если вы не хотите ожидать 31 сек. для того что бы скачать "Оповещание о новых личных сообщениях как вконтакте" размером в: (17.4 Kb) то зарегистрируйтесь или войдите под своим профилем!
В глобальный блок "Нижняя часть сайта" в самый низ: Code <script type="text/javascript"> var no_ava = '/images/no_avatar.jpg'; $.getScript('/js/ls.js');</script> Далее в самый низ вашего CSS: 1) Серый скин: Code /* Оповещение о новом лс как Вконтакте <br> ------------------------------------------*/ <br> .news_ls1 { <br> position:relative; <br> z-index:9999; <br> } <br><br> .news_ls2 { <br> position:fixed; <br> bottom:5px; <br> right:5px; <br> } <br><br> .uContent{ <br> overflow: hidden; <br> display:none; <br> margin-bottom:10px; <br> width:300px; <br> background:url(http://www.center-dm.ru/ucoz/ls/kontakt/fon_uContent_White.png); <br> padding:5px 10px 5px 10px; <br> -webkit-border-radius: 5px; <br> -moz-border-radius:5px; <br> border-radius: 5px; <br> -moz-box-shadow: 0px 2px 7px rgba(0, 0, 0, 0.70); <br> -webkit-box-shadow: 0px 2px 7px rgba(0, 0, 0, 0.70); <br> box-shadow: 0px 2px 7px rgba(0, 0, 0, 0.70); <br> } <br><br> .uContent_l { <br> float:left; <br> font: 11px Verdana,Arial,Helvetica, sans-serif; <br> color:#555; text-shadow: 1px 1px 1px #fff; font-weight: bold; <br> } <br> <br> .uContent_p {float:right;} <br> .uContent_c { <br> float:left; <br> font: 100%/1.0 Verdana,Arial,Helvetica, sans-serif; <br> width:300px; <br> padding: 5px 0px 0px 0px; <br> } <br> <br> .uPm-close { <br> width:18px; <br> height:18px; <br> background:url(http://www.center-dm.ru/ucoz/ls/kontakt/knopka_closse_White.png) no-repeat; <br> } <br><br> .uPm-close:hover { <br> background-position:0px -18px; <br> } <br> <br> .uContent_c img { <br> float:right; <br> width:45px; <br> height:45px; <br> border:1px solid #a7a7a7; <br> padding: 3px; <br> margin: 0px 0px 10px 15px; <br> background:#fff; <br> } <br><br> .uContent_c span { <br> color:#547ec4; <br> } <br> .uContent_c p { <br> padding:0; <br> margin: 5px 0px 0px 0px; <br> } <br><br> .uContent_c a:link, <br> .uContent_c a:visited {color:#555;} <br> .uContent_c a:hover {color:#4a6ca5;} <br> /* -------------------------------------- */<br> 2) Синий скин: Code /* Оповещение о новом лс как Вконтакте <br> ------------------------------------------*/ <br> .news_ls1 { <br> position:relative; <br> z-index:9999; <br> } <br><br> .news_ls2 { <br> position:fixed; <br> bottom:5px; <br> right:5px; <br> } <br><br> .uContent{ <br> overflow: hidden; <br> display:none; <br> margin-bottom:10px; <br> width:300px; <br> background:url(http://www.center-dm.ru/ucoz/ls/kontakt/fon_uContent_Blue.png); <br> padding:5px 10px 5px 10px; <br> -webkit-border-radius: 5px; <br> -moz-border-radius:5px; <br> border-radius: 5px; <br> -moz-box-shadow: 0px 2px 7px rgba(0, 0, 0, 0.70); <br> -webkit-box-shadow: 0px 2px 7px rgba(0, 0, 0, 0.70); <br> box-shadow: 0px 2px 7px rgba(0, 0, 0, 0.70); <br> } <br><br> .uContent_l { <br> float:left; <br> font: 11px Verdana,Arial,Helvetica, sans-serif; <br> color:#6e87c6; text-shadow: 1px 1px 1px #fff; font-weight: bold; <br> } <br> <br> .uContent_p {float:right;} <br> .uContent_c { <br> float:left; <br> font: 100%/1.0 Verdana,Arial,Helvetica, sans-serif; <br> color:#555; <br> width:300px; <br> padding: 5px 0px 0px 0px; <br> } <br> <br> .uPm-close { <br> width:18px; <br> height:18px; <br> background:url(http://www.center-dm.ru/ucoz/ls/kontakt/knopka_closse_Blue.png) no-repeat; <br> } <br><br> .uPm-close:hover { <br> background-position:0px -18px; <br> } <br> <br> .uContent_c img { <br> float:right; <br> width:45px; <br> height:45px; <br> border:1px solid #99bee4; <br> padding: 3px; <br> margin: 0px 0px 10px 15px; <br> background:#fff; <br> } <br><br> .uContent_c span { <br> color:#43983f; <br> } <br> .uContent_c p { <br> padding:0; <br> margin: 5px 0px 0px 0px; <br> } <br><br> .uContent_c a:link, <br> .uContent_c a:visited {color:#555;} <br> .uContent_c a:hover {color:#999;} <br> /* -------------------------------------- */<br> 3) Зеленый скин: Code /* Оповещение о новом лс как Вконтакте <br> ------------------------------------------*/ <br> .news_ls1 { <br> position:relative; <br> z-index:9999; <br> } <br><br> .news_ls2 { <br> position:fixed; <br> bottom:5px; <br> right:5px; <br> } <br><br> .uContent{ <br> overflow: hidden; <br> display:none; <br> margin-bottom:10px; <br> width:300px; <br> background:url(http://www.center-dm.ru/ucoz/ls/kontakt/fon_uContent_Green.png); <br> padding:5px 10px 5px 10px; <br> -webkit-border-radius: 5px; <br> -moz-border-radius:5px; <br> border-radius: 5px; <br> -moz-box-shadow: 0px 2px 7px rgba(0, 0, 0, 0.70); <br> -webkit-box-shadow: 0px 2px 7px rgba(0, 0, 0, 0.70); <br> box-shadow: 0px 2px 7px rgba(0, 0, 0, 0.70); <br> } <br><br> .uContent_l { <br> float:left; <br> font: 11px Verdana,Arial,Helvetica, sans-serif; <br> color:#1dbb19; text-shadow: 1px 1px 1px #fff; font-weight: bold; <br> } <br> <br> .uContent_p {float:right;} <br> .uContent_c { <br> float:left; <br> font: 100%/1.0 Verdana,Arial,Helvetica, sans-serif; <br> color:#555; <br> width:300px; <br> padding: 5px 0px 0px 0px; <br> } <br> <br> .uPm-close { <br> width:18px; <br> height:18px; <br> background:url(http://www.center-dm.ru/ucoz/ls/kontakt/knopka_closse_Green.png) no-repeat; <br> } <br><br> .uPm-close:hover { <br> background-position:0px -18px; <br> } <br> <br> .uContent_c img { <br> float:right; <br> width:45px; <br> height:45px; <br> border:1px solid #77ca79; <br> padding: 3px; <br> margin: 0px 0px 10px 15px; <br> background:#fff; <br> } <br><br> .uContent_c span { <br> color:#5976c0; <br> } <br> .uContent_c p { <br> padding:0; <br> margin: 5px 0px 0px 0px; <br> } <br><br> .uContent_c a:link, <br> .uContent_c a:visited {color:#555;} <br> .uContent_c a:hover {color:#999;} <br> /* -------------------------------------- */<br> 4) Оранжевый скин: Code /* Оповещение о новом лс как Вконтакте <br> ------------------------------------------*/ <br> .news_ls1 { <br> position:relative; <br> z-index:9999; <br> } <br><br> .news_ls2 { <br> position:fixed; <br> bottom:5px; <br> right:5px; <br> } <br><br> .uContent{ <br> overflow: hidden; <br> display:none; <br> margin-bottom:10px; <br> width:300px; <br> background:url(http://www.center-dm.ru/ucoz/ls/kontakt/fon_uContent_Orange.png); <br> padding:5px 10px 5px 10px; <br> -webkit-border-radius: 5px; <br> -moz-border-radius:5px; <br> border-radius: 5px; <br> -moz-box-shadow: 0px 2px 7px rgba(0, 0, 0, 0.70); <br> -webkit-box-shadow: 0px 2px 7px rgba(0, 0, 0, 0.70); <br> box-shadow: 0px 2px 7px rgba(0, 0, 0, 0.70); <br> } <br><br> .uContent_l { <br> float:left; <br> font: 11px Verdana,Arial,Helvetica, sans-serif; <br> color:#e7ad3c; text-shadow: 1px 1px 1px #fff; font-weight: bold; <br> } <br> <br> .uContent_p {float:right;} <br> .uContent_c { <br> float:left; <br> font: 100%/1.0 Verdana,Arial,Helvetica, sans-serif; <br> color:#555; <br> width:300px; <br> padding: 5px 0px 0px 0px; <br> } <br> <br> .uPm-close { <br> width:18px; <br> height:18px; <br> background:url(http://www.center-dm.ru/ucoz/ls/kontakt/knopka_closse_Orange.png) no-repeat; <br> } <br><br> .uPm-close:hover { <br> background-position:0px -18px; <br> } <br> <br> .uContent_c img { <br> float:right; <br> width:45px; <br> height:45px; <br> border:1px solid #f6c76a; <br> padding: 3px; <br> margin: 0px 0px 10px 15px; <br> background:#fff; <br> } <br><br> .uContent_c span { <br> color:#4876c1; <br> } <br> .uContent_c p { <br> padding:0; <br> margin: 5px 0px 0px 0px; <br> } <br><br> .uContent_c a:link, <br> .uContent_c a:visited {color:#444;} <br> .uContent_c a:hover {color:#999;} <br> /* -------------------------------------- */<br> 5) Черный скин: Code /* Оповещение о новом лс как ВКонтакте <br> ------------------------------------------*/ <br> .news_ls1 { <br> position:relative; <br> z-index:9999; <br> } <br><br> .news_ls2 { <br> position:fixed; <br> bottom:5px; <br> right:5px; <br> } <br><br> .uContent{ <br> overflow: hidden; <br> display:none; <br> margin-bottom:10px; <br> width:300px; <br> background:url(http://www.center-dm.ru/ucoz/ls/kontakt/fon_uContent_Black.png); <br> padding:5px 10px 5px 10px; <br> -webkit-border-radius: 5px; <br> -moz-border-radius:5px; <br> border-radius: 5px; <br> -moz-box-shadow: 0px 2px 7px rgba(0, 0, 0, 0.70); <br> -webkit-box-shadow: 0px 2px 7px rgba(0, 0, 0, 0.70); <br> box-shadow: 0px 2px 7px rgba(0, 0, 0, 0.70); <br> } <br><br> .uContent_l { <br> float:left; <br> font: 11px Verdana,Arial,Helvetica, sans-serif; <br> color:#a7a7a7; text-shadow: 1px 1px 1px #252525; font-weight: bold; <br> } <br> <br> .uContent_p {float:right;} <br> .uContent_c { <br> float:left; <br> font: 100%/1.0 Verdana,Arial,Helvetica, sans-serif; <br> color:#a7a7a7; <br> width:300px; <br> padding: 5px 0px 0px 0px; <br> } <br> <br> .uPm-close { <br> width:18px; <br> height:18px; <br> background:url(http://www.center-dm.ru/ucoz/ls/kontakt/knopka_closse_Black.png) no-repeat; <br> } <br><br> .uPm-close:hover { <br> background-position:0px -18px; <br> } <br> <br> .uContent_c img { <br> float:right; <br> width:45px; <br> height:45px; <br> border:1px solid #838383; <br> padding: 3px; <br> margin: 0px 0px 10px 15px; <br> background:#646464; <br> } <br><br> .uContent_c span { <br> color:#8fbbe9; <br> } <br> .uContent_c p { <br> padding:0; <br> margin: 5px 0px 0px 0px; <br> } <br><br> .uContent_c a:link, <br> .uContent_c a:visited {color:#f7f7f7;} <br> .uContent_c a:hover {color:#bdbdbd;} <br> /* -------------------------------------- */ <br><br> Скрипт из прикреплённого архива залейте в папку js, картинку no_avatar.jpg в папку images Все остальные картинки залиты на случай, если ссылки на них станут битыми | |||||||||
| |||||||||
| |||||||||
