D.iK.iJ

D.iK.iJ
Рейтинг
239
Регистрация
26.05.2013
Должность
Человек-оркестр
Интересы
Занимаюсь адаптивной версткой сайтов, а в свободное время делаю симпатичные кулоны с опалами.
Делай что должен. И будь оно... просто будь! 💬 Когда будет срублено последнее дерево, когда будет отравлена последняя река, когда будет поймана последняя птица, – только тогда вы поймете, что деньги нельзя есть. 💬 Лучший момент, чтобы посадить дерево, был 20 лет назад. Второй лучший момент - сейчас.

Интересно, если будут скликивать усиленно, сайт отправится в бан или только аккаунт?

Brand from Amber:
А вот ты точно уверен, что <noindex><a rel="nofollow" onclick="this.href='тут ссылка'" href="#яндекс">антимаулнетизм2016</a></noindex> - не даст соответствующий НПС? ;)

Нет. Я бы добавил еще редирект с проверкой по реферерру и куки сайта, который закрыт от индексации в Роботс и с фильтрами по ЮзерАгенту :)

Ну, чтоб наверняка. Гугл this.href врде как понимать умеет, теоретически.

А что в этом такое страшное?

Грузит нормально

Спасибо! :)

А сегодня у нас интересная тема!

Как сделать таблицу адаптивной и не сойти с ума

В общем, адаптация под "резиновую верстку" табличного сайта часто выглядит примерно вот так. Особенно, если нет легкого доступа к самой таблице.

У меня есть полная статья на эту тему, но давайте тут просто приведу список полезностей по пунктам:

1) td {hyphens: auto;} - корректный перенос слов в таблице. Жаль, не во всех браузерах.

2) word-break: break-all; - принудительно разбиваем строки и слова в таблице. Не очень красиво, но работает.

3) <WBR> сами расставляем места переносов.

4) Заключаем таблицу в DIV c фиксированной шириной и overflow: auto. Это включит прокрутку по горизонтали.

5) Иногда достаточно уменьшить отступы в ячейках.

6) td {display: inline-block !important; width: 100% !important;} - а этот способ дошел до меня совсем недавно. Можно сделать столбцы таблицы блоками или инлайн-блоками. Это настолько легко и круто, что даже слов нет!

Любые карточки товаров легко складываются друг под друга, а ячейки переносятся. И все это - без физической разбивки таблицы на 2 части (у таблиц вообще много глюков с float: left в разных браузерах).

Да, подход применим и к строкам (tr). В принципе, стилями таблицу можно даже пересобрать заново.

Кручу свой скрипт кликджекинга пару недель (авто репосты для Контакта). Пока - никаких санкций.

Ну, подожду еще.

"За отзыв" все сайты набрал (и практически все сделал). Попутно еще 4 заказа подкинули :)

Всем спасибо! Жаль, не все могут писать в теме.

Сделал тут простую кнопку переключения на полную версию сайта для адаптивного дизайна:

В Хедер, вместо meta name=viewport:

<? if (isset($_COOKIE['mobile'])) { ?><meta name=viewport content="width=device-width, initial-scale=1"><? } else { ?><meta name=viewport content="width=1024, initial-scale=0.1"><? } ?>

Сама кнопка:

<? if (isset($_COOKIE['mobile']) and $_COOKIE['mobile']=="no") { ?><a href="" onclick="SetCookie('mobile=yes', 0);">На обычную версию</a><? }else{ ?> <a href="" onclick="SetCookie('mobile=no', 30);">На мобильную версию</a><? } ?>
<script>
//Ставим Куки
function SetCookie(id, days){
var ws=new Date();
ws.setDate((days-0+ws.getDate()));
document.cookie=id+"; path=/; expires="+ws.toGMTString();
}
</script>

Куки на 30 дней, страница перегружается по ссылке. Работает, проверил.

На здоровье :)

Если кому-то интересны технические моменты, то мы меняем width=device-width на width=1024, делая сайт "шире" для мобильного устройства. Также, я изменил начальный масштаб загрузки страницы с initial-scale=1 на initial-scale=0.1 - так работа очевиднее.

garik77:
Если внутривенных планируется 100, то обычно ставится катетер.

Я после операции шальной был. Увидел, что кровь по трубочке уже вверх бежит... Из руки его вырвал, приложил рулон туалетной бумаги и лег спать 😂

Ingvarr:
Вопросы являются собственностью?

Смотрите! Я вашу собственность цитирую :)

А вообще - гляньте в законе допустимые нормы цитирования на всякий случай.

Всего: 2928