Как я могу сделать что-то похожее на это? - PullRequest
1 голос
/ 21 ноября 2011

Мне нравится, как в ZDnet есть кнопки общего доступа к социальным сетям с левой стороны (если ваш браузер достаточно широк), но когда вы уменьшаете размер браузера, кнопки переходят в статью.

Пример: http://www.zdnet.com/blog/btl/mcafee-threats-report-android-is-in-the-crosshairs/63813?tag=content;selector-blogs

Кто-нибудь знает, если это плагин, который я могу скачать для Wordpress?

Если нет, это легко сделать в jQuery?

Ответы [ 2 ]

1 голос
/ 21 ноября 2011

Это делается с помощью окна при изменении размера. Если вы посмотрите на исходный код, #siu-horizontal начинает невидимым, но когда окна становятся маленькими, они становятся видимыми. Используя jQuery , вы можете сделать это довольно легко:

$(window).resize(function() {
  // Look the page width and show the right div
});
0 голосов
/ 21 ноября 2011

Почему бы вам не попробовать использовать размер медиа-элемента, чтобы, если окно браузера было слишком маленьким, вертикальное окно исчезло с помощью «display: none», а горизонтальное - с помощью «display: block»

Вот краткий пример, с которого можно начать: http://css -tricks.com / 6206-специфичные для разрешения таблицы стилей /

Напишите, что ваша страница должна отображаться как в формате html, так и только для отображения одного или другого в соответствии с шириной браузера в вашем CSS с использованием media-type

...