informace ze zákulisí vývoje

Sdílecí tlačítko pro signály.cz

5. 11. 2011 21:01
Rubrika: Aktuálně

Pokud chcete na své stránky přidat tlačítko pro sdílení na signálech, stačí jednoduše vložit odkaz:

<a href="http://www.signaly.cz/odjinud/sdilej?url=<url>" class="signaly-share">Sdílet na signálech</a>

část <url> nahraďte za adresu, kterou chcete sdílet.

Pokud chcete, aby se sdílecí stránka otrvírala do nového malého okna, je třeba přidat tento javascriptový kód, který mj. vyžaduje přítomnost jQuery.

<script>
$(function() {
	$('.signaly-share').click(function(e) {
		window.open($(this).attr('href') + '&popupMode=1', '', 'width=650,height=420');
 		e.preventDefault();
	});
});
</script>

Může se naskytnout případ, kdy máte přístup jenom k šabloně a nemůžete generovat daný odkaz. Pak se nabízí následující javascript:

<a class="signaly-share">Sdílet na signálech</a>
<script>
$(function() {
	$('.signaly-share').click(function(e) {
		window.open('http://www.signaly.cz/odjinud/sdilej?url=' + document.location + '&popupMode=1', '', 'width=650,height=420');
		e.preventDefault();
	});
});
</script>

Pro přidání grafiky může použít jeden z těchto stylů:

Tlačítko:

 .signaly-share {
	background: url(//static.signaly.cz/assets/images/social-signaly.png) no-repeat;
	width: 32px;
	height: 32px;
	display: inline-block;
	text-indent: -9999px;
	font-size: 1px;
	cursor: pointer;
  }

Text:

  .signaly-share {
	background: #3ab13a;
	cursor: pointer;
	display: inline-block;
	border: 0;
	border-bottom: 1px solid rgba(0,0,0,.3);
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	color: #fff;
	font-weight: bold;
	padding: 6px 13px 5px;
	text-shadow: 1px 1px rgba(0,0,0,.3);
	text-align: center;
	text-decoration: none;
	font-family: Arial,sans-serif;
	font-size: 15px;
	cursor: pointer;
}

Pokud chtete mít sílecí tlačítko ve svém prohlížeči, můžete přetáhnout tento odkaz do svých záložek:

Sdílet na signálech

Věřím, že novou funkci úspěšně využijete.

Sdílet

Komentáře

Libor-PJ-Talaš šlo by to hodit hromadně k blogům? Jinak paráda;)

František Fiala @hrach: bezva práce

Pro přidání komentáře se musíš přihlásit nebo registrovat na signály.cz.

Autor blogu Grafická šablona Ondřej Válka