Перейти к содержанию

Button 3.4.x


Pashok(one)

Рекомендуемые сообщения

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)

Ссылка на комментарий
Поделиться на другие сайты

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

Ссылка на комментарий
Поделиться на другие сайты

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

да

Ссылка на комментарий
Поделиться на другие сайты

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

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


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

 

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

Изменено пользователем Соня
Ссылка на комментарий
Поделиться на другие сайты

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

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

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

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

 

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

в css правьте.

Ссылка на комментарий
Поделиться на другие сайты

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

Button Down.zip

Ссылка на комментарий
Поделиться на другие сайты

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

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

Ссылка на комментарий
Поделиться на другие сайты

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

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

Ссылка на комментарий
Поделиться на другие сайты

  • 2 недели спустя...

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

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

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

Изменено пользователем Соня
Ссылка на комментарий
Поделиться на другие сайты

  • 2 месяца спустя...

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

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

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

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

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

Ссылка на комментарий
Поделиться на другие сайты

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

Проверь :) 

Ссылка на комментарий
Поделиться на другие сайты

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

Проверь :)

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

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

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

Ссылка на комментарий
Поделиться на другие сайты

В редактировании 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



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

Ссылка на комментарий
Поделиться на другие сайты

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

 

В стиле: 

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

 

 

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

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

 

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

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

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

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

 

 

 

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

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

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

Изменено пользователем Соня
Ссылка на комментарий
Поделиться на другие сайты

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

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

 

 

Ссылка на комментарий
Поделиться на другие сайты

  • 1 год спустя...

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

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

Ссылка на комментарий
Поделиться на другие сайты

  • 9 месяцев спустя...

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

Ссылка на комментарий
Поделиться на другие сайты

Присоединяйтесь к обсуждению

Вы можете написать сейчас и зарегистрироваться позже. Если у вас есть аккаунт, авторизуйтесь, чтобы опубликовать от имени своего аккаунта.
Примечание: Ваш пост будет проверен модератором, прежде чем станет видимым.

Гость
Ответить в этой теме...

×   Вставлено с форматированием.   Вставить как обычный текст

  Разрешено использовать не более 75 эмодзи.

×   Ваша ссылка была автоматически встроена.   Отображать как обычную ссылку

×   Ваш предыдущий контент был восстановлен.   Очистить редактор

×   Вы не можете вставлять изображения напрямую. Загружайте или вставляйте изображения по ссылке.

  • Последние посетители   0 пользователей онлайн

    • Ни одного зарегистрированного пользователя не просматривает данную страницу
×
×
  • Создать...