{"id":26,"date":"2026-08-15T20:05:23","date_gmt":"2026-08-15T20:05:23","guid":{"rendered":"https:\/\/wp.xloji.net\/?page_id=26"},"modified":"2026-08-15T20:05:23","modified_gmt":"2026-08-15T20:05:23","slug":"gonder-gelsin","status":"publish","type":"page","link":"https:\/\/wp.xloji.net\/?page_id=26","title":{"rendered":"G\u00f6nder gelsin"},"content":{"rendered":"\t\t<style>\n\t\t\t\/* \u26a0\ufe0f Z\u0130YARET\u00c7\u0130 G\u00d6NDER\u0130S\u0130 FORMU \u2014 G\u00d6R\u00dcN\u00dcM (founder emri 04\/09\/2026).\n\t\t\t   Founder: *\"\u00dcr\u00fcn\u00fcn\u00fcz teman\u0131n izin verdi\u011fi tam geni\u015fli\u011fe sahip olmal\u0131d\u0131r.\n\t\t\t   Mevcut yap\u0131 kullan\u0131labilir de\u011fil.\"* ve *\"buton yapabildi\u011finizi kan\u0131tlaman\u0131z\n\t\t\t   gerekiyor... Buton diyorum, buton.\"*\n\n\t\t\t   NE OLUYORDU (\u00f6l\u00e7\u00fcld\u00fc, wp.xloji.net\/?page_id=46):\n\t\t\t     \u00b7 Kutu 645px, tema i\u00e7eri\u011fi 1280px \u2192 yar\u0131 geni\u015flik.\n\t\t\t     \u00b7 Alanlar taray\u0131c\u0131 varsay\u0131lan\u0131 (~185px), sayfayla hizas\u0131z.\n\t\t\t     \u00b7 \"G\u00f6nder\" 60\u00d721px, `2px outset` kenarl\u0131kl\u0131 gri sistem widget'\u0131 \u2014\n\t\t\t       yani D\u00dc\u011eME DE\u011e\u0130L. Bu, bu projede defalarca uyar\u0131lm\u0131\u015f bir hata:\n\t\t\t       \"d\u00fc\u011fme yaz\u0131 gibi yaz\u0131lmaz\".\n\t\t\t     \u00b7 Dosya se\u00e7ici ham `<input type=file>` (\"Choose Files\").\n\t\t\t   Form hi\u00e7 stillendirilmemi\u015fti; \u00e7\u0131plak HTML yay\u0131nlanm\u0131\u015ft\u0131.\n\n\t\t\t   \u26a0\ufe0f TEMAYA SAYGI: geni\u015flik `100%`, sabit piksel YOK. Tema i\u00e7eri\u011fini ne\n\t\t\t   kadar geni\u015f yaparsa form da o kadar olur \u2014 sabit bir kap koymak, dar\n\t\t\t   temada ta\u015fma, geni\u015f temada yine dar g\u00f6r\u00fcn\u00fcm demekti.\n\t\t\t   \u26a0\ufe0f RENK TEMADAN: `currentColor` ve teman\u0131n kendi renkleri kullan\u0131l\u0131r;\n\t\t\t   tek istisna d\u00fc\u011fmenin dolgu rengidir (kontrast gerekir). Marka rengini\n\t\t\t   forma dayatmak, m\u00fc\u015fterinin temas\u0131n\u0131 bozard\u0131. *\/\n\t\t\t.xloji-gonderi{width:100%;max-width:100%;box-sizing:border-box;margin:0 0 1.5rem}\n\t\t\t.xloji-gonderi *,.xloji-gonderi *::before,.xloji-gonderi *::after{box-sizing:inherit}\n\t\t\t.xloji-gonderi p{margin:0 0 1.15rem}\n\t\t\t.xloji-gonderi label{display:block;margin-bottom:.35rem;font-weight:600;font-size:.95em;line-height:1.3}\n\t\t\t\/* Alanlar tam geni\u015flik \u2014 as\u0131l \u015fik\u00e2yet buydu. *\/\n\t\t\t.xloji-gonderi input[type=text],\n\t\t\t.xloji-gonderi input[type=email],\n\t\t\t.xloji-gonderi input[type=url],\n\t\t\t.xloji-gonderi textarea,\n\t\t\t.xloji-gonderi select{\n\t\t\t\tdisplay:block;width:100%;max-width:100%;padding:.7rem .85rem;font:inherit;font-size:1rem;\n\t\t\t\tcolor:inherit;background:#fff;border:1px solid rgba(0,0,0,.22);border-radius:10px;\n\t\t\t\ttransition:border-color .15s,box-shadow .15s;-webkit-appearance:none;appearance:none}\n\t\t\t.xloji-gonderi select{background-image:url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' viewBox='0 0 12 8'%3E%3Cpath fill='%23555' d='M1 1l5 5 5-5'\/%3E%3C\/svg%3E\");\n\t\t\t\tbackground-repeat:no-repeat;background-position:right .85rem center;background-size:12px;padding-right:2.4rem}\n\t\t\t.xloji-gonderi textarea{min-height:11rem;resize:vertical;line-height:1.55}\n\t\t\t.xloji-gonderi input:focus,.xloji-gonderi textarea:focus,.xloji-gonderi select:focus{\n\t\t\t\toutline:none;border-color:rgba(0,0,0,.55);box-shadow:0 0 0 3px rgba(0,0,0,.08)}\n\n\t\t\t\/* \u2500\u2500 GER\u00c7EK D\u00dc\u011eME \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n\t\t\t   Taray\u0131c\u0131 varsay\u0131lan\u0131 bilerek s\u0131f\u0131rlan\u0131r (`appearance:none`): `outset`\n\t\t\t   kenarl\u0131kl\u0131 gri kutu, \u00fcr\u00fcn\u00fcn geri kalan\u0131yla ayn\u0131 dilde konu\u015fmuyordu. *\/\n\t\t\t.xloji-gonderi__gonder{\n\t\t\t\t-webkit-appearance:none;appearance:none;display:inline-flex;align-items:center;\n\t\t\t\tjustify-content:center;gap:.5rem;min-height:48px;padding:.85rem 2rem;border:0;\n\t\t\t\tborder-radius:999px;background:#111827;color:#fff;font:inherit;font-size:1rem;\n\t\t\t\tfont-weight:700;line-height:1;cursor:pointer;text-decoration:none;\n\t\t\t\tbox-shadow:0 2px 10px rgba(0,0,0,.18);transition:transform .12s,box-shadow .12s,opacity .12s}\n\t\t\t.xloji-gonderi__gonder:hover{box-shadow:0 4px 16px rgba(0,0,0,.24);transform:translateY(-1px)}\n\t\t\t.xloji-gonderi__gonder:active{transform:translateY(0)}\n\t\t\t.xloji-gonderi__gonder:focus-visible{outline:3px solid rgba(17,24,39,.35);outline-offset:2px}\n\t\t\t.xloji-gonderi__gonder[disabled]{opacity:.55;cursor:default;transform:none;box-shadow:none}\n\t\t\t\/* Mobilde tam geni\u015flik: 60px'lik d\u00fc\u011fmeye parmakla ni\u015fan almak zordur. *\/\n\t\t\t@media (max-width:600px){.xloji-gonderi__gonder{width:100%}}\n\n\t\t\t\/* \u2500\u2500 DOSYA SE\u00c7\u0130C\u0130 \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n\t\t\t   Ham `<input type=file>` i\u015fletim sistemine g\u00f6re de\u011fi\u015fen, stilsiz bir\n\t\t\t   \"Choose Files\" yaz\u0131s\u0131 olarak \u00e7\u0131k\u0131yordu. Girdi gizlenmez (eri\u015filebilirlik\n\t\t\t   ve JS'in dosyalar\u0131 okumas\u0131 i\u00e7in gerekli), etiketi d\u00fc\u011fmeye \u00e7evrilir. *\/\n\t\t\t.xloji-gonderi input[type=file]{\n\t\t\t\tdisplay:block;width:100%;padding:.6rem;font:inherit;font-size:.95rem;\n\t\t\t\tborder:1px dashed rgba(0,0,0,.28);border-radius:10px;background:rgba(0,0,0,.02)}\n\t\t\t.xloji-gonderi input[type=file]::file-selector-button{\n\t\t\t\t-webkit-appearance:none;appearance:none;margin-right:.75rem;padding:.55rem 1.1rem;\n\t\t\t\tborder:0;border-radius:999px;background:#111827;color:#fff;font:inherit;\n\t\t\t\tfont-weight:600;cursor:pointer}\n\t\t\t.xloji-gonderi input[type=file]::file-selector-button:hover{opacity:.9}\n\n\t\t\t.xloji-gonderi__durum{margin:.75rem 0 0;font-weight:600;min-height:1.2em}\n\t\t\t.xloji-gonderi .description{margin-top:1rem;font-size:.875em;opacity:.75}\n\t\t\t\/* Koyu temalarda beyaz alan z\u0131plamas\u0131n: tema koyuysa alanlar da koyu olsun. *\/\n\t\t\t@media (prefers-color-scheme:dark){\n\t\t\t\t.xloji-gonderi input[type=text],.xloji-gonderi input[type=email],\n\t\t\t\t.xloji-gonderi input[type=url],.xloji-gonderi textarea,.xloji-gonderi select{\n\t\t\t\t\tbackground:rgba(255,255,255,.06);border-color:rgba(255,255,255,.28)}\n\t\t\t}\n\t\t\t@media (prefers-reduced-motion:reduce){\n\t\t\t\t.xloji-gonderi__gonder{transition:none}\n\t\t\t\t.xloji-gonderi__gonder:hover{transform:none}\n\t\t\t}\n\t\t<\/style>\n\t\t<form class=\"xloji-gonderi\" novalidate>\n\t\t\t<p>\n\t\t\t\t<label for=\"xg-baslik\">Ba\u015fl\u0131k<\/label><br \/>\n\t\t\t\t<input type=\"text\" id=\"xg-baslik\" name=\"title\" required maxlength=\"200\"\n\t\t\t\t\t\t\t\tplaceholder=\"e.g. A photo from the village festival\" \/>\n\t\t\t<\/p>\n\t\t\t<p>\n\t\t\t\t<label for=\"xg-govde\">\u0130\u00e7eri\u011finiz<\/label><br \/>\n\t\t\t\t<textarea id=\"xg-govde\" name=\"body\" rows=\"8\" required maxlength=\"20000\"><\/textarea>\n\t\t\t<\/p>\n\t\t\t\t\t\t\t\t\t\t<p>\n\t\t\t\t\t<label for=\"xg-kategori\">Kategori<\/label><br \/>\n\t\t\t\t\t<select id=\"xg-kategori\" name=\"category\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t<option value=\"uncategorized\">Uncategorized<\/option>\n\t\t\t\t\t\t\t\t\t\t\t<\/select>\n\t\t\t\t<\/p>\n\t\t\t\t\t\t\t\t\t\t<p>\n\t\t\t\t\t<label for=\"xg-gorsel\">\n\t\t\t\t\t\tResimler (maks 5)\t\t\t\t\t<\/label><br \/>\n\t\t\t\t\t<input type=\"file\" id=\"xg-gorsel\" name=\"images\" accept=\"image\/jpeg,image\/png,image\/webp,image\/gif\"\n\t\t\t\t\t\tmultiple \/>\n\t\t\t\t<\/p>\n\t\t\t\t\t\t<p>\n\t\t\t\t<label for=\"xg-ad\">Ad\u0131n\u0131z (iste\u011fe ba\u011fl\u0131)<\/label><br \/>\n\t\t\t\t<input type=\"text\" id=\"xg-ad\" name=\"name\" maxlength=\"120\"\n\t\t\t\t\t\t\t\tplaceholder=\"e.g. Ay\u015fe Y\u0131lmaz\" \/>\n\t\t\t<\/p>\n\t\t\t\t\t\t<div aria-hidden=\"true\" style=\"position:absolute;left:-9999px\" tabindex=\"-1\">\n\t\t\t\t<label>Bu alan\u0131 bo\u015f b\u0131rak\u0131n\t\t\t\t\t<input type=\"text\" name=\"xloji_hp\" autocomplete=\"off\" tabindex=\"-1\" \/>\n\t\t\t\t<\/label>\n\t\t\t<\/div>\n\t\t\t<p>\n\t\t\t\t<button type=\"submit\" class=\"xloji-gonderi__gonder\">G\u00f6nder<\/button>\n\t\t\t<\/p>\n\t\t\t<p class=\"xloji-gonderi__durum\" role=\"status\" aria-live=\"polite\"><\/p>\n\t\t\t<p class=\"description\">\n\t\t\t\tG\u00f6nderiniz yay\u0131nlanmadan \u00f6nce xloji.com taraf\u0131ndan incelenir. Halk\u0131n g\u00f6rmesini istemedi\u011finiz ki\u015fisel verileri dahil etmeyin.\t\t\t<\/p>\n\t\t<\/form>\n\t\t\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-26","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/wp.xloji.net\/index.php?rest_route=\/wp\/v2\/pages\/26","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wp.xloji.net\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/wp.xloji.net\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/wp.xloji.net\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/wp.xloji.net\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=26"}],"version-history":[{"count":1,"href":"https:\/\/wp.xloji.net\/index.php?rest_route=\/wp\/v2\/pages\/26\/revisions"}],"predecessor-version":[{"id":27,"href":"https:\/\/wp.xloji.net\/index.php?rest_route=\/wp\/v2\/pages\/26\/revisions\/27"}],"wp:attachment":[{"href":"https:\/\/wp.xloji.net\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=26"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}