Творческое объединение «Точка опоры». Основной целью организации является сохранение и развитие традиций авторской песни, выявление талантливых авторов и исполнителей, содействие в распространении авторских песен и доведения их до широкого класса населения. Мы приглашаем к сотрудничеству творческие коллективы, объединения, организации, союзы, рассмотрим предложения по организации концертов, творческих встреч, с благодарностью воспримем любую помощь и поддержку.

Опросы и голосования
Возможность воздержаться. Администрация может создать опрос не только для всех, но и только для зарегистрированных пользователей. Возможность мульти-выбора при голосовании, т.е. два варианта: можно выбрать только один ответ (type=«radio»), можно выбрать несколько (type=«checkbox»).

Таблица тегов
Полная перелинковка всех публикаций. Наглядная карта количественных характеристик по ключевым тегам в основных рубриках.

Поиск по сайту
Возможность выбора поля поиска. Три режима: хоть одно слово, все слова и точное соответствие.

Объединение
Список лиц, входящих в объединение, включая резидентов. Их контакты и персоналии.

Цели и задачи
Утверждённый текст целей и задач объединения.

Устав
Утверждённый устав объединения.

Все новости и материалы масс-медиа разделены по рубрикам:
Концерты
Творческие вечера
Фестиваль
Новости партнёров
Новости портала
Пресса
Интервью
Статьи и очерки

Фото- и видео- галерея

Магазин
ТО «Точка опоры» приглашает к сотрудничеству творческих личностей и коллективы для сотрудничества в плане реализации (продажи) в нашем магазине собственной продукции. Для связи используйте данные на странице контактов.
Основные рубрики:
Аудио
Видео
Книги
Журналы
Сувениры

Сайт связан с официальной страницей в социальной сети FaceBook.

Специальная информация для разработчиков
Полностью собственное программное ядро.
Клиентская библиотека: JQuery.
Шаблонизатор: Smarty 3+.
Библиотеака для базы данных: DbSimple.
Визуальный редактор с файловым менеджером: CKEditor + CKFinder.
Библиотека для интерактивности изображений в фотогалерее: fancybox.

Недавно столкнулся с такой проблемой: встроил видео от YouTube на сайт и обнаружил, что оно перекрывает все слои и пляски с бубном в CSS с z-index ничего не дают.
Решение:

<script language="javascript">
$(document).ready(function () {
    $('iframe').each(function() {
        var url = $(this).attr('src');
        $(this).attr('src', url+'?wmode=transparent');
    });
});
</script>

Получается, что параметр «transparent» надо просто прописать как GET-параметр.

Полезная ссылка для тех, кто хочет самостоятельно и без напрягов познакомится с азами JQuery на примере самых распространённых 50 функций. Развёрнутые объяснения, демо и показ кода для каждого примера.

Хороший обзор полезностей в разработке с помощью jQuery.

Предлагаю посмотреть на очень красивый и качественный слайдер контента (да и картинок, если хотите) на JQuery. На данный момент разработано три стиля (картинки кликабельны, каждая ведёт на демо):

Modern Slide In


Sliding Horizontal Parallax


Apple Style


Нужно отметить, что это бета-версия плагина и авторы предлагают присоединиться к дальнейшей разработке по усовершенствованию.

Кроссбраузерность:
IE6-10
Opera
GoogleChrome
FireFox
Safari

Главные моменты ТЗ:

— должно работать локально на компьютерах пользователей
— во всех браузерах (даже в ie6)
— должно быть простым в использовании
— должно соответствовать задуманному дизайну, его элементам.
— легко расширяться — т.е. при необходимости выпуска новых версий должно «легко» расширяться функционалом с помощью JavaScript и изменяться, добавляя новые функциональные элементы при помощи css и dhtml.



( Читать дальше )

Предоставлен интерактивный список с кратким описанием из 22 самых популярных плагинов jQuery в 2011 году. Даны ссылки на официальные страницы и демо. 1. Chosen 2. HTML5 Uploader 3. Isotope 4. FlexSlider 5. FitText 6. FitVids 7. DropKick 8. jRumble 9. Arbor 10. Timelinr 11. MotionCAPTCHA 12. Waypoints 13. jQuery.fracs 14. Apprise 15. Reveal 16. grumble.js 17. Supersized 18. jVectorMap 19. Masonry 20. ResponsiveSlides.js 21. Sisyphus.js 22. Google+ Activity Widget

13 интересных и полезных визуальных эффектов на jQuery, от оригинальных слайдшоу до имитации гравитации! Названия не переводил, так как все мы тут достаточно владеем аглицким для понимания как темы, так и технической стороны вопроса.


( Читать дальше )

Навеяно этим топиком по теме. Можно сказать, что это более усовершенсвованный способ, так как контентом могут выступать и изображения (картинки).
Три кита: код на JavaScript, разметка HTML, стили CSS.

1. JavaScript

function slideSwitch() {
    var $active = $('#slideshow DIV.active');
    if ( $active.length == 0 ) $active = $('#slideshow DIV:last');

    // показываем картинки по-очереди, одна за другой
    var $next =  $active.next().length ? $active.next() : $('#slideshow DIV:first');

    // если надо показывать картинки случайным образом, то можно использовать закомментированный код ниже
    // var $sibs  = $active.siblings();
    // var rndNum = Math.floor(Math.random() * $sibs.length );
    // var $next  = $( $sibs[ rndNum ] );

    $active.addClass('last-active');
    $next.css({opacity: 0.0}).addClass('active').animate({opacity: 1.0}, 1000, function() { $active.removeClass('active last-active'); });
};

$(function() {
    setInterval( "slideSwitch()", 5000 ); // задержка 5 секунд
});

2. HTML

<div id="slideshow">
    <div class="active">контент 1</div>
    <div>контент 2</div>
    ..................................
    <div>контент n</div>
</div>

3. CSS

#slideshow { position:relative; height:400px; }
#slideshow DIV { position:absolute; top:0; left:0; z-index:8; opacity:0.0; height: 400px; background-color: #FFF; }
#slideshow DIV.active { z-index:10; opacity:1.0; }
#slideshow DIV.last-active { z-index:9; }

Класс стиля class=«active» можно изначально назначать на желаемый div-контент. Параметр height:400px можно менять на собственное усмотрение. Алгоритм вывода случайным образом можно усложнить и усовершенствовать. Более того, можно изменить анимационный эффект на свой.

Три кита: код на JavaScript, разметка HTML, стили CSS.

1. JavaScript

function slideSwitch() {
    var $active = $('#slideshow IMG.active');
    if ( $active.length == 0 ) $active = $('#slideshow IMG:last');

    // показываем картинки по-очереди, одна за другой
    var $next =  $active.next().length ? $active.next() : $('#slideshow IMG:first');

    // если надо показывать картинки случайным образом, то можно использовать закомментированный код ниже
    // var $sibs  = $active.siblings();
    // var rndNum = Math.floor(Math.random() * $sibs.length );
    // var $next  = $( $sibs[ rndNum ] );

    $active.addClass('last-active');
    $next.css({opacity: 0.0}).addClass('active').animate({opacity: 1.0}, 1000, function() {$active.removeClass('active last-active');});
};

$(function() {
    setInterval( "slideSwitch()", 5000 ); // задержка 5 секунд
});

2. HTML

<div id="slideshow">
    <img src="image_1.jpg" alt="Slideshow Image 1" class="active" />
    <img src="image_2.jpg" alt="Slideshow Image 2" />
    ...............................................
    <img src="image_n.jpg" alt="Slideshow Image n" />
</div>

3. CSS

#slideshow { position:relative; height:350px; }
#slideshow IMG { position:absolute; top:0; left:0; z-index:8; opacity:0.0; }
#slideshow IMG.active { z-index:10; opacity:1.0; }
#slideshow IMG.last-active { z-index:9; }

Класс стиля class=«active» можно изначально назначать на желаемую картинку. Параметр height:350px можно менять на собственное усмотрение. Алгоритм вывода случайным образом можно усложнить и усовершенствовать. Более того, можно изменить анимационный эффект на свой.