Спасибо, но меня пока устраивает и это:
1. Добавляем BB Cod
Заголовок (любой): Resize Image
Тег: img
Замена:
PHP код:
<a class="thumbnail" href="{param}" target="__blank">
<img src="{param}" width="320px" border="0" />
<span>
<img src="{param}" />
</span>
</a>
Пример: [IMG]Ссылка[/IMG]
Использование {option}: Нет
2. Стили и шаблоны -> Управление стиля -> Ваш стиль -> Основная таблица CSS (Main CSS) -> Дополнительные определения CSS
Добавляем код в конце:
PHP код:
.thumbnail{
position: relative;
z-index: 0;
}
.thumbnail:hover{
background-color: transparent;
z-index: 50;
}
.thumbnail span{
position: absolute;
background-color: lightyellow;
padding: 5px;
left: 0px;
border: 1px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;
margin: 5px;
}
.thumbnail span img{
border-width: 0;
padding: 2px;
}
.thumbnail:hover span{
visibility: visible;
/*top: 0;
/*left: 60px;
}
Осталось придумать как сделать, чтобы вставляемая картинка была как бы в тексте, т.е. чтобы текст оптикал ее (примерно как в Верде - картинка в тексте, за тестом, вокруг и т.д).
Вот так
