MANIFOLD
Понедельник, 02.12.2024, 13:20
[ Новые сообщения · Участники · Правила форума · Поиск · RSS ]
  • Страница 1 из 1
  • 1
КРАСИВАЯ КНОПКА "ДОБАВИТЬ МАТЕРИАЛ"
Оффлайн
Четверг, 16.01.2014, 12:21 | Сообщение # 1
АДМИН
Сообщений:
42


Установка:

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]

НУ КАК ВАМ?
  • Страница 1 из 1
  • 1
Поиск:

Copyright MyCorp © 2024