Оценки читателей
0 Лайк 0 Лавки 0 Ахахах! 0 Ого! 0 Восторг 0 Печаль 0 Грусняшь
Приветствуем Вас на сайте!
Авторизировавшись на сайте Вы получаете возможность заказывать эксклюзивные вещи для Вашего сайта, скачивать новинки, общаться с друзьями.
Если у Вас ещё нет аккаунта на BEST STUDIO, вы можете создать его потратив не более 10-ти секунд используя форму справа с заголовком "Вход на сайт"
Если у Вас ещё нет аккаунта на BEST STUDIO, вы можете создать его потратив не более 10-ти секунд используя форму справа с заголовком "Вход на сайт"
Вход на сайт
Логин:
Пароль:
Вход
Войти по Логину и Паролю
О нас
Cтудия скриптов и дизайна BEST STUDIO, как студия перспективных веб-разработок, была основана 1 июля 2009 г. Уже более 17000 зарегистрированых пользователей! С момента ее создания мы четко придерживаемся принципа: «Быстро, качествено, дорого».
Заказывая работу для вашего сайта у нас, вы экономите время...
Заказывая работу для вашего сайта у нас, вы экономите время...
Стремитесь к лучшему - в Best Studio!
Войти | Зарегистрироваться
Настройки
Перезагрузите страницу
- Главная
- Авторские работы
- Другие модули
- Нужная информация в Похожих новостях
+
Всем привет многих не устраивает родная переменная $RELATED_ENTRIES$ Которая выводит похожие материалы в виде простой ссылки. Мы предлагаем разбавить эту серость добавив в нее изображении этой новости. Или что вам угодно... Конечно есть масса скриптов которая выводит картинку, но в нашем случае главное проста и легкость использования!...
Установка:
1. Добавим нашу переменную
2. Добавим наш скрипт:
<script>
setTimeout(function() {
$('.uRelatedEntry a').each(function(data){
$('.uRelatedEntry a').append('<div class="uReat"></div>');
var data = $(this).attr('href');
$('.uReat:eq(0)', this).load(''+data+' .entryPos img:eq(0)');
});
}, 1000);
</script>
Разберем скрипт:
Вместо: .entryPos img:eq(0) указать свой атрибут в чем заключена ваша картинка на странице новости. Либо другое что хотите вывести к этой новости!.
3. Добавим CSS
P.S не злоупотребляйте частой обнове страницы так скрипт использует привычный нам .get запрос к новости!.
Также вы можете обернуть скрипт в функцию .click Чтоб можно было открывать похожие новости, ну это уже на ваше усмотрение и фантазию!.
При копировании материала указывать источник uCodes.ru либо MyBestStudio.ru
Установка:
1. Добавим нашу переменную
Код
<?$RELATED_ENTRIES$(5)?>
2. Добавим наш скрипт:
Код
<script>
setTimeout(function() {
$('.uRelatedEntry a').each(function(data){
$('.uRelatedEntry a').append('<div class="uReat"></div>');
var data = $(this).attr('href');
$('.uReat:eq(0)', this).load(''+data+' .entryPos img:eq(0)');
});
}, 1000);
</script>
Разберем скрипт:
Вместо: .entryPos img:eq(0) указать свой атрибут в чем заключена ваша картинка на странице новости. Либо другое что хотите вывести к этой новости!.
3. Добавим CSS
Код
li.uRelatedEntry {background: #f3f3f3;padding:15px 0px 0px 0px;margin: 0px 0px 3px 0px;}
li.uRelatedEntry a {
width: 100%;font-family: sans-serif;
display: inline-block;
font-weight:bolder;
position:relative;top:10px;
}
.uReat img {width:50px;height:50px;border-radius:10%;position:relative;top:-19px;
}
.uReat {
display: inline-block;
float: left;
margin: 0px 20px 0px 0px;
}
li.uRelatedEntry a {
width: 100%;font-family: sans-serif;
display: inline-block;
font-weight:bolder;
position:relative;top:10px;
}
.uReat img {width:50px;height:50px;border-radius:10%;position:relative;top:-19px;
}
.uReat {
display: inline-block;
float: left;
margin: 0px 20px 0px 0px;
}
P.S не злоупотребляйте частой обнове страницы так скрипт использует привычный нам .get запрос к новости!.
Также вы можете обернуть скрипт в функцию .click Чтоб можно было открывать похожие новости, ну это уже на ваше усмотрение и фантазию!.
При копировании материала указывать источник uCodes.ru либо MyBestStudio.ru
Данный раздел авторский все работы являются собственностью ucods.3dn.ru любое коммерческое использование строго запрещено.
При копировании материала указываем источник ucods.3dn.ru
Для редактирования кода необходимо иметь хотя бы базовые знания в HTML, CSS и Js технологиях.
При копировании материала указываем источник ucods.3dn.ru
Для редактирования кода необходимо иметь хотя бы базовые знания в HTML, CSS и Js технологиях.
Добавил: Best_Studio
Дата добавления: 05.02.2016 в 00:18 по МСК
Категория: Другие модули
Просмотров: 1062
Комментариев: 0
Эмоций:
Дата добавления: 05.02.2016 в 00:18 по МСК
Категория: Другие модули
Просмотров: 1062
Комментариев: 0
Эмоций:
Теги: