Бесплатный форум: форум поддержки
Добро пожаловать на форум поддержки сервиса Forum2x2 !

Для полноценной работы с форумом,
пожалуйста, войдите на форум под своим логином (если вы уже зарегистрированы) или же зарегистрируйтесь.


С нашей помощью вы можете создать форум,
похожий на этот!
Мы в социальных сетях

Правила форума

для обязательного прочтения!


Внимание! Важная информация для РЕГИСТРАЦИИ на форуме:

Пожалуйста, не регистрируйтесь на этом форуме с электронными адресами mail.ru, bk.ru, inbox.ru, list.ru - вам может не прийти письмо со ссылкой активации!
Вы можете воспользоваться адресами типа yandex.ru, rambler.ru, gmail.com и т.д.
Интересные решения
Быстрый переход к сервисам: Savepic Видео фоторедактор Транслит

Помощь в теме

Предыдущая тема Следующая тема Перейти вниз

Помощь в теме

Сообщение автор sa-hken в Чт 6 Июн - 4:16

Доброе утро!!!

Поомгите люди добрые разобраться в этой теме, все перепробывал ничего не помогает.
http://help.forum2x2.ru/t8832-topic

sa-hken
 

Мужчина

Сообщения : 40
Регистрация : 2013-05-28
Благодарности : 0

Без предупреждений

Вернуться к началу Перейти вниз

Re: Помощь в теме

Сообщение автор Dana Domirani в Чт 6 Июн - 4:58

Принцип следующий.

1) Копируете себе в виджет (или объявление, или приветствие на главной, или html-страницу) код картинки из темы:
Код:
<img src="МАЛЕНЬКАЯ" name="БОЛЬШАЯ" onmouseover="resizeimg(this, event)" onmouseout="deleteimg(this)" onmousemove = "dragimg(this, event)"  alt="ОПИСАНИЕ КАРТИНКИ" />
Поставить таких картинок можно сколько угодно.

2) Вместо слова МАЛЕНЬКАЯ ставите ссылку на маленькое изображение (превью) — например, https://i79.servimg.com/u/f79/17/37/83/89/image_11.jpg
Вместо слова БОЛЬШАЯ ставите ссылку на полноразмерное изображение — например, https://i79.servimg.com/u/f79/17/37/83/89/usxdle10.jpg
Вместо слов ОПИСАНИЕ КАРТИНКИ пишите краткое описание — например, доброе утро.

Получаете в итоге следующий код:
Код:
<img src="http://i79.servimg.com/u/f79/17/37/83/89/image_11.jpg" name="http://i79.servimg.com/u/f79/17/37/83/89/usxdle10.jpg" onmouseover="resizeimg(this, event)" onmouseout="deleteimg(this)" onmousemove = "dragimg(this, event)" alt="доброе утро" />
Сохраняете.

3) В ПА > Модули > Управление кодами Javascript создаете новый файл с параметрами:
Название : любое
Расположение : на всех страницах
Код Javascript : копируете туда код из темы (без тегов <script> и </script>!)
Код:
function getElementPosition(elem)
{
w = elem.offsetWidth;
h = elem.offsetHeight;

l = 0;
t = 0;

while (elem)
{
l += elem.offsetLeft;
t += elem.offsetTop;
elem = elem.offsetParent;
}

return {"left":l, "top":t, "width": w, "height":h};
}

  
function mousePageXY(e) {
   var x = 0, y = 0;  
  
   if (e.pageX || e.pageY){
      x = e.pageX - 5;
      y = 21 + e.pageY;
   }
   if (e.clientX || e.clientY){
      x = e.clientX + (document.documentElement.scrollLeft || document.body.scrollLeft) - document.documentElement.clientLeft - 5;
      y = 21 + e.clientY + (document.documentElement.scrollTop || document.body.scrollTop) - document.documentElement.clientTop;
   }

   return {"x":x, "y":y};
};


function deleteimg(imig){
      if(document.getElementById('nimimg')){
      testolldimg = document.getElementById('nimimg');
      imig.parentNode.removeChild(testolldimg);
   }
};


function dragimg(oldimg, even){
      zWidth = getElementPosition(oldimg);
      if(document.getElementById('nimimg')){
      xypos = mousePageXY(even);
      if(document.getElementById("nimimg").style.display == 'none'){
         document.getElementById("nimimg").style.display = 'block';
      }
      lwidth = screen.width/2;
      if((screen.width - lwidth) < zWidth.left){
            document.getElementById("nimimg").style.left = xypos.x - document.getElementById("nimimg").width + 15 + "px";
            document.getElementById("nimimg").style.top = xypos.y + "px";
      }
      else{
            document.getElementById("nimimg").style.left = xypos.x + "px";
            document.getElementById("nimimg").style.top = xypos.y + "px";
      }
         }
};


function resizeimg(imig, ri){
   newsrc = imig.name;
   xypos = mousePageXY(ri);
   newimg = document.createElement('img');
   newimg.src = newsrc;
   newimg.style.position = 'absolute';
   newimg.style.display = 'none';
   newimg.id = 'nimimg';
   imig.parentNode.appendChild(newimg);
};
Сохраняете.

В результат получаете маленькое изображение, рядом с которым (при наведении курсора) будет всплывать его полноразмерная копия:



Где находится CSS?
Па > Оформление > Цвета > Каскадная таблица стилей CSS


Где искать основные шаблоны?
ПА > Оформление > Шаблоны > Общие настройки


Где находится раздел для подключения скриптов
ПА > Модули > Управление кодами Javascript



Dana Domirani
Администратор
Администратор

Женщина

Сообщения : 22072
Возраст : 32
Место обитания : СПб
Регистрация : 2008-04-18
Благодарности : 8871

Без предупреждений

http://poltergeist-legacy.com/

Вернуться к началу Перейти вниз

Re: Помощь в теме

Сообщение автор sa-hken в Чт 6 Июн - 5:04

А вот можно такое сделать что-бы картинки увеличивались только в темах ?
http://dmc-pw.forum2x2.ru/t11-topic#17
Вот видите там маленткие скрины изображений, будут ли они увеличиваться?

sa-hken
 

Мужчина

Сообщения : 40
Регистрация : 2013-05-28
Благодарности : 0

Без предупреждений

Вернуться к началу Перейти вниз

Re: Помощь в теме

Сообщение автор Dana Domirani в Чт 6 Июн - 5:06

Если переделаете их по указанной схеме (включите html в сообщениях и пропишите для каждой картинки код с большим и маленьким вариантом) — то да, будут.



Где находится CSS?
Па > Оформление > Цвета > Каскадная таблица стилей CSS


Где искать основные шаблоны?
ПА > Оформление > Шаблоны > Общие настройки


Где находится раздел для подключения скриптов
ПА > Модули > Управление кодами Javascript



Dana Domirani
Администратор
Администратор

Женщина

Сообщения : 22072
Возраст : 32
Место обитания : СПб
Регистрация : 2008-04-18
Благодарности : 8871

Без предупреждений

http://poltergeist-legacy.com/

Вернуться к началу Перейти вниз

Re: Помощь в теме

Сообщение автор sa-hken в Чт 6 Июн - 5:18

Давайте я вам дам пароль и логин вы зайдете и посмотрите, что я сделал не так?

sa-hken
 

Мужчина

Сообщения : 40
Регистрация : 2013-05-28
Благодарности : 0

Без предупреждений

Вернуться к началу Перейти вниз

Re: Помощь в теме

Сообщение автор Dana Domirani в Чт 6 Июн - 5:41

Пошла смотреть...



Где находится CSS?
Па > Оформление > Цвета > Каскадная таблица стилей CSS


Где искать основные шаблоны?
ПА > Оформление > Шаблоны > Общие настройки


Где находится раздел для подключения скриптов
ПА > Модули > Управление кодами Javascript



Dana Domirani
Администратор
Администратор

Женщина

Сообщения : 22072
Возраст : 32
Место обитания : СПб
Регистрация : 2008-04-18
Благодарности : 8871

Без предупреждений

http://poltergeist-legacy.com/

Вернуться к началу Перейти вниз

Re: Помощь в теме

Сообщение автор sa-hken в Чт 6 Июн - 5:43

http://dmc-pw.forum2x2.ru/t11-topic#17

вот темка в которой я работал с этим кодом

sa-hken
 

Мужчина

Сообщения : 40
Регистрация : 2013-05-28
Благодарности : 0

Без предупреждений

Вернуться к началу Перейти вниз

Re: Помощь в теме

Сообщение автор Dana Domirani в Чт 6 Июн - 5:49

К сожалению, не получится использовать этот способ в сообщениях — система безопасности ограничивает команды js в коде изображения.



Где находится CSS?
Па > Оформление > Цвета > Каскадная таблица стилей CSS


Где искать основные шаблоны?
ПА > Оформление > Шаблоны > Общие настройки


Где находится раздел для подключения скриптов
ПА > Модули > Управление кодами Javascript



Dana Domirani
Администратор
Администратор

Женщина

Сообщения : 22072
Возраст : 32
Место обитания : СПб
Регистрация : 2008-04-18
Благодарности : 8871

Без предупреждений

http://poltergeist-legacy.com/

Вернуться к началу Перейти вниз

Re: Помощь в теме

Сообщение автор sa-hken в Чт 6 Июн - 5:52

Ну ясно sad . А нет другой возможности это провернуть, ну всмысле увеличение изображений при наведении курсора?

sa-hken
 

Мужчина

Сообщения : 40
Регистрация : 2013-05-28
Благодарности : 0

Без предупреждений

Вернуться к началу Перейти вниз

Re: Помощь в теме

Сообщение автор Dana Domirani в Чт 6 Июн - 6:57

Есть. Вот еще вариант: http://help.forum2x2.ru/t25970-topic#190285



Где находится CSS?
Па > Оформление > Цвета > Каскадная таблица стилей CSS


Где искать основные шаблоны?
ПА > Оформление > Шаблоны > Общие настройки


Где находится раздел для подключения скриптов
ПА > Модули > Управление кодами Javascript



Dana Domirani
Администратор
Администратор

Женщина

Сообщения : 22072
Возраст : 32
Место обитания : СПб
Регистрация : 2008-04-18
Благодарности : 8871

Без предупреждений

http://poltergeist-legacy.com/

Вернуться к началу Перейти вниз

Предыдущая тема Следующая тема Вернуться к началу


 
Права доступа к этому форуму:
Вы не можете отвечать на сообщения