Поиск:
  • Страница 1 из 1
  • 1
Модератор форума: Senator  
Zoom для скриншотов
Дата: Вторник, 12.04.2011, 00:40 | Сообщение # 1
Offline
  • Проверенный
  • 1828 Сообщения

[Table]
У всех на сайте не хватает места для скриншотов поэтому есть такой скрипт Zoom картинок!
Я сейчас раскажу вам как с экономить место для скриншотов!
Первым делом заходим в панель управления>Файловый менеджер и создаёте папку с названием:zoom
далее с закаченого архива с папки zoom заливаете все файлы в паку которую вы создали в корни
сайта!
Далее подключаем стили .
Cтавим код на страницу материалов и комментариев к нему перед
Код: [/Table]

Code
<style type="text/css">2.pul img {width:1px;}3.pul img {height:1px;}4.doll img {max-height:250px;}5.doll img {max-width:400px;6 width:expression(document.body.clientWidth > 550? "250px": "auto"); }7</style>8<script type="text/javascript" language="javascript" src="/zoom/lytebox.js"></script>9<link rel="stylesheet" href="/zoom/lytebox.css" type="text/css" media="screen">

[TableGreen]Идем дальше , этот код ставим после $MESSAGE$ [/TableGreen]

Code
<div class="doll" align="left"><a href="$IMG_URL2$" rel="lytebox" title="$TITLE$"><img width="190" height="142" alt="" src="$IMG_URL2$" align="left" border="0">    <a href="$IMG_URL3$" rel="lytebox" title="$TITLE$"><img width="190" height="142" alt="" src="$IMG_URL3$" align="centr" border="0">    <a href="$IMG_URL4$" rel="lytebox" title="$TITLE$"><img width="190" height="142" alt="" src="$IMG_URL4$" align="richt" border="0"></a></div>  
<span style="font-size:10pt; color:#ff0000"><b>Уважаемый пользователь если вы хотите увидеть скриншот большего размера кликнете по нему!</span>

[Table]При добавление новостей Скриншоты заливаете через МЕНЕДЖЕР изображения!
2;3 и 4 вами добавленная будет выводиться как скриншоты внизу сайта!
КОД легко настроить:
НАСТРОЙКА РАЗМЕРА картинки- НАСТРОЙКА РАСТОЯНИЯ МЕЖДУ КАРТИНКАМИ- [эти значки можно удалять либо добавлять]
И на этом всё![/Table]

  • Страница 1 из 1
  • 1
Поиск:
Администрация проекта не несет ответственности за публикуемые материалы.
Дизайн полностью принадлежит "Up-Rise.Ru".
Дизайн сайта разработал life_man.
© 2024 Сайт управляется системой uCoz.