Время:
Новых сообщений: Нет
Вы на форуме дней
Ваша группа: Гость
Ваш IP: 3.145.66.104
Logical-Portal — молодежный портал со своей изюминкой, каждый сможет найти что-то интересное и полезное для себя, например наш форум общения с которым вам обязательно нужно ознакомиться.
  • Страница 1 из 1
  • 1
Архив - только для чтения
Плавное увеличение-уменьшение картинки в новостях
Сообщение оставлено 02.07.2010 в 23:27:55 | Сообщение #1
Плавное увеличение-уменьшение картинки и её перемещения для новостей сайта !

пример:(не реклама!) http://west-team.clan.su нажмите на картинку в новостях и увидете результат.

Начнём!
В настройках новостей сайта добавляем дополнительное поле.
В моём примере это доп. поле № 2.
В замене стандартных надписей переименовываем его в нужное, а именно "Ссылка на изображение".
Потом в шаблонах "Вид материалов новостей" и "Страница материала и комментариев к нему" ставим следующий код перед $MESSAGE$:

Code
<?if($OTHER2$)?><center><a href="$OTHER2$" class="highslide" onclick="return hs.expand(this, {captionId: 'caption1'})"><img src="$OTHER2$" border="0" width="200"></a></center><?endif?>

Если у вас другой номер доп. поля то его изменяем в коде $OTHER2$.
Затем в корне сайта создаём директорию highslide.
Пихаем туда файл highslide.css из архива.
После этого открываем файл highslide.js и находим в нём это :

creditsText : 'текст надписи на картинке',
creditsHref : 'адресс вашего сайтеГа',
creditsTitle : 'комментарий к надписи',

Думаю, что на что вам надо будет заменить и так понятно.
Ставим его в созданную директорию.
В эту же директорию загружаем папку graphics со всеми файлами, котрые внутри.
В итоге должен получиться путь /highslide/graphics/
Теперь в шаблонах "Страницы сайта", "Архив Материалов новостей" и "Вид материала и комментариев к нему" между <head>........</head> пишем :

Code
<style type="text/css" media="all">      
@import url(/highslide/highslide.css);      
</style>      
<script type="text/javascript" src="/highslide/highslide.js"></script>      
<script type="text/javascript">      
hs.graphicsDir = '/highslide/graphics/';      
</script>
 

 
   
Сообщение оставлено 03.07.2010 в 15:56:10 | Сообщение #2
Shado[W], прочти:
Code
9.Запрещено указывать пример ссылками на сторонний ресурс.
9.1.при указании примера следует на компьютере создать HTML файл с кодировкой UTF-8 (расширение .htm либо .html) и наполнить кодом либо готовый пример, последовательно прикрепить файл к теме как пример.
9.2.В примере и коде запрещено указывать ссылки на сторонии ресурсы, запрещено использовать невидимые "Iframe", и любые рекламные скрипты(если вы являетесь автором и авторство подтверждено то разрешено в примере указывать банеры либо ссылки на ваш ресурс.)
а)при нарушении будет дано предупреждение в ЛС затем если сообщение будет проигнорировано и нарушение будет повторено администратор либо модератор сайта имеет право дать 1 день бана за распространения рекламы.
б)Если вы являетесь автором данного материала то следует указать авторство и предъявить факты о подлинности вашего авторства, если авторство будет нарушено то следовательно юзеру будет дан бан на 2 дня.
9.3.Запрещено указывать пример скринами лежащими на сторонних ресурсах, все скрины и примеры должны прикрепляться к теме.
А.Если вы являетесь автором данного материала то следует указать авторство и предъявить факты о подлинности вашего авторства, если авторство будет подтверждено то данный пункт правила для вас к именно создано темы недействителен
 
 
   
Сообщение оставлено 03.07.2010 в 16:00:20 | Сообщение #3
Quote (Shado|W|)
/highslide/highslide.js

где архив?
Quote (Shado|W|)
Пихаем туда файл highslide.css из архива.

если не будет архива то тему в топку sad
 
 
   
  • Страница 1 из 1
  • 1
Поиск:
 
Графика от: Megas, GraFOS | Дизайн сверстал E.A.
Хостинг от uCoz
Яндекс.Метрика