Дата публикации: 16.01.2025

Блок информер рекомендуем Портал Zagru.ru

Блок информер рекомендуем создаем глобальный блок и пихаем туда следующий код , уже с вашими ссылками и картинками (нужно изменить под себя)смотрим демо блок рекомендуем <center><style type="text/css"> body div.sc_menu_wrapper { position: relative; height: 500px; /* Make bigger than a photo, because we need a place for a scrollbar. */ width: 200px; margin-top: 30px; overflow: auto; } div.sc_menu { padding: 15px 0; } .sc_menu a { display: block; margin-bottom: 7px; width: 200px; border: 2px rgb(79, 79,solid; -webkit-border-radius: 4px; -moz-border-radius: 4px; /* When image support is turned off */ color: #fff; background: rgb(79, 79, 79); } .sc_menu a:hover { border-color: rgb(130, 130, 130); border-style: dotted; } .sc_menu img { display: block; border: none; } .sc_menu_wrapper .loading { position: absolute; top: 50px; left: 10px; margin: 0 auto; padding: 15px; width: 100px; -webkit-border-radius: 4px; -moz-border-radius: 4px; text-align: center; color: #fff; border: 1px solid rgb(79, 79, 79); background: #1F1D1D; } /* Styling tooltip */ .sc_menu_tooltip { display: block; position: absolute; padding: 6px; font-size: 12px; color: #fff; -webkit-border-radius: 4px; -moz-border-radius: 4px; border: 1px solid rgb(79, 79, 79); background: rgb(0, 0, 0); /* Make background a bit transparent for browsers that support rgba */ background: rgba(0, 0, 0, 0.5); } /* Here are styles for a link to an article. Not for you <img src="http://s64.ucoz.net/sm/10/smile.gif" border="0" align="absmiddle" alt="smile" /> */ #back { margin-left: 8px; color: gray; font-size: 18px; text-decoration: none; } #back:hover { text-decoration: underline; } </style> <script src="http://kinobp.ru/images/bloc-x/jquery.min.js" type="text/javascript"></script> <script type= "text/javascript">/*<![CDATA[*/ function makeScrollable(wrapper, scrollable){ // Get jQuery elements var wrapper = $(wrapper), scrollable = $(scrollable); // Hide images until they are not loaded scrollable.hide(); var loading = $('<div class="loading">Loading...</div>').appendTo(wrapper); // Set function that will check if all images are loaded var interval = setInterval(function(){ var images = scrollable.find('img'); var completed = 0; // Counts number of images that are succesfully loaded images.each(function(){ if (this.complete) completed++; }); if (completed == images.length){ clearInterval(interval); // Timeout added to fix problem with Chrome setTimeout(function(){ loading.hide(); // Remove scrollbars wrapper.css({overflow: 'hidden'}); scrollable.slideDown('slow', function(){ enable(); }); }, 1000); } }, 100); function enable(){ // height of area at the top at bottom, that don't respond to mousemove var inactiveMargin = 99; // Cache for performance var wrapperWidth = wrapper.width(); var wrapperHeight = wrapper.height(); // Using outer height to include padding too var scrollableHeight = scrollable.outerHeight() + 2*inactiveMargin; // Do not cache wrapperOffset, because it can change when user resizes window // We could use onresize event, but it's just not worth doing that // var wrapperOffset = wrapper.offset(); // Create a invisible tooltip var tooltip = $('<div class="sc_menu_tooltip"></div>') .css('opacity', 0) .appendTo(wrapper); // Save menu titles scrollable.find('a').each(function(){ $(this).data('tooltipText', this.title); }); // Remove default tooltip scrollable.find('a').removeAttr('title'); // Remove default tooltip in IE scrollable.find('img').removeAttr('alt'); var lastTarget; //When user move mouse over menu wrapper.mousemove(function(e){ // Save target lastTarget = e.target; var wrapperOffset = wrapper.offset(); var tooltipLeft = e.pageX - wrapperOffset.left; // Do not let tooltip to move out of menu. // Because overflow is set to hidden, we will not be able too see it tooltipLeft = Math.min(tooltipLeft, wrapperWidth - 75); //tooltip.outerWidth()); var tooltipTop = e.pageY - wrapperOffset.top + wrapper.scrollTop() - 40; // Move tooltip under the mouse when we are in the higher part of the menu if (e.pageY - wrapperOffset.top < wrapperHeight/2){ tooltipTop += 80; } tooltip.css({top: tooltipTop, left: tooltipLeft}); // Scroll menu var top = (e.pageY - wrapperOffset.top) * (scrollableHeight - wrapperHeight) / wrapperHeight - inactiveMargin; if (top < 0){ top = 0; } wrapper.scrollTop(top); }); // Setting interval helps solving perfomance problems in IE var interval = setInterval(function(){ if (!lastTarget) return; var currentText = tooltip.text(); if (lastTarget.nodeName == 'IMG'){ // We've attached data to a link, not image var newText = $(lastTarget).parent().data('tooltipText'); // Show tooltip with the new text if (currentText != newText) { tooltip .stop(true) .css('opacity', 0) .text(newText) .animate({opacity: 1}, 1000); } } }, 200); // Hide tooltip when leaving menu wrapper.mouseleave(function(){ lastTarget = false; tooltip.stop(true).css('opacity', 0).text(''); }); /* //Usage of hover event resulted in performance problems scrollable.find('a').hover(function(){ tooltip .stop() .css('opacity', 0) .text($(this).data('tooltipText')) .animate({opacity: 1}, 1000); }, function(){ tooltip .stop() .animate({opacity: 0}, 300); }); */ } } $(function(){ makeScrollable("div.sc_menu_wrapper", "div.sc_menu"); }); /*]]>*/</script> $AJAX_JS$ </head> <body> <div class="sc_menu_wrapper"> <div class="sc_menu"> <a title="Бесславные ублюдки смотреть онлайн" href="http://kinobp.ru/load/voennyj/besslavnye_ubljudki_inglourious_basterds_2009_hd_720/3-1-0-158"><img src="http://kapnob.ru/plugins/content/contentoptimizer/170333fa8973e9eb9909fab6e5ef5c2ac171022f_200x282_Q90.jpeg" alt="Menu"/></a> <a title="Адский бункер Cмотреть онлайн" href="http://kinobp.ru/load/uzhasy/adskij_bunker_cmotret_onlajn/11-1-0-2900"><img src="http://kinobp.ru/_ld/29/37653139.jpg" alt="Navigation"/></a> <a title="Шоу ужасов Убальдо Терцани / Horror Show (hd-720 смотреть онлайн" href="http://kinobp.ru/load/uzhasy/shou_uzhasov_ubaldo_tercani_horror_show_2010_hd_720_smotret_onlajn/11-1-0-356"><img src="http://kapnob.ru/plugins/content/contentoptimizer/419395555c57affb5f64776caeff378e20bdca78_200x300_Q90.jpeg" alt="jQuery"/></a> <a title="Крип Creep смотреть онлайн" href="http://kinobp.ru/load/uzhasy/krip_creep_2004_hd_720_smotret_onlajn/11-1-0-442"><img src="http://kapnob.ru/plugins/content/contentoptimizer/3fbe68620331f1b4c9d16d8ce5666571f7e3b5d4_200x300_Q90.jpeg" alt="CSS"/></a> <a title="Фредди против Джейсона смотреть онлайн" href="http://kinobp.ru/load/uzhasy/freddi_protiv_dzhejsona_freddy_vs_jason_2003_smotret_onlajn/11-1-0-438"><img src="http://kapnob.ru/plugins/content/contentoptimizer/53fe035620ba806d4dd00ba647153d7736a599a6_200x300_Q90.jpeg" alt="Vertical"/></a> <a title="Похороненная 2 смотреть онлайн" href="http://kinobp.ru/load/uzhasy/pokhoronennaja_2_chromeskull_laid_to_rest_2_2011_hd_720_smotret_onlajn/11-1-0-444"><img src="http://kapnob.ru/plugins/content/contentoptimizer/adca42bd78acc1ec7c65fe7107cee3664b14a175_200x300.png" alt="Menu"/></a> <a title="Один пропущенный звонок" href="http://kinobp.ru/load/uzhasy/odin_propushhennyj_zvonok_one_missed_call_2008_smotret_onlajn/11-1-0-502"><img src="http://kapnob.ru/plugins/content/contentoptimizer/926735a355de759bf2464433b8e730d2db96b401_200x307_Q90.jpeg" alt="Navigation"/></a> <a title="Затащи меня в Ад" href="http://kinobp.ru/load/uzhasy/zatashhi_menja_v_ad_drag_me_to_hell_2009/11-1-0-513"><img src="http://kapnob.ru/plugins/content/contentoptimizer/ebe3ffc0add6e85144183c2882fe191ffeb1ed2b_200x285_Q90.jpeg" alt="jQuery"/></a> <a title="Шатл" href="http://kinobp.ru/load/uzhasy/shatl_shuttle/11-1-0-1189"><img src="http://kapnob.ru/plugins/content/contentoptimizer/81c6636c61bf89f4f46e7c4ac3ac3c0f7c7c7cea_200x281_Q90.jpeg" alt="Navigation" /></a> <a title="Царь смотреть онлайн" href="http://kinobp.ru/load/istoricheskij/car_2009/7-1-0-233"><img src="http://kapnob.ru/plugins/content/contentoptimizer/a0e00c66e74b08344536b3ff91ac41a9c8edbd3f_200x287_Q90.jpeg" alt="javascript"/></a> <a title="Свадьба в Малиновке" href="http://kinobp.ru/load/komedija/svadba_v_malinovke/8-1-0-925"><img src="http://kapnob.ru/plugins/content/contentoptimizer/b1b8d94944a3b4c9049a2c7be246f51f57e8a764_200x300_Q90.jpeg" alt="Menu"/></a> <a title="Погребенный заживо" href="http://kinobp.ru/load/triller/pogrebennyj_zazhivo_buried/10-1-0-903"><img src="http://kapnob.ru/plugins/content/contentoptimizer/3e780019fa1e7e8904f1f54f7aa5d77d8c4f4efb_200x300_Q90.jpeg" alt="Navigation"/></a> <a title="Дитя тьмы" href="http://kinobp.ru/load/triller/ditja_tmy/10-1-0-1864"><img src="http://gidonline.ru/wp-content/themes/gidonline/timthumb.php?src=http://gidonline.ru/up/ditya-tmy.jpg&w=150&h=200&zc=1" alt="javascript"/></a> </div> </div></center>
А! То есть О! Наконец аватары появились в Моя лента!
А у котанов это врожденная мудрость - то что нужно жить для себя?!
А у троллей есть утреннее тролле-служение? Что поют?. ))
А у вас в США есть глазированные сырки? Вот такие, как в СНГ.
А у вас здесь тоже имеются баги с комментариями? Не могу написать!
БАДы и Витамины: Разбираемся в Пользе, Мифах и Выборе
Баг №6: Микроскопические фотографии, упорно не желающие масштабироваться, и самовольная ориентация!
Баг №8: Невидимый ответ на мобильных устройствах
Call of Duty: Война поколений и один любитель распахнуть дверь
Call of Duty: Война, Тактика и Любитель Дверей - Капитан Прайс
Call of Duty: Warzone, Black Ops и двери имени Капитана Прайса
Call of Duty: Warzone, Black Ops и Двери Капитана Прайса
Call of Duty: Warzone, Black Ops и Дверная Мания Капитана Прайса
Чатрулетка — Видеочат Онлайн Бесплатно
ЦИАН Красноярск: недвижимость для всех потребностей
ЦИАН недвижимость Красноярска
ЦИАН: недвижимость в Красноярске
Декстер: Полный Обзор и Смотреть Онлайн Сериал
Документация Баз Данных Oracle
Домодедово суши пицца доставка
Дружба на века: Истории, советы и размышления о настоящей дружбе
Дружба на Века: Истории, Советы и Размышления о Настоящей Дружбе
ETS2 Радио
Эублефар или Ресничный Бананоед: Кто Подойдет Именно Вам?
Эвакуация автомобиля с платной парковки в Санкт-Петербурге: Что делать?
Evercool вентиляторы: надежность и эффективность
Геополитическая Арена: Дебаты о Влиянии и Союзничестве
Геополитическая схватка: Дебаты о будущем миропорядка
Геополитические баталии: БРИКС, Африка и теневая власть
История города Конаково: исторический обзор
jQuery: Библиотека для Веб-Разработчиков
jQuery UI: библиотека для создания интерактивных графиков
Коттеджный Посёлок: Жилище с Гармонией с Природой и Безопасностью
Муичиро Токито: Герой манги-сериала Кимецу но Яиба
Новые стили и тенденции
Огород - Мой Ветер: Уход и Выращивание
Отделка и ремонт квартир
Развлечение для всех: прикольное видео и красивые картинки
Секреты СЕО: Продвижение Сайта и Технологии
Сила гравитационного взаимодействия между соприкасающимися шарами
Сила гравитационного взаимодействия
Сила характера: как она проявляется
Скрытая запись разговоров с националистическим уклоном
Скрытие не прогруженных чанков в Minecraft с OptiFine 1.16.5 без тумана
Скрытие времени модификации в папке ресурспаков Minecraft
Скрытые черты характера в Sims 3 с модом NRASS
Сон о меняющих размер предметах: личный опыт
Сон о мрачном и гнилом мире
Сон о недоступном друге: что это значит?
Сон о недоступном мероприятии и билете только для мужчины
Сон о новой даче: значение и толкование
Современные видеочаты-рулетки: времяпровождение
Созревший Дух человека: связь с экстрасенсорным восприятием
Созвонились с девушкой и возникло недопонимание:
Созыв Учредительного собрания и Земского собора: политическое противостояние
Стерся аккаунт на другом сервере в Genshin Impact
Стеснение в отношениях с парнем из обеспеченной семьи
Страшный вопрос: признаешься ли ты в несовершенном преступлении под пытками?
Телефон разряжается при подключении к ПК по USB
Телефон Realme не Включается: Возможные Причины и Решения
Телефон Realme застрял в меню рекавери
Телефон Редми Ноут 10 Про медленно заряжается? Вот что можно сделать
Телефон самостоятельно убирает звук: возможные причины
Трактование карт Таро для ситуации Напишет ли мужчина? Будет ли встреча?
Трактование расклада Таро
Трактование сна о потере безымянного пальца
Трактование Таро: Отношения Мужчины и Женщины
Трактовка карманных карт Таро
Учебники для ГИА и ОГЭ
Ужасающие игры для мрачных вечеров
Ужасающий лес: замкнутый круг
Ужасающий триллер с маньяком в противогазе
Устройства ввода манипуляторного типа
Устройства вывода информации
Устройство автомобиля: Трансмиссия
Вернут ли деньги после возврата на Wildberries?
Вернут ли деньги с Вайлдберриз после возврата?
ВЕРНУТ ЛИ ДЕНЬГИ С WILDBERRIES, ЕСЛИ НЕ ЗАБРАТЬ ТОВАР
Видео Мамикса: обзор и обсуждение с зрителями
Видеочат для взрослых: особенности и преимущества
Влияние времени и окисления на свойства краски для волос
Влияние времени на движение
Возможна ли чистка носовых пазух, особенно лобных?
Возможна ли дружба между петухом и кошкой?
Возможна ли дружба с бывшей девушкой?
Выбор крана взамен старого
Xbox 360 стал плохо работать: причины и решения
XBOX 360: Зависания и причины их возникновения
Задача на центр масс: Сириус
Задача на энергию: Взаимодействие системы
Задача на газ
Закрашивание седины: советы для самостоятельного использования профессиональных красок
Закроет ли Ubisoft онлайн-серверы The Crew 2 и будет ли доступен офлайн-режим?
Закроют ли TikTok в России: что нужно знать пользователям
Защита информации налогоплательщика в автоматизированных системах