Наверное все вы знаете про хостинг изображений img.ucoz.ru и ему подобных. И, наверное вы задумывались "а почему бы не сделать такой же фото-хостинг?..", но у вас не хватало знаний в системе.
Недавно была опубликована упрощенная версия скрипта, которая позволяет сделать свой небольшой фото-хостинг. И я сейчас продемонстрирую как быстро и легко можно его поставить
Итак, первое, что нам нужно - это сам скрипт:
<script type="text/javascript" src="http://img.ucoz.ru/phBBcode.js"></script>
Дальше идем Дизайн»Управление дизайном сайта»Страница с полной фотографией и комментариями и вставляем скрипт после </body>
Сохраняем шаблон, обновляем страницу с фотографией и видим под фотографией пункт "Получить BB-код изображения". Казалось бы вот и все, но еще нужно это дело красиво оформить. А кому и так нравится могут дальше не читать
Шаг 2:
В этом же шаблоне перед тэгом </head> пишем:
<style type="text/css"> /* css for bbcode */ .mainBBcode { padding: 5px; } .img-3 { cursor: pointer; } .img-2 { background: url('http://img.ucoz.ru/plus_sm.gif') no-repeat left center; padding-left: 20px; } .unfolded { background: url('http://img.ucoz.ru/minus_sm.gif') no-repeat left center; padding-left: 20px; } .img-1 { text-align: left; } .img-body { display: none; padding-left:2px; padding-right:2px; padding-top:1px; padding-bottom:2px; } .bbTable { width: 100%; font-family: verdana,arial,helvetica; font-size: 8pt; border: 0px; } .bbTdLeft { width: 40%; } .bbTdRight { width: 60%; } .bbInput { height: 18px; width: 100%; font-size: 8pt; } </style>