небольшая проблема с 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 == '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 -->

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; и отрепетировать по высоте.