Что такое bb-коды и с чем их едят
|
Каури
|
Дата: Четверг, 19.08.2010, 16:11 | Сообщение # 1
|
Хранительница
Группа: Хранительница
Сообщений: 14476
Награды: 153
Статус: Offline
|
В этой теме поговорим о bb-кодах.
То есть о том, как сделать текст в сообщении крупным, выделенным, цветным,
как добавить картинку или ссылку на какой-нибудь сайт и многое другое...
То есть тема для тех, кто так же как и я, плохо разбирается в HTML-тегах.
А это то, что всегда всем нужно, потому закрепляю в первом сообщении.
[double]Делаем Рисунок рядом с текстом.[/double]
Code
<img src="ссылка на фото" align="left" HSPACE=30 VSPACE=5>
рисунок будет слева, текст соответственно справа.
Ну и второй вариант:
Code
<img src="ссылка на фото" align="right" HSPACE=30 VSPACE=5>
рисунок будет справа!
|
все сообщения
|
|
|
|
Treasure
|
Дата: Воскресенье, 10.10.2010, 09:58 | Сообщение # 31
|
Птичка
Группа: Модераторы
Сообщений: 728
Награды: 12
Статус: Offline
|
Еще бы такая симпотная панель вдруг не понравилась
Оставить! Оставить! Эту панель насовсем, разве, что Каури, еще что-нибудь покруче придумает
Жизнь - это шанс, используй его. (с)
|
все сообщения
|
|
|
|
Каури
|
Дата: Воскресенье, 10.10.2010, 10:09 | Сообщение # 32
|
Хранительница
Группа: Хранительница
Сообщений: 14476
Награды: 153
Статус: Offline
|
Для отчета - скрипты панели ВВ-кодов взяты здесь
|
все сообщения
|
|
|
|
РОМАН
|
Дата: Воскресенье, 10.10.2010, 10:14 | Сообщение # 33
|
Шериф
Группа: Старшина
Сообщений: 6433
Награды: 41
Статус: Offline
|
Quote (Каури)
панель ВВ-кодов временно изменила - попробуйте пользоваться - если понравится - можем оставить)))
Каури, нравится!
Напрямую доступно много функций, которые раньше были только во вкладке ( + ).
Я - ЗА!
Вставай на смертный бой
С фашистской силой темною,
С проклятою ордой!
---
Укроп - гораздо лучше, чем конопля!
|
все сообщения
|
|
|
|
Каури
|
Дата: Воскресенье, 10.10.2010, 10:17 | Сообщение # 34
|
Хранительница
Группа: Хранительница
Сообщений: 14476
Награды: 153
Статус: Offline
|
РОМАН, спасибо)))
Еще бы Атаман и программист одобрили((
|
все сообщения
|
|
|
|
Кержак
|
Дата: Воскресенье, 10.10.2010, 10:17 | Сообщение # 35
|
Батько
Группа: Атаман-отставник
Сообщений: 16021
Награды: 39
Статус: Offline
|
цвет надо поменять на наш фирменный
а то серый режет глаз
|
все сообщения
|
|
|
|
Каури
|
Дата: Воскресенье, 10.10.2010, 10:19 | Сообщение # 36
|
Хранительница
Группа: Хранительница
Сообщений: 14476
Награды: 153
Статус: Offline
|
Quote (Кержак)
цвет надо поменять на наш фирменный а то серый режет глаз
а это уже к Антохе - я в этом тока все испорчу(((
|
все сообщения
|
|
|
|
Кержак
|
Дата: Воскресенье, 10.10.2010, 10:20 | Сообщение # 37
|
Батько
Группа: Атаман-отставник
Сообщений: 16021
Награды: 39
Статус: Offline
|
логично вот еще бы втянуть все в одну строку....
|
все сообщения
|
|
|
|
Каури
|
Дата: Пятница, 15.10.2010, 20:03 | Сообщение # 38
|
Хранительница
Группа: Хранительница
Сообщений: 14476
Награды: 153
Статус: Offline
|
Ну вот узнала еще один ВВ-код, спасибо Бумеру. Научил меня, сам того не подозревая.
Оказывается ребята - чтобы прикрепить фото со своего компа - не нужно сохранять сообщение дважды
Внизу нового сообщения прикрепляем фото - с помощью плюса - можно добавить сразу 5 штук.
в теле сообщения мы соответственно пишем - $IMAGE1$ - это значит будет отображаться фото прикрепленное под номером один.
для пяти фото - это будет выглядеть так - $IMAGE1$ $IMAGE2$ $IMAGE3$ $IMAGE4$ $IMAGE5$
сохраняем сообщение и наслаждаемся результатом!!!!!
|
все сообщения
|
|
|
|
Velkan
|
Дата: Пятница, 15.10.2010, 20:09 | Сообщение # 39
|
Охотник и рыбак
Группа: Модераторы
Сообщений: 3809
Награды: 13
Статус: Offline
|
Каури, А я тут причем? Стандартный набор
Делай что должно, случится чему суждено.
|
все сообщения
|
|
|
|
Каури
|
Дата: Пятница, 15.10.2010, 20:12 | Сообщение # 40
|
Хранительница
Группа: Хранительница
Сообщений: 14476
Награды: 153
Статус: Offline
|
Velkan, потому что - я этого не знала совершенно - сперва прикрепляла - потом сохраняла - потом открывала ссылку - копировала - редактировала сообщение - вставляя ссылку.
Если б я знала, что можно просто написать $IMAGE1$ и не мучится - я бы сыкономила кучу времени - можно увидить мои прикрепления в закрытой теме - тебе-то их должно быть видно, вот и подумай скока труда ушло.
Я заглянула счас в твой пост и поняла в чем фишка - вот так оказывается((((
|
все сообщения
|
|
|
|
РОМАН
|
Дата: Пятница, 15.10.2010, 20:16 | Сообщение # 41
|
Шериф
Группа: Старшина
Сообщений: 6433
Награды: 41
Статус: Offline
|
Каури, кстати, про панели и коды - панель хороша, а вот кнопка ОФФ, которую ты раньше отдельно добавила, красивее табличку выделяла, чем нынешняя!
Quote (Каури)
можно просто написать $IMAGE1$
Каури, даже писать не надо - после выбора фото справа от кнопки ОБЗОР появляется поле с этим текстом. Можно просто оттуда скопировать, и вставить, где нравится.
Вставай на смертный бой
С фашистской силой темною,
С проклятою ордой!
---
Укроп - гораздо лучше, чем конопля!
Сообщение отредактировал РОМАН - Пятница, 15.10.2010, 20:19
|
все сообщения
|
|
|
|
Каури
|
Дата: Пятница, 15.10.2010, 20:19 | Сообщение # 42
|
Хранительница
Группа: Хранительница
Сообщений: 14476
Награды: 153
Статус: Offline
|
РОМАН, эта функция вроде должна была остаться - я убрала тока кнопку(((
Code
ну не факт - что панель ее не изменила
ух ты, Роман, и правда)))) а я то не видела -
вот попробовала вставить одну из фоток мужа из Владивостока)))
Прикрепления: 3931965.jpg(183.5 Kb)
|
все сообщения
|
|
|
|
РОМАН
|
Дата: Пятница, 15.10.2010, 20:22 | Сообщение # 43
|
Шериф
Группа: Старшина
Сообщений: 6433
Награды: 41
Статус: Offline
|
Quote (Каури)
эта функция вроде должна была остаться - я убрала тока кнопку(((
Функция-то осталась, только выглядит в итоге по-другому немного. Только все равно форумчане этой функцией не пользуются(((. Так что - будем приучать! ))))
Вставай на смертный бой
С фашистской силой темною,
С проклятою ордой!
---
Укроп - гораздо лучше, чем конопля!
|
все сообщения
|
|
|
|
|
|
Дык
|
Дата: Понедельник, 25.10.2010, 15:03 | Сообщение # 45
|
Хмельной Вепрь
Группа: Станичники
Сообщений: 1077
Награды: 10
Статус: Offline
|
Фух! С шестой попытки асилил!
" Коли умный предлагает выпить, то только дурак откажется!" Онуфрий Заглоба.
|
все сообщения
|
|
|
|
Каури
|
Дата: Понедельник, 25.10.2010, 15:03 | Сообщение # 46
|
Хранительница
Группа: Хранительница
Сообщений: 14476
Награды: 153
Статус: Offline
|
Дык, не ругайся)))))) Вышло ведь просто замечательно!!!!
|
все сообщения
|
|
|
|
Дык
|
Дата: Понедельник, 25.10.2010, 15:09 | Сообщение # 47
|
Хмельной Вепрь
Группа: Станичники
Сообщений: 1077
Награды: 10
Статус: Offline
|
Каури, как тут не ругатся?!!! Страна в анусе, жиды Христа продали, Крым японцам отдали, денег нет, ухо болит! Так тут ещё и редактор дуркует. Блин, пойду повешусь нафиг. Авось полегчает.
" Коли умный предлагает выпить, то только дурак откажется!" Онуфрий Заглоба.
|
все сообщения
|
|
|
|
Каури
|
Дата: Понедельник, 25.10.2010, 15:11 | Сообщение # 48
|
Хранительница
Группа: Хранительница
Сообщений: 14476
Награды: 153
Статус: Offline
|
Дык, учу тебя прямо сдесь, раз в мою тему ВВ-кодов ты явно заглядывать не склонен)))
Картинки вставляются очень просто.
Если из интернета - то просто копируешь ссылку картинки - на новой панельке нажимаешь на маленькую кнопочку с изображением рисунка(там горы и солнышко), в открывшемся окошечке вставляешь ссылку вместо текста-примера - который там уже будет - и жмешь ок. Еще проще - просто вставить ссылку на картинку - в ответ, выделяешь ее, и щелкаешь по той же кнопочке - картинке(горы и солнышко). и все.
Если фото у тебя на компе - то все еще проще. Внизу сообщения, когда ты пишешь новый ответ - есть маленькое окошечко со словом обзор с одной стороны, и знаком + с другой стороны. Нажми обзор. - откроется проводник твоего компа. Выбери нужную фотку и щелкни по ней дважды. все - она прикреплена
если надо не одну картинку, то щелкни по значку + добавится еще одна строчка и снова обзор - найди картинку, дважды по ней щелкаешь - готово. Если надо еще - снова +. Итак можно прикрепить пять фото. К сожалению их не будет видно в сообщении. Чтобы они там появились - надо внимательно посмотреть на эту строчку прикрепления, там - после прикрепления фотографии - возле слова обзор - появилась в масеньком окошке - синяя надпись $IMAGE1$, а за ней - размеры - 400х500 - это значит - что если ты эту надпись $IMAGE1$ скопируешь и вставишь в пост - то какая бы большая фотка не была - в посте она будет небольших размеров - 400Х500, и только если человек наведет на нее мышку и щелкнет - он увидит реальный размер фотографии.
Это очень удобно.
не задумывайся над глубоким смыслом этого иероглифа - $IMAGE1$ это просто ссылка на прикрепленную картинку в зашифрованном виде.
Прикрепил две картинки, копируй эту формулу рядом с каждой и вставляйте в пост.
$IMAGE1$ $IMAGE2$ - именно в таком виде - с номером прикрепления (1,2,3,4,5) и обязательно с этими значками доллора по бокам.
Дык, если все еще не ясно, могу еще доступней!!!!
|
все сообщения
|
|
|
|
dima4478
|
Дата: Понедельник, 25.10.2010, 15:13 | Сообщение # 49
|
Леший
Группа: Джигиты
Сообщений: 419
Награды: 3
Статус: Offline
|
Каури, лучше еще достпнее... ведь вон как огарчен...
|
все сообщения
|
|
|
|
Дык
|
Дата: Понедельник, 25.10.2010, 15:22 | Сообщение # 50
|
Хмельной Вепрь
Группа: Станичники
Сообщений: 1077
Награды: 10
Статус: Offline
|
Quote (Каури)
Дык, если все еще не ясно, могу еще доступней!!!!
Угу, только вот ШЕСТЬ (6) раз подрят делал одинаково, и только на шестой вышло! Загадка природы...
" Коли умный предлагает выпить, то только дурак откажется!" Онуфрий Заглоба.
|
все сообщения
|
|
|
|
Дык
|
Дата: Понедельник, 25.10.2010, 15:23 | Сообщение # 51
|
Хмельной Вепрь
Группа: Станичники
Сообщений: 1077
Награды: 10
Статус: Offline
|
dima4478, не мешай вешатся!
" Коли умный предлагает выпить, то только дурак откажется!" Онуфрий Заглоба.
|
все сообщения
|
|
|
|
Каури
|
Дата: Понедельник, 25.10.2010, 15:39 | Сообщение # 52
|
Хранительница
Группа: Хранительница
Сообщений: 14476
Награды: 153
Статус: Offline
|
Прикрепления: 5774671.jpg(161.2 Kb) · 6763918.jpg(172.0 Kb) · 7005475.jpg(310.3 Kb)
|
все сообщения
|
|
|
|
Каури
|
Дата: Понедельник, 25.10.2010, 16:04 | Сообщение # 53
|
Хранительница
Группа: Хранительница
Сообщений: 14476
Награды: 153
Статус: Offline
|
Эх, надо отдохнуть(( Надеюсь шериф таки придет и разберется с офф-топом, а так же переместит обучающие сообщения куда следует((
Перенесла сама((((
|
все сообщения
|
|
|
|
Каури
|
Дата: Вторник, 07.12.2010, 15:57 | Сообщение # 54
|
Хранительница
Группа: Хранительница
Сообщений: 14476
Награды: 153
Статус: Offline
|
Что еще интересного можно узнать про линию))))
Линия задается тэгом <Hr> и не требует закрывающего тэга:
Вот такая она, в форме канавочки. У линии есть много разных параметров:
|
|
|
(1) <Hr align="right"> (center или left)
(2) <Hr width="30%"> (ширина линии в процентах/пикселях)
(3) <Hr size="6"> (толщина линии)
(4) <Hr NoShade> (отмена объемности)
(5) <Hr color="cc0000"> (цвет линии, только в IE)
|
Выглядит все это так - Первый (1):
Второй (2):
Третий (3):
Четвертый (4):
Пятый (5):
Вот и вся премудрость с линиями.
Не злоупотребляйте атрибутом Color, т.к. он действует только в Интернет Иксплорер (если вам все же хочется цветную линию, то сделайте, допустим красную картинку 1x1 пиксель и вставьте ее в свой документ.
|
все сообщения
|
|
|
|
Treasure
|
Дата: Вторник, 07.12.2010, 18:13 | Сообщение # 55
|
Птичка
Группа: Модераторы
Сообщений: 728
Награды: 12
Статус: Offline
|
Большой ПЛЮС (+) нашей неутомимой Хранительнице!!!
Все сложности разъясняет на раз)))
Здесь уже целый учебник нарисовался
Жизнь - это шанс, используй его. (с)
|
все сообщения
|
|
|
|
Каури
|
Дата: Суббота, 08.10.2011, 19:26 | Сообщение # 56
|
Хранительница
Группа: Хранительница
Сообщений: 14476
Награды: 153
Статус: Offline
|
[double]Делаем Рисунок рядом с текстом.[/double]
Code
<img src="ссылка на фото" align="left" HSPACE=30 VSPACE=5>
рисунок будет слева, текст соответственно справа.
Ну и второй вариант:
Code
<img src="ссылка на фото" align="right" HSPACE=30 VSPACE=5>
рисунок будет справа!
|
все сообщения
|
|
|
|
Каури
|
Дата: Суббота, 21.04.2012, 20:37 | Сообщение # 57
|
Хранительница
Группа: Хранительница
Сообщений: 14476
Награды: 153
Статус: Offline
|
Делала тут для одного сайта панельку ВВ-кодов как у нас. Намучилась))))
Красивая панелька ВВ-кодов
Обойдя массу сайтов в сети, с трудом смогла найти и установить, а также научиться редактировать красивую панель ВВ-кодов для добавления сообщений на форумы uCoz.
Дело в том, что ее изготовили на сайте "Лаборатория Ватсона", который непонятным образом испарился с просторов ИНТЕРНЕТА. Множество сайтов, к примеру, предлагают установку этой панели, а важное прикрепление, которое нужно установить в корневой каталог сайта - отсутствует, так как ссылка для скачивания ведет на несуществующий более сайт.
Потому тут я предоставлю полноценную установку этой панели. На этом сайте вы видите ту же панель от ребят из "Лаборатории Ватсона", но слегка модифицированную на наш вкус)))
А вот так - выглядит стандартная панель.
Картинка взята отсюда - там и нашла самое лучшее описание.
Шаг 1.
Итак, первое что надо сделать, это скачать архив на свой компьютер.
Архив
Извлеките из архива, с помощью архиватора RAR папку bbcodeforum.
Шаг 2
Откройте на сайте "Файловый менеджер" (Корневой каталог сайта)
Открыть его можно как из "Панели управления", так и просто с сайта, если у вас есть права администратора - сверху слева есть панелька:
Создаем в "Файловом менеджере" новую папку и называем ее соответственно - bbcodeforum
Шаг 3
Открываем в "Файловом менеджере" эту папку, только что созданную нами, и с помощью кнопок обзор внизу, грузим в нее все содержимое папки "bbcodeforum", которая ждет своего часа на вашем компе.
Причем - то, что в папочках, так и переносим в точно такие же папки - и создаем их уже внутри папки "bbcodeforum" - по тому же принципу.
Будьте терпеливы и внимательны. Все должно быть скопировано в точности, и выглядеть должно - ровно как в вашей папке "bbcodeforum" на вашем компьютере.
Да, работка та еще, но на самом деле, удивитесь, как все это легко и быстро.
Вот такой вид приобретает папка "bbcodeforum" в вашем "Файловом менеджере" после загрузок:
Ну чтож - мы молодцы, самое трудное и нудное позади.
Шаг 4
Сделайте себе сразу две ссылки:
1. Ссылка (путь), ведущая к вашей папке "bbcodeforum"
2. Ссылка, ведущая к вашему файлу "bbcomplex.js"
Если вы четко следовали указаниям, то ссылки будут выглядеть так:
Code
1-я ссылка: http://адрес вашего сайта/bbcodeforum
2-я ссылка: http://адрес вашего сайта/bbcodeforum/script/bbcomplex.js
Только вместо слов "адрес вашего сайта" должен стоять адрес вашего сайта)))
Ссылки сейчас пригодятся!!!
Шаг 5
Откройте в вашем "Файловом менеджере" папку "bbcodeforum", в ней откройте папку "script":
Немножко подредактируем скрипт. Нажмите на ключик - редактировать файл "bbcomplex.js" - в данный момент всего одну строчку.
В открывшемся окне ищем ( в самом начале) такую строчку:
В ней меняем ссылку на папку "bbcodeforum" - как раз на заранее приготовленную вами 1-ю ссылку. (см. выше)
Шаг 6
Заходим в Панель управления --> Управление дизайном --> Форум --> Общий вид страниц форума
и после $BODY$ прописываем следующий код:
Code
<script type="text/javascript" language="javascript" src="ваша 2-я ссылка"></script>
<script type="text/javascript">var ShowHiddenSpoiler='$USER_LOGGED_IN$';StartBBComplex();</script>
Вот тут и пригодится - ваша 2-я ссылка к "bbcomplex.js" - вставьте ее - вместо этих слов. (см. выше)
После чего, заходим в Панель управления --> Управление дизайном --> Форум --> Форма добавления сообщения
Находим переменную $BBCODES$ и вместо неё прописываем:
Code
<?if($BBCODES$)?>{?BBPANEL?}<?endif?>
Наслаждаемся новой панелькой!!!!
НО.
Внезапно вы поняли, что цвет кнопочек к вашему сайту не очень подходит, да и много лишних.
Вот в этом случае могу помочь - самым дилетантским образом. Так как дошла до этого сама методом проб и ошибок,
совершенно не имея никакого программистского образования.
Шаг 7
Откройте папку "bbcodeforum" на вашем компьютере, найдите в ней папку modern
Именно этот стиль (или ТЕМА) стоит в вашей панельке по умолчанию. Ну и не парьтесь, меняя стили, не факт, что получится,
сделайте все проще.
В папке modern - найдите рисунок под именем bbc_bg - это и есть ваша кнопка.
Поменяйте у нее цвет в фотошопе или пайнте, сохраните под тем же именем, вместо прежней.
После этого откройте "Файловый менеджер ---> bbcodeforum ---> modern
удалите из этой папки modern файл bbc_bg- а на ее место загрузите свою новую кнопку.
Эксперементируйте дальше, если не получилось сразу.[/size]
Шаг 8
Убираем лишние кнопки
Откройте "Файловый менеджер ---> bbcodeforum ---> script
Нажмите ключик - редактировать "bbcomplex.js"
Ищите не доходя до середины такую строчку:
После каждого элемента, кроме последнего, должна стоять запятая.*/
Каждая строчка в столбике - это либо кнопка, либо разделитель между кнопками, либо капсула строки, или скрытой группы кнопок.
Итак, вы можете удалить некоторые строчки - только аккуратно. Убедитесь, что понимаете, какая строчка к какой кнопке относится.
Вот какие кнопки оставила я у себя - можете повторить за мной, если нужна такая же панелька:
Code
После каждого элемента, кроме последнего, должна стоять запятая.*/
var panel_array=function(){return([
bb_capsulastart(),
bb_bold(),
bb_italicize(),
bb_underline(),
bb_defmove(),
bb_strike(),
bb_blink(),
bb_doubleunderline(),
bb_wavygreen(),
bb_wavyred(),
bb_left(),
bb_center(),
bb_right(),
bb_list(),
bb_hide(),
bb_url(),
bb_img(),
bb_code(),
bb_offtop(),
bb_quote(),
bb_defcut(),
bb_hr(),
bb_video(),
bb_snd(),
bb_capsulaend(),
bb_fsize(),
bb_space(),
bb_font(),
bb_space(),
bb_fcolor(),
bb_space(),
bb_highlight(),
bb_space(),
bb_special()
]);}
На этом всё - удачи Вам и всего наилучшего!!!
|
все сообщения
|
|
|
|
Каури
|
Дата: Суббота, 21.04.2012, 21:30 | Сообщение # 58
|
Хранительница
Группа: Хранительница
Сообщений: 14476
Награды: 153
Статус: Offline
|
А если что-то не получается - возьмите и просто замените весь ява скрипт на мой (только в начале замените имя своего сайта - как в шаге 5:
Файловый менеджер ----> bbcodeforum ----> script ----> bbcomplex.js ---->
---->редактировать ---> выделить всё ---> удалить ----> копировать здесь весь код ---> вставить ---->
---->поменять в начале путь к своей папке, как в шаге 5--->> сохранить.
http://shad.my1.ru/bbcodeforum/script/bbcomplex.js
|
все сообщения
|
|
|
|
Каури
|
Дата: Суббота, 12.05.2012, 18:43 | Сообщение # 59
|
Хранительница
Группа: Хранительница
Сообщений: 14476
Награды: 153
Статус: Offline
|
Делаем баннер для сайта.
Простенький конечно.
Вам понадобится
1. логотип или картинка с названием вашего сайта - того размера, какой нужен баннер.
2. загрузите картинку в корневой каталог сайта.
3. заполните 2 места в коде = замените слова "главная страница" ссылкой на главную страницу, но при этом не потеряйте кавычки - они должны остаться в коде.
замените слово "картинка" - ссылкой на вашу картинку из корневого каталога (файлового менеджера) - и тут кавычки не потеряйте.
Вот код:
Code
<a href="главная страница" target="_blank">[img]картинка[/img]</a>
а вот пример кода баннера Дружины:
Code
<a href="http://druzjina.ru/" target="_blank">[img]http://druzjina.ru/1/24.png[/img]</a>
|
все сообщения
|
|
|
|
al1618
|
Дата: Суббота, 12.05.2012, 19:44 | Сообщение # 60
|
Зубр
Группа: Авторы
Сообщений: 3771
Награды: 25
Статус: Offline
|
Клас - я себе уже поставил http://samlib.ru/editors/a/al1618/
"Паровой каток параноидальной логики изящным пируэтом обвивает нежный росток настоящего чувства" (с) Калашников С.А.
|
все сообщения
|
|
|
|