Сообщений в теме: 15

[olgaderamos]

Многоуважаемые модераторы!
Подскажите, пожалуйста, можно ли поставить кнопочки соцсетей в шапке шаблона мокко, чтобы они отражались на каждой странице сайта? Если да - то как? Планирую кнопки от  pluso . Есть ли возможность вставить их как на фотографии?  
заранее благодарю!

[olgaderamos]

Я сейчас поставила кнопки под страницей. Пользовалась инструкцией вот отсюда (большое спасибо). Но всё равно, как мне кажется, лучше их поставить в верхней части, в верхнем левом углу и по всем страницам. Помогитите, пожалуйста, их передвинуть.
заранее благодарю!

[Stasya]

Напишите, пожалуйста, свой номер аккаунта или адрес сайта.

[olgaderamos]

 Stasya (30 Август 2013 - 19:17) писал:

Напишите, пожалуйста, свой номер аккаунта или адрес сайта.

простите, сразу не догадалась. Аккаунт SL-231300 . благодарю.

[Vaccina]

Найдите в шаблоне "HTML"

</head>
  <title>

и замените на

<title>

данный тег у вас закрывается 2 раза, что приводит к ошибке. Теперь по кнопкам: найдите в файле стилей main.css

#headerWrap {
	background: url("{ASSETS_IMAGES_PATH}header_bg.jpg") repeat-x scroll 0 0 transparent;
	height: 208px;
}

и замените на

#headerWrap {
	background: url("{ASSETS_IMAGES_PATH}header_bg.jpg") repeat-x scroll 0 0 transparent;
	height: 208px;
	position: relative;
}

далее ваш код, а именно

<script type="text/javascript">(function() {
  if (window.pluso) if (typeof window.pluso.start == "function") return;
  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]('head')[0] || d[g]('body')[0];
  h.appendChild(s);
})()
</script>
<div class="pluso" data-background="#5856f5" data-options="medium,round,line,horizontal,nocounter,theme=01" data-services="odnoklassniki,vkontakte,facebook,twitter,yahoo,moimir,email,print"></div>

перенесите и вставьте его после строки

<div id="headerWrap">

шаблона "HTML". Далее в файл стилей main.css добавьте

.pluso {
	position: absolute !important;
	left: 0 !important;
	bottom: 0 !important;
}

[olgaderamos]

 Vaccina (31 Август 2013 - 01:58) писал:

Найдите в шаблоне "HTML"

</head>
<title>

и замените на

<title>

данный тег у вас закрывается 2 раза, что приводит к ошибке. Теперь по кнопкам: найдите в файле стилей main.css

#headerWrap {
background: url("{ASSETS_IMAGES_PATH}header_bg.jpg") repeat-x scroll 0 0 transparent;
height: 208px;
}

и замените на

#headerWrap {
background: url("{ASSETS_IMAGES_PATH}header_bg.jpg") repeat-x scroll 0 0 transparent;
height: 208px;
position: relative;
}

далее ваш код, а именно

<script type="text/javascript">(function() {
if (window.pluso) if (typeof window.pluso.start == "function") return;
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]('head')[0] || d[g]('body')[0];
h.appendChild(s);
})()
</script>
<div class="pluso" data-background="#5856f5" data-options="medium,round,line,horizontal,nocounter,theme=01" data-services="odnoklassniki,vkontakte,facebook,twitter,yahoo,moimir,email,print"></div>

перенесите и вставьте его после строки

<div id="headerWrap">

шаблона "HTML". Далее в файл стилей main.css добавьте

.pluso {
position: absolute !important;
left: 0 !important;
bottom: 0 !important;
}

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


ой, извините, кнопки встали куда нужно, как и хотелось, проcто у меня не сразу отразилось. Спасибо большое!
Они немножечко наежали на меню, я удалила кнопку "отправить по электронно почте" и всё встало как я хотела. Спасибо большое!

[olgaderamos]

 Vaccina (31 Август 2013 - 01:58) писал:

Найдите в шаблоне "HTML"

</head>
<title>

и замените на

<title>

данный тег у вас закрывается 2 раза, что приводит к ошибке. Теперь по кнопкам: найдите в файле стилей main.css

#headerWrap {
background: url("{ASSETS_IMAGES_PATH}header_bg.jpg") repeat-x scroll 0 0 transparent;
height: 208px;
}

и замените на

#headerWrap {
background: url("{ASSETS_IMAGES_PATH}header_bg.jpg") repeat-x scroll 0 0 transparent;
height: 208px;
position: relative;
}

далее ваш код, а именно

<script type="text/javascript">(function() {
if (window.pluso) if (typeof window.pluso.start == "function") return;
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]('head')[0] || d[g]('body')[0];
h.appendChild(s);
})()
</script>
<div class="pluso" data-background="#5856f5" data-options="medium,round,line,horizontal,nocounter,theme=01" data-services="odnoklassniki,vkontakte,facebook,twitter,yahoo,moimir,email,print"></div>

перенесите и вставьте его после строки

<div id="headerWrap">

шаблона "HTML". Далее в файл стилей main.css добавьте

.pluso {
position: absolute !important;
left: 0 !important;
bottom: 0 !important;
}

Ан нет, всё-таки не совсем получилось. В эксплорере некорректно отражается, кривовасто хотя в хроме всё красиво. Помогите, пожалуйста, подправить. Может кнопки повыше поставить, немного над меню?

Ан нет, всё-таки не совсем получилось. В эксплорере некорректно отражается, кривовасто хотя в хроме всё красиво. Помогите, пожалуйста, подправить. Может кнопки повыше поставить, немного над меню? или может кнопки сами немного уменьшить в размере?

[miyako]

 olgaderamos (31 Август 2013 - 08:31) писал:

Ан нет, всё-таки не совсем получилось. В эксплорере некорректно отражается, кривовасто хотя в хроме всё красиво. Помогите, пожалуйста, подправить. Может кнопки повыше поставить, немного над меню? Ан нет, всё-таки не совсем получилось. В эксплорере некорректно отражается, кривовасто хотя в хроме всё красиво. Помогите, пожалуйста, подправить. Может кнопки повыше поставить, немного над меню? или может кнопки сами немного уменьшить в размере? knopki v ie.JPG

Найдите код в main.css -

.pluso {
position: absolute !important;
left: 0 !important;
bottom: 0 !important;
}

и замените на -

.pluso {
position: absolute !important;
left: 0 !important;
bottom: 0 !important;
width: 256px;
height: 36px;
}

[olgaderamos]

 miyako (31 Август 2013 - 09:24) писал:

Найдите код в main.css -

.pluso {
position: absolute !important;
left: 0 !important;
bottom: 0 !important;
}

и замените на -

.pluso {
position: absolute !important;
left: 0 !important;
bottom: 0 !important;
width: 256px;
height: 36px;
}

не, не помогло, к сожалению. Они стали выше, но всё равно наезжают на основное меню.
Почему в хроме всё отлично показывается, а в экслорере криво? От чего это зависит?

[miyako]

 olgaderamos (31 Август 2013 - 10:27) писал:

не, не помогло, к сожалению. Они стали выше, но всё равно наезжают на основное меню.
Почему в хроме всё отлично показывается, а в экслорере криво? От чего это зависит?

Верните пожалуйста код -

.pluso {
position: absolute !important;
left: 0 !important;
bottom: 0 !important;
}

Некоторые стили конфликтуют в разных браузерах.
В ie например не отображается закругление углов для элементов.

Попробуйте удалить строку в шаблоне HTML - http://<meta http-equiv="X-UA-Compatible" content="IE=7" />

[olgaderamos]

 miyako (31 Август 2013 - 11:59) писал:

Верните пожалуйста код -

.pluso {
position: absolute !important;
left: 0 !important;
bottom: 0 !important;
}

Некоторые стили конфликтуют в разных браузерах.
В ie например не отображается закругление углов для элементов.

Попробуйте удалить строку в шаблоне HTML - http://<meta http-equiv="X-UA-Compatible" content="IE=7" />

Спасибо, помогло частично. Теперь кнопки показываются корреkтно, но всё равно наезжают на основное меню. Есть ли возможность всё-таки как-нибудь подравнять, чтобы хром с эксплорером одинаково показывали? спасибо вам большое и прошу прощения за то, что там много вам приходиться возиться со мной

[miyako]

 olgaderamos (31 Август 2013 - 12:15) писал:

Спасибо, помогло частично. Теперь кнопки показываются корреkтно, но всё равно наезжают на основное меню. Есть ли возможность всё-таки как-нибудь подравнять, чтобы хром с эксплорером одинаково показывали? спасибо вам большое и прошу прощения за то, что там много вам приходиться возиться со мной

Попробуйте зажать ctrl и подвигать колесико в Хроме и ie, у Вас при меньшем масштабе браузера кнопки будут наезжать на меню.

[olgaderamos]

 miyako (31 Август 2013 - 12:59) писал:

Попробуйте зажать ctrl и подвигать колесико в Хроме и ie, у Вас при меньшем масштабе браузера кнопки будут наезжать на меню.

Да, я заметила, что изменение масштаба влияет на отражение кнопок. Это так всегда и будет или можно как-нибудь отрегулировать, чтобы в стандартном масштабе показывалось аккуратно?
Спасибо вам большое за ваше терпение и желание помочь!

[olgaderamos]

 miyako (31 Август 2013 - 12:59) писал:

Попробуйте зажать ctrl и подвигать колесико в Хроме и ie, у Вас при меньшем масштабе браузера кнопки будут наезжать на меню.

поставила кнопки вертикально. Не очень хорошо смотрятся, зато хоть на меню не наезжают

[miyako]

 olgaderamos (31 Август 2013 - 17:27) писал:

поставила кнопки вертикально. Не очень хорошо смотрятся, зато хоть на меню не наезжают

Можно закрепить по вертикали.

Для этого найдите код в шаблоне HTML -

<div class="pluso" data-background="#35e9c2" data-options="medium,square,multiline,vertical,nocounter,theme=08" data-services="odnoklassniki,vkontakte,facebook,twitter,google,moimir,liveinternet,email,yahoo,bookmark,print"></div>
   <div id="header">

и замените на -

   <div id="header">
<div class="pluso" data-background="#35e9c2" data-options="medium,square,multiline,vertical,nocounter,theme=08" data-services="odnoklassniki,vkontakte,facebook,twitter,google,moimir,liveinternet,email,yahoo,bookmark,print"></div>

Далее найдите в main.css код -

.pluso {
position: absolute !important;
left: 0 !important;
bottom: 0 !important;
}

и замените на -

.pluso {
position: absolute !important;
left: 0 !important;
bottom: 0 !important;
margin-left: -63px;
}

[olgaderamos]

 miyako (01 Сентябрь 2013 - 11:54) писал:

Можно закрепить по вертикали.

Для этого найдите код в шаблоне HTML -

<div class="pluso" data-background="#35e9c2" data-options="medium,square,multiline,vertical,nocounter,theme=08" data-services="odnoklassniki,vkontakte,facebook,twitter,google,moimir,liveinternet,email,yahoo,bookmark,print"></div>
<div id="header">

и замените на -

<div id="header">
<div class="pluso" data-background="#35e9c2" data-options="medium,square,multiline,vertical,nocounter,theme=08" data-services="odnoklassniki,vkontakte,facebook,twitter,google,moimir,liveinternet,email,yahoo,bookmark,print"></div>

Далее найдите в main.css код -

.pluso {
position: absolute !important;
left: 0 !important;
bottom: 0 !important;
}

и замените на -

.pluso {
position: absolute !important;
left: 0 !important;
bottom: 0 !important;
margin-left: -63px;
}

Спасибо!