CamPot

Подойдет для тех, кто использует только положительную репутацию и версию форума 4.1!

Кнопки активны при наведении
Делаем кнопки:
Идем в свой стиль -> шаблоны -> core -> front -> global -> reputation -> находим код:
<div class='ipsLikeRep ipsPos_right'> {{if $content->canGiveReputation( 1 )}} <a href='{$content->url( 'rep' )->setQueryString( 'rep', 1 )->csrf()}' data-action="giveReputation" class='ipsButton ipsButton_rep ipsButton_repUp'><i class='fa fa-arrow-up'></i></a> {{endif}} {{if $content->canGiveReputation( -1 )}} <a href='{$content->url( 'rep' )->setQueryString( 'rep', -1 )->csrf()}' data-action="giveReputation" class='ipsButton ipsButton_rep ipsButton_repDown'><i class='fa fa-arrow-down'></i></a> {{endif}} меняем его на:
<div class='ipsLikeRep ipsPos_right'> {{if $content->canGiveReputation( 1 )}} <a href='{$content->url( 'rep' )->setQueryString( 'rep', 1 )->csrf()}' data-action="giveReputation" class='ipsButton ipsButton_rep ipsButton_repUp'><i class='fa fa-thumbs-up'> Нравится</i></a> {{endif}} {{if $content->canGiveReputation( -1 )}} <a href='{$content->url( 'rep' )->setQueryString( 'rep', -1 )->csrf()}' data-action="giveReputation" class='ipsButton ipsButton_rep ipsButton_repDown'><i class='fa fa-thumbs-down'> Отменить</i></a> {{endif}} далее идем в custom.css -> добавляем код:
.ipsButton.ipsButton_repDown { background: #740000 !important; background: -moz-linear-gradient(top, #BC0000 0%, #740000 100%) !important; background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#BC0000), color-stop(100%,#740000)) !important; background: linear-gradient(top, #BC0000 0%, #740000 100%) !important; -moz-box-shadow: inset 1px 1px 0 0 rgba(255,255,255,0.1), 0px 2px 3px rgba(0,0,0,0.4); -webkit-box-shadow: inset 1px 1px 0 0 rgba(255,255,255,0.1), 0px 2px 3px rgba(0,0,0,0.4); box-shadow: inset 1px 1px 0 0 rgba(255,255,255,0.1), 0px 2px 3px rgba(0,0,0,0.4); border: 1px solid rgba(0,0,0,0.4); border-bottom: 1px solid rgba(0,0,0,0.5); font-size: 13px !important; color: #fff !important; } .ipsButton.ipsButton_repDown:hover { background: #740000 !important; background: -moz-linear-gradient(top, #740000 0%, #BC0000 100%) !important; background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#740000), color-stop(100%,#BC0000)) !important; background: linear-gradient(top, #740000 0%, #BC0000 100%) !important; -moz-box-shadow: inset 1px 1px 0 0 rgba(255,255,255,0.1), 0px 1px 0px rgba(255,255,255,0.3); -webkit-box-shadow: inset 1px 1px 0 0 rgba(255,255,255,0.1), 0px 1px 0px rgba(255,255,255,0.3); box-shadow: inset 1px 1px 0 0 rgba(255,255,255,0.1), 0px 1px 0px rgba(255,255,255,0.3); border: 1px solid rgba(0,0,0,0.4); border-bottom: 1px solid rgba(0,0,0,0.5); font-size: 13px !important; color: #fff !important; } .ipsButton.ipsButton_repUp { background: #89DFF8!important; background: -moz-linear-gradient(top, #89DFF8 0%, #04556B 100%) !important; background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#89DFF8), color-stop(100%,#04556B)) !important; background: linear-gradient(top, #89DFF8 0%, #04556B 100%) !important; -moz-box-shadow: inset 1px 1px 0 0 rgba(255,255,255,0.1), 0px 2px 3px rgba(0,0,0,0.4); -webkit-box-shadow: inset 1px 1px 0 0 rgba(255,255,255,0.1), 0px 2px 3px rgba(0,0,0,0.4); box-shadow: inset 1px 1px 0 0 rgba(255,255,255,0.1), 0px 2px 3px rgba(0,0,0,0.4); border: 1px solid rgba(0,0,0,0.4); border-bottom: 1px solid rgba(0,0,0,0.5); font-size: 13px !important; color: #fff !important; } .ipsButton.ipsButton_repUp:hover { background: #89DFF8 !important; background: -moz-linear-gradient(top, #04556B 0%, #89DFF8 100%) !important; background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#04556B), color-stop(100%,#89DFF8)) !important; background: linear-gradient(top, #04556B 0%, #89DFF8 100%) !important; -moz-box-shadow: inset 1px 1px 0 0 rgba(255,255,255,0.1), 0px 1px 0px rgba(255,255,255,0.3); -webkit-box-shadow: inset 1px 1px 0 0 rgba(255,255,255,0.1), 0px 1px 0px rgba(255,255,255,0.3); box-shadow: inset 1px 1px 0 0 rgba(255,255,255,0.1), 0px 1px 0px rgba(255,255,255,0.3); border: 1px solid rgba(0,0,0,0.4); border-bottom: 1px solid rgba(0,0,0,0.5); font-size: 13px !important; color: #fff !important; }  

Делаем зафиксированное в IPS4 при помощи jquery плагина stickUp. Нам потребуются руки и архив с нужными файлами.
 file.zip
Для начала заливаем содержимое скачанного архива в корень форума, чтобы получилось так: форум.ru/stick_header/*файлы папки*.
Затем переходим в АЦ > Внешний вид > Стили и шаблоны > Ваш стиль и создаем там html шаблон с такими данными:
 
Далее в созданный шаблон добавляем это:
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script> <script src="{setting="base_url"}stick_header/stickUp_modified.js"></script> <script type="text/javascript"> jQuery(function($) { $(document).ready( function() { $('#elSearchNavContainer').stickUp(); }); }); </script> <link rel="stylesheet" href="{setting="base_url"}stick_header/animate.css" /> Сохраняем шаблон и переходим в globalTemplate и  после:
<title>{expression="output.getTitle( $title )"}</title> добавляем этот код:
{template="stickMenu" app="core" group="global" params=""} Сохраняем. Переходим в шаблон navBar и после:
<ul id='ipsLayout_mainNav' class='ipsPos_left'> добавляем это:
<li data-role='navItem' class='stuck_logo' style='display: none;'> <a href='{setting="base_url"}'>IPS</a> </li> Код внутри тегов меняете на название своего форума.
Там же находим:
<div class='ipsClearfix' id='elSearchNavContainer' data-controller='core.front.core.navBar'> и после добавляем:
<div class="sticker"> В конце шаблона находим:
</div> </nav> И за этим кодом добавляем
</div> И напоследок переходим в custom.css добавляем эти стили:
#elSearchNavContainer { z-index: 5001; } .stuckMenu { left: 0; width: 100%; } .stuck_logo > a { font-size: 18px !important; opacity: 1 !important; } .stuck_logo > a > i.fa { font-size: 20px; } В результате получим

Всем привет, меня недавно заинтересовала то, как увеличить окно "Обложка" в Профиле на IPS 4.x.

Все заключается в классе elProfileHeader.
Зайдите в изменения вашего шаблон, CSS -> core -> front -> styles -> profiles.css
В самом начале этого файла вы найдете elProfileHeader.
Отредактируйте значения:
padding-top: 125px
height: 200px
Первое значение ответственно за положения Аватарки, ника и группы. Второе значение, само окно - его размер.
Внимание: Дабы, все расстояния были такие же как в оригинале, padding-top, должен быть меньше на 75px