небольшая проблема с Share On

[Mykola Fenjuk]

Проблема с разширением следующая... Както перекриваютса кнопки. визуально вроде нормально когда береш цитату оно шарит в гуглю... где подправить подскажите пожалуйста...

[Anvar]

Что за расширение, какое содержимое шаблона события?

[Mykola Fenjuk]

Информация о расширении
Отображаемое имя:
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:

Код: Выделить всё

<!-- IF S_SO_STATUS and S_VIEWTOPIC -->
<!-- INCLUDECSS ../theme/shareon.css -->
<!-- ENDIF -->

viewtopic_body_postrow_post_notices_after.html

spoiler:

Код: Выделить всё

<!-- IF S_SO_STATUS -->
   <!-- IF S_SO_TYPE == &#39;0&#39; || 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 -->

shareon.css

spoiler:

Код: Выделить всё

/* 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;
   }
}

Отправлено спустя 1 час 36 минут 48 секунд:
Поправил в єтом файле... viewtopic_body.html все вроде гуд стало...

[Anvar]

В viewtopic_body_postrow_post_notices_after.html

<ul class="post-buttons"> должен быть <ul class="share-buttons"> или <ul class="post-buttons share-buttons">

В shareon.css
После

Код: Выделить всё

.share-buttons {
   float: none;
   position: absolute;
   margin: 0;

Можно добавить top: 2px; и отрепетировать по высоте.