• Страница 1 из 1
  • 1
Свой фотохостинг

серегаДата: Пятница, 18.06.2010, 17:47:02 | Сообщение # 1
Генералиссимус
Сообщений: 1544
Награды: 1
Репутация: 2
Новые технологии. 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;  
}    



Делаю сервера и настраиваю их: WoW CS Mu online не дорого isq 499846784

< >
  • Страница 1 из 1
  • 1
Поиск: