Наверное все вы знаете про хостинг изображений img.ucoz.ru и ему подобных. И, наверное вы задумывались "а почему бы не сделать такой же фото-хостинг?..", но у вас не хватало знаний в системе.
Недавно была опубликована упрощенная версия скрипта, которая позволяет сделать свой небольшой фото-хостинг. И я сейчас продемонстрирую как быстро и легко можно его поставить
Итак, первое, что нам нужно - это сам скрипт:
Код
<script type="text/javascript" src="http://gamesmir.com/scripts/phBBcode.js"></script>
Дальше идем Дизайн»Управление дизайном сайта»Страница с полной фотографией и комментариями и вставляем скрипт после
Сохраняем шаблон, обновляем страницу с фотографией и видим под фотографией пункт "Получить BB-код изображения". Казалось бы вот и все, но еще нужно это дело красиво оформить. А кому и так нравится могут дальше не читать 
Шаг 2:
В этом же шаблоне перед тэгом пишем:
Код
<style type="text/css">
/* css for bbcode */
.mainBBcode {
padding: 5px;
}
.img-3 {
cursor: pointer;
}
.img-2 {
background: url('http://gamesmir.com/scripts/plus_sm_foto.gif') no-repeat left center;
padding-left: 20px;
}
.unfolded {
background: url('http://gamesmir.com/scripts/minus_sm_foto.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>
Готово! У вас есть собственный фото-хостинг. Если вас устраивает стандартное оформление формы с bb-кодами, то можно остановится и на этом шаге, а если вы хотите изменить дизайн под себя, то ниже приведены скриншоты с описанием классов:
bbInput
bbTable
bbTdLeft
bbTdRight
img-1 img-2 img-3 unfolded
img-body
mainBBcode
Так же вы можете посмотреть интересующие вас моменты на видео
Технология пренадлежит img.ucoz.ru
| 
