Перейти к содержимому


× Быстрый вопрос
Пользователь месяца
dos1k dos1k 1-й за Май
Очков активности: 1 194 28 тем, 115 сообщений, 4 балла репутации
Сайт: dos1k.ru
ТОП самых активных за этот месяц
  • Фотография Olya23
    #1

    Olya23
    Очков активности: 1278 3 темы, 133 сообщения, 6 баллов репутации

  • Фотография Rodiola
    #2

    Rodiola (rukodelkovo.ru)
    Очков активности: 693 0 тем, 77 сообщений, 6 баллов репутации

  • Фотография FIvYUr
    #3

    FIvYUr (catblogger.ru)
    Очков активности: 198 0 тем, 44 сообщения, 3 балла репутации

  • Фотография agrx
    #4

    agrx (key-assort.ru)
    Очков активности: 103.5 0 тем, 23 сообщения, 3 балла репутации

  • Фотография maxnik
    #5

    maxnik (konovalovpavel.ru)
    Очков активности: 99 0 тем, 22 сообщения, 3 балла репутации

  • Фотография fedornabilkin
    #6

    fedornabilkin (plohoneponyal.ru)
    Очков активности: 60 0 тем, 20 сообщений, 2 балла репутации

  • Фотография BLIK
    #7

    BLIK
    Очков активности: 54 Вне конкурса за определение пользователя месяца

  • Фотография re-search
    #8

    re-search
    Очков активности: 51 7 тем, 13 сообщений, 1 балл репутации

  • Фотография Artos
    #9

    Artos
    Очков активности: 45 0 тем, 10 сообщений, 3 балла репутации

  • Фотография Андрей WPMasterKZ
    #10

    Андрей WPMasterKZ (wpmaster.kz)
    Очков активности: 39 0 тем, 26 сообщений, 1 балл репутации

  • Показать весь ТОП 10
Поддержите форум! =)
Апдейты
  • Яндекс ИКС: 25.06.2019
  • Яндекс выдача: 24.06.2019
Топ 5 участников по репутации


Нужен скрипт-привязка

#1 dimaziz

dimaziz
  • Неактивные
  • 342 сообщений
  • Репутация: 1
0

Отправлено 16 Март 2010 - 12:17

<style type="text/css">
/*Credits: Dynamic Drive CSS Library */
/*URL: http://kino-tv-forum.ru/style/ */
.thumbnail{
position: relative;
z-index: 0;
}
.thumbnail:hover{
background-color: transparent;
z-index: 5;
}
.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: lightwhite;
padding: 6px;
left: -1000px;
border: 3px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;
}
.thumbnail span img{ /*CSS for enlarged image*/
border-width: 50;
padding: 50px;
}
.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: 100;
left: 60px; /*position where enlarged image should offset horizontally */
}
</style>

<div class="eTitle" style="text-align: left;" align="center"><a class="thumbnail" href="$ENTRY_URL$" style="font-size: 12pt;font-family: Georgia;"><b><i>$TITLE$</i></b><span>$MESSAGE$</span></a></div></td></tr></tbody></table>

$ENTRY_URL$ - ссылка на страницу с материалом
$TITLE$ - название материала
$MESSAGE$ - картинка, которая будет всплывать

Нужен скрипт, который всплывающую картинку привяжет к ссылке, когда на нее наводишь, а не будет задан конкретным местоположением.

 

 

  • 0

#2 surfer

surfer
  • Заблокированные
  • 1 956 сообщений
  • Репутация: 71

Отправлено 16 Март 2010 - 15:00

http://www.dynamicdr...p-image-viewer/
http://www.dynamicdr...-image-gallery/
  • 0

#3 dimaziz

dimaziz
    Topic Starter
  • Неактивные
  • 342 сообщений
  • Репутация: 1

Отправлено 16 Март 2010 - 16:48

http://www.dynamicdr...p-image-viewer/
http://www.dynamicdr...-image-gallery/

это конечно все замечательно, но скрипт CSS именно с этого сайта взят....
мне в принципе нужно только одно
<style type="text/css">
/*Credits: Dynamic Drive CSS Library */
/*URL: http://kino-tv-forum.ru/style/ */
.thumbnail{
position: relative;
z-index: 0;
}
.thumbnail:hover{
background-color: transparent;
z-index: 10;
}
.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: lightwhite;
padding: 6px;
left: 720px
border: 3px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;
}
.thumbnail span img{ /*CSS for enlarged image*/
border-width: 500;
padding: 500px;
}
.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top:
left: 720px/*position where enlarged image should offset horizontally */
}
</style>

покажите, где тут можно что вставить, чтобы картинка, которая привязана к названию выскакивала как бы сверху, а не снизу, а то у меня внизу списка картинка наклыдывается на границу сайта и половину не видно...вообщем взгляните вот сюда внизу при наведении на последних будет видна проблема
  • 0



Похожие темы

  Название темы Автор Статистика Последнее сообщение

Оформление форума – IPBSkins.ru