Bir projem de sayfa\u2019 n\u0131n ortalanmas\u0131na ihtiya\u00e7 duydum. Bu konuda biraz ara\u015ft\u0131rma yapt\u0131ktan sonra bir ka\u00e7 kod buldum denemelerimi yapt\u0131m. Biraz da ekleme ve \u00e7\u0131karmalarla sonun da kodu a\u015fa\u011f\u0131daki hale getirdim ve tatamm kar\u015f\u0131n\u0131zda;<\/p>\n\n\n
\n<!doctype html>\n<html lang="tr">\n<head>\n <meta charset="UTF-8">\n <title>Yatay ve Dikey Ortalama<\/title>\n <script src="http:\/\/ajax.googleapis.com\/ajax\/libs\/jquery\/1.10.2\/jquery.min.js"><\/script>\n <style type="text\/css">\n *{margin:0;padding:0;}\n .govde{ position: absolute; width: 100%; height: 50%; left:50%; top: 50%; background-color: red; overflow: hidden;}\n <\/style>\n <script type="text\/javascript">\n $(function(){\n responsive(".govde"); \/\/ Sayfa y\u00fcklendi\u011finde fonksiyonu \u00e7al\u0131\u015ft\u0131r\u0131yoruz\n $(window).resize(function() {\n responsive(".govde"); \/\/ Pencere b\u00fcy\u00fct\u00fcl\u00fcp k\u00fc\u00e7\u00fclt\u00fcld\u00fc\u011f\u00fcnde yeniden \u00e7al\u0131\u015ft\u0131r\u0131p yeni de\u011ferlere g\u00f6re Divi konumland\u0131rm\u0131\u015f oluyoruz.\n });\n \n });\n \n function responsive(nesne){\n var gen=$(nesne).outerWidth(); \/\/ Divin d\u0131\u015f geni\u015fli\u011fini al\u0131yoruz\n var yuk=$(nesne).outerHeight(); \/\/ Divin d\u0131\u015f y\u00fcksekli\u011fini al\u0131yoruz\n var l = Math.round(gen\/2); \/\/ Geni\u015fli\u011fin yer\u0131s\u0131n\u0131 al\u0131p tamsay\u0131ya yuvarl\u0131yoruz\n var t = Math.round(yuk\/2); \/\/ Y\u00fcksekli\u011fin yar\u0131s\u0131n\u0131 al\u0131p tamsay\u0131ya yuvarl\u0131yoruz\n \n \/\/ Css e eklemeler yap\u0131yoruz\n $(nesne).css({\n 'margin-left':'-'+l+'px',\n 'margin-top':'-'+t+'px'\n });\n }\n <\/script>\n<\/head>\n<body>\n<div id="govde" class="govde">\nBu Divi Taray\u0131c\u0131 Sorunu Olmadan Ortal\u0131yoruz...\n<\/div>\n<\/body>\n<\/html>\n<\/pre><\/div>","protected":false},"excerpt":{"rendered":"Bir projem de sayfa\u2019 n\u0131n ortalanmas\u0131na ihtiya\u00e7 duydum. Bu konuda biraz ara\u015ft\u0131rma yapt\u0131ktan sonra bir ka\u00e7 kod buldum denemelerimi yapt\u0131m. Biraz da ekleme ve \u00e7\u0131karmalarla sonun da kodu a\u015fa\u011f\u0131daki hale getirdim ve tatamm kar\u015f\u0131n\u0131zda;<\/p>\n","protected":false},"author":1,"featured_media":13,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[14],"tags":[7,4,15,6],"class_list":["post-139","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-jquery","tag-asp-net","tag-c","tag-jquery","tag-visual-studio"],"_links":{"self":[{"href":"http:\/\/bahadirmeric.net\/bahadir\/wp-json\/wp\/v2\/posts\/139","targetHints":{"allow":["GET"]}}],"collection":[{"href":"http:\/\/bahadirmeric.net\/bahadir\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/bahadirmeric.net\/bahadir\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/bahadirmeric.net\/bahadir\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/bahadirmeric.net\/bahadir\/wp-json\/wp\/v2\/comments?post=139"}],"version-history":[{"count":1,"href":"http:\/\/bahadirmeric.net\/bahadir\/wp-json\/wp\/v2\/posts\/139\/revisions"}],"predecessor-version":[{"id":140,"href":"http:\/\/bahadirmeric.net\/bahadir\/wp-json\/wp\/v2\/posts\/139\/revisions\/140"}],"wp:featuredmedia":[{"embeddable":true,"href":"http:\/\/bahadirmeric.net\/bahadir\/wp-json\/wp\/v2\/media\/13"}],"wp:attachment":[{"href":"http:\/\/bahadirmeric.net\/bahadir\/wp-json\/wp\/v2\/media?parent=139"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/bahadirmeric.net\/bahadir\/wp-json\/wp\/v2\/categories?post=139"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/bahadirmeric.net\/bahadir\/wp-json\/wp\/v2\/tags?post=139"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}