Архив

Публикации с меткой ‘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:
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: ,
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:

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

<meta name="SKYPE_TOOLBAR" content="SKYPE_TOOLBAR_PARSER_COMPATIBLE"/>
<meta name="format-detection" content="telephone=no"/>
Categories: Web Tags:
30 апреля 2010 Нет комментариев

Нужен результат: меняется фон ячейки таблицы при наведении на нее мыши.
Допустим, переменная $classname может принимать значения current и nocurrent. Менять фон нужно только для nocurrent. Используем такие стили:

.nocurrent {
background: white;
}
.current {
background: red;
}
.nocurrent:hover {
background: red;
}
echo "<td class='".$classname."'>some text</td>";

В IE6 такой вариант работать не будет.
Можно так (но для current cтиль тоже будет меняться):

echo "<td class='".$classname."' onmouseover='style.backgroundColor=\"red\";' onmouseout='style.backgroundColor=\"white\";'>some text</td>";

Правильный вариант, ну во всяком случае у меня так получилось :)

function RPClass(hi) {
   if (hi.className == 'nocurrent') {
      hi.className = 'current_js';
   }
}
function RPClassR(hi) {
   if (hi.className == 'current_js') {
      hi.className = 'nocurrent';
   }
}
echo "<td class='".$classname."' onmouseover='RPClass(this);' onmouseout='RPClassR(this);'>some text</td>";

CSS (:hover теперь не нужен, стили просто будут меняться, вместо него второй стиль):

.current_js {
background: red;
}
Categories: CSS, Javascript Tags: , , ,
5 апреля 2010 3 комментария

По-умолчанию элементы списка будут располагаться вертикально. В случае, если необходимо разместить их горизонтально, можно использовать седующий способ:
HTML:

<ul class="hor_nav">
<li>Меню 1</li>
<li>Меню 2</li>
<li>Меню 3</li>
</ul>

CSS:

ul.hor_nav {
margin: 0;
padding: 0;
}
ul.hor_nav li {
display: inline;
margin-right: 4px;
padding: 2px;
}

Главным в данном примере является то, что к селектору li добавлен стилевой атрибут display со значением inline, который преобразует блочный элемент во встроенный. Также, чтобы убрать отступы вокруг списка, добавлены параметры margin и padding к селектору ul.

Categories: CSS Tags: ,
5 апреля 2010 2 комментария

Столкнулся с такой проблемой: при вставке кода Youtube, сайт перестал проходить проверку на валидность. Решается так (http://www.youtube.com/v/KhJ-Lh0k1K8&hl=ru_RU&fs=1&color1=0x3a3a3a&color2=0x999999 конечно-же заменить на свое):
Вместо предложенного:

<object width="560" height="340">
   <param name="movie" value="http://www.youtube.com/v/KhJ-Lh0k1K8&hl=ru_RU&fs=1&color1=0x3a3a3a&color2=0x999999"></param>
   <param name="allowFullScreen" value="true"></param>
   <param name="allowscriptaccess" value="always"></param>
   <embed src="http://www.youtube.com/v/KhJ-Lh0k1K8&hl=ru_RU&fs=1&color1=0x3a3a3a&color2=0x999999" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="560" height="340"></embed>
</object>

пишем:

<object type="application/x-shockwave-flash" data="http://www.youtube.com/v/KhJ-Lh0k1K8&hl=ru_RU&fs=1&color1=0x3a3a3a&color2=0x999999" width="560" height="340">
   <param name="movie" value="http://www.youtube.com/v/KhJ-Lh0k1K8&hl=ru_RU&fs=1&color1=0x3a3a3a&color2=0x999999" />
   <param name="FlashVars" value="playerMode=embedded" />
</object>

Решение нашел на сайте http://boriskin.ru/kod-youtube-drugix-videosocialok-i-validnyj-valid-xhtml.html

Categories: Web Tags: ,