[ Новые сообщения · Участники · Правила форума · Поиск · RSS ]
  • Страница 1 из 1
  • 1
Zoom картинок
Дата: Суббота, 07.05.2011, 12:57 | Сообщение # 1
Администратор
    Сообщений:
    841
    Награды:
    2

У всех на сайте не хватает места для скриншотов поэтому есть такой скрипт Zoom картинок!
Я сейчас раскажу вам как с экономить место для скриншотов!
Первым делом заходим в панель управления>Файловый менеджер и создаёте папку с названием:zoom
далее с закаченого архива с папки zoom заливаете все файлы в паку которую вы создали в корни
сайта!
Далее подключаем стили .
Cтавим код на страницу материалов и комментариев к нему перед </head>
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">

Идем дальше , этот код ставим после $MESSAGE$
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>

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

Скачать

  • Страница 1 из 1
  • 1
Поиск: