Бесплатный форум: форум поддержки
Добро пожаловать на форум поддержки сервиса Forum2x2 !

Для полноценной работы с форумом,
пожалуйста, войдите на форум под своим логином (если вы уже зарегистрированы) или же зарегистрируйтесь.


С нашей помощью вы можете создать форум,
похожий на этот!
Мы в социальных сетях

Правила форума

для обязательного прочтения!


Внимание! Важная информация для РЕГИСТРАЦИИ на форуме:

Пожалуйста, не регистрируйтесь на этом форуме с электронными адресами mail.ru, bk.ru, inbox.ru, list.ru - вам может не прийти письмо со ссылкой активации!
Вы можете воспользоваться адресами типа yandex.ru, rambler.ru, gmail.com и т.д.
Интересные решения
Быстрый переход к сервисам: j-p-g.net Видео фоторедактор Транслит

Кнопки в стиле админпанели

Предыдущая тема Следующая тема Перейти вниз

Кнопки в стиле админпанели

Сообщение автор Феникс в Пн 28 Ноя - 22:14

Стиль настроен на версии форума bb3, для других форумов тоже подойдет, но нужно изменить класс иконок. И для отображения мини-иконок на кнопках должен быть установлен шрифт Font Awesome.

В таблицу CSS :
Код:
/* Button icon */
input[type="button"],input.button,a.button,input.button1,input.button2,input[type="submit"],input[type="reset"]{border-radius:3px;background:#0F61A1;padding:5px 14px;font-size:1em;border:0 none!important;color:#FFF!important}
input[type="button"]:hover,input.button:hover,a.button:hover,input.button1:hover,input.button2:hover,input[type="submit"]:hover{background-color:#444!important}
a.button,#find_user,select[name="g"] + input,#use,#jqmHide,#friend + input,#foe + input,#find_friend,select[name="avatarcategory"] + input,select[name="active_time"] + input,select[name="msgdays"] + input,input[type="reset"],input[type="submit"],form[name="searchform"] .button{padding:5px 10px 5px 30px;background-repeat:no-repeat;background-position:10px center!important}
#find_user,#find_friend,form[action="/search"] input[type="submit"],input[type="submit"][name="search"],form[name="searchform"] .button{background-image:url(https://i39.servimg.com/u/f39/14/67/90/38/search10.png)}
input[type="reset"],input[type="submit"][name="refresh"],input[type="submit"][name="groupstatus"]{background-image:url(https://i39.servimg.com/u/f39/18/95/05/08/refres10.png)}
a.button[href="/"],input[type="submit"][name="valid"],#jqmHide,input[type="submit"][name="remove"],input[type="submit"][name="cancelavatar"],input[type="submit"][name="cancel"],input[type="submit"][name="delete"],input[type="submit"][name="deleteall"],input[type="submit"][name="delete_all"]{background-image:url(https://i39.servimg.com/u/f39/18/59/49/93/icon_e10.png)}
input[type="submit"][name="prevent_modif"],input[type="submit"][name="preview"]{background-image:url(https://i39.servimg.com/u/f39/18/95/05/08/previe10.png)}
input[type="submit"][name="draft"],input[type="submit"][name="save"]{background-image:url(https://i39.servimg.com/u/f39/18/95/05/08/save10.png)}
a.button[href="/register?agreed=true&step=2"],input[type="submit"][name="prevent_post"],input[type="submit"][name="split_type_beyond"],input[type="submit"][name="split_type_all"],input[type="submit"][name="submitavatar"],input[type="submit"][name="post"],input[type="submit"][name="confirm"],input[type="submit"][name="publish"],input[type="submit"][name="submit"],input[type="submit"][name="login"]{background-image:url(https://i39.servimg.com/u/f39/18/95/05/08/send10.png)}
select[name="g"] + input,select[name="fid"] + input[type="submit"][name="go"],input[type="submit"][name="moveprofile"],select[name="active_time"] + input,select[name="msgdays"] + input,select[name="avatarcategory"] + input[type="submit"]{background-image:url(https://i39.servimg.com/u/f39/18/83/32/63/14085610.png)}
input[type="submit"][name="add"],#friend + input,#foe + input{background-image:url(https://i39.servimg.com/u/f39/18/83/32/63/14085611.png)}
input[type="submit"][name="go"],input[type="submit"][name="select_to"],#use{background-image:url(https://i39.servimg.com/u/f39/18/83/32/63/14085612.png)}
input[type="submit"][name="avatargallery"]{background-image:url(https://i39.servimg.com/u/f39/18/83/32/63/14085613.png)}
.noIcon input.button[type="submit"]{padding-left:10px;background-image:none}
input.button2{margin:0}

/* button css */
.buttons a,.profile-icons a{display:block;color:#FFF!important;background:#2980b9;margin:4px;padding:4px 16px;box-shadow:2px 2px 2px #CCC}
.profile-icons a{font-size:12px;padding:2px 6px 2px}
.profile-icons a[title="Спасибо"]{background:#ff007e}
.buttons a:hover,.profile-icons a:hover{background:#444!important;box-shadow:initial;margin:6px 2px 2px 6px}
.zzPoll > h3 a:before,div.errorwrap p:before,div.infowrap p:before,.profile-icons a:before,.buttons a:before,.contract:before,.expand:before{display:inline-block;font-family:FontAwesome;font-style:normal;font-weight:400;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}

.contract:before{content:"\f07c";font-size:22px}
.expand:before{content:"\f07b";font-size:22px}
.buttons a[href*="mode=reply"]:before{content:"\f112"}
.buttons a[href*="mode=new"]:before{content:"\f112"}
.buttons a[href*="mode=new"]:after{content:" Подать"}
.buttons a[href*="mode=reply"]:after{content:" Ответить"}
.buttons a[href*="mode=newtopic"]:before{content:"\f067"}
.buttons a[href*="mode=newtopic"]:after{content:" Новая тема"}
.buttons a[href^="/privmsg?mode=reply"]:after{content:" Ответить"}
.buttons a[href^="/privmsg?mode=post"]:before{content:"\f067"}
.buttons a[href^="/privmsg?mode=post"]:after{content:" Новое сообщение"}
.buttons a[href^="/privmsg?mode=reply"]:before{content:"\f112"}
.profile-icons a[href*="mode=quote"]:before{content:"\f10d"}
.profile-icons a[href*="mode=quote"]:after{content:" Цитата"}
.profile-icons a[href*="?thank="]:before{content:"\f164"}
.profile-icons a[href*="?thank="]:after{content:" Спасибо"}
.profile-icons a[href*="mode=editpost"]:before{content:"\f044"}
.profile-icons a[href*="mode=editpost"]:after{content:" Редактировать"}
.zzPoll > h3 a:before,.profile-icons a[href*="mode=delete"]:before{content:"\f00d"}
.profile-icons a[href*="mode=delete"]:after{content:" Удалить"}
.profile-icons a[href*="mode=report"]:before{content:"\f024"}
.profile-icons a[href*="mode=report"]:after{content:" Рапорт"}
.profile-icons a[href^="/report?mode=lock"]:before{content:"\f11d"}
.profile-icons a[href^="/report?mode=lock"]:after{content:" Блок рапорта"}
.profile-icons a[href*="mode=ip"]:before{content:"\f041"}
.profile-icons a[href*="mode=ip"]:after{content:" Ip"}

Зайдите в ПА - Оформление - Управление картинками - Продвинутый режим - Кнопки и замените кнопки пустым фоном (просто удалите ссылку и сохраните изменения).

Результат :




• Где находится CSS?
ПА > Оформление > Цвета > Каскадная таблица стилей CSS
 
• Где искать основные шаблоны?
ПА > Оформление > Шаблоны > Общие настройки

• Где искать JavaScript?
ПА > Модули >  HTML & JAVASCRIPT > Управление кодами Javascript

• Где искать Виджеты?
ПА > Модули >  Портал & Виджеты > Виджеты форума

Феникс
Помощник
Помощник

Мужчина

Сообщения : 675
Возраст : 44
Регистрация : 2015-10-29
Благодарности : 139

Без предупреждений

http://dayana.forum2x2.ru/

Вернуться к началу Перейти вниз

Предыдущая тема Следующая тема Вернуться к началу


 
Права доступа к этому форуму:
Вы не можете отвечать на сообщения