Снимок скриншот страницы сайта | Скрипт для сайта - Скрипты для uCoz | Делай сайт
Приветствую Вас, Гость! Регистрация
Георгиевская ленточка
Пятница, 02.12.2016
Скрипты для uCoz » Эффекты для сайта uCoz » Снимок скриншот страницы сайта | Скрипт для сайта

Аудиоплеер для сайта uCozАудиоплеер с плейлистом для сайта
Видеоплеер для сайта uCozВидеоплеер с плейлистом для сайта
Меню для сайта uCozВертикальное меню для сайта uCoz
Выпадающее меню для сайта uCozГоризонтальное меню для сайта uCoz
Круглое меню для сайта uCozВид материалов для сайта uCoz
Вид материалов Аудио для uCozВид материалов Видео для uCoz
Галерея для сайта uCozГенераторы для сайта uCoz
Контейнер для контентаКнопки для сайта uCoz
Слайдер для сайта uCozСчётчик для сайта uCoz
Часы для сайта uCozТекстовые эффекты
Таблица цветов для сайта uCozЭффекты для сайта uCoz
Эффекты курсораЭффекты увеличения
Мини чат для сайта uCozРадио для сайта uCoz
Скрипты для юКозИгры для сайта uCoz
Окна для сайта uCozИнформеры для сайта uCoz
Флеш и анимации для сайтаКалендарь для сайта uCoz
Мониторинг серверов для ucozСлайдшоу для сайта uCoz



Адаптивный сайт - aTmpl



Снимок скриншот страницы сайта | Скрипт для сайта

Делаем снимок скриншот указанной страницы




Скриншот ( снимок,картинка ) сайта или указанной страницы делается моментально,достаточно навести на ссылку с указанным адресом.Для установки,скопируйте код основного скрипта и установите его на странице используемого модуля перед закрывающим тегом </body>.Второй код с элементом <div> установите в материале,красным цветом выделен адрес который Вам нужно будет заменить на свой,а голубым цветом выделено название используемой ссылки.Скрипт адаптирован для системы uCoz и в HTML редакторе работать не будет.Если у Вас появились вопросы,можете воспользоватся комментарием к материалу.





Этот код установить перед тегом </body>

<script>
$("#scrinshoturl")
.hover(function(){
_uWnd.alert($('#scrinshotfire')
.html(),'Снимок сайта', {
w: 630, h: 500, tm: 0, icon:'http://delaisait.ucoz.ru/favicon.ico'});
},function(){$("div")
.siblings(".xt-close2").click()});
</script>


Этот код установить непосредственно на месте

<a href="javascript://" id="scrinshoturl" title="Скиншот страницы">GAMES - Белый каталог игровых сайтов</a>
<div style="margin:auto auto;display:none;" id="scrinshotfire">
<img src="http://mini.s-shot.ru/1024x768/600/JPEG/?http://games-catalog.ucoz.ru/">
</div>


Вот так будет выглядеть ссылка ( если не добавлены стили )

GAMES - Белый каталог игровых сайтов



!!! Дополнение к материалу !!!

По появившимся запросам добавляю код для получения снимка без применения ссылки,подойдёт для любого сайта.Это просто скриншот указанной Вами страницы,на сайте системы uCoz вместо адреса можно использовать условный оператор ( если скриншот должен выводится по добавленному адресу ).Можно добавить стили для получаемого скриншота в виде установленного размера изображения и других наворотов.Предоставляю 2 варианта,без стилей и с применением стилей тени и закругления углов ( для примера ).
Получившийся скриншот можно сохранить как картинку на ПК.Для этого наведите мышку на сриншот - > Выберите "Сохранить изображение как".
Кто не разобрался пишем комментарий.


Вариант кода без стилей

<img src="http://mini.s-shot.ru/?http://games-catalog.ucoz.ru/" alt="Скриншот сайта">

Вариант кода без стилей в работе

Скриншот сайта

Вариант кода со стилями

<style>
#dsscreen {
-webkit-box-shadow:0px 0px 7px rgba(0,0,0,0.2),
0px 0px 0px 1px rgba(188,188,188,0.1);
-moz-box-shadow:0px 0px 7px rgba(0,0,0,0.2),
0px 0px 0px 1px rgba(188,188,188,0.1);
box-shadow:0px 0px 7px rgba(0,0,0,0.2),
0px 0px 0px 1px rgba(188,188,188,0.1);
border-radius: 5px;
-webkit-border-radius: 5px;
-o-border-radius: 5px;
-ms-border-radius: 5px;
-webkit-transition:box-shadow 0.3s ease-in-out;
-moz-transition:box-shadow 0.3s ease-in-out;
-o-transition:box-shadow 0.3s ease-in-out;
transition:box-shadow 0.3s ease-in-out;
}
#dsscreen:hover {
-webkit-box-shadow:0px 0px 9px rgba(0,0,0,0.4),
0px 0px 0px 1px rgba(188,188,188,0.1);
-moz-box-shadow:0px 0px 9px rgba(0,0,0,0.4),
0px 0px 0px 1px rgba(188,188,188,0.1);
box-shadow:0px 0px 9px rgba(0,0,0,0.4),
0px 0px 0px 1px rgba(188,188,188,0.1);
}
</style>
<img src="http://mini.s-shot.ru/?http://games-catalog.ucoz.ru/" id="dsscreen" alt="Скриншот сайта">


Вариант кода со стилями в работе

Скриншот сайта

Вот аналогичный сервис можете использовать его

Есть 2 основные особенности при применении этого кода.1.Адрес должен закрыт слэшем ( / ) http://delaisait.ucoz.ru/ .2.Размер ( size ) может быть выставлен 100, 120, или 200.Всё остальное не меняйте.



<img src='http://img.bitpixels.com/getthumbnail?code=17079&size=200&url=http://delaisait.ucoz.ru/'/>

Пример выше в действии

Скриншот сайта








Русские шрифты



Ссылка:
BB code:




  • ©
  • | Просмотров: 2110 | Добавил: IZOTOP | Рейтинг: 0.0/0
    | Теги: site, screen, сайта, скриншот, страницы, скрин, Screenshot

    Вы будете первый кто оставит комментарий

    Добавлять комментарии могут только зарегистрированные пользователи.
    [ Регистрация | Вход ]