Скачать Изображение в тексте новости с увеличением - Скрипты для сайтов uCoz - Система uCoz - Каталог Файлов - CS-ZADROTS.CLAN.SU: Сборки CS 1.6 и не только!

Последние добавленные сборки CS 1.6

Добавь свою сборку и её увидят 1000 пользователей ☟

Топ пользователей

Admin

Файлов: 264

Комментариев: 11

Репутация: 1

Ранг:

smasto

Файлов: 25

Комментариев: 0

Репутация: 0

Ранг:

volodya123

Файлов: 8

Комментариев: 0

Репутация: 0

Ранг:

Cheater

Файлов: 7

Комментариев: 3

Репутация: 0

Ранг:

danil13

Файлов: 4

Комментариев: 1

Репутация: 0

Ранг:

Наш опрос

Главная » Файлы » Система uCoz » Скрипты для сайтов uCoz

Скачать Изображение в тексте новости с увеличением

Описание:

Описание:
Давно хотел сделать скрипт чтобы на странице материала с новостями картинка была слева а текст справа, после чего становился во всю ширину страницы под картинкой

Установка:
На странице материала и комментариев к нему новостей сайта заменяем основной код вывода текста на:

Код

<div class="attribute-image">
<div class="imageleft">
<div class="noimage1">
<?if($IMG_URL1$)?><img id="img$ID$" src="$IMG_URL1$" width="150px" align="left" alt="$ENTRY_NAME$"/><?else?><?endif?>
<script type="text/javascript">
  $(function(){
  $('#img$ID$').click(function(){var s="'sc'";
  new _uWnd('Et','Реальный размер изображения $ENTRY_NAME$',70,70,{autosize:1,shadow:1,autosizeonimages:1,header:1},'<img src="'+$(this).attr('src')+'" align="center" alt="" onclick="_uWnd.close('+s+')" style="max-width:900px;max-height:700px;cursor:pointer;">');});
  });
</script>
</div>
</div>
</div>
<div class="attribute-long">$MESSAGE$ <?if($ATTACHMENTS$)?><div style="text-align:left;" class="eAttach">Прикрепления: $ATTACHMENTS$</div><?endif?></div>
<style>div.attribute-image {
margin: 0.25em 0 0.5em 0;
}
div.imageleft {
float: left;
padding: 0 0.5em 0 6;
}
div.attribute-long {
font-size: 100%;padding: 0px 6 10 6;text-align: justify;
}
.noimage1 img {background: none repeat scroll 0 0 #515151;border: 1px solid #515151;border-radius: 3px 3px 3px 3px;margin: 2px;padding: 1px;}
.noimage1 img:hover {background:none repeat scroll 0 0 #FFC500;border: 1px solid #515151;}
</style>

Автор материала:

...

Логин на сайте: ...

Повысить репутацию:

Статус: ...

...

О материале:

Категория: Скрипты для сайтов uCoz

Материал просмотрен: 1141 раз

Материал скачан: 0 раз

Источник: Не указан

Дата: 07.02.2014 в 23:34

Комментариев: 0

Оцените материал:

Рейтинг: 3.3 (3 голосов)

Правила публикации комментариев:

1. Запрещено оскорблять, унижать в грубой форме других пользователей.
2. Мат и грубые слова запрещены, даже в скрытой форме, для этого существуют масса слов которые заменяют мат.
3. Запрещено писать ссылки на другие сайты (За исключением официальных сайтов uCoz, например: blog.uсoz.ru)
4. Запрещено флудить и спамить, предлогать услуги (например: делаю рипы, адаптации на заказ, помогу с установкой и т.д. )

Всего комментариев: 0