Разработка сайтов,Красноярск.Оптимизация,seo,joomla.Настройка cms.

Ссылки Пожелания Новости Работы
 
Дом arrow Записки по теме arrow Статьи arrow Lightbox2 на вашем сайте arrow Статьи arrow Статьи 
Новости Статьи Статьи

Поиск по тегам : размещение сайта, хостинг, платный, бесплатный, Дело в том, что многие люди просто не знают


Lightbox2 на вашем сайте Версия для печати Отправить на e-mail
 

Lightbox2 на вашем сайте.

Многие хотели бы использовать такой эффект на своих сайтах, но думают, что это возможно только в платных шаблонах изготовленных профессионалами. Но такой эффект доступен не только в шаблонном исполнении, и не только профи веб-дизайно, но и всем кто может удилить пару минут на чтение инструкции и применениее ее на деле. Вам нужно скачать архив с файлами и следовать инструкции установки. Все что требуется - это немного дополнить (4 строчки) ваш шаблон сайта.
Скачать файл можно вконце статьи.

Как использовать

Шаг 1 - Установка

  1. Lightbox 2 использует Prototype Framework и Scriptaculous Effects библиотеки. Вам нужно включить все Javascript файлы в тег header . 

    <script type="text/javascript" src="js/prototype.js"></script> <script type="text/javascript" src="js/scriptaculous.js?load=effects,builder"></script> <script type="text/javascript" src="js/lightbox.js"></script>

  2. Включите Lightbox CSS файл (или дополните ваш css).

    <link rel="stylesheet" href="css/lightbox.css" type="text/css" media="screen" />

  3. Проверьте CSS и создайте прозрачный prev.gif и next.gif афйлы и расположите на сайте. После создайте loading.gif и close.gif файлы .

Шаг 2 - Активация

  1. Добавьте rel="lightbox" атрибут к любой ссылке если хотите использовать эффект lightbox. Для примера:

    <a href="images/image-1.jpg" rel="lightbox" title="my caption">image #1</a>

    Дополнение: Используйте title атрибут если нужно описание к картинке.
  2. Групповое использование. К примеру:

    <a href="images/image-1.jpg" rel="lightbox[roadtrip]">image #1</a>
    <a href="images/image-2.jpg" rel="lightbox[roadtrip]">image #2</a>
    <a href="images/image-3.jpg" rel="lightbox[roadtrip]">image #3</a>

  3. download Lightbox Lightbox v2.04

    
Quote this article in website
Favoured
Related articles
Save this to del.icio.us

Users' Comments  RSS feed на комментарии
 

Average user rating

   (1 голос)

  

Display 1 of 1 comments
[-] Collapse comment

Куда его копировать то непонятно мне

By: Klevin (Пользователь ) on 21-09-2008 08:17

Все это то я повписывал ... а вот сам архив куда писать то?

 

» Пожаловаться на этот комментарий

» Ответить на комментарий...

» Посмотреть все ответы - 1

Display 1 of 1 comments



Добавить комментарий
[-] Hide form
Только зарегистрированные пользователи могут оставлять комментарии. Пожалуйста, войдите или зарегистрируйтесь.


mXcomment 1.0.8 © 2007-2008 - visualclinic.fr
License Creative Commons - Some rights reserved
След. >
Назад

Оптимизация web приложений от Yahoo
  • Производить как можно меньше HTTP запросов;
  • Воспользоваться услугами сетей доставки контента (Content Delivery Network), например Akamai;
  • Не пренебрегать HTTP заголовком "Expires" или "Cache-control"
Продолжение...
 
Поисковая оптимизация сайта
Поисковая оптимизация сайта – это адаптация сайта под поисковые системы с целью увеличения релевантности по основным запросам. Релевантность - Соответствие контента (содержания) сайта конкретному запросу.
Контент – это содержание страницы: тексты и графика.
Как подобрать CMS

Ориентироваться на использование CMS следует в подавляющем большинстве случаев. Действительно, несколько лет назад, для того чтобы получить удовлетворительную CMS, требовалось потратить ощутимую сумму денег на покупку лицензии и оплату услуг специалиста, настраивающего систему. И не для всякого сайта подобные траты выглядят оправданными. Сейчас ситуация поменялась кардинальным образом: появились бесплатные CMS, удобные в настройке, при этом установка современных систем занимает немного времени и не требует особенных навыков.


Психология цвета? как правильно "раскрасить" сайт?
Психология цвета Итак, у вас есть компания. Вы продаете товары или предоставляете услуги. Перед вами встает необходимость в интернет-представительстве, а точнее – сайте, как его неотъемлемой составляющей.
Сказано – сделано. Вы нашли студию, в которой вас устраивает все – от красоты и качества работ дизайнеров до функциональности программной части. НО! Прежде чем отдавать свое детище на «растерзание» профессионалам, решите, какие цветовые решения оптимальны именно для вашего ресурса.
Основные ошибки оптимизации сайта
Основные ошибки оптимизации сайта.
Ну, серьезным сайтам позволительно Cool. Они ставку делают в основном на внешние факторы (покупка обратных ссылок и распространение пресс-релизов), а вот простым веб мастерам, у которых нет возможности тратить много сотен (а то и тысяч) долларов на раскрутку, пренебрегать простейшими правилами не следует.
Модернизация сайтов

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