Записи с меткой html

Архив

Публикации с меткой ‘html’

14 августа 2018 Нет комментариев

<a href="viber://add?number=792112345678"></a>
<a href="whatsapp://send?phone=+792112345678"></a>

Categories: Web Tags: html

video html chrome autoplay

25 июня 2018 Нет комментариев

Когда видео автоматически не запускается в Chrome. Добавить параметр muted кроме autoplay. Сам параметр отключает звук, по этому не понятно как это связано, но это работает.
Полный пример:

<video preload="auto" autoplay="autoplay" loop="loop" muted="muted">
	<source src="/assets/video/video.mp4" type='video/mp4; codecs="avc1.42E01E, mp4a.40.2"'>
	<source src="/assets/video/video.webm" type='video/webm; codecs="vp8, vorbis"'>
	<source src="/assets/video/video.ogv" type='video/ogg; codecs="theora, vorbis"'>
</video>

Categories: Web Tags: html

Просмотр pdf на сайте

6 сентября 2017 Нет комментариев

<object data="/files/file.pdf" type="application/pdf" width="100%" height="450px">
	<a href="/files/file.pdf">Download PDF file</a>
</object>

или

<iframe src="https://docs.google.com/viewer?url=http://site.ru/files/file.pdf&embedded=true" 
style="width:100%;height:450px;" frameborder="0">Ваш браузер не поддерживает фреймы</iframe>

Categories: Web Tags: html

Не преобразовывать телефон в ссылку

12 марта 2015 Нет комментариев

<meta name="format-detection" content="telephone=no"/>
<meta http-equiv="x-rim-auto-match" content="none"/>

Первое для Apple и Android, второе — BlackBerry.

Categories: Web Tags: html

Свои картинки в кнопках «Поделиться в соц. сетях»

18 июня 2014 Нет комментариев

Share = {
	vkontakte: function(purl, ptitle, pimg, text) {
		url  = 'http://vkontakte.ru/share.php?';
		url += 'url='          + encodeURIComponent(purl);
		url += '&title='       + encodeURIComponent(ptitle);
		url += '&description=' + encodeURIComponent(text);
		url += '&image='       + encodeURIComponent(pimg);
		url += '&noparse=true';
		Share.popup(url);
	},
	odnoklassniki: function(purl, text) {
		url  = 'http://www.odnoklassniki.ru/dk?st.cmd=addShare&st.s=1';
		url += '&st.comments=' + encodeURIComponent(text);
		url += '&st._surl='    + encodeURIComponent(purl);
		Share.popup(url);
	},
	facebook: function(purl, ptitle, pimg, text) {
		url  = 'http://www.facebook.com/sharer.php?s=100';
		url += '&p[title]='     + encodeURIComponent(ptitle);
		url += '&p[summary]='   + encodeURIComponent(text);
		url += '&p[url]='       + encodeURIComponent(purl);
		url += '&p[images][0]=' + encodeURIComponent(pimg);
		Share.popup(url);
	},
	twitter: function(purl, ptitle) {
		url  = 'http://twitter.com/share?';
		url += 'text='      + encodeURIComponent(ptitle);
		url += '&url='      + encodeURIComponent(purl);
		url += '&counturl=' + encodeURIComponent(purl);
		Share.popup(url);
	},
	mailru: function(purl, ptitle, pimg, text) {
		url  = 'http://connect.mail.ru/share?';
		url += 'url='          + encodeURIComponent(purl);
		url += '&title='       + encodeURIComponent(ptitle);
		url += '&description=' + encodeURIComponent(text);
		url += '&imageurl='    + encodeURIComponent(pimg);
		Share.popup(url)
	},
	popup: function(url) {
		window.open(url,'','toolbar=0,status=0,width=626,height=436');
	}
};

<a onclick="Share.vkontakte('URL','TITLE','IMG_PATH','DESC')"><img src="/images/share/vkontakte.png" alt=""/></a>
<a onclick="Share.facebook('URL','TITLE','IMG_PATH','DESC')"><img src="/images/share/facebook.png" alt=""/></a>
<a onclick="Share.mailru('URL','TITLE','IMG_PATH','DESC')"><img src="/images/share/mailru.png" alt=""/></a>
<a onclick="Share.odnoklassniki('URL','DESC')"><img src="" alt="/images/share/odnoklassniki.png"/></a>
<a onclick="Share.twitter('URL','TITLE')"><img src="/images/share/twitter.png" alt=""/></a>

http://habrahabr.ru/post/156185/

Categories: Web Tags: html, javascript

Эффекты при переходе по ссылке

5 декабря 2013 Нет комментариев

<meta http-equiv="Page-Enter" content="revealTrans(duration=1, transition=4)">
<meta http-equiv="Page-Exit" content="revealTrans(duration=1, transition=4)">

Categories: Web Tags: html

Запретить использование на сайте плагина Skype Click to Call

16 июля 2013 Нет комментариев

Добавить метатеги:

<meta name="SKYPE_TOOLBAR" content="SKYPE_TOOLBAR_PARSER_COMPATIBLE"/>
<meta name="format-detection" content="telephone=no"/>

Categories: Web Tags: html