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

автор **Феникс** Ноябрь 28th 2016, 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"}

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

Результат :

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