Новые технологии. BBcode для фотоальбомов Ucoz. Данное обновление не много отступает от основной идеи сайта, но сделать его было необходимо. Много раз поступали разные предложения, просьбы, вопросы о том: "как вы это сделали", "хотим такое-же в свой фотоальбом", "Сделай, дайте..." и так далее. Конечно весь сайт в совокупности это большой и трудный проект который создавался, и продолжает создаваться, очень долгое время. Но главная суть это BBcode, которыми вы пользуетесь. Так вот немного подумав... Пришла такая идея, а зачем Вам усложнять себе жить, что-то там мудрить, делать самому, и все это ради BBcode? Так вот позвольте представить скрипт которые генерирует bbcode в Вашем фотоальбоме под фотографией. Его использование и установка элементарна. Вставляется скрпит одной строкой, и настраивается дизайн несколькими классами.
Установка:
# Установить файл скрипта после тега на странице с комментарием к фотографии.
# В том же шаблоне, или в таблице стилей вписать новые стили и настроить их.
Презентация скрипта и инструкция по установке:
Файл скрипта:
Code
<script type="text/javascript" src="http://img.ucoz.ru/phBBcode.js"></script>
Внимание классы обновились!
Обновились классы, некоторые пришлось убрать, а некоторые добавить. Теперь этот список окончательный и скорее всего изменятся в дальнейшем не будет. Обновите классы стилей на своих страницах если используете скрипт.
Пример того как можно настроить вид скрипта - Смотреть
Теперь настройка стала еще проще, ниже добавлены скрин шоты с описанием за что какой класс отвечает.
Стандартный набор стилей:
Code
/* 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;
}
