[ Обновленные темы · Новые сообщения · Участники · Правила форума · Поиск · RSS ]
  • Страница 6 из 7
  • «
  • 1
  • 2
  • 4
  • 5
  • 6
  • 7
  • »
Форум » Ленточный вариант форума
Новые сообщения
artnovДата: Суббота, 12.07.2014, 21:57 | Сообщение # 76
Форум: Собираем скрипты | Тема: Серые кнопки закладок
Начальник сайта
Группа: Администраторы
Сообщений: 151
Награды: 0
Репутация: 0
Статус: Offline
<div class="addthis_toolbox">
<div class="custom_images">
<script type="text/javascript">(function() {
if (window.pluso)if (typeof window.pluso.start == "function") return;
if (window.ifpluso==undefined) { window.ifpluso = 1;
var d = document, s = d.createElement('script'), g = 'getElementsByTagName';
s.type = 'text/javascript'; s.charset='UTF-8'; s.async = true;
s.src = ('https:' == window.location.protocol ? 'https' : 'http')  + '://share.pluso.ru/pluso-like.js';
var h=d[g]('body')[0];
h.appendChild(s);
}};));</script>
<div data-description="Картина - это богатство на века" data-title="Шедевры живописи" data-url="http://artnov-kartina.ru" class="pluso" data-background="transparent" data-options="medium,square,line,vertical,counter,theme=04" data-services="twitter,facebook,blogger,google,vkontakte,odnoklassniki,moimir"></div>


Artnov
 
artnovДата: Пятница, 11.07.2014, 16:34 | Сообщение # 77
Форум: Собираем скрипты | Тема: Всплывающая контактная форма для сайта
Начальник сайта
Группа: Администраторы
Сообщений: 151
Награды: 0
Репутация: 0
Статус: Offline
Пример

Код
<link rel="stylesheet" type="text/css" href="http://www.novickiy.ru/postt/modal-contact-form.css" />
     
         <a class="show-btn" href = "javascript:void(0)" onclick =  
"document.getElementById('envelope').style.display='block';document.getElementById('fade').style.display='block'">Обратная
  связь</a>
         <div id="envelope" class="envelope">
             <a class="close-btn" title="Закрыть"  
href="javascript:void(0)" onclick =  
"document.getElementById('envelope').style.display='none';document.getElementById('fade').style.display='none'"></a>
             <div class="title">Напишите нам сообщение!</div>
             <form method="post" action="обработчик">
                 <input type="text" name="sender_name"  
onclick="this.value='';" onfocus="this.select()"  
onblur="this.value=!this.value?'* Ваше Имя':this.value;" value="* Ваше  
Имя" class="your-name"/>
                 <input type="text" name="sender_email" onclick="this.value='';" onfocus="this.select()"  
onblur="this.value=!this.value?'* Ваш Email':this.value;" value="* Ваш  
Email" class="email-address"/>
                 <textarea class="your-message" placeholder="* Ваше сообщение"></textarea>
                 <input type="submit" name="send" value="Отправить" class="send-message">
             </form>
         </div>
         <div id="fade" class="black-overlay"></div>



Artnov
 
artnovДата: Воскресенье, 06.07.2014, 18:56 | Сообщение # 78
Форум: Собираем скрипты | Тема: CSS подписи для изображений
Начальник сайта
Группа: Администраторы
Сообщений: 151
Награды: 0
Репутация: 0
Статус: Offline
Заключаем картинку и описание в блок div и прописываем class="img-nov"

 
Код
<div class="img-nov">    
     <img src="ссылка на изображение" alt="" />    
     <cite>  Голландские пейзажи украсят любой интерьер. Голландский пейзаж в гостиной или офисе, идеальное решение.  </cite>    
     </div>

В CSS прописать:

Код
/* подписи для картинок */    

.img-nov {    
position: relative;    
display: block;    
height:335px;    
width: 575px;    
}    
.img-nov cite {    
background: #111;    
filter:alpha(opacity=55);    
opacity:.55;    
color: #fff;    
position: absolute;    
bottombottom: 0;    
leftleft: 0;    
width: 555px;    
padding: 10px;    
border-top: 1px solid #999;    
}


Artnov
 
artnovДата: Четверг, 26.06.2014, 18:34 | Сообщение # 79
Форум: Собираем скрипты | Тема: Анимированная кнопка
Начальник сайта
Группа: Администраторы
Сообщений: 151
Награды: 0
Репутация: 0
Статус: Offline
В шаблон ставите
Код
<div style= "position:fixed; right:0px; bottom:55%;">
<a href="ссылка"><img class="asd"/></a>
</div>
В CSS
Код
.asd{
border:none;
width:25px; /*ширина кнопки*/
height:90px; /*высота кнопки*/
cursor:pointer;
background:transparent url("http://ссылка на обычную кнопку") no-repeat center;
}
.asd:hover{
border:none;
width:25px; /*ширина кнопки*/
height:90px; /*высота кнопки*/
cursor:pointer;
background:transparent url("http://ссылка на кнопку при наведении") no-repeat center;


Artnov
 
artnovДата: Вторник, 24.06.2014, 20:58 | Сообщение # 80
Форум: Собираем скрипты | Тема: Эффект с изображением шар
Начальник сайта
Группа: Администраторы
Сообщений: 151
Награды: 0
Репутация: 0
Статус: Offline
Код
<style>    
    #circle{ display: inline-block; width: 40%; padding-top: 40%; border-radius: 100%; background: blue url(http://www.novickiy.ru/_ph/8/2/433982343.jpg?1403878296) no-repeat; background-size: 100% 100%; -webkit-animation: animaciya linear 10s infinite; /* анимация в Chrome */ animation: animaciya linear 10s infinite; box-shadow: 0 200px 100px -80px rgba(0,0,0,.5); } @-webkit-keyframes animaciya { /* анимация в Chrome */ 0% {-webkit-transform: rotateY(0deg);} 100% {-webkit-transform: rotateY(360deg);} } @keyframes animaciya { 0% {transform: rotateY(0deg);} 100% {transform: rotateY(360deg);} }    
    </style>    
    <div id="circle"></div> <a href="http://www.novickiy.ru/forum/5-135-1">КОД</a>


Код
<style>    
#ball { display: inline-block; width: 40%; padding-top: 40%; border-radius: 100%; background: green url(http://www.novickiy.ru/_ph/6/948361604.jpg?1403878458); background-size: 200% 100%; -webkit-animation: animaciya1 linear 10s infinite; animation: animaciya1 linear 10s infinite; box-shadow: 0 200px 100px -80px rgba(0,0,0,.5); } @-webkit-keyframes animaciya1 { 0% {background-position: -100% 0;} 100% {background-position: 100% 0;} } @keyframes animaciya1 { 0% {background-position: -100% 0;} 100% {background-position: 100% 0;} }     
    </style>    
    <div id="ball"></div>
    <a href="http://www.novickiy.ru/forum/5-135-1">КОД</a>

Пример


Artnov
 
artnovДата: Вторник, 24.06.2014, 20:26 | Сообщение # 81
Форум: Собираем скрипты | Тема: Кнопка вкл. выкл.
Начальник сайта
Группа: Администраторы
Сообщений: 151
Награды: 0
Репутация: 0
Статус: Offline
Код
<style>#payt4 {display: none;}
  [for="payt4"]{
   display: inline-block;
   padding: 7px;
   border-radius: 100px;
   background: rgba(0, 0, 0, .1);
   box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .4) inset, 0 1px 1px 0 rgba(255, 255, 255, .1);
   text-shadow: 0 1px rgba(0, 0, 0, .5);
   cursor: pointer;
}
[for="payt4"]:before, [for="payt4"]:after {
   display: inline-block;
   padding: 5px 20px;
}
[for="payt4"]:before {
   content: "ВЫКЛ";
   border-radius: 100px 0 0 100px;
   background: rgba(0, 0, 0, .3) linear-gradient(rgba(0,0,0,.3), rgba(0,0,0,0));
   color: rgba(0,0,0,.4);
   box-shadow: 0 1px 1px rgba(0, 0, 0, .5) inset, 0 1px 0 rgba(255, 255, 255, .4);
}
[for="payt4"]:after {
   content: "ВКЛ";
   border-radius: 0 100px 100px 0;
   background: linear-gradient(rgba(0,0,0,0), rgba(0,0,0,.3));
   box-shadow: inset 0 1px 1px 0 rgba(255,255,255,.2), 0 1px 2px 0 rgba(0,0,0,.5);
}
#payt4:checked ~ [for="payt4"]:after {
   background: rgba(0, 0, 0, .3) linear-gradient(rgba(0,0,0,.3), rgba(0,0,0,0));
   box-shadow: 0 1px 1px rgba(0, 0, 0, .5) inset, 0 1px 0 rgba(255, 255, 255, .4);
   color: rgba(0,0,0,.4);
}
#payt4:checked ~ [for="payt4"]:before {
   box-shadow: inset 0 1px 1px 0 rgba(255,255,255,.2), 0 1px 2px 0 rgba(0,0,0,.5);
   background: linear-gradient(rgba(0,0,0,0), rgba(0,0,0,.3));
   color: inherit;
}
</style>

<input type="checkbox" id="payt4"/><label for="payt4"></label>
Пример


Artnov
 
artnovДата: Понедельник, 23.06.2014, 23:02 | Сообщение # 82
Форум: Собираем скрипты | Тема: Овальная картинка
Начальник сайта
Группа: Администраторы
Сообщений: 151
Награды: 0
Репутация: 0
Статус: Offline

Код
<style>
div.radius { border-radius: 20px; background: #e7d5c0; }
</style>

<img alt="Пейзаж" src="http://www.novickiy.ru/_ph/2/2/188720830.jpg?1403549047" style="border-radius: 100%;">
Пример


Artnov
 
artnovДата: Понедельник, 23.06.2014, 22:48 | Сообщение # 83
Форум: Собираем скрипты | Тема: Полупрозрачная рамка вокруг картинки
Начальник сайта
Группа: Администраторы
Сообщений: 151
Награды: 0
Репутация: 0
Статус: Offline

Код
<img alt="Пейзаж" src="http://www.novickiy.ru/_ph/2/2/188720830.jpg?1403549047" style="display: block; margin: 0 auto; outline: 30px solid rgba(255,255,255,.5); outline-offset: -30px;">
Пример


Artnov
 
artnovДата: Понедельник, 23.06.2014, 21:36 | Сообщение # 84
Форум: Собираем скрипты | Тема: Эффект с изображением
Начальник сайта
Группа: Администраторы
Сообщений: 151
Награды: 0
Репутация: 0
Статус: Offline

Код
<style>
figure.img {
  max-width: 25%;
  margin: 0 auto;
  box-shadow: 0 0 0 5px #fff, 0 0 4px 5px; /* рамка (она же отступ и тень) блока */
}
figure.textizo {
  width: fit-content; /* ширина блока (рисунок+описание) = ширине описания или фото, в зависимости от того, чьё значение больше; нужен -moz- и -webkit- */
}
figure.izo {
  width: min-content; /* ширина блока (рисунок+описание) = ширине изображения; нужен -moz- и -webkit- */
}
figure.img img {
  display: block;
  max-width: 100%;
  height: auto;
  margin: 0 auto;
}
figure.img figcaption {
  max-width: 100%;
  padding: 0 1%;
  font: italic 90% Georgia,serif;
}
</style>
<figure class="img izo">
  <a href="http://www.novickiy.ru/photo/1"><img alt="Голландские пейзажи " src="http://www.novickiy.ru/_ph/17/2/714102928.jpg?1403541274" height="80" width="200"></a>
  <figcaption>Голландские пейзажи украсят любой интерьер. Голландский пейзаж в гостиной или офисе, идеальное решение. </figcaption>
</figure>
Пример


Artnov
 
artnovДата: Понедельник, 23.06.2014, 20:21 | Сообщение # 85
Форум: Собираем скрипты | Тема: Окно (lightbox) на CSS
Начальник сайта
Группа: Администраторы
Сообщений: 151
Награды: 0
Репутация: 0
Статус: Offline

Код
<style>

img.zoom {
   -moz-user-select: none; user-select: none;
}
img.zoom:hover {
   display: block;
   position: fixed;
   z-index: 10;
   top: 50%;
   left: 50%;
   -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%);
   width: auto;
   height: auto;
   max-width: 99%;
   max-height: 99%;
   border: solid rgba(210,210,210,.4);
   border-width: 100vh 100vw;
   cursor: zoom-out;
}
:not(:active) > img.zoom:not(:hover), img.zoom:active {
   pointer-events: none;
}
/* не идеально: transition-property не поддерживает свойство position. В результате, если переключить вкладку браузера, то картинка становится вновь маленькой. */

</style>
<img src="http://www.novickiy.ru/_ph/8/502558324.jpg?1403539083" alt="" width="150" class="zoom"/>
<img src="http://www.novickiy.ru/_ph/8/998905027.jpg?1403540134" alt="" width="150" class="zoom"/>
<img src="http://www.novickiy.ru/_ph/8/621071167.jpg?1403539773" alt="" width="150" class="zoom"/><br>
<img src="http://www.novickiy.ru/_ph/8/504650448.jpg?1403539725" alt="" width="150" class="zoom"/>
<img src="http://www.novickiy.ru/_ph/8/36727807.jpg?1403539863" alt="" width="150" class="zoom"/>
<img src="http://www.novickiy.ru/_ph/8/769888652.jpg?1403540043" alt="" width="150" class="zoom"/>
Пример


Artnov
 
artnovДата: Понедельник, 23.06.2014, 19:14 | Сообщение # 86
Форум: Собираем скрипты | Тема: Кнопка купить
Начальник сайта
Группа: Администраторы
Сообщений: 151
Награды: 0
Репутация: 0
Статус: Offline
Код
<style>

a.button11 {
    position: relative;
    z-index: 1;
    color: black;
    font-size: 135%;
    font-weight: 700;
    text-decoration: none;
    padding: .25em .5em;
}
a.button11:after {
    content: "Купить";  /* здесь 6 букв */
    position: absolute;
    z-index: -1;
    top: -2px;
    bottom: -2px;
    left: -2px;
    width: calc(100% + 6*(1em*90/135) - 2px*2*2);  /* где 6*(1em*90/135), где 6 - это 6 букв, 90 - это font-size after, а 135 - это font-size родителя */
    text-align: right;
    color: #fff;
    font-size: 90%;
    padding: .25em .5em;
    border-radius: 5px;
    border: 2px solid #c61e40;
    -webkit-transform: skewX(-10deg);
    transform: skewX(-10deg);
    background: linear-gradient(#d4536d, #c61e40) no-repeat 100% 0;
    background-size: calc(6*(1em*90/135) + .5em) 100%;
    box-shadow: inset calc(-6*(1em*90/135) - .5em) 0 rgba(255,255,255,0);
    transition: .3s;
}
a.button11:hover:after {
    box-shadow: inset calc(-6*(1em*90/135) - .5em) 0 rgba(255,255,255,.2);
}
a.button11:active:after {
    background-image: linear-gradient(#c61e40, #d4536d);
}</style>

<a href="#" class="button11">Цена</a>
Пример

Взято с shpargalkablog.ru


Artnov
 
artnovДата: Понедельник, 23.06.2014, 18:10 | Сообщение # 87
Форум: Собираем скрипты | Тема: Круглые изображения на сайте
Начальник сайта
Группа: Администраторы
Сообщений: 151
Награды: 0
Репутация: 0
Статус: Offline
Код
<a href="ссылка"><img alt="" src="картинка" style="height:300px; width:300px; border-radius:50%;" /></a>


Пример


Artnov
 
artnovДата: Воскресенье, 22.06.2014, 21:26 | Сообщение # 88
Форум: Собираем скрипты | Тема: Фиксированная надпись слева
Начальник сайта
Группа: Администраторы
Сообщений: 151
Награды: 0
Репутация: 0
Статус: Offline
Изенять на своё, что нужно
Текст
Код
<div id='http://www.novickiy.ru/cssotdel/css.txt'>
               <div id="mformDiv" style="display:none;">    
$MFORM_3$    
    </div>
       
    <a href="javascript://" onclick="new _uWnd('name','Купить картину',300,100,{autosize: 1,modal: 1,align:'center'},$('#mformDiv').html());return false;" class="button"><b>Купить картину<b></a>
    </div>    
           </div>

Изображение

Код
<div id='http://www.novickiy.ru/cssotdel/css.txt'>
              <div id="mformDiv" style="display:none;">   
$MFORM_3$   
   </div>
     
   <a href="javascript://" onclick="new _uWnd('name','Купить картину',300,150,{autosize: 1,modal: 1,align:'center'},$('#mformDiv').html());return false;" class="button"><img src="http://www.novickiy.ru/798/shoppp.png" align="right" border="0"></a>
   </div>   
          </div>


Artnov
 
artnovДата: Пятница, 20.06.2014, 17:52 | Сообщение # 89
Форум: Собираем скрипты | Тема: Серые кнопки закладок
Начальник сайта
Группа: Администраторы
Сообщений: 151
Награды: 0
Репутация: 0
Статус: Offline

Код
<div class="addthis_toolbox">  
  <div class="custom_images">

  <a target="blank_" href="http://twitter.com/share?text=$SITE_NAME$&url=$_PAGE_LINK$"><img title="Перейти на сайт" src="http://www.novickiy.ru/cvetknop/3/1.png"></a>
   
   
  <script type="text/javascript" src="http://vk.com/js/api/share.js?90" charset="windows-1251"></script>

<!-- Put this script tag to the place, where the Share button will be -->
<script type="text/javascript"><!--
document.write(VK.Share.button({url: ""},{type: "custom", text: "<img src=\"http://www.novickiy.ru/cvetknop/3/2.png\" />"}));
--></script>
   
<a onclick="window.open('http://www.facebook.com/sharer.php?s=100&p[title]=<?php echo $title;?>&p[summary]=<?php echo $summary;?>&p[url]=<?php echo $url; ?>&p[images][0]=<?php echo $image;?>','sharer','toolbar=0,status=0,width=700,height=400');" href="javascript: void(0)">
  <img title="Facebook" src="http://www.novickiy.ru/cvetknop/3/3.png"></a><a onclick="window.open('http://www.odnoklassniki.ru/dk?st.cmd=addShare&st.s=1&st._surl=<?php the_permalink(); ?>', 'odkl', 'width=626, height=436'); return false;" rel="nofollow" href="http://www.odnoklassniki.ru/dk?st.cmd=addShare&st.s=1&st._surl=<?php the_permalink(); ?>"><img src="http://www.novickiy.ru/cvetknop/3/4.png" title="Поделиться с друзьями в Одноклассниках"></a>  

   
  <a onclick="window.open('http://www.google.com/bookmarks/mark?op=add&bkmk=$HOME_PAGE_LINK$&title=$SITE_NAME$', 'width=626, height=436'); return false;" rel="nofollow">
<img title="Закладки Google" src="http://www.novickiy.ru/cvetknop/3/5.png" alt="Google"></a>  

   
   
   
<a onclick="window.open('http://share.yandex.ru/go.xml?service=yaru&url=$HOME_PAGE_LINK$&title=$SITE_NAME$', 'yaru', 'width=626, height=436'); return false;" rel="nofollow" href="http://share.yandex.ru/go.xml?service=yaru&url=$HOME_PAGE_LINK$&title=$SITE_NAME$"><img src="http://www.novickiy.ru/cvetknop/3/6.png" title="Поделиться с друзьями на Я.ру"></a>  
   
<a target="blank_" href="http://www.novickiy.ru/photo/rss/"><img src="http://www.novickiy.ru/cvetknop/3/7.png" title="Подписаться"></a>
   
   
   
  <script src="http://www.novickiy.ru/cvetknop/3/fb1.js" type="text/javascript"></script></div>
   
  <form accept-charset="UTF-8" action="https://advisor.wmtransfer.com/Spasibo.aspx" method="post" target="_blank" title="Передать $пасибо! нашему сайту"><input name="url" type="hidden" value="http://www.novickiy.ru" /><!-- укажите в value адрес Вашего сайта --> <input border="0" name="submit" src="//advisor.wmtransfer.com/img/Spasibo!.png" type="image" /> </form>

  </div>  
  </div>


Artnov
 
GoДата: Четверг, 19.06.2014, 21:55 | Сообщение # 90
Форум: Собираем скрипты | Тема: DLE кнопка "Скачать" для uCoz
Сержант
Группа: Проверенные
Сообщений: 32
Награды: 0
Репутация: 0
Статус: Offline

Установка:

Шаг 1. Заходим на наш сайт в ПУ (Панель Управления) и переходим в таблицу стилей.
Шаг 2. Вставляем код в самый низ стилей.

Код
/* Adaptations by coffee aka mozila aka ololowka */     
     .mknop {     
     display: inline-block;     
     margin: 10px 0px;     
     height: 30px;     
     border: 1px solid #419DB8;     
     border-radius: 5px;     
     box-shadow: inset 0px 1px 0px #7ACBE3, 0px 1px 0px 0px #fff, 0px 2px 4px 0px #90C9D8;     
     background: #58bedc;     
     background: -moz-linear-gradient(top, #58bedc 11%, #3097b5 100%);     
     background: -webkit-gradient(linear, left top, left bottom, color-stop(11%,#58bedc), color-stop(100%,#3097b5));     
     background: -webkit-linear-gradient(top, #58bedc 11%,#3097b5 100%);     
     background: -o-linear-gradient(top, #58bedc 11%,#3097b5 100%);     
     background: -ms-linear-gradient(top, #58bedc 11%,#3097b5 100%);     
     background: linear-gradient(to bottom, #58bedc 11%,#3097b5 100%);     
     filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#58bedc', endColorstr='#3097b5',GradientType=0 );     
     }     

     .mknop:hover {     
     display: inline-block;     
     margin: 10px 0px;     
     height: 30px;     
     border: 1px solid #419DB8;     
     border-radius: 5px;     
     box-shadow: inset 0px 1px 0px #7ACBE3, 0px 1px 0px 0px #fff, 0px 2px 4px 0px #2186A2;     
     background: #58bedc;     
     background: -moz-linear-gradient(top, #58bedc 11%, #21819D 100%);     
     background: -webkit-gradient(linear, left top, left bottom, color-stop(11%,#58bedc), color-stop(100%,#21819D));     
     background: -webkit-linear-gradient(top, #58bedc 11%,#21819D 100%);     
     background: -o-linear-gradient(top, #58bedc 11%,#21819D 100%);     
     background: -ms-linear-gradient(top, #58bedc 11%,#21819D 100%);     
     background: linear-gradient(to bottom, #58bedc 11%,#21819D 100%);     
     filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#58bedc', endColorstr='#21819D',GradientType=0 );     
     }     

     .mknoplink {     
     padding: 2px 8px;     
     display: inline-block;     
     background: #efefef;     
     background: -moz-linear-gradient(top, #efefef 0%, #dbdbdb 100%);     
     background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#efefef), color-stop(100%,#dbdbdb));     
     background: -webkit-linear-gradient(top, #efefef 0%,#dbdbdb 100%);     
     background: -o-linear-gradient(top, #efefef 0%,#dbdbdb 100%);     
     background: -ms-linear-gradient(top, #efefef 0%,#dbdbdb 100%);     
     background: linear-gradient(to bottom, #efefef 0%,#dbdbdb 100%);     
     filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#efefef', endColorstr='#dbdbdb',GradientType=0 );     
     box-shadow: inset 0px 1px 0px #fff,0px 1px 0px #E5E5E5;     
     border-radius: 3px;     

     text-shadow: 0px 1px 0px #fff;     
     margin: 4px 10px 0px 5px;     
     color: #15586A;     
     font: 14px Arial;     
     }     

     .mknopsize {     
     margin: 0px 10px 0px 7px;     
     display: inline-block;     
     padding: 2px 5px;     
     background: #1A6479;     
     box-shadow: inset 0px 1px 2px #0A4352, 0px 1px 0px #48C1E3;     
     border-radius: 3px;     
     color: #C9F5FF;     
     text-shadow: 0px -1px 0px #0D3E4B;     

     }     

     .mknopdownload {     
     display: inline-block;     
     color: #D6F7FF;     
     text-shadow: 0px -1px 0px #1A6479;     
     }     

     .mknopcifr {     
     margin: 0px 5px 0px 5px;     
     display: inline-block;     
     padding: 2px 5px;     
     background: #1A6479;     
     box-shadow: inset 0px 1px 2px #0A4352, 0px 1px 0px #48C1E3;     
     border-radius: 3px;     
     color: #C9F5FF;     
     text-shadow: 0px -1px 0px #0D3E4B;     
     }     
     .mknorazt {     
     display: inline-block;     
     color: #D6F7FF;     
     text-shadow: 0px -1px 0px #1A6479;     
     }     
     /* ------ */


Шаг 3. Заходим в модуль "Каталог файлов" в Страницу материала и
комментария к нему и вставляем данный код, где хотим видеть кнопку.

Код
<?if($FILE_URL$)?><a href="$FILE_URL$"><div class="mknop"><div    
class="mknoplink"><?substr($FILE_DIRECT_URL$,27,20)?></div><?if($FILE_SIZE$)?><div
    class="mknorazt">Вес:</div><div    
class="mknopsize">$FILE_SIZE$</div><?endif?><div    
class="mknopdownload">Загрузок: <div    
class="mknopcifr">$LOADS$</div></div></div></a><?endif?>     
     <?if($RFILE_URL$)?><a href="$RFILE_URL$"><div class="mknop"><div    
class="mknoplink">Скачать    
файл</div><?if($FILE_SIZE$)?><div    
class="mknorazt">Вес:</div><div    
class="mknopsize">$FILE_SIZE$</div><?endif?><div    
class="mknopdownload">Загрузок: <div    
class="mknopcifr">$LOADS$</div></div></div></a><?endif?>



Установка готова.
Прикрепления: 1292435.jpg(88.6 Kb)
 
  • Страница 6 из 7
  • «
  • 1
  • 2
  • 4
  • 5
  • 6
  • 7
  • »
Поиск: