Свой фото хостинг(Доработаный)
(Это новая доработаная версия скрипта)
Наверное все вы знаете про хостинг изображений 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>
Всё! в этой версии исправлены прошлые ошибки и всё хорошо доработано! Пользуйтесь на здоровья
| html-cсылка на публикацию |
|
| BB-cсылка на публикацию |
|
| Прямая ссылка на публикацию |
|
|
