{"id":126,"date":"2013-06-17T13:08:11","date_gmt":"2013-06-17T09:08:11","guid":{"rendered":"http:\/\/infobs.athn.ru\/?p=126"},"modified":"2013-06-17T13:08:11","modified_gmt":"2013-06-17T09:08:11","slug":"gorizontalnyiy-sayt","status":"publish","type":"post","link":"https:\/\/infobase.athn.ru\/program\/2013\/06\/gorizontalnyiy-sayt\/","title":{"rendered":"\u0413\u043e\u0440\u0438\u0437\u043e\u043d\u0442\u0430\u043b\u044c\u043d\u044b\u0439 \u0441\u0430\u0439\u0442"},"content":{"rendered":"<p>\u041f\u043e\u043c\u0438\u043c\u043e \u0433\u043e\u0440\u0438\u0437\u043e\u043d\u0442\u0430\u043b\u044c\u043d\u043e\u0441\u0442\u0438 \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u0435\u0442\u0441\u044f <a href=\"http:\/\/foundation.zurb.com\/\">Foundation<\/a>.<\/p>\n<p>\u041e\u043f\u0438\u0441\u0430\u043d\u0438\u0435 \u0440\u0430\u0437\u043d\u044b\u0445 \u0441\u043f\u043e\u0441\u043e\u0431\u043e\u0432 \u0441\u043e\u0437\u0434\u0430\u043d\u0438\u044f \u0433\u043e\u0440\u0438\u0437\u043e\u043d\u0442\u0430\u043b\u044c\u043d\u043e\u0441\u0442\u0438 \u0438 \u043f\u0440\u0438\u043c\u0435\u0440 \u0441 \u0442\u0430\u0431\u043b\u0438\u0446\u0430\u043c\u0438:<br \/>\nhttp:\/\/css-tricks.com\/how-to-create-a-horizontally-scrolling-site\/<br \/>\n<!--more--><\/p>\n<pre> \n\n  <title>Page<\/title>\n  \n  \n  \n  \n  \n  \n\t\n\t\n\t$(function(){\n\t\t$(\"#page-wrap\").wrapInner(\"<table cellspacing='30'><tr>\");\n\t\t$(\".row-wrap\").wrap(\"<td><\/td>\");\n\t\t$(\"body\").mousewheel(function(event, delta) {\n\t\t\tthis.scrollLeft -= (delta * 30);\n\t\t\tevent.preventDefault();\n\t\t});   \n\t});\n\t\n\n\n\t\n  document.write('')\n  \n  \n  \n  \n  \n  \n  \n  \n  \n  \n  \n  \n  \n  \n  \n  \n  \n    $(document).foundation();\n  \n  \n  \n\ttr { \n\t\tvertical-align: top;\n\t}\n\t.row-wrap { \n\t\twidth: 2000px; \n\t}\n  \n\n<div id=\"page-wrap\">  \n<div class=\"row-wrap\"><div class=\"row\">\n  <div class=\"small-2 large-4 columns\">A<\/div>\n  <div class=\"small-4 large-4 columns\">B<\/div>\n  <div class=\"small-6 large-4 columns\">C<\/div>\n<\/div><\/div>\n<div class=\"row-wrap\"><div class=\"row\">\n  <div class=\"large-3 columns\">D<\/div>\n  <div class=\"large-6 columns\">E<\/div>\n  <div class=\"large-3 columns\">F<\/div>\n<\/div><\/div>\n<div class=\"row-wrap\"><div class=\"row\">\n  <div class=\"small-6 large-2 columns\">G<\/div>\n  <div class=\"small-6 large-8 columns\">H<\/div>\n  <div class=\"small-12 large-2 columns\">I<\/div>\n<\/div><\/div>\n<div class=\"row-wrap\"><div class=\"row\">\n  <div class=\"small-3 columns\">J<\/div>\n  <div class=\"small-9 columns\">K<\/div>\n<\/div><\/div>\n<div class=\"row-wrap\"><div class=\"row\">\n  <div class=\"large-4 columns\">L<\/div>\n  <div class=\"large-8 columns\">M<\/div>\n<\/div><\/div>\n<div class=\"row-wrap\"><div class=\"row\">\n  <div class=\"small-6 large-5 columns\">N<\/div>\n  <div class=\"small-6 large-7 columns\">O<\/div>\n<\/div><\/div>\n<div class=\"row-wrap\"><div class=\"row\">\n  <div class=\"large-6 columns\">P<\/div>\n  <div class=\"large-6 columns\">Q<\/div>\n<\/div><\/div>\n<\/div>\n \n<\/pre>\n","protected":false},"excerpt":{"rendered":"<p>\u041f\u043e\u043c\u0438\u043c\u043e \u0433\u043e\u0440\u0438\u0437\u043e\u043d\u0442\u0430\u043b\u044c\u043d\u043e\u0441\u0442\u0438 \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u0435\u0442\u0441\u044f Foundation. \u041e\u043f\u0438\u0441\u0430\u043d\u0438\u0435 \u0440\u0430\u0437\u043d\u044b\u0445 \u0441\u043f\u043e\u0441\u043e\u0431\u043e\u0432 \u0441\u043e\u0437\u0434\u0430\u043d\u0438\u044f \u0433\u043e\u0440\u0438\u0437\u043e\u043d\u0442\u0430\u043b\u044c\u043d\u043e\u0441\u0442\u0438 \u0438 \u043f\u0440\u0438\u043c\u0435\u0440 \u0441 \u0442\u0430\u0431\u043b\u0438\u0446\u0430\u043c\u0438: http:\/\/css-tricks.com\/how-to-create-a-horizontally-scrolling-site\/<\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[33],"tags":[166,285],"class_list":["post-126","post","type-post","status-publish","format-standard","hentry","category-html-css","tag-gorizontalnyiy-foundation","tag-tablitsa"],"_links":{"self":[{"href":"https:\/\/infobase.athn.ru\/program\/wp-json\/wp\/v2\/posts\/126","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/infobase.athn.ru\/program\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/infobase.athn.ru\/program\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/infobase.athn.ru\/program\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/infobase.athn.ru\/program\/wp-json\/wp\/v2\/comments?post=126"}],"version-history":[{"count":0,"href":"https:\/\/infobase.athn.ru\/program\/wp-json\/wp\/v2\/posts\/126\/revisions"}],"wp:attachment":[{"href":"https:\/\/infobase.athn.ru\/program\/wp-json\/wp\/v2\/media?parent=126"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/infobase.athn.ru\/program\/wp-json\/wp\/v2\/categories?post=126"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/infobase.athn.ru\/program\/wp-json\/wp\/v2\/tags?post=126"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}