Kнопки Соцсетей В Шапке Шаблона Мокко
#1
Отправлено 30 Август 2013 - 18:58
Подскажите, пожалуйста, можно ли поставить кнопочки соцсетей в шапке шаблона мокко, чтобы они отражались на каждой странице сайта? Если да - то как? Планирую кнопки от pluso . Есть ли возможность вставить их как на фотографии?
заранее благодарю!
#2
Отправлено 30 Август 2013 - 19:12
заранее благодарю!
#3
Отправлено 30 Август 2013 - 19:17
#5
Отправлено 31 Август 2013 - 01:58
</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; }
#6
Отправлено 31 Август 2013 - 06:54
Vaccina (31 Август 2013 - 01:58) писал:
</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то у меня не сразу отразилось. Спасибо большое!
Они немножечко наежали на меню, я удалила кнопку "отправить по электронно почте" и всё встало как я хотела. Спасибо большое!
#7
Отправлено 31 Август 2013 - 08:31
Vaccina (31 Август 2013 - 01:58) писал:
</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; }
Ан нет, всё-таки не совсем получилось. В эксплорере некорректно отражается, кривовасто хотя в хроме всё красиво. Помогите, пожалуйста, подправить. Может кнопки повыше поставить, немного над меню?
Ан нет, всё-таки не совсем получилось. В эксплорере некорректно отражается, кривовасто хотя в хроме всё красиво. Помогите, пожалуйста, подправить. Может кнопки повыше поставить, немного над меню? или может кнопки сами немного уменьшить в размере?
#8
Отправлено 31 Август 2013 - 09:24
olgaderamos (31 Август 2013 - 08:31) писал:
Найдите код в 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; }
#9
Отправлено 31 Август 2013 - 10:27
miyako (31 Август 2013 - 09:24) писал:
.pluso { position: absolute !important; left: 0 !important; bottom: 0 !important; }и замените на -
.pluso { position: absolute !important; left: 0 !important; bottom: 0 !important; width: 256px; height: 36px; }
не, не помогло, к сожалению. Они стали выше, но всё равно наезжают на основное меню.
Почему в хроме всё отлично показывается, а в экслорере криво? От чего это зависит?
#10
Отправлено 31 Август 2013 - 11:59
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" />
#11
Отправлено 31 Август 2013 - 12:15
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тно, но всё равно наезжают на основное меню. Есть ли возможность всё-таки как-нибудь подравнять, чтобы хром с эксплорером одинаково показывали? спасибо вам большое и прошу прощения за то, что там много вам приходиться возиться со мной
#12
Отправлено 31 Август 2013 - 12:59
olgaderamos (31 Август 2013 - 12:15) писал:
Попробуйте зажать ctrl и подвигать колесико в Хроме и ie, у Вас при меньшем масштабе браузера кнопки будут наезжать на меню.
#13
Отправлено 31 Август 2013 - 13:49
miyako (31 Август 2013 - 12:59) писал:
Да, я заметила, что изменение масштаба влияет на отражение кнопок. Это так всегда и будет или можно как-нибудь отрегулировать, чтобы в стандартном масштабе показывалось аккуратно?
Спасибо вам большое за ваше терпение и желание помочь!
#15
Отправлено 01 Сентябрь 2013 - 11:54
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; }
#16
Отправлено 01 Сентябрь 2013 - 16:59
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; }
Количество пользователей, читающих эту тему: 0
0 пользователей, 0 гостей, 0 анонимных