|
Оффлайн
Четверг, 16.01.2014, 12:21 | Сообщение # 1
|
|
Установка:
1) На всех страницах, где используется ссылка "добавить материал" (блог, фотоальбом, новости, статьи и тд) замените:
<?if($ADD_ENTRY_LINK$)?><div style="text-align:right;padding-bottom:4px;">[ <a href="$ADD_ENTRY_LINK$"><!--<s5186>-->Добавить материал<!--</s>--></a> ]</div><?endif?>
На:
Код [color=#b45f06]<?if($ADD_ENTRY_LINK$)?>[/color] [color=#b45f06]<a href="$ADD_ENTRY_LINK$" class="a-btn">[/color] [color=#b45f06]<span class="a-btn-text">ДОБАВИТЬ</span>[/color] [color=#b45f06]<span class="a-btn-slide-text">новый материал</span>[/color] [color=#b45f06]<span class="a-btn-icon-right"><span></span></span>[/color] [color=#b45f06]</a>[/color] [color=#b45f06]<div style="padding: 5px; clear: both;"></div>[/color] [color=#b45f06]<?endif?>[/color]
2) Это в css сайта:
Код [color=#b45f06].a-btn{[/color] [color=#b45f06]background: #454545;[/color] [color=#b45f06]background-image: -webkit-linear-gradient(top,#454545,#343434);[/color] [color=#b45f06]background-image: -moz-linear-gradient(top,#454545,#343434);[/color] [color=#b45f06]background-image: -ms-linear-gradient(top,#454545,#343434);[/color] [color=#b45f06]background-image: -o-linear-gradient(top,#454545,#343434);[/color] [color=#b45f06]background-image: linear-gradient(top,#454545,#343434);[/color] [color=#b45f06]padding-left: 20px;[/color] [color=#b45f06]padding-right: 80px;[/color] [color=#b45f06]height: 38px;[/color] [color=#b45f06]width: 110px;[/color] [color=#b45f06]display: inline-block;[/color] [color=#b45f06]position: relative;[/color] [color=#b45f06]border: 1px solid #5d81ab;[/color] [color=#b45f06]box-shadow:[/color] [color=#b45f06]0px 1px 1px rgba(255,255,255,0.8) inset,[/color] [color=#b45f06]1px 1px 3px rgba(0,0,0,0.2),[/color] [color=#b45f06]0px 0px 0px 4px rgba(188,188,188,0.5);[/color] [color=#b45f06]-moz-box-shadow:[/color] [color=#b45f06]0px 1px 1px rgba(255,255,255,0.8) inset,[/color] [color=#b45f06]1px 1px 3px rgba(0,0,0,0.2),[/color] [color=#b45f06]0px 0px 0px 4px rgba(188,188,188,0.5);[/color] [color=#b45f06]-webkit-box-shadow:[/color] [color=#b45f06]0px 1px 1px rgba(255,255,255,0.8) inset,[/color] [color=#b45f06]1px 1px 3px rgba(0,0,0,0.2),[/color] [color=#b45f06]0px 0px 0px 4px rgba(188,188,188,0.5);[/color] [color=#b45f06]border-radius: 20px; -moz-border-radius: 20px; -webkit-border-radius: 20px;[/color] [color=#b45f06]float: left;[/color] [color=#b45f06]clear: both;[/color] [color=#b45f06]margin: 10px 0px;[/color] [color=#b45f06]overflow: hidden;[/color] [color=#b45f06]transition: all 0.3s linear;[/color] [color=#b45f06]}[/color] [color=#b45f06].a-btn-text{[/color] [color=#b45f06]padding-top: 10px;[/color] [color=#b45f06]padding-left: 10px;[/color] [color=#b45f06]display: block;[/color] [color=#b45f06]font-size: 14px;[/color] [color=#b45f06]font-face: "Arial";[/color] [color=#b45f06]white-space: nowrap;[/color] [color=#b45f06]text-shadow: 0px 1px 1px #000000;[/color] [color=#b45f06]color: #96a0af;[/color] [color=#b45f06]font-variant: small-caps;[/color] [color=#b45f06]font-weight: bold;[/color] [color=#b45f06]}[/color] [color=#b45f06].a-btn-slide-text{[/color] [color=#b45f06]position:absolute;[/color] [color=#b45f06]height: 100%;[/color] [color=#b45f06]top: 1px;[/color] [color=#b45f06]right: 52px;[/color] [color=#b45f06]width: 0px;[/color] [color=#b45f06]background: #63707e;[/color] [color=#b45f06]background-image: -webkit-linear-gradient(top,#52606d,#63707e);[/color] [color=#b45f06]background-image: -moz-linear-gradient(top,#52606d,#63707e);[/color] [color=#b45f06]background-image: -ms-linear-gradient(top,#52606d,#63707e);[/color] [color=#b45f06]background-image: -o-linear-gradient(top,#52606d,#63707e);[/color] [color=#b45f06]background-image: linear-gradient(top,#52606d,#63707e);[/color] [color=#b45f06]text-shadow: 0px 1px 1px #363f49;[/color] [color=#b45f06]color: #fff;[/color] [color=#b45f06]font-size: 9px;[/color] [color=#b45f06]white-space: nowrap;[/color] [color=#b45f06]text-transform: uppercase;[/color] [color=#b45f06]text-align: left;[/color] [color=#b45f06]text-indent: 10px;[/color] [color=#b45f06]overflow: hidden;[/color] [color=#b45f06]line-height: 38px;[/color] [color=#b45f06]box-shadow:[/color] [color=#b45f06]-1px 0px 1px rgba(255,255,255,0.4),[/color] [color=#b45f06]1px 1px 2px rgba(0,0,0,0.2) inset;[/color] [color=#b45f06]-moz-box-shadow:[/color] [color=#b45f06]-1px 0px 1px rgba(255,255,255,0.4),[/color] [color=#b45f06]1px 1px 2px rgba(0,0,0,0.2) inset;[/color] [color=#b45f06]-webkit-box-shadow:[/color] [color=#b45f06]-1px 0px 1px rgba(255,255,255,0.4),[/color] [color=#b45f06]1px 1px 2px rgba(0,0,0,0.2) inset;[/color] [color=#b45f06]transition: width 0.3s linear;[/color] [color=#b45f06]font-variant: small-caps;[/color] [color=#b45f06]font-weight: bold;[/color] [color=#b45f06]}[/color] [color=#b45f06].a-btn-icon-right{[/color] [color=#b45f06]position: absolute;[/color] [color=#b45f06]right: 0px;[/color] [color=#b45f06]top: 0px;[/color] [color=#b45f06]height: 100%;[/color] [color=#b45f06]width: 52px;[/color] [color=#b45f06]border-left: 1px solid #5d81ab;[/color] [color=#b45f06]box-shadow: 1px 0px 1px rgba(255,255,255,0.4) inset;[/color] [color=#b45f06]-moz-box-shadow: 1px 0px 1px rgba(255,255,255,0.4) inset;[/color] [color=#b45f06]-webkit-box-shadow: 1px 0px 1px rgba(255,255,255,0.4) inset;[/color] [color=#b45f06]}[/color] [color=#b45f06].a-btn-icon-right span{[/color] [color=#b45f06]width: 38px;[/color] [color=#b45f06]height: 38px;[/color] [color=#b45f06]position: absolute;[/color] [color=#b45f06]left: 50%;[/color] [color=#b45f06]top: 50%;[/color] [color=#b45f06]margin: -20px 0px 0px -20px;[/color] [color=#b45f06]background: transparent;[/color] [color=#b45f06]transition: all 0.3s linear;[/color] [color=#b45f06]}[/color] [color=#b45f06].a-btn:hover{[/color] [color=#b45f06]padding-right: 180px;[/color] [color=#b45f06]box-shadow:[/color] [color=#b45f06]0px 1px 1px rgba(255,255,255,0.8) inset,[/color] [color=#b45f06]1px 1px 3px rgba(0,0,0,0.2),[/color] [color=#b45f06]0px 0px 0px 4px rgba(188,188,188,0.5);[/color] [color=#b45f06]-moz-box-shadow:[/color] [color=#b45f06]0px 1px 1px rgba(255,255,255,0.8) inset,[/color] [color=#b45f06]1px 1px 3px rgba(0,0,0,0.2),[/color] [color=#b45f06]0px 0px 0px 4px rgba(188,188,188,0.5);[/color] [color=#b45f06]-webkit-box-shadow:[/color] [color=#b45f06]0px 1px 1px rgba(255,255,255,0.8) inset,[/color] [color=#b45f06]1px 1px 3px rgba(0,0,0,0.2),[/color] [color=#b45f06]0px 0px 0px 4px rgba(188,188,188,0.5);[/color] [color=#b45f06]text-decoration: none;[/color] [color=#b45f06]text-shadow: 0px 1px 1px #000000;[/color] [color=#b45f06]}[/color] [color=#b45f06].a-btn:hover .a-btn-text{[/color] [color=#b45f06]color: #b5b5b5;[/color] [color=#b45f06]}[/color] [color=#b45f06].a-btn:hover .a-btn-slide-text{[/color] [color=#b45f06]width: 125px;[/color] [color=#b45f06]}[/color] Вариант для светлых шаблонов: Установка такая же,вот только стили установите эти:
Код [color=#b45f06].a-btn{[/color] [color=#b45f06]background: #f2f2f2;[/color] [color=#b45f06]background-image: -webkit-linear-gradient(top,#f4f4f4,#d2d2d2);[/color] [color=#b45f06]background-image: -moz-linear-gradient(top,#f4f4f4,#d2d2d2);[/color] [color=#b45f06]background-image: -ms-linear-gradient(top,#f4f4f4,#d2d2d2);[/color] [color=#b45f06]background-image: -o-linear-gradient(top,#f4f4f4,#d2d2d2);[/color] [color=#b45f06]background-image: linear-gradient(top,#f4f4f4,#d2d2d2);[/color] [color=#b45f06]padding-left: 20px;[/color] [color=#b45f06]padding-right: 80px;[/color] [color=#b45f06]height: 38px;[/color] [color=#b45f06]width: 110px;[/color] [color=#b45f06]display: inline-block;[/color] [color=#b45f06]position: relative;[/color] [color=#b45f06]border: 1px solid #5d81ab;[/color] [color=#b45f06]box-shadow:[/color] [color=#b45f06]0px 1px 1px rgba(255,255,255,0.8) inset,[/color] [color=#b45f06]1px 1px 3px rgba(0,0,0,0.2),[/color] [color=#b45f06]0px 0px 0px 4px rgba(188,188,188,0.5);[/color] [color=#b45f06]-moz-box-shadow:[/color] [color=#b45f06]0px 1px 1px rgba(255,255,255,0.8) inset,[/color] [color=#b45f06]1px 1px 3px rgba(0,0,0,0.2),[/color] [color=#b45f06]0px 0px 0px 4px rgba(188,188,188,0.5);[/color] [color=#b45f06]-webkit-box-shadow:[/color] [color=#b45f06]0px 1px 1px rgba(255,255,255,0.8) inset,[/color] [color=#b45f06]1px 1px 3px rgba(0,0,0,0.2),[/color] [color=#b45f06]0px 0px 0px 4px rgba(188,188,188,0.5);[/color] [color=#b45f06]border-radius: 20px; -moz-border-radius: 20px; -webkit-border-radius: 20px;[/color] [color=#b45f06]float: left;[/color] [color=#b45f06]clear: both;[/color] [color=#b45f06]margin: 10px 0px;[/color] [color=#b45f06]overflow: hidden;[/color] [color=#b45f06]transition: all 0.3s linear;[/color] [color=#b45f06]}[/color] [color=#b45f06].a-btn-text{[/color] [color=#b45f06]padding-top: 10px;[/color] [color=#b45f06]padding-left: 10px;[/color] [color=#b45f06]display: block;[/color] [color=#b45f06]font-size: 14px;[/color] [color=#b45f06]font-face: "Arial";[/color] [color=#b45f06]white-space: nowrap;[/color] [color=#b45f06]text-shadow: 0px 1px 1px #ffffff;[/color] [color=#b45f06]color: #63707c;[/color] [color=#b45f06]font-variant: small-caps;[/color] [color=#b45f06]font-weight: bold;[/color] [color=#b45f06]}[/color] [color=#b45f06].a-btn-slide-text{[/color] [color=#b45f06]position:absolute;[/color] [color=#b45f06]height: 100%;[/color] [color=#b45f06]top: 1px;[/color] [color=#b45f06]right: 52px;[/color] [color=#b45f06]width: 0px;[/color] [color=#b45f06]background: #63707e;[/color] [color=#b45f06]background-image: -webkit-linear-gradient(top,#52606d,#63707e);[/color] [color=#b45f06]background-image: -moz-linear-gradient(top,#52606d,#63707e);[/color] [color=#b45f06]background-image: -ms-linear-gradient(top,#52606d,#63707e);[/color] [color=#b45f06]background-image: -o-linear-gradient(top,#52606d,#63707e);[/color] [color=#b45f06]background-image: linear-gradient(top,#52606d,#63707e);[/color] [color=#b45f06]text-shadow: 0px 1px 1px #363f49;[/color] [color=#b45f06]color: #fff;[/color] [color=#b45f06]font-size: 9px;[/color] [color=#b45f06]white-space: nowrap;[/color] [color=#b45f06]text-transform: uppercase;[/color] [color=#b45f06]text-align: left;[/color] [color=#b45f06]text-indent: 10px;[/color] [color=#b45f06]overflow: hidden;[/color] [color=#b45f06]line-height: 38px;[/color] [color=#b45f06]box-shadow:[/color] [color=#b45f06]-1px 0px 1px rgba(255,255,255,0.4),[/color] [color=#b45f06]1px 1px 2px rgba(0,0,0,0.2) inset;[/color] [color=#b45f06]-moz-box-shadow:[/color] [color=#b45f06]-1px 0px 1px rgba(255,255,255,0.4),[/color] [color=#b45f06]1px 1px 2px rgba(0,0,0,0.2) inset;[/color] [color=#b45f06]-webkit-box-shadow:[/color] [color=#b45f06]-1px 0px 1px rgba(255,255,255,0.4),[/color] [color=#b45f06]1px 1px 2px rgba(0,0,0,0.2) inset;[/color] [color=#b45f06]transition: width 0.3s linear;[/color] [color=#b45f06]font-variant: small-caps;[/color] [color=#b45f06]font-weight: bold;[/color] [color=#b45f06]}[/color] [color=#b45f06].a-btn-icon-right{[/color] [color=#b45f06]position: absolute;[/color] [color=#b45f06]right: 0px;[/color] [color=#b45f06]top: 0px;[/color] [color=#b45f06]height: 100%;[/color] [color=#b45f06]width: 52px;[/color] [color=#b45f06]border-left: 1px solid #5d81ab;[/color] [color=#b45f06]box-shadow: 1px 0px 1px rgba(255,255,255,0.4) inset;[/color] [color=#b45f06]-moz-box-shadow: 1px 0px 1px rgba(255,255,255,0.4) inset;[/color] [color=#b45f06]-webkit-box-shadow: 1px 0px 1px rgba(255,255,255,0.4) inset;[/color] [color=#b45f06]}[/color] [color=#b45f06].a-btn-icon-right span{[/color] [color=#b45f06]width: 38px;[/color] [color=#b45f06]height: 38px;[/color] [color=#b45f06]position: absolute;[/color] [color=#b45f06]left: 50%;[/color] [color=#b45f06]top: 50%;[/color] [color=#b45f06]margin: -20px 0px 0px -20px;[/color] [color=#b45f06]background: transparent;[/color] [color=#b45f06]transition: all 0.3s linear;[/color] [color=#b45f06]}[/color] [color=#b45f06].a-btn:hover{[/color] [color=#b45f06]padding-right: 180px;[/color] [color=#b45f06]box-shadow:[/color] [color=#b45f06]0px 1px 1px rgba(255,255,255,0.8) inset,[/color] [color=#b45f06]1px 1px 3px rgba(0,0,0,0.2),[/color] [color=#b45f06]0px 0px 0px 4px rgba(188,188,188,0.5);[/color] [color=#b45f06]-moz-box-shadow:[/color] [color=#b45f06]0px 1px 1px rgba(255,255,255,0.8) inset,[/color] [color=#b45f06]1px 1px 3px rgba(0,0,0,0.2),[/color] [color=#b45f06]0px 0px 0px 4px rgba(188,188,188,0.5);[/color] [color=#b45f06]-webkit-box-shadow:[/color] [color=#b45f06]0px 1px 1px rgba(255,255,255,0.8) inset,[/color] [color=#b45f06]1px 1px 3px rgba(0,0,0,0.2),[/color] [color=#b45f06]0px 0px 0px 4px rgba(188,188,188,0.5);[/color] [color=#b45f06]text-decoration: none;[/color] [color=#b45f06]text-shadow: 0px 1px 1px #000000;[/color] [color=#b45f06]}[/color] [color=#b45f06].a-btn:hover .a-btn-text{[/color] [color=#b45f06]color: #757575;[/color] [color=#b45f06]}[/color] [color=#b45f06].a-btn:hover .a-btn-slide-text{[/color] [color=#b45f06]width: 125px;[/color] [color=#b45f06]}[/color] НУ КАК ВАМ? |
|