Проблема position:relative и dle_js.js в DLE 9.0-9.2

16.02
4
3122
При вёрстке шаблонов для DLE я часто использую приём для размещения блоков на сайте с помощью position:relative; и position:absolute; - это очень удобный, семантически правильный, валидный и т.д. способ решения сложных, на первый взгляд вариантов оформления.
Примером может служить тот же шаблон Turnion.
Но вот незадача: при использовании position: relative; для блоков, расположенных на странице (по расчётам браузера) ниже позиции top: 0px; (а это все блоки, кроме шапки) и являющихся родителем для комментариев, возникает очень неприятный "эффект" при добавлении, редактировании и удалении комментариев - страница прматывается не до верха комментария, а до верха страницы.
Как это вылечить - читаем в полной версии поста.

Подсветка комментариев автора новости с помощью jQuery

9.12
7
4088
Сегодня рассмотрим небольшой jquery скрипт для подсветки комментариев автора новости в DLE, Скрипт не является сколь нибудь сложным, был очень быстро написан и, думаю, будет востребован, т.к. многие до сих пор ломают голову над реализацией подсветки, но на php.

Выбор оформления блока на сайте с помощью jQuery и CSS

3.12
нет
3823
Выбор оформления блока на сайте с помощью jQuery и CSS

Как добавить разнообразия своему сайту? Вы уже не раз задаётесь этим вопросом?
Сегодня я расскажу как с помощью нехитрого jQuery скрипта и CSS можно осуществить возможность для посетителя сайта самому выбирать внешний вид блоков на сайте, естественно только тех, которые Вы ему разрешите менять smile

Идея реализации проста как 2 копейки:
При добавлении определённой конструкции внутрь любого дива на сайте будет появляться кнопочка. Нажимаем на неё и нашему взору представляется меню - список возможных вариантов оформления этого блока. Выбранный вариант записывается в куки браузера и при повторном заходе на страницу оформление блоков не меняется.

Подсветка новостей и комментариев в DLE не вмешиваясь в php

12.02
9
6074
Сегодняшняя статья будет посвящена довольно остро стоящей теме подсветки новостей и комментариев в DataLife Engine.
Я натыкался на много разных способов, но так или иначе все они по своей сути были хаками или модулями для DLE, требовали вмешательства в php-код движка и были привязаны к ID новости или коментария. Я же покажу Вам 2 способа подсветки новостей и комментариев не затрагивающих php и реализуемых в шаблоне независимо от версии DLE...
Обновлено: 17 января 2011
(Заменил списки li на списки dt)

Простой tooltip с поддержкой html-тегов на jQuery

3.02
5
8239
Давно я уже ничего не писал на сайте, но вот решил поделиться с народом, недавно обнаруженным, интереснейшим плагином на jQuery.

В данной статье я не буду рассказывать как устроен данный плагин, это уже сделано на сайте Webmasters.by.
Я лишь хочу показать часть из областей применения этого на удивление легковесного (по сравнению с встречавшимися мне ранее), но функционального плагина.
Показывать я буду, естественно, на движке DLE.

P.S.
Данный плагин имеет смысл ставить в том случаи, если на сайте используется библиотека jQuery, в противном случаи я не вижу смысла грузить лишних 55 кб изза маленького скрипта в 516 байт.

Обновление от 29.06.2010 - Исправлено возникновение пустого пространства внизу сайта и баг с пустым title ссылки.

Произвольное оформление новостей в DLE

21.09
14
23854
Произвольное оформление новостей в DLE


Не поверите, но эта идея мне пришла в голову как только я открыл глаза сегодня утром, просто проснулся и понял, что изменить оформление новостей на сайте оказывается ОЧЕНЬ просто.


Например Вам хочется чтобы понравившаяся Вам новость была бы сразу заметна на сайте, или у определённой новости стояла бы определённая пометка, или просто хотите сделать новости с разными фонами, обводками, фоновыми изображениями, шрифтами, вобщем Вы можете сделать с видом новостей всё что душе угодно, была бы фантазия smile


Сегодня я покажу простой и наглядный пример того, как можно разнообразить вид новостей на сайте под управлением CMS DataLife Engine.

Динамический блок с закруглёнными углами с помощью CSS и 1 картинки.

27.08
5
12777
Динамический блок с закруглёнными углами с помощью CSS и 1 картинки.

В поисках простого и удобного решения проблемы закруглённых углов на сайте я наткнулся на один крайне интересный вариант решения данной проблемы.
Плюсы этого решения:
- Произвольная ширина, высота блока.
- Нет никаких таблиц, что для меня самое важное. Нет javascript. Нет плясок с бубном вокруг IE.
- Кроссбраузерность: блок во всех браузерах выглядит одинаково.
- Всего ОДНА картинка.
- Легко разобраться, т.к. используется минимум кода для реализации этого "безобразия" Динамический блок с закруглёнными углами с помощью CSS и 1 картинки.
Минусы
- Используется 5 элементов " DIV".

Ранее я выкладывал данный материал, но к нему не было объяснений, сегодня я предлагаю Вашему вниманию мой вольный перевод статьи автора.

Вывод новостей в 2 колонки.

26.07
27
12970
Вывод новостей в 2 колонки.


В данной статье попытаемся решить проблему вывода новостей на сайте, работающем на DataLife Engine, в 2 колонки без применения яваскриптов, правки кода движка и прочих ненужных, на мой взгляд, вещей.
Для реализации этого "безобразия" нам потребуются только прямые руки и элементарные знания CSS и HTML.

P.S.
Способ не будет работать в IE 6. Пора уже выкинуть этот ущербный устаревший браузер.