небольшая проблема с Share On
- Mykola Fenjuk
- bb3.0.7
- Сообщения: 83
- Зарегистрирован: 25.06.2015, 12:14
- Репутация: 1
небольшая проблема с Share On
Проблема с разширением следующая... Както перекриваютса кнопки. визуально вроде нормально когда береш цитату оно шарит в гуглю... где подправить подскажите пожалуйста...
небольшая проблема с Share On
Что за расширение, какое содержимое шаблона события?
Не пишите в ЛС и ICQ вопросы которые можете задать на форуме!
Заказы по разработке не выполняю!
Заказы по разработке не выполняю!
- Mykola Fenjuk
- bb3.0.7
- Сообщения: 83
- Зарегистрирован: 25.06.2015, 12:14
- Репутация: 1
небольшая проблема с Share On
шаблон события это што?Информация о расширении
Отображаемое имя:
Share On
Имя на сервере:
vinny/shareon
Описание:
Share On is a phpBB3 Extension that allows users and guests of the board to share the topics on social networks.
Версия:
1.0.0
Домашняя страница:
https://github.com/mvinny/Share-On/tree/extension
Дата выпуска:
2013-10-26
Лицензия:
GPL-2.0
overall_header_head_append.html
spoiler:
viewtopic_body_postrow_post_notices_after.html
Код: Выделить всё
<!-- IF S_SO_STATUS and S_VIEWTOPIC -->
<!-- INCLUDECSS ../theme/shareon.css -->
<!-- ENDIF -->
spoiler:
shareon.css
Код: Выделить всё
<!-- IF S_SO_STATUS -->
<!-- IF S_SO_TYPE == '0' || postrow.S_FIRST_ROW -->
<ul class="post-buttons">
<!-- IF S_SO_FACEBOOK --><li>
<a href="{postrow.U_FACEBOOK}" title="{L_SHARE_ON_FACEBOOK}" class="share-button share-icon-button facebook-icon"><span>{L_SHARE_ON_FACEBOOK}</span></a>
</li><!-- ENDIF -->
<!-- IF S_SO_TWITTER --><li>
<a href="{postrow.U_TWITTER}" title="{L_SHARE_ON_TWITTER}" class="share-button share-icon-button twitter-icon"><span>{L_SHARE_ON_TWITTER}</span></a>
</li><!-- ENDIF -->
<!-- IF S_SO_TUENTI --><li>
<a href="{postrow.U_TUENTI}" title="{L_SHARE_ON_TUENTI}" class="share-button share-icon-button tuenti-icon"><span>{L_SHARE_ON_TUENTI}</span></a>
</li><!-- ENDIF -->
<!-- IF S_SO_SONICO --><li>
<a href="{postrow.U_SONICO}" title="{L_SHARE_ON_SONICO}" class="share-button share-icon-button sonico-icon"><span>{L_SHARE_ON_SONICO}</span></a>
</li><!-- ENDIF -->
<!-- IF S_SO_FRIENDFEED --><li>
<a href="{postrow.U_FRIENDFEED}" title="{L_SHARE_ON_FRIENDFEED}" class="share-button share-icon-button friendfeed-icon"><span>{L_SHARE_ON_FRIENDFEED}</span></a>
</li><!-- ENDIF -->
<!-- IF S_SO_DIGG --><li>
<a href="{postrow.U_DIGG}" title="{L_SHARE_ON_DIGG}" class="share-button share-icon-button digg-icon"><span>{L_SHARE_ON_DIGG}</span></a>
</li><!-- ENDIF -->
<!-- IF S_SO_REDDIT --><li>
<a href="{postrow.U_REDDIT}" title="{L_SHARE_ON_REDDIT}" class="share-button share-icon-button reddit-icon"><span>{L_SHARE_ON_REDDIT}</span></a>
</li><!-- ENDIF -->
<!-- IF S_SO_DELICIOUS --><li>
<a href="{postrow.U_DELICIOUS}" title="{L_SHARE_ON_DELICIOUS}" class="share-button share-icon-button delicious-icon"><span>{L_SHARE_ON_DELICIOUS}</span></a>
</li><!-- ENDIF -->
<!-- IF S_SO_VK --><li>
<a href="{postrow.U_VK}" title="{L_SHARE_ON_VK}" class="share-button share-icon-button vk-icon"><span>{L_SHARE_ON_VK}</span></a>
</li><!-- ENDIF -->
<!-- IF S_SO_TUMBLR --><li>
<a href="{postrow.U_TUMBLR}" title="{L_SHARE_ON_TUMBLR}" class="share-button share-icon-button tumblr-icon"><span>{L_SHARE_ON_TUMBLR}</span></a>
</li><!-- ENDIF -->
<!-- IF S_SO_GOOGLE --><li>
<a href="{postrow.U_GOOGLE}" title="{L_SHARE_ON_GOOGLE}" class="share-button share-icon-button google-icon"><span>{L_SHARE_ON_GOOGLE}</span></a>
</li><!-- ENDIF -->
</ul>
<br />
<!-- ENDIF -->
<!-- ENDIF -->
spoiler:
Отправлено спустя 1 час 36 минут 48 секунд:Код: Выделить всё
/* Share On Extension */
.share-buttons {
float: none;
position: absolute;
margin: 0;
right: 100;
list-style: none;
}
.share-buttons > li {
float: left;
margin-right: 3px;
}
.share-icon-button:before { background-image: url("./images/icons_share.png"); }
.share-button {
cursor: pointer;
display: inline-block;
height: 18px;
font-size: 13px;
white-space: nowrap;
border-radius: 0;
padding: 2px 8px;
font-family: "Open Sans", "Droid Sans", Verdana, Arial, Helvetica;
position: relative;
text-decoration: none !important;
outline-style: none !important;
vertical-align: bottom;
}
.share-icon-button:before {
content: '';
display: inline-block;
float: right;
height: 16px;
margin: 25px 0 0 2px;
width: 16px;
}
.dropdown-select.share-icon-button:before {
margin-right: 4px;
}
.share-buttons .share-icon-button {
padding: 0 3px;
}
.hastouch .share-buttons .share-icon-button {
padding: 2px 8px;
}
.share-buttons .share-icon-button span {
display: block;
height: 0;
overflow: hidden;
position: absolute;
width: 1px;
}
.share-buttons .share-icon-button:before {
margin-left: 0;
}
.facebook-icon:before { background-position: 452px 0; }
.twitter-icon:before { background-position: 431px 0; }
.tuenti-icon:before { background-position: 410px 0; }
.sonico-icon:before { background-position: 389px 0; }
.friendfeed-icon:before { background-position: 368px 0; }
.digg-icon:before { background-position: 347px 0; }
.reddit-icon:before { background-position: 326px 0; }
.delicious-icon:before { background-position: 305px 0; }
.vk-icon:before { background-position: 284px 0; }
.tumblr-icon:before { background-position: 263px 0; }
.google-icon:before { background-position: 242px 0; }
@media only screen and (max-width: 700px), only screen and (max-device-width: 700px) {
.share-buttons {
float: none;
right: 20px;
}
}
Поправил в єтом файле... viewtopic_body.html все вроде гуд стало...
небольшая проблема с Share On
В viewtopic_body_postrow_post_notices_after.html
<ul class="post-buttons"> должен быть <ul class="share-buttons"> или <ul class="post-buttons share-buttons">
В shareon.css
После
Можно добавить top: 2px; и отрепетировать по высоте.
<ul class="post-buttons"> должен быть <ul class="share-buttons"> или <ul class="post-buttons share-buttons">
В shareon.css
После
Код: Выделить всё
.share-buttons {
float: none;
position: absolute;
margin: 0;