[CDB] Share On

[mr.ruf]

true, lol, sometimes we do not measure the kuka, wait calmly and crazy cravings, thanks

[stragami]

I have the same Problem with the icond so i m unable to edit or delete a board entry also it will be verry helpful if the e.g. facebook or twitter page can open in a new tab or window.

hope that this can be fixed.. thx a lot for this ext!

[Walther]

Seem to overlook things, but how do you get the dropdown version instead of all the icons in a row ?

BTW: if i only select a few share-on options, I have the same problem of buttons placed on top of others.

edit: wait, that problem is only in prosilver, in theme plosirvel theye are where they are supposed to be, and in theme Aero there is no button at all. Could be a theme thing ?

[marekmikula0]

Here is Czech translation
http://www.phpbb-bbcodes.com/viewtopic.php?f=31&p=8#p8

[AyaB]

I like the responsive less-invasive version more. Will be possible to have it as deffault? I would like a "share this" icon that dropdown the share links in four colums, like the contact fields do now on 3.1.x.

[alhitary]

in RTL forum like arabic, it shows the bellow problem :



<a href="http://www.freeimagehosting.net/commerc ... phy/"><img src="https://camo.phpbb.com/26debc368290af2e0572bd7e6a19b5be3eabfa8d/687474703a2f2f692e696d6775722e636f6d2f747a30367675752e6a7067" alt="Commercial Photography"></a>

[strelok-by]

Greetings, I have set the permission to your forum icons somehow show the top overlapping editing icons and reputation. Style stands prosilver SE.

Here's a screenshot:

[netyuvam]

Hi there. I've installed this extension using "Upload Extensions 3.1.0" and it doesn't display properly. The icons display over the edit/delete/quote buttons in a pst, rather than at the bottom of the post like in your screen grabs.

I've attached a screen-grab of my own, it also includes the other extensions installed to the board.

I'm not sure if this is a known bug, or a collision with another extension or not. (I'm using 3.1.0-RC6)

Biz Türkler biraz sabırsızız. Sorun Çözüldü

shareon.css dosyasını aç

Aşağıdaki kısmı bul:

.share-icon-button:before {
content: '';
display: inline-block;
float: right;
height: 16px;
margin: 2px 0 0 2px;
width: 16px;


Buradaki ile değiştir:

.share-icon-button:before {
content: '';
display: inline-block;
float: right;
height: 16px;
margin: 25px 0px 0px 2px;
width: 16px;


It is Solved

shareon.css >>>

Find:

.share-icon-button:before {
content: '';
display: inline-block;
float: right;
height: 16px;
margin: 2px 0 0 2px;
width: 16px;


Changed:

.share-icon-button:before {
content: '';
display: inline-block;
float: right;
height: 16px;
margin: 25px 0px 0px 2px;
width: 16px;


Demo: http://forum.netyuvam.org/viewtopic.php?f=2&t=1

[netyuvam]

Hi there. I've installed this extension using "Upload Extensions 3.1.0" and it doesn't display properly. The icons display over the edit/delete/quote buttons in a pst, rather than at the bottom of the post like in your screen grabs.

I've attached a screen-grab of my own, it also includes the other extensions installed to the board.

I'm not sure if this is a known bug, or a collision with another extension or not. (I'm using 3.1.0-RC6)

Biz Türkler biraz sabırsızız. Sorun Çözüldü



shareon.css dosyasını aç

Aşağıdaki kısmı bul:

Code: Select all

.share-icon-button:before {
	content: '';
	display: inline-block;
	float: right;
	height: 16px;
	margin: 2px 0 0 2px;
	width: 16px;

Buradaki ile değiştir:

Code: Select all

.share-icon-button:before {
	content: '';
	display: inline-block;
	float: right;
	height: 16px;
	margin: 25px 0px 0px 2px;
	width: 16px;

It is Solved

shareon.css >>>

Find:

Code: Select all

.share-icon-button:before {
	content: '';
	display: inline-block;
	float: right;
	height: 16px;
	margin: 2px 0 0 2px;
	width: 16px;

Replace:

Code: Select all

.share-icon-button:before {
	content: '';
	display: inline-block;
	float: right;
	height: 16px;
	margin: 25px 0px 0px 2px;
	width: 16px;

Demo: http://forum.netyuvam.org/viewtopic.php?f=2&t=1

Last changes

shareon.css >>>

Code: Select all

/* Share On Extension */

.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;
	top:0px; left:-280px;
	text-decoration: none !important;
	outline-style: none !important;
	vertical-align: bottom;
}

.share-icon-button:before {
	content: '';
	display: inline-block;
	float: right;
	height: 16px;
	margin: 2px 0px 0px 2px;
	width: 16px;
}

.dropdown-select.share-icon-button:before {
	margin-right: 4px;
}

.post-buttons .share-icon-button {
	padding: 0 3px;
}

.hastouch .post-buttons .share-icon-button {
	padding: 2px 8px;
}

.post-buttons .share-icon-button span {
	display: block;
	height: 0;
	overflow: hidden;
	position: absolute;
	width: 1px;
}

.post-buttons .share-icon-button:before {
	margin-left: 0;
}

.facebook-icon:before	{ background-position: 452px 0; }
.twitter-icon:before	        { background-position: 431px 0px; }
.tuenti-icon:before		{ background-position: 410px 0px; }
.sonico-icon:before		{ background-position: 389px 0px; }
.friendfeed-icon:before	{ background-position: 368px 0px; }
.digg-icon:before 		{ background-position: 347px 0px; }
.reddit-icon:before		{ background-position: 326px 0px; }
.delicious-icon:before	{ background-position: 305px 0px; }
.vk-icon:before			{ background-position: 284px 0px; }
.tumblr-icon:before		{ background-position: 263px 0px; }
.google-icon:before		{ background-position: 242px 0px; }

Demo: http://forum.netyuvam.org/


Version: PHPBB 3.1.2

https://www.phpbb.com/files/release/phpBB-3.1.2.zip


Download: viewtopic.php?f=456&t=2209611&p=13829616#p13829596

[P_I]

Can code fragments please be put inside [Code]code[/Code] BBCode blocks. Thanks.

[stragami]

Perfect:

open:

ext/vinny/shareon/styles/prosilver/theme/shareon.css


Find:

Code: Select all

.share-icon-button:before {
content: '';
display: inline-block;
float: right;
height: 16px;
margin: 2px 0 0 2px;
width: 16px;

Replace:

Code: Select all

.share-icon-button:before {
content: '';
display: inline-block;
float: right;
height: 16px;
margin: 25px 0px 0px 2px;
width: 16px;

save

thx a lot for this soloution!

[Cable Player]

Thanks for the info

[Holger]

Hm, this is what it looks like when I minimize my browser-window:



Any solution for this?

[netyuvam]

in RTL forum like arabic, it shows the bellow problem :



<a href="http://www.freeimagehosting.net/commerc ... phy/"><img src="https://camo.phpbb.com/26debc368290af2e0572bd7e6a19b5be3eabfa8d/687474703a2f2f692e696d6775722e636f6d2f747a30367675752e6a7067" alt="Commercial Photography"></a>

marhaba alhitary

Open:

ext/vinny/shareon/styles/prosilver/theme

Delete:

shareon.css

New Code: shareon.css

Code: Select all

/* Share On Extension */

.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;
   top:0px; left:-280px;
   text-decoration: none !important;
   outline-style: none !important;
   vertical-align: bottom;
}

.share-icon-button:before {
   content: '';
   display: inline-block;
   float: right;
   height: 16px;
   margin: 2px 0px 0px 2px;
   width: 16px;
}

.dropdown-select.share-icon-button:before {
   margin-right: 4px;
}

.post-buttons .share-icon-button {
   padding: 0 3px;
}

.hastouch .post-buttons .share-icon-button {
   padding: 2px 8px;
}

.post-buttons .share-icon-button span {
   display: block;
   height: 0;
   overflow: hidden;
   position: absolute;
   width: 1px;
}

.post-buttons .share-icon-button:before {
   margin-left: 0;
}

.facebook-icon:before   { background-position: 452px 0; }
.twitter-icon:before           { background-position: 431px 0px; }
.tuenti-icon:before      { background-position: 410px 0px; }
.sonico-icon:before      { background-position: 389px 0px; }
.friendfeed-icon:before   { background-position: 368px 0px; }
.digg-icon:before       { background-position: 347px 0px; }
.reddit-icon:before      { background-position: 326px 0px; }
.delicious-icon:before   { background-position: 305px 0px; }
.vk-icon:before         { background-position: 284px 0px; }
.tumblr-icon:before      { background-position: 263px 0px; }
.google-icon:before      { background-position: 242px 0px; }

Find:

Code: Select all

top:0px; left:-280px;

Replace:(left:-280px;) example: right:-280px or left:-480px bla bla bla

Save:

ext/vinny/shareon/styles/prosilver/theme/

Ok.

Download: viewtopic.php?f=456&t=2209611&p=13829616#p13829596

[Tuqe]

Vay kardeşim benim
Gurur duydum senle.