Среда, 21.08.2019, 18:30


Главная
Регистрация
Вход
Всё о консольных играх Приветствую Вас Гость | RSS  
Категории раздела
Ucoz [20]
Скрипты для Ucoz
СКРИПТЫ [5]
Скрипты на все случаи жизни

Рекомендуем
оплата за показы

Наш опрос
Как часто вы обновляете ОС?
Всего ответов: 72

Статистика

Онлайн всего: 1
Гостей: 1
Пользователей: 0

Главная » Статьи » СКРИПТЫ » Ucoz

Собственный фото-хостинг
Наверное все вы знаете про хостинг изображений img.ucoz.ru и ему подобных. И, наверное вы задумывались "а почему бы не сделать такой же фото-хостинг?..", но у вас не хватало знаний в системе.
Недавно была опубликована упрощенная версия скрипта, которая позволяет сделать свой небольшой фото-хостинг. И я сейчас продемонстрирую как быстро и легко можно его поставить
Итак, первое, что нам нужно - это сам скрипт:
Код
<script type="text/javascript" src="http://gamesmir.com/scripts/phBBcode.js"></script>

Дальше идем Дизайн»Управление дизайном сайта»Страница с полной фотографией и комментариями и вставляем скрипт после

Сохраняем шаблон, обновляем страницу с фотографией и видим под фотографией пункт "Получить BB-код изображения". Казалось бы вот и все, но еще нужно это дело красиво оформить. А кому и так нравится могут дальше не читать wink

Шаг 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

Категория: Ucoz | Добавил: Ardoz (29.08.2008)
Просмотров: 1428 | Комментарии: 5 | Рейтинг: 5.0/1 |
Всего комментариев: 3
3 Kendy  
If not for your wtrinig this topic could be very convoluted and oblique.

2 Утконос  
http://up-img.ru/

1 paytightihos  
hi

Имя *:
Email *:
Код *:
Форма входа

Поиск

Друзья сайта
  • Официальный блог
  • Сообщество uCoz
  • FAQ по системе
  • Инструкции для uCoz

  • Copyright MyCorp © 2019Хостинг от uCoz