<meta http-equiv="Content-Type"     content="text/html; charset=utf-8" />

<meta name="Design"                 content="(ФИО дизайнера латиницей, владельца шаблона)" />
<meta name="Programming"            content="S.Degtyarchuk (ФИО программиста латиницей)" />
<meta name="Data-Base"              content="S.Degtyarchuk (ФИО разработчика базы данных латиницей)" />

<meta name="Content"                content="http://domen.zone/ (или название компании)" />
<meta name="Copyright"              content="http://domen.zone/ (или название компании)" />
<meta name="Url"                    content="http://domen.zone/" />

<meta name="description"            content="" />
<meta name="keywords"               content="" />

<meta name="robots"                 content="all" />
<meta name="Document-state"         content="Dynamic" />
<meta name="revisit"                content="1 day" />
<meta name="revisit-after"          content="1 day" />
<meta name="Classification"         content="Global (список через запятую)" />
<meta name="rating"                 content="general" />
<meta name="resource-type"          content="document" />
<meta http-equiv="Content-Language" content="ru, en, ua" />

<script type="text/javascript" src="javascript.js"></script>

<link rel="alternate" href="feedback.rss" title="rss" type="application/rss+xml" />
<link rel="shortcut icon" href="favicon.ico" type="image/x-icon" />
<link rel="stylesheet" href="style.css" type="text/css" media="screen, projection" />

Теги для дизайнера (Design), программиста (Programming) и разработчика базы данных (Data-Base) я придумал сам несколько лет назад. Может стоит переназвать тег для Data-Base?
Кто-нибудь может что-то добавить? Отпишитесь в комментах.

Отличный он-лайн ресурс. Очень помогал при восстановлении Дикого Поля (http://dikoepole.org)

Навеяно этим топиком по теме. Можно сказать, что это более усовершенсвованный способ, так как контентом могут выступать и изображения (картинки).
Три кита: код на 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 можно менять на собственное усмотрение. Алгоритм вывода случайным образом можно усложнить и усовершенствовать. Более того, можно изменить анимационный эффект на свой.

Итак, наше увлечение русским бильярдом приобретает всё более спортивные формы. Представляю на всеобщее обозрение турнирную таблицу текущего чемпионата (нашего маленького междусобойчика) по «Американке». Необходимо отметить, что игра ведётся не на вылет, но каждый с каждым. При штрафах шар не выставляется, но снимается противником, так как это логичнее выставления, ибо в противном случае партия может теоретически затянуться до бесконечности.

Учитывается:
— дата и время проведения партии;
— общее количество ударов;
— количество забитых шаров;
— результативность (процентная характеристика);
— количество свояков, чужих, дуплетов и дураков;
— штрафы (снятые шары противником).

Что касается самой верстки, то всё сделано без jQuery, написана всего одна серьёзная функция на JavaScript для реализации Drag & Drop блоков (окон) статистики по каждой партии отдельно, что приводит к удобству сравнения игр между собой. Кто имеет желание разобраться в коде, то достаточно просмотреть страницу в HTML исходнике, там всё просто и наглядно.

Таблица в данный момент находится в стадии наполнения, так как турнир ещё не окончен. Физкульт превед!

Свершилось!
Цель: сверстать задуманный дизайн и натянуть его на смs Joomla.
Просмотр задуманного дизайна: здесь
Граничные условия:
— поддержка IE6
— кроссбраузерность
— валидность
— правильная семантика

Работу можно посмотреть здесь
Код выкладывать не стану — думаю исходник и firebug все знают.
Кроме этого используется 1 js.
Итого:
1 html — 16кб( вместе с тестовыми топиками)
2 css — 1+12 = 13кб
1 js — 13кб
14 jpg+png — примерно 140кб
Далее краткий разбор:


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

Делаю перепост из ЖЖ (сообщество Донецка):

Ищем веб-разработчика
От вас: PHP, MySql, HTML (кодинг не нужен), JavaScript, прямые руки, идеальное попадание в дизайн
От нас: офис в центре, удобный график, заработная плата от вашего опыта.
job@ori-art.com

Думаю написанная, озвученная мысль дает более содержательно изучить вопрос…

Задача: — сдать Joomla — сайт.
Возникшая проблема — запросы заказчика вышли за рамки выбранного шаблона.

Шаблон можно посмотреть по ссылке — http://musikant.com.ua/dom2

Конкретизирую — при кустомизации шаблона выползает много разных бяк в IE.
В нормальном браузере все зашибись.

Ответ готов!

Вот очередная бяка:

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