Время:
Новых сообщений: Нет
Вы на форуме дней
Ваша группа: Гость
Ваш IP: 18.119.137.175
Logical-Portal — молодежный портал со своей изюминкой, каждый сможет найти что-то интересное и полезное для себя, например наш форум общения с которым вам обязательно нужно ознакомиться.
  • Страница 1 из 1
  • 1
Zoom для скриншотов
Сообщение оставлено 25.05.2011 в 21:23:01 | Сообщение #1


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

</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">


Идем дальше , этот код ставим после
Code
$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"
НАСТРОЙКА РАСТОЯНИЯ МЕЖДУ КАРТИНКАМИ- [эти значки можно удалять либо добавлять]
И на этом всё!
При распостронения материала ссылка на источник обязательна!
http://www.ucozgolden.tk
Загрузить:
 
 
   
Сообщение оставлено 01.06.2011 в 12:16:15 | Сообщение #2
спс, интересно! возьму себе пожалуй!
 
 
   
  • Страница 1 из 1
  • 1
Поиск:
 
Графика от: Megas, GraFOS | Дизайн сверстал E.A.
Хостинг от uCoz
Яндекс.Метрика