Перейти к содержимому


Как Перенести Банер


  • Авторизуйтесь для ответа в теме
Сообщений в теме: 17

#1 Yustus

Yustus

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 177 сообщений
  • ГородОмск

Отправлено 26 Август 2014 - 12:52

Здравствуйте. Подскажите, как перенести банер. Код банера я написал в поле "Код для вывода на всех страницах магазина:"

Изображение

Код банера:


  <link rel="stylesheet" href="http://www.rbkmoney....gorizontal.css" type="text/css" media="all"/>
   <div class="rw-banner">
       <div class="rw-b-inner">
            <div class="rw-head">
                <div class="rw-h-text">
                    Мы принимаем
                </div>
                <div class="rw-h-logo"></div>
            </div>
            <div class="rw-body">
                <div class="rw-b-part">
                    <a href="javascript:;" class="rw-icon" onmouseover="tH(this);"></a>
                    <a href="javascript:;" class="rw-text" onmouseover="tH(this);">банковские карты</a>
                </div>
               <div class="rw-helper" onmouseout="hH(this,event);" id="h0">
                    <div class="rwh-arrow"></div>
                    <div class="rwh-head">Банковские карты</div>
                    <div class="rwh-text">
                        Оплатите покупку в интернет-магазине банковскими картами VISA и Mastercard любого банка.
                    </div>
                    <a href="http://www.rbkmoney....vskimi-kartami" target="_blank" class="rwh-link">узнать больше</a>
                </div>
                <div class="rw-b-part">
                    <a href="javascript:;" class="rw-icon rw-icon-1" onmouseover="tH(this);"></a>
                    <a href="javascript:;" class="rw-text" onmouseover="tH(this);">электронный кошелек</a>
                </div>
               <div class="rw-helper" onmouseout="hH(this,event);" id="h1">
                    <div class="rwh-arrow"></div>
                    <div class="rwh-head">Электронный кошелек</div>
                    <div class="rwh-text">
                        Моментальная оплата покупок с помощью вашего электронного кошелька RBK Money.
                    </div>
                    <a href="http://www.rbkmoney....elka-rbk-money" target="_blank" class="rwh-link">узнать больше</a>
                </div>
                <div class="rw-b-part">
                    <a href="javascript:;" class="rw-icon rw-icon-2" onmouseover="tH(this);"></a>
                    <a href="javascript:;" class="rw-text" onmouseover="tH(this);">банковский платеж</a>
                </div>
               <div class="rw-helper" onmouseout="hH(this,event);" id="h2">
                    <div class="rwh-arrow"></div>
                    <div class="rwh-head">Банковский платеж</div>
                    <div class="rwh-text">
                        Оплатите покупку в любом российском банке. Срок зачисления средств на счет - 3-5 рабочих дней.
                    </div>
                    <a href="http://www.rbkmoney....skim-platezhom" target="_blank" class="rwh-link">узнать больше</a>
                </div>
                <div class="rw-b-part">
                    <a href="javascript:;" class="rw-icon rw-icon-3" onmouseover="tH(this);"></a>
                    <a href="javascript:;" class="rw-text" onmouseover="tH(this);">денежные переводы</a>
                </div>
               <div class="rw-helper" onmouseout="hH(this,event);" id="h3">
                    <div class="rwh-arrow"></div>
                    <div class="rwh-head">Денежные переводы</div>
                    <div class="rwh-text">
                        Оплата покупок через крупнейшие системы денежных переводов CONTACT и Unistream.
                    </div>
                    <a href="http://www.rbkmoney....nykh-perevodov" target="_blank" class="rwh-link">узнать больше</a>
                </div>
                <div class="rw-b-part">
                    <a href="javascript:;" class="rw-icon rw-icon-4" onmouseover="tH(this);"></a>
                    <a href="javascript:;" class="rw-text" onmouseover="tH(this);">почтовые переводы</a>
                </div>
               <div class="rw-helper" onmouseout="hH(this,event);" id="h4">
                    <div class="rwh-arrow"></div>
                    <div class="rwh-head">Почтовые переводы</div>
                    <div class="rwh-text">
                        Оплатите покупку в любом отделении Почты России. Срок зачисления платежа - 3-4 рабочих дня.
                    </div>
                    <a href="http://www.rbkmoney....-pochta-rossii" target="_blank" class="rwh-link">узнать больше</a>
                </div>
                <div class="rw-b-part">
                    <a href="javascript:;" class="rw-icon rw-icon-5" onmouseover="tH(this);"></a>
                    <a href="javascript:;" class="rw-text" onmouseover="tH(this);">платежные терминалы</a>
                </div>
               <div class="rw-helper" onmouseout="hH(this,event);" id="h5">
                    <div class="rwh-arrow"></div>
                    <div class="rwh-head">Платежные терминалы</div>
                    <div class="rwh-text">
                        Оплата покупок  в терминалах крупнейших платежных систем в любом городе России - быстро и без комиссии.
                    </div>
                    <a href="http://www.rbkmoney....hnye-terminaly" target="_blank" class="rwh-link">узнать больше</a>
                </div>
            </div>
        </div>
    </div>
    <script type="text/javascript">
        function tH(el){
            var p = el.parentNode,
                next = p.nextSibling;
            while (next.nodeType != 1) next = next.nextSibling;
            next.style.left = p.offsetLeft+'px';
            next.style.top = p.offsetTop+'px';
            for (var i = 0;i < 6; i++) document.getElementById('h'+i).style.display = 'none';
            next.style.display = 'block';
        }
        function hH(el,ev){
            if (ev.stopPropagation) ev.stopPropagation();
            else ev.cancelBubble = true;
            var target = ev.relatedTarget || ev.srcElement,
                cssClass = target.getAttribute('class');
            if ((!cssClass && el.tagName.toLowerCase != 'div') || cssClass.indexOf('rwh-') == -1) {
                el.style.display = 'none';
            }
        }
    </script>

#2 AnnaM

AnnaM

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 1 040 сообщений

Отправлено 26 Август 2014 - 13:09

Просмотр сообщенияYustus (26 Август 2014 - 12:52) писал:

Здравствуйте. Подскажите, как перенести банер. Код банера я написал в поле "Код для вывода на всех страницах магазина:"

Изображение

Код банера:


  <link rel="stylesheet" href="http://www.rbkmoney....gorizontal.css" type="text/css" media="all"/>
   <div class="rw-banner">
   <div class="rw-b-inner">
<div class="rw-head">
<div class="rw-h-text">
Мы принимаем
</div>
<div class="rw-h-logo"></div>
</div>
<div class="rw-body">
<div class="rw-b-part">
<a href="javascript:;" class="rw-icon" onmouseover="tH(this);"></a>
<a href="javascript:;" class="rw-text" onmouseover="tH(this);">банковские карты</a>
</div>
   <div class="rw-helper" onmouseout="hH(this,event);" id="h0">
<div class="rwh-arrow"></div>
<div class="rwh-head">Банковские карты</div>
<div class="rwh-text">
Оплатите покупку в интернет-магазине банковскими картами VISA и Mastercard любого банка.
</div>
<a href="http://www.rbkmoney....vskimi-kartami" target="_blank" class="rwh-link">узнать больше</a>
</div>
<div class="rw-b-part">
<a href="javascript:;" class="rw-icon rw-icon-1" onmouseover="tH(this);"></a>
<a href="javascript:;" class="rw-text" onmouseover="tH(this);">электронный кошелек</a>
</div>
   <div class="rw-helper" onmouseout="hH(this,event);" id="h1">
<div class="rwh-arrow"></div>
<div class="rwh-head">Электронный кошелек</div>
<div class="rwh-text">
Моментальная оплата покупок с помощью вашего электронного кошелька RBK Money.
</div>
<a href="http://www.rbkmoney....elka-rbk-money" target="_blank" class="rwh-link">узнать больше</a>
</div>
<div class="rw-b-part">
<a href="javascript:;" class="rw-icon rw-icon-2" onmouseover="tH(this);"></a>
<a href="javascript:;" class="rw-text" onmouseover="tH(this);">банковский платеж</a>
</div>
   <div class="rw-helper" onmouseout="hH(this,event);" id="h2">
<div class="rwh-arrow"></div>
<div class="rwh-head">Банковский платеж</div>
<div class="rwh-text">
Оплатите покупку в любом российском банке. Срок зачисления средств на счет - 3-5 рабочих дней.
</div>
<a href="http://www.rbkmoney....skim-platezhom" target="_blank" class="rwh-link">узнать больше</a>
</div>
<div class="rw-b-part">
<a href="javascript:;" class="rw-icon rw-icon-3" onmouseover="tH(this);"></a>
<a href="javascript:;" class="rw-text" onmouseover="tH(this);">денежные переводы</a>
</div>
   <div class="rw-helper" onmouseout="hH(this,event);" id="h3">
<div class="rwh-arrow"></div>
<div class="rwh-head">Денежные переводы</div>
<div class="rwh-text">
Оплата покупок через крупнейшие системы денежных переводов CONTACT и Unistream.
</div>
<a href="http://www.rbkmoney....nykh-perevodov" target="_blank" class="rwh-link">узнать больше</a>
</div>
<div class="rw-b-part">
<a href="javascript:;" class="rw-icon rw-icon-4" onmouseover="tH(this);"></a>
<a href="javascript:;" class="rw-text" onmouseover="tH(this);">почтовые переводы</a>
</div>
   <div class="rw-helper" onmouseout="hH(this,event);" id="h4">
<div class="rwh-arrow"></div>
<div class="rwh-head">Почтовые переводы</div>
<div class="rwh-text">
Оплатите покупку в любом отделении Почты России. Срок зачисления платежа - 3-4 рабочих дня.
</div>
<a href="http://www.rbkmoney....-pochta-rossii" target="_blank" class="rwh-link">узнать больше</a>
</div>
<div class="rw-b-part">
<a href="javascript:;" class="rw-icon rw-icon-5" onmouseover="tH(this);"></a>
<a href="javascript:;" class="rw-text" onmouseover="tH(this);">платежные терминалы</a>
</div>
   <div class="rw-helper" onmouseout="hH(this,event);" id="h5">
<div class="rwh-arrow"></div>
<div class="rwh-head">Платежные терминалы</div>
<div class="rwh-text">
Оплата покупок  в терминалах крупнейших платежных систем в любом городе России - быстро и без комиссии.
</div>
<a href="http://www.rbkmoney....hnye-terminaly" target="_blank" class="rwh-link">узнать больше</a>
</div>
</div>
</div>
</div>
<script type="text/javascript">
function tH(el){
var p = el.parentNode,
next = p.nextSibling;
while (next.nodeType != 1) next = next.nextSibling;
next.style.left = p.offsetLeft+'px';
next.style.top = p.offsetTop+'px';
for (var i = 0;i < 6; i++) document.getElementById('h'+i).style.display = 'none';
next.style.display = 'block';
}
function hH(el,ev){
if (ev.stopPropagation) ev.stopPropagation();
else ev.cancelBubble = true;
var target = ev.relatedTarget || ev.srcElement,
cssClass = target.getAttribute('class');
if ((!cssClass && el.tagName.toLowerCase != 'div') || cssClass.indexOf('rwh-') == -1) {
el.style.display = 'none';
}
}
</script>
В файле "HTML" найдите код
<div class="clear"></div>
	  </div>
ориентировочно на 901 строке и перед ним вставьте
<div> Ваш код баннера</div>


#3 Yustus

Yustus

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 177 сообщений
  • ГородОмск

Отправлено 26 Август 2014 - 13:20

Получилось, только теперь нужно как-то перенести вниз и по центру


Изображение

#4 Yustus

Yustus

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 177 сообщений
  • ГородОмск

Отправлено 26 Август 2014 - 13:30

Просмотр сообщенияAlekseys (26 Август 2014 - 13:19) писал:

Здравствуйте. Замените
<div class="rw-b-inner">
на
<div class="rw-b-inner" style=" margin-top: -225px; margin-left: 105px;">
и в main.css замените
#powered {
text-align: center;
clear: both;
padding: 8px 0;
background-color: #e0e0e0;
font-size: 11px;
на
#powered {
text-align: center;
clear: both;
padding: 8px 0;
background-color: #e0e0e0;
font-size: 11px;
height: 110px;
}

__________________________________________________________________________________________________________________________________________________________________
Замените
<div класс="rw-b-внутренний">
на
<div класс="rw-b-внутренний" стиль=" маржа-топ: -225px; маржа-слева: 105px;">

Это в HTML ???

#5 Yustus

Yustus

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 177 сообщений
  • ГородОмск

Отправлено 26 Август 2014 - 13:45

Просмотр сообщенияAlekseys (26 Август 2014 - 13:32) писал:

Нет, это в варианте добавления вашего кода в разделе Код для отображения на всех страницах.

Дело в том что код у меня теперь находится только в HTML.

Я добавил код в HTML как сказала  AnnaM
и у меня получилось 2 банера. Поэтом код из поля "Код для вывода на всех страницах магазина:" я удалил. Остается только код в HTML. теперь нужно просто банер на место поставить.

#6 Alekseys

Alekseys

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 2 355 сообщений

Отправлено 26 Август 2014 - 13:57

Просмотр сообщенияYustus (26 Август 2014 - 13:45) писал:

Дело в том что код у меня теперь находится только в HTML.

Я добавил код в HTML как сказала  AnnaM
и у меня получилось 2 банера. Поэтом код из поля "Код для вывода на всех страницах магазина:" я удалил. Остается только код в HTML. теперь нужно просто банер на место поставить.
В HTML перенесите блок, который вы добавили, поставив его перед
	  </div>
	</div>
	<div id="powered">
	  <div class="inner">&copy; {DATE_YEAR} &laquo;{SETTINGS_STORE_NAME}&raquo;</div> 
	  <div class="inner">{SETTINGS_STORE_ORG_NAME}</div>
	  <div class="inner">Все права защищены</div>
	  <div class="inner">{COPYRIGHT_FOR_DESIGN_SPRING} {SETTINGS_STORE_REGION}</div>
	  <div class="inner">{SETTINGS_STORE_HTML_CODE}</div> 
	</div>
	<div id="back-top" style="position: fixed; bottom: 0px; right: 0px; cursor: pointer;z-index: 1000;" title="Наверх">
	  <img src="{ASSETS_IMAGES_PATH}scroll.png" style="width:50px; height:50px">
	</div>
	<div class="clear"></div> 
  </body>
</html>
и замените
<div>  <link rel="stylesheet" href="http://www.rbkmoney.ru/sites/default/files/banner/horizontal_files/css_gorizontal.css" type="text/css" media="all"/>
   <div class="rw-banner">
на
<div style=" margin-left: 85px;">  <link rel="stylesheet" href="http://www.rbkmoney.ru/sites/default/files/banner/horizontal_files/css_gorizontal.css" type="text/css" media="all"/>
   <div class="rw-banner">


#7 Yustus

Yustus

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 177 сообщений
  • ГородОмск

Отправлено 26 Август 2014 - 18:41

Как банер поднять выше немного, чтоб не появлялся бегунок?

Изображение

#8 Alekseys

Alekseys

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 2 355 сообщений

Отправлено 26 Август 2014 - 19:00

Просмотр сообщенияYustus (26 Август 2014 - 18:41) писал:

Как банер поднять выше немного, чтоб не появлялся бегунок?

Изображение
В main.css замените блок
#footer .inner_top {
background: #ffffff !important;
-webkit-border-radius: 0px 0px 5px 5px;
-moz-border-radius: 0px 0px 5px 5px;
-khtml-border-radius: 0px 0px 5px 5px;
border-radius: 0px 0px 5px 5px;
border-bottom: 4px solid #e1e1e1;
box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.1);
-webkit-box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.1);
position: relative;
overflow: auto;
padding-top: 15px;
}
на
#footer .inner_top {
background: #ffffff !important;
-webkit-border-radius: 0px 0px 5px 5px;
-moz-border-radius: 0px 0px 5px 5px;
-khtml-border-radius: 0px 0px 5px 5px;
border-radius: 0px 0px 5px 5px;
border-bottom: 4px solid #e1e1e1;
height: 490px;
box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.1);
-webkit-box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.1);
position: relative;
overflow: auto;
padding-top: 15px;
}


#9 Yustus

Yustus

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 177 сообщений
  • ГородОмск

Отправлено 26 Август 2014 - 20:00

Спасибо большое, все получилось!

#10 Yustus

Yustus

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 177 сообщений
  • ГородОмск

Отправлено 02 Сентябрь 2014 - 05:59

Подскажите как перенести банер

Изображение


И еще нужно его сжать по ширине, что бы не залезал за пределы нарисованной мной рамки.

#11 Castiel

Castiel

    Активный участник

  • Модераторы
  • 3 519 сообщений
  • ГородНижний Новгород

Отправлено 02 Сентябрь 2014 - 06:53

Просмотр сообщенияYustus (02 Сентябрь 2014 - 05:59) писал:

Подскажите как перенести банер

Изображение


И еще нужно его сжать по ширине, что бы не залезал за пределы нарисованной мной рамки.

Здравствуйте, попробуйте такой вариант
В шаблоне HTML
Находим и удаляем
		<div style=" margin-left: 140px;">	  <link rel="stylesheet" href="http://www.rbkmoney.ru/sites/default/files/banner/horizontal_files/css_gorizontal.css" type="text/css" media="all"/>
   <div class="rw-banner">
	   <div class="rw-b-inner">
			<div class="rw-head">
				<div class="rw-h-text">
					Мы принимаем
				</div>
				<div class="rw-h-logo"></div>
			</div>
			<div class="rw-body">
				<div class="rw-b-part">
					<a href="javascript:;" class="rw-icon" onmouseover="tH(this);"></a>
					<a href="javascript:;" class="rw-text" onmouseover="tH(this);">банковские карты</a>
				</div>
			   <div class="rw-helper" onmouseout="hH(this,event);" id="h0">
					<div class="rwh-arrow"></div>
					<div class="rwh-head">Банковские карты</div>
					<div class="rwh-text">
						Оплатите покупку в интернет-магазине банковскими картами VISA и Mastercard любого банка.
					</div>
					<a href="http://www.rbkmoney.ru/oplata-bankovskimi-kartami" target="_blank" class="rwh-link">узнать больше</a>
				</div>
				<div class="rw-b-part">
					<a href="javascript:;" class="rw-icon rw-icon-1" onmouseover="tH(this);"></a>
					<a href="javascript:;" class="rw-text" onmouseover="tH(this);">электронный кошелек</a>
				</div>
			   <div class="rw-helper" onmouseout="hH(this,event);" id="h1">
					<div class="rwh-arrow"></div>
					<div class="rwh-head">Электронный кошелек</div>
					<div class="rwh-text">
						Моментальная оплата покупок с помощью вашего электронного кошелька RBK Money.
					</div>
					<a href="http://www.rbkmoney.ru/oplata-pokupok-v-internet-magazinakh-s-koshelka-rbk-money" target="_blank" class="rwh-link">узнать больше</a>
				</div>
				<div class="rw-b-part">
					<a href="javascript:;" class="rw-icon rw-icon-2" onmouseover="tH(this);"></a>
					<a href="javascript:;" class="rw-text" onmouseover="tH(this);">банковский платеж</a>
				</div>
			   <div class="rw-helper" onmouseout="hH(this,event);" id="h2">
					<div class="rwh-arrow"></div>
					<div class="rwh-head">Банковский платеж</div>
					<div class="rwh-text">
						Оплатите покупку в любом российском банке. Срок зачисления средств на счет - 3-5 рабочих дней.
					</div>
					<a href="http://www.rbkmoney.ru/popolnenie-bankovskim-platezhom" target="_blank" class="rwh-link">узнать больше</a>
				</div>
				<div class="rw-b-part">
					<a href="javascript:;" class="rw-icon rw-icon-3" onmouseover="tH(this);"></a>
					<a href="javascript:;" class="rw-text" onmouseover="tH(this);">денежные переводы</a>
				</div>
			   <div class="rw-helper" onmouseout="hH(this,event);" id="h3">
					<div class="rwh-arrow"></div>
					<div class="rwh-head">Денежные переводы</div>
					<div class="rwh-text">
						Оплата покупок через крупнейшие системы денежных переводов CONTACT и Unistream.
					</div>
					<a href="http://www.rbkmoney.ru/sistemy-denezhnykh-perevodov" target="_blank" class="rwh-link">узнать больше</a>
				</div>
				<div class="rw-b-part">
					<a href="javascript:;" class="rw-icon rw-icon-4" onmouseover="tH(this);"></a>
					<a href="javascript:;" class="rw-text" onmouseover="tH(this);">почтовые переводы</a>
				</div>
			   <div class="rw-helper" onmouseout="hH(this,event);" id="h4">
					<div class="rwh-arrow"></div>
					<div class="rwh-head">Почтовые переводы</div>
					<div class="rwh-text">
						Оплатите покупку в любом отделении Почты России. Срок зачисления платежа - 3-4 рабочих дня.
					</div>
					<a href="http://www.rbkmoney.ru/popolnenie-elektronnogo-koshelka-cherez-fgup-pochta-rossii" target="_blank" class="rwh-link">узнать больше</a>
				</div>
				<div class="rw-b-part">
					<a href="javascript:;" class="rw-icon rw-icon-5" onmouseover="tH(this);"></a>
					<a href="javascript:;" class="rw-text" onmouseover="tH(this);">платежные терминалы</a>
				</div>
			   <div class="rw-helper" onmouseout="hH(this,event);" id="h5">
					<div class="rwh-arrow"></div>
					<div class="rwh-head">Платежные терминалы</div>
					<div class="rwh-text">
						Оплата покупок  в терминалах крупнейших платежных систем в любом городе России - быстро и без комиссии.
					</div>
					<a href="http://www.rbkmoney.ru/popolnenie-cherez-platezhnye-terminaly" target="_blank" class="rwh-link">узнать больше</a>
				</div>
			</div>
		</div>
	</div>
	<script type="text/javascript">
		function tH(el){
			var p = el.parentNode,
				next = p.nextSibling;
			while (next.nodeType != 1) next = next.nextSibling;
			next.style.left = p.offsetLeft+'px';
			next.style.top = p.offsetTop+'px';
			for (var i = 0;i < 6; i++) document.getElementById('h'+i).style.display = 'none';
			next.style.display = 'block';
		}
		function hH(el,ev){
			if (ev.stopPropagation) ev.stopPropagation();
			else ev.cancelBubble = true;
			var target = ev.relatedTarget || ev.srcElement,
				cssClass = target.getAttribute('class');
			if ((!cssClass && el.tagName.toLowerCase != 'div') || cssClass.indexOf('rwh-') == -1) {
				el.style.display = 'none';
			}
		}
	</script>
	  </div>

Далее перед 835 строкой
<div class="clear"></div>

вставляем данный код
<div style=" float:right">	  <link rel="stylesheet" href="http://www.rbkmoney.ru/sites/default/files/banner/horizontal_files/css_gorizontal.css" type="text/css" media="all"/>
   <div class="rw-banner">
	   <div class="rw-b-inner">
			<div class="rw-body">
				<div class="rw-b-part">
					<a href="javascript:;" class="rw-icon" onmouseover="tH(this);"></a>
					<a href="javascript:;" class="rw-text" onmouseover="tH(this);">банковские карты</a>
				</div>
			   <div class="rw-helper" onmouseout="hH(this,event);" id="h0">
					<div class="rwh-arrow"></div>
					<div class="rwh-head">Банковские карты</div>
					<div class="rwh-text">
						Оплатите покупку в интернет-магазине банковскими картами VISA и Mastercard любого банка.
					</div>
					<a href="http://www.rbkmoney.ru/oplata-bankovskimi-kartami" target="_blank" class="rwh-link">узнать больше</a>
				</div>
				<div class="rw-b-part">
					<a href="javascript:;" class="rw-icon rw-icon-1" onmouseover="tH(this);"></a>
					<a href="javascript:;" class="rw-text" onmouseover="tH(this);">электронный кошелек</a>
				</div>
			   <div class="rw-helper" onmouseout="hH(this,event);" id="h1">
					<div class="rwh-arrow"></div>
					<div class="rwh-head">Электронный кошелек</div>
					<div class="rwh-text">
						Моментальная оплата покупок с помощью вашего электронного кошелька RBK Money.
					</div>
					<a href="http://www.rbkmoney.ru/oplata-pokupok-v-internet-magazinakh-s-koshelka-rbk-money" target="_blank" class="rwh-link">узнать больше</a>
				</div>
				<div class="rw-b-part">
					<a href="javascript:;" class="rw-icon rw-icon-2" onmouseover="tH(this);"></a>
					<a href="javascript:;" class="rw-text" onmouseover="tH(this);">банковский платеж</a>
				</div>
			   <div class="rw-helper" onmouseout="hH(this,event);" id="h2">
					<div class="rwh-arrow"></div>
					<div class="rwh-head">Банковский платеж</div>
					<div class="rwh-text">
						Оплатите покупку в любом российском банке. Срок зачисления средств на счет - 3-5 рабочих дней.
					</div>
					<a href="http://www.rbkmoney.ru/popolnenie-bankovskim-platezhom" target="_blank" class="rwh-link">узнать больше</a>
				</div>
				<div class="rw-b-part">
					<a href="javascript:;" class="rw-icon rw-icon-3" onmouseover="tH(this);"></a>
					<a href="javascript:;" class="rw-text" onmouseover="tH(this);">денежные переводы</a>
				</div>
			   <div class="rw-helper" onmouseout="hH(this,event);" id="h3">
					<div class="rwh-arrow"></div>
					<div class="rwh-head">Денежные переводы</div>
					<div class="rwh-text">
						Оплата покупок через крупнейшие системы денежных переводов CONTACT и Unistream.
					</div>
					<a href="http://www.rbkmoney.ru/sistemy-denezhnykh-perevodov" target="_blank" class="rwh-link">узнать больше</a>
				</div>
				<div class="rw-b-part">
					<a href="javascript:;" class="rw-icon rw-icon-4" onmouseover="tH(this);"></a>
					<a href="javascript:;" class="rw-text" onmouseover="tH(this);">почтовые переводы</a>
				</div>
			   <div class="rw-helper" onmouseout="hH(this,event);" id="h4">
					<div class="rwh-arrow"></div>
					<div class="rwh-head">Почтовые переводы</div>
					<div class="rwh-text">
						Оплатите покупку в любом отделении Почты России. Срок зачисления платежа - 3-4 рабочих дня.
					</div>
					<a href="http://www.rbkmoney.ru/popolnenie-elektronnogo-koshelka-cherez-fgup-pochta-rossii" target="_blank" class="rwh-link">узнать больше</a>
				</div>
				<div class="rw-b-part">
					<a href="javascript:;" class="rw-icon rw-icon-5" onmouseover="tH(this);"></a>
					<a href="javascript:;" class="rw-text" onmouseover="tH(this);">платежные терминалы</a>
				</div>
			   <div class="rw-helper" onmouseout="hH(this,event);" id="h5">
					<div class="rwh-arrow"></div>
					<div class="rwh-head">Платежные терминалы</div>
					<div class="rwh-text">
						Оплата покупок  в терминалах крупнейших платежных систем в любом городе России - быстро и без комиссии.
					</div>
					<a href="http://www.rbkmoney.ru/popolnenie-cherez-platezhnye-terminaly" target="_blank" class="rwh-link">узнать больше</a>
				</div>
			</div>
		</div>
	</div>
	<script type="text/javascript">
		function tH(el){
			var p = el.parentNode,
				next = p.nextSibling;
			while (next.nodeType != 1) next = next.nextSibling;
			next.style.left = p.offsetLeft+'px';
			next.style.top = p.offsetTop+'px';
			for (var i = 0;i < 6; i++) document.getElementById('h'+i).style.display = 'none';
			next.style.display = 'block';
		}
		function hH(el,ev){
			if (ev.stopPropagation) ev.stopPropagation();
			else ev.cancelBubble = true;
			var target = ev.relatedTarget || ev.srcElement,
				cssClass = target.getAttribute('class');
			if ((!cssClass && el.tagName.toLowerCase != 'div') || cssClass.indexOf('rwh-') == -1) {
				el.style.display = 'none';
			}
		}
	</script>
	  </div>

В файле main.css
Находим
.menu_main {
margin-left: -20px;
}
Заменяем на
.menu_main {
margin-left: -20px;
float:left;
}


#12 Yustus

Yustus

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 177 сообщений
  • ГородОмск

Отправлено 02 Сентябрь 2014 - 07:14

Отлично, только не до конца всплывает окно информации по платежам. Нужно опустить белую рамку.

Изображение

#13 AnnaM

AnnaM

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 1 040 сообщений

Отправлено 02 Сентябрь 2014 - 07:30

Просмотр сообщенияYustus (02 Сентябрь 2014 - 07:14) писал:

Отлично, только не до конца всплывает окно информации по платежам. Нужно опустить белую рамку.

Изображение
В файле main.css замените
#footer .inner_top {
background: #ffffff !important;
-webkit-border-radius: 0px 0px 5px 5px;
-moz-border-radius: 0px 0px 5px 5px;
-khtml-border-radius: 0px 0px 5px 5px;
border-radius: 0px 0px 5px 5px;
border-bottom: 4px solid #e1e1e1;
height: 600px;
box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.1);
-webkit-box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.1);
position: relative;
overflow: auto;
padding-top: 15px;
}
на
#footer .inner_top {
background: #ffffff !important;
-webkit-border-radius: 0px 0px 5px 5px;
-moz-border-radius: 0px 0px 5px 5px;
-khtml-border-radius: 0px 0px 5px 5px;
border-radius: 0px 0px 5px 5px;
border-bottom: 4px solid #e1e1e1;
height: 600px;
box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.1);
-webkit-box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.1);
position: relative;
overflow: auto;
padding-top: 15px;
margin-top: 35px;
}


#14 Yustus

Yustus

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 177 сообщений
  • ГородОмск

Отправлено 02 Сентябрь 2014 - 07:43

У меня точно есть такие строки? По поиску не находит. уже все слова перепробовал) Может строку подскажите?

#15 AnnaM

AnnaM

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 1 040 сообщений

Отправлено 02 Сентябрь 2014 - 07:53

Просмотр сообщенияYustus (02 Сентябрь 2014 - 07:43) писал:

У меня точно есть такие строки? По поиску не находит. уже все слова перепробовал) Может строку подскажите?
Начало на 605 строке.

#16 Yustus

Yustus

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 177 сообщений
  • ГородОмск

Отправлено 02 Сентябрь 2014 - 08:05

Отлично, все получилось. Спасибо большое!
Ещё нужно уменьшить белую рамку, как на картинке


Изображение

Оставить только то, что находится в зоне стрелочек

#17 AnnaM

AnnaM

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 1 040 сообщений

Отправлено 02 Сентябрь 2014 - 08:20

Просмотр сообщенияYustus (02 Сентябрь 2014 - 08:05) писал:

Отлично, все получилось. Спасибо большое!
Ещё нужно уменьшить белую рамку, как на картинке


Изображение

Оставить только то, что находится в зоне стрелочек
В main.css замените
#footer .column {
margin-bottom: 15px;
min-height: 348px;
}
на
#footer .column {
margin-bottom: 15px;
min-height: 148px;
}
и затем
#footer .inner_top {
background: #ffffff !important;
-webkit-border-radius: 0px 0px 5px 5px;
-moz-border-radius: 0px 0px 5px 5px;
-khtml-border-radius: 0px 0px 5px 5px;
border-radius: 0px 0px 5px 5px;
border-bottom: 4px solid #e1e1e1;
height: 600px;
box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.1);
-webkit-box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.1);
position: relative;
overflow: auto;
padding-top: 15px;
margin-top: 35px;
}
на
#footer .inner_top {
background: #ffffff !important;
-webkit-border-radius: 0px 0px 5px 5px;
-moz-border-radius: 0px 0px 5px 5px;
-khtml-border-radius: 0px 0px 5px 5px;
border-radius: 0px 0px 5px 5px;
border-bottom: 4px solid #e1e1e1;
height: 300px;
box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.1);
-webkit-box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.1);
position: relative;
overflow: auto;
padding-top: 15px;
margin-top: 35px;
}


#18 Yustus

Yustus

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 177 сообщений
  • ГородОмск

Отправлено 02 Сентябрь 2014 - 08:28

Всё получилось наконец))) Огромное спасибо.




Количество пользователей, читающих эту тему: 0

0 пользователей, 0 гостей, 0 анонимных