{"id":528,"date":"2023-12-29T13:45:49","date_gmt":"2023-12-29T10:45:49","slug":"esnek-html-css-popup-javascript-kullanmadan-nasil-yapilir","link":"https:\/\/sipa.agency\/tr\/blog\/esnek-html-css-popup-javascript-kullanmadan-nasil-yapilir\/","title":{"rendered":"Esnek CSS Popup (Javascript&#8217;siz)"},"content":{"rendered":"\n<p>S\u00fcrekli geli\u015fen ve \u00f6l\u00e7\u00fcleri de\u011fi\u015fen dijital ekranlar bize geli\u015ftirme a\u015famas\u0131nda bir\u00e7ok zorluk \u00e7\u0131karsa da HTML &amp; CSS standartlar\u0131 da bunu destekleyecek \u015fekilde ilerliyor.<\/p>\n\n\n\n<p>T\u00fcm cihazlarda sorunsuz g\u00f6r\u00fcnt\u00fcleyebilece\u011finiz bir CSS Popup kodlamas\u0131 yapt\u0131k. <strong>Sayfaya yerle\u015fme a\u015famas\u0131nda herhangi bir Javascript koduna ihtiya\u00e7 duymuyor. <\/strong>Odak noktas\u0131n\u0131 istedi\u011finiz bir pozisyonda tutabilece\u011finiz, i\u00e7eri\u011fine herhangi bir nesne \/ yaz\u0131 \/ g\u00f6rsel yerle\u015ftirdi\u011finizde otomatik olarak boyutlanan ve de\u011fi\u015fim an\u0131nda yeniden bir Javascript hesaplamas\u0131na ihtiya\u00e7 duymayan bu kod paketini \u015furadan inceleyebilir ve indirebilirsiniz: <\/p>\n\n\n\n<p><a href=\"https:\/\/sipa.agency\/flex-css-popup\/\">https:\/\/sipa.agency\/flex-css-popup\/<\/a><\/p>\n\n\n\n<figure class=\"wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<iframe loading=\"lazy\" title=\"Flex CSS Popup  (Without Javascript)\" width=\"640\" height=\"360\" src=\"https:\/\/www.youtube.com\/embed\/5mOC2Pm1vrE?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe>\n<\/div><\/figure>\n"},"parent":519,"menu_order":0,"comment_status":"closed","meta":{"_seopress_robots_primary_cat":"","_seopress_titles_title":"","_seopress_titles_desc":"T\u00fcm cihazlarda sorunsuz g\u00f6r\u00fcnt\u00fcleyebilece\u011fiz bir CSS Popup kodlamas\u0131 yapt\u0131k. Sayfaya yerle\u015fme a\u015famas\u0131nda herhangi bir Javascript koduna ihtiya\u00e7 duymuyor. Odak noktas\u0131n\u0131 istedi\u011finiz bir pozisyonda tutabilece\u011finiz","_seopress_robots_index":"","footnotes":""},"class_list":["post-528","page","type-page","status-publish","has-post-thumbnail","hentry","entry"],"page_excerpt":"T\u00fcm cihazlarda sorunsuz g\u00f6r\u00fcnt\u00fcleyebilece\u011fiz bir CSS Popup kodlamas\u0131 yapt\u0131k. Sayfaya yerle\u015fme a\u015famas\u0131nda herhangi bir Javascript koduna ihtiya\u00e7 duymuyor. Odak noktas\u0131n\u0131 istedi\u011finiz bir pozisyonda tutabilece\u011finiz...","acf":[],"fimg_url":"https:\/\/sipa.agency\/wp-content\/uploads\/2023\/12\/Flexible-CSS-Popup-Without-JavaScript-SIPA-Agency.jpg","_links":{"self":[{"href":"https:\/\/sipa.agency\/tr\/wp-json\/wp\/v2\/pages\/528","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/sipa.agency\/tr\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/sipa.agency\/tr\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/sipa.agency\/tr\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/sipa.agency\/tr\/wp-json\/wp\/v2\/comments?post=528"}],"version-history":[{"count":14,"href":"https:\/\/sipa.agency\/tr\/wp-json\/wp\/v2\/pages\/528\/revisions"}],"predecessor-version":[{"id":573,"href":"https:\/\/sipa.agency\/tr\/wp-json\/wp\/v2\/pages\/528\/revisions\/573"}],"up":[{"embeddable":true,"href":"https:\/\/sipa.agency\/tr\/wp-json\/wp\/v2\/pages\/519"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/sipa.agency\/tr\/wp-json\/wp\/v2\/media\/512"}],"wp:attachment":[{"href":"https:\/\/sipa.agency\/tr\/wp-json\/wp\/v2\/media?parent=528"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}