Наверное все вы знаете про хостинг изображений img.ucoz.ru и ему подобных. И, наверное вы задумывались "а почему бы не сделать такой же фото-хостинг?..", но у вас не хватало знаний в системе.
Недавно была опубликована упрощенная версия скрипта, которая позволяет сделать свой небольшой фото-хостинг. И я сейчас продемонстрирую как быстро и легко можно его поставить
Итак, первое, что нам нужно - это сам скрипт:
Code
<script type="text/javascript" src="http://img.ucoz.ru/phBBcode.js"></script>
Дальше идем Дизайн»Управление дизайном сайта»Страница с полной фотографией и комментариями и вставляем скрипт после </body>
Сохраняем шаблон, обновляем страницу с фотографией и видим под фотографией пункт "Получить BB-код изображения". Казалось бы вот и все, но еще нужно это дело красиво оформить. А кому и так нравится могут дальше не читать
Шаг 2:
В этом же шаблоне перед тэгом </head> пишем:
Code
<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>
Готово! У вас есть собственный фото-хостинг.
