{"id":90,"date":"2015-07-22T14:35:51","date_gmt":"2015-07-22T18:35:51","guid":{"rendered":"https:\/\/havalite.com\/?p=90"},"modified":"2022-11-29T14:34:36","modified_gmt":"2022-11-29T19:34:36","slug":"grid-lines-jquery-plugin","status":"publish","type":"post","link":"https:\/\/havalite.com\/?p=90","title":{"rendered":"Grid Lines (jQuery Plugin)"},"content":{"rendered":"

While improving SSG (Style Sheet Generation) i made this plugin hopping it might be usefull for some\u00a0webdesigners to get better messures.<\/p>\n

There is a left upper menu with 3\u00a0inputs (type numbers)<\/p>\n

    \n
  1. first one for drawing\u00a0methodes (4 types)<\/li>\n
  2. second to add Horizontal lines<\/li>\n
  3. third to add vertical lines<\/li>\n<\/ol>\n

    You can see a demo here<\/a> how it looks like Grid Lines Demo<\/p>\n

    Installing Grid Lines<\/h3>\n

    Download grid_lines.js<\/a><\/p>\n

    Create a reference:<\/p>\n

    <script src=\"grid_lines.js\"><\/script><\/pre>\n
    Add following line in your site:<\/p>\n
    <script>\r\n$.grid_lines();\r\n<\/script>\r\n<\/pre>\n
    Options<\/h3>\n
    store \/\/ true\/false for saving last settings\r\nborderStyle \/\/ css border\r\nhideKey \/\/ KeyCode to hide grid lines, its set to 72 (for Key H) as default\r\n\/\/ you can also set to FALSE and use click function to hide or show: onClick=\"$.grid_lines.gridButton();\"\r\nwidthReduceBy \/\/ reduce width if need\r\nheightReduceBy \/\/ reduce height if needed \r\nisHidden \/\/ true\/false to show or hide grid lines at first start. Its also stored If store options is set to TRUE<\/pre>\n
    An example with options<\/p>\n
    $.grid_lines({\r\nisHidden: true,\r\nborderStyle: '1px solid blue',\r\nwidthReduceBy: 19\r\n});<\/pre>\n
    Have fun<\/p>\n
    \n
    \n
    <\/div>\n
    \n
    \n
    <\/div>\n
    \n
    \n
    \n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"
    While improving SSG (Style Sheet Generation) i made this plugin hopping it might be usefull for some\u00a0webdesigners to get better messures. There is a left upper menu with 3\u00a0inputs (type numbers) first one for drawing\u00a0methodes (4 types) second to add Horizontal lines third to add vertical lines You can see a demo here how it […]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[6],"tags":[47,46],"class_list":["post-90","post","type-post","status-publish","format-standard","hentry","category-jquery-plugins","tag-grid-lines-gridlines","tag-jquery-plugin"],"_links":{"self":[{"href":"https:\/\/havalite.com\/index.php?rest_route=\/wp\/v2\/posts\/90","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/havalite.com\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/havalite.com\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/havalite.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/havalite.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=90"}],"version-history":[{"count":10,"href":"https:\/\/havalite.com\/index.php?rest_route=\/wp\/v2\/posts\/90\/revisions"}],"predecessor-version":[{"id":276,"href":"https:\/\/havalite.com\/index.php?rest_route=\/wp\/v2\/posts\/90\/revisions\/276"}],"wp:attachment":[{"href":"https:\/\/havalite.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=90"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/havalite.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=90"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/havalite.com\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=90"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}