Button 3.4.x

Posted 27 марта, 201312 yr

index.php?app=downloads&module=display&s

Название: Button 3.4.x

Добавил: Pashok(one)

Добавлен: 27 Мар 2013

Категория: ББКоды IP.Board

Кнопка для сайта

Установка :

Загрузить изображение "right_arrow.png" из архива по адресу :

/public/style_images/ваш стиль/

№2 : Установка бб кода

нешний вид -> bb коды

В самом низу "Импортировать новые BB-коды" выбираем файл buttondown.xml и жмём импортировать

Автор : Pashok(one)

Цитата

AUYKGN, sraka, Chistota and 6 others
9

27 марта, 201312 yr

Pashok(one), то есть это альтернатива ссылке? Задаёшь ссылку, название кнопки, типа, да?

Цитата

27 марта, 201312 yr

Author

Pashok(one), то есть это альтернатива ссылке? Задаёшь ссылку, название кнопки, типа, да?

да

Цитата

AUYKGN
1

31 марта, 201312 yr

для красоты прикольно

небольшая пичалька, что если кнопка в середина текста, например, то половину высоты следующей строчки картинка закрывает

то есть там под кнопкой три единицы наполовину закрыты, приходится enter жать, и то если уже знаешь этот косяк, а если нет, то отправишь , уйдешь и останется такой пост, что нарушит гармонию вселенной

хотя там вручную, наверное, можно подправить размеры кнопки в биби -коде, но не таким нубам, как я

Edited 31 марта, 201312 yr by Соня

Цитата

SToRm1k
1

31 марта, 201312 yr

для красоты прикольно

небольшая пичалька, что если кнопка в середина текста, например, то половину высоты следующей строчки картинка закрывает

Безымянный.png

то есть там под кнопкой три единицы наполовину закрыты, приходится enter жать, и то если уже знаешь этот косяк, а если нет, то отправишь , уйдешь и останется такой пост, что нарушит гармонию вселенной

хотя там вручную, наверное, можно подправить размеры кнопки в биби -коде, но не таким нубам, как я

в css правьте.

Цитата

1 апреля, 201312 yr

Подправил файлик, попробуйте переустанвить

Button Down.zip

Цитата

AUYKGN and ♥ Соня
2

2 апреля, 201312 yr

Подправил файлик, попробуйте переустанвить

спасибо, но все по прежнему :sorry:

Цитата

2 апреля, 201312 yr

Author

Подправил файлик, попробуйте переустанвить

Я позже подумаю что сделать можно

Цитата

12 апреля, 201312 yr

у кого нибудь на 3.4.4 работает?

я с 3.4.1 обновилась и перестало работать

не оформляется как кнопка ,просто ссылка показывается

Edited 12 апреля, 201312 yr by Соня

Цитата

2 июля, 201312 yr

у кого нибудь на 3.4.4 работает?

я с 3.4.1 обновилась и перестало работать

не оформляется как кнопка ,просто ссылка показывается

вопрос актуален, бибикод до сих пор торчит на панели редактирования у меня, ждет, когда его починят

так что может кто подскажет в чем дело, или я его уже уберу наконец

Цитата

2 июля, 201312 yr

Возможно просто у тебя стиль не добавился (либо не записался корректно сам BB код)

Проверь

Цитата

2 июля, 201312 yr

Возможно просто у тебя стиль не добавился (либо не записался корректно сам BB код)

Проверь

каким образом проверить?)

а у кого нибудь на 3.4.4. работает? я хотя бы чтоб точно знала, что это у меня проблемы, а не в движке)

а то сейчас пороюсь там, что все сломаю)))

Цитата

2 июля, 201312 yr

В редактировании BB тега

В стиле:

Заменить a_demo_four на bbc_url

Должно получится вот так:


.bbc_url {
	background-color:#3bb3e0;
	font-family: 'Open Sans', sans-serif;
	font-size:12px;
	text-decoration:none;
	color:#fff;
	position:relative;
	padding:10px 20px;
	padding-right:50px;
	background-image: linear-gradient(bottom, rgb(44,160,202) 0%, rgb(62,184,229) 100%);
	background-image: -o-linear-gradient(bottom, rgb(44,160,202) 0%, rgb(62,184,229) 100%);
	background-image: -moz-linear-gradient(bottom, rgb(44,160,202) 0%, rgb(62,184,229) 100%);
	background-image: -webkit-linear-gradient(bottom, rgb(44,160,202) 0%, rgb(62,184,229) 100%);
	background-image: -ms-linear-gradient(bottom, rgb(44,160,202) 0%, rgb(62,184,229) 100%);
	background-image: -webkit-gradient(
	linear,
	left bottom,
	left top,
	color-stop(0, rgb(44,160,202)),
	color-stop(1, rgb(62,184,229))
	);
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-shadow: inset 0px 1px 0px #2ab7ec, 0px 5px 0px 0px #156785, 0px 10px 5px #999;
	-moz-box-shadow: inset 0px 1px 0px #2ab7ec, 0px 5px 0px 0px #156785, 0px 10px 5px #999;
	-o-box-shadow: inset 0px 1px 0px #2ab7ec, 0px 5px 0px 0px #156785, 0px 10px 5px #999;
	box-shadow: inset 0px 1px 0px #2ab7ec, 0px 5px 0px 0px #156785, 0px 10px 5px #999;
}

.bbc_url:active {
	top:3px;
	background-image: linear-gradient(bottom, rgb(62,184,229) 0%, rgb(44,160,202) 100%);
	background-image: -o-linear-gradient(bottom, rgb(62,184,229) 0%, rgb(44,160,202) 100%);
	background-image: -moz-linear-gradient(bottom, rgb(62,184,229) 0%, rgb(44,160,202) 100%);
	background-image: -webkit-linear-gradient(bottom, rgb(62,184,229) 0%, rgb(44,160,202) 100%);
	background-image: -ms-linear-gradient(bottom, rgb(62,184,229) 0%, rgb(44,160,202) 100%);
	background-image: -webkit-gradient(
	linear,
	left bottom,
	left top,
	color-stop(0, rgb(62,184,229)),
	color-stop(1, rgb(44,160,202))
	);
	-webkit-box-shadow: inset 0px 1px 0px #2ab7ec, 0px 2px 0px 0px #156785, 0px 5px 3px #999;
	-moz-box-shadow: inset 0px 1px 0px #2ab7ec, 0px 2px 0px 0px #156785, 0px 5px 3px #999;
	-o-box-shadow: inset 0px 1px 0px #2ab7ec, 0px 2px 0px 0px #156785, 0px 5px 3px #999;
	box-shadow: inset 0px 1px 0px #2ab7ec, 0px 2px 0px 0px #156785, 0px 5px 3px #999;
}

.bbc_url::before {
	background-color:#2591b4;
	background-image:url({style_images_url}/right_arrow.png);
	background-repeat:no-repeat;
	background-position:center center;
	content:"";
	width:20px;
	height:20px;
	position:absolute;
	right:15px;
	top:50%;
	margin-top:-9px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-o-border-radius: 50%;
	border-radius: 50%;
	-webkit-box-shadow: inset 0px 1px 0px #052756, 0px 1px 0px #60c9f0;
	-moz-box-shadow: inset 0px 1px 0px #052756, 0px 1px 0px #60c9f0;
	-o-box-shadow: inset 0px 1px 0px #052756, 0px 1px 0px #60c9f0;
	box-shadow: inset 0px 1px 0px #052756, 0px 1px 0px #60c9f0;
}

.bbc_url:active::before {
	top:50%;
	margin-top:-12px;
	-webkit-box-shadow: inset 0px 1px 0px #60c9f0, 0px 3px 0px #0e3871, 0px 6px 3px #1a80a6;
	-moz-box-shadow: inset 0px 1px 0px #60c9f0, 0px 3px 0px #0e3871, 0px 6px 3px #1a80a6;
	-o-box-shadow: inset 0px 1px 0px #60c9f0, 0px 3px 0px #0e3871, 0px 6px 3px #1a80a6;
	box-shadow: inset 0px 1px 0px #60c9f0, 0px 3px 0px #0e3871, 0px 6px 3px #1a80a6;
}
.bbc_url:hover {
color:white;
}

ЭТО ПРОМЕЖУТОЧНЫЙ ТЕКСТ!!!!

На 3.4.5 работает идеально

clip2net.com/clip/m205046/1372749767-clip-10kb.jpg

В этом варианте заменяются все текстовые ссылки на кнопки о_О

Цитата

Chistota, ♥ Соня and Respected
3

2 июля, 201312 yr

В редактировании BB тега

В стиле:

Заменить a_demo_four на bbc_url

Должно получится вот так:

ЭТО ПРОМЕЖУТОЧНЫЙ ТЕКСТ!!!!

На 3.4.5 работает идеально

clip2net.com/clip/m205046/1372749767-clip-10kb.jpg

В этом варианте заменяются все текстовые ссылки на кнопки о_О

ура ! работает! спасибо большое :kiss:

В этом варианте заменяются все текстовые ссылки на кнопки о_О

да нет, у меня не заменяются

upd. а, нет. меняет)

Edited 2 июля, 201312 yr by Соня

Цитата

3 июля, 201312 yr

эх, не, ну ее, эту кнопку

если б она ссылки переделывала-то ладно, но она и картинки переделывает

Цитата

3 июля, 201312 yr

правится парой строк в css

Цитата

4 августа, 201411 yr

правится парой строк в css

можешь поправить?

Цитата

10 августа, 201411 yr

up,поможет кто?

Цитата

17 мая, 201510 yr

как кнопку заменить на нормальную, к примеру http://images-host.in.ua/tg

Цитата

Sign In

Button 3.4.x

Featured Replies

Join the conversation

Последние посетители 0

Account

Navigation

Search

Configure browser push notifications

Chrome (Android)

Chrome (Desktop)

Safari (iOS 16.4+)

Safari (macOS)

Edge (Android)

Edge (Desktop)

Firefox (Android)

Firefox (Desktop)