Herkese Merhabalar :)<\/p>\n
Web Tasar\u0131m\u0131 i\u015fine yeni yeni ba\u015flayan bir \u00e7ok arkada\u015f\u0131m\u0131z, Css web tasar\u0131m olay\u0131n\u0131 sadece, yaz\u0131lara link vermek, \u00fczerine gelince \u015fu renk, aktifken bu renk, arka plan rengi ya da boyutlar\u0131ndan ibaret olarak bilir ya da sadece bu \u015fekilde kullan\u0131r.<\/p>\n
Mesala basit bir \u00f6rnek vermek gerekirse; k\u00f6\u015feli bir buton yapmak i\u00e7in, photoshop ya da benzeri bir programda buton yapmakla olduk\u00e7a u\u011fra\u015f\u0131r bunu html de \u00e7evirir sonra sitesine ekler ya da benzeri u\u011fra\u015flar sergiler ama basit bir buton yapmak i\u00e7in sadece bir ka\u00e7 sat\u0131r css bilgisi yeterli olacakt\u0131r. Hikaye k\u0131s\u0131mlar\u0131n\u0131 atlay\u0131p h\u0131zl\u0131ca bir \u00f6rnek yapal\u0131m hemen..<\/p>\n
A\u015fa\u011f\u0131daki kodlar\u0131 .css dosyan\u0131z\u0131n i\u00e7erisinde de kullanabilirsiniz, style=”” etiketi i\u00e7erisinde de buras\u0131 size kalm\u0131\u015f.<\/p><\/blockquote>\n
[css]
\nborder-radius: 5px; \/* Standart \u00d6zellik: CSS 3 i\u00e7in kullan\u0131lan \u00f6zellik *\/
\n-moz-border-radius: 5px; \/* Mozilla Firefox i\u00e7in kullan\u0131lan \u00f6zellik *\/
\n-webkit-border-radius: 5px; \/* Safari ve Chrome i\u00e7in kullan\u0131lan \u00f6zellik *\/<\/p>\n[\/css]<\/p>\n
\u00d6rnek 1- G\u00f6r\u00fcn\u00fcm;<\/p>\n
Ana Sayfa<\/div>\nT\u00fcm kodlar\u0131 a\u00e7\u0131k a\u00e7\u0131k yazmaya \u00e7al\u0131\u015ft\u0131m daha a\u00e7\u0131klay\u0131c\u0131 olmas\u0131 i\u00e7in, left (sol) – top(\u00fcst) – bottom(alt) Ayr\u0131ca piksel h\u0131zl\u0131ca rastgele girdim siz hesaplayarak yaparsan\u0131z daha d\u00fczg\u00fcn g\u00f6r\u00fcnt\u00fc elde edebilirsiniz :)
\nBu \u00f6rne\u011fin css kodlar\u0131 ise;<\/p>\n[css]
\n\/* css ile oval div yap\u0131m\u0131 *\/<\/p>\nbackground-color: #f9f9f9;
\nborder:1px solid #cCc;
\nwidth: 100px; height: 40px;
\n-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;
\npadding-bottom: 5px; padding-top: 25px;
\npadding-left: 20px;
\nfont-size: 16px;
\n\/* css ile oval div yap\u0131m\u0131 *\/<\/p>\n[\/css]<\/p>\n
Ayr\u0131ca k\u00f6\u015felere ayr\u0131 ayr\u0131 de\u011ferler vererek farkl\u0131 bir g\u00f6r\u00fcnt\u00fc de olu\u015fturabilirsiniz. Bunun i\u00e7in de a\u015fa\u011f\u0131daki \u00f6rne\u011fi inceleyebilirsiniz.<\/p>\n
Ana Sayfa<\/div>\n[css]
\n\/* farkl\u0131 k\u00f6\u015feler *\/
\nborder-top-left-radius: 5px;
\nborder-top-right-radius: 10px;
\nborder-bottom-right-radius: 30px;
\nborder-bottom-left-radius: 45px;<\/pre>
\n\/* farkl\u0131 k\u00f6\u015feler *\/
\n[\/css]<\/pre>\n","protected":false},"excerpt":{"rendered":"Herkese Merhabalar :) Web Tasar\u0131m\u0131 i\u015fine yeni yeni ba\u015flayan bir \u00e7ok arkada\u015f\u0131m\u0131z, Css web tasar\u0131m olay\u0131n\u0131 sadece, yaz\u0131lara link vermek, \u00fczerine gelince \u015fu renk, aktifken bu renk, arka plan rengi ya da boyutlar\u0131ndan ibaret olarak bilir ya da sadece bu \u015fekilde kullan\u0131r. Mesala basit bir \u00f6rnek vermek gerekirse; k\u00f6\u015feli bir buton yapmak i\u00e7in, photoshop ya […]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"jetpack_post_was_ever_published":false,"_jetpack_newsletter_access":"","_jetpack_dont_email_post_to_subs":false,"_jetpack_newsletter_tier_id":0,"_jetpack_memberships_contains_paywalled_content":false,"_jetpack_memberships_contains_paid_content":false,"footnotes":"","jetpack_publicize_message":"","jetpack_publicize_feature_enabled":true,"jetpack_social_post_already_shared":false,"jetpack_social_options":{"image_generator_settings":{"template":"highway","default_image_id":0,"enabled":false},"version":2}},"categories":[],"tags":[],"class_list":["post-75","post","type-post","status-publish","format-standard","hentry"],"aioseo_notices":[],"jetpack_publicize_connections":[],"jetpack_featured_media_url":"","jetpack_sharing_enabled":true,"jetpack_shortlink":"https:\/\/wp.me\/p4sbm9-1d","jetpack-related-posts":[{"id":2023,"url":"https:\/\/sahinsolmaz.com\/blog\/yolda-buldugumuz-telefonu-guvenlik-acigindan-yararlanarak-sahibine-nasil-ulastirdik\/","url_meta":{"origin":75,"position":0},"title":"Yolda buldu\u011fumuz telefonu g\u00fcvenlik a\u00e7\u0131\u011f\u0131ndan yararlanarak sahibine nas\u0131l ula\u015ft\u0131rd\u0131k?","author":"SahinSOLMAZ","date":"18 Eyl\u00fcl 2022","format":false,"excerpt":"Selamlar dostlar, Uzun bir aradan sonra sizlerle k\u00fc\u00e7\u00fck bir an\u0131m\u0131z\u0131 payla\u015fmak istedim. Birka\u00e7 dakika i\u00e7erisinde rahatl\u0131kla okuyabilece\u011finiz ve teknik olarak sizi yormayacak keyifli bir makale olaca\u011f\u0131n\u0131 umuyorum. :) Bundan yakla\u015f\u0131k 7-8 ay kadar \u00f6nceydi. Arkada\u015f\u0131m eve do\u011fru y\u00fcr\u00fcrken, soka\u011f\u0131n ba\u015f\u0131ndaki kald\u0131r\u0131mda bir cep telefonu buluyor. Eve geldi\u011finde, yolda bir telefon\u2026","rel":"","context":""CYBER SECURITY" i\u00e7inde","block_context":{"text":"CYBER SECURITY","link":"https:\/\/sahinsolmaz.com\/blog\/category\/cyber-security\/"},"img":{"alt_text":"","src":"https:\/\/i0.wp.com\/sahinsolmaz.com\/blog\/wp-content\/uploads\/2022\/09\/yolda-buldugumuz-telefonu-guvenlik-acigi-sayesinde-sahibine-ulastirdik-3.jpg?resize=350%2C200&ssl=1","width":350,"height":200,"srcset":"https:\/\/i0.wp.com\/sahinsolmaz.com\/blog\/wp-content\/uploads\/2022\/09\/yolda-buldugumuz-telefonu-guvenlik-acigi-sayesinde-sahibine-ulastirdik-3.jpg?resize=350%2C200&ssl=1 1x, https:\/\/i0.wp.com\/sahinsolmaz.com\/blog\/wp-content\/uploads\/2022\/09\/yolda-buldugumuz-telefonu-guvenlik-acigi-sayesinde-sahibine-ulastirdik-3.jpg?resize=525%2C300&ssl=1 1.5x, https:\/\/i0.wp.com\/sahinsolmaz.com\/blog\/wp-content\/uploads\/2022\/09\/yolda-buldugumuz-telefonu-guvenlik-acigi-sayesinde-sahibine-ulastirdik-3.jpg?resize=700%2C400&ssl=1 2x, https:\/\/i0.wp.com\/sahinsolmaz.com\/blog\/wp-content\/uploads\/2022\/09\/yolda-buldugumuz-telefonu-guvenlik-acigi-sayesinde-sahibine-ulastirdik-3.jpg?resize=1050%2C600&ssl=1 3x"},"classes":[]},{"id":725,"url":"https:\/\/sahinsolmaz.com\/blog\/askida-ne-var-askida-paylasmak-var-ogrencilere-yonelik-sosyal-sorumluluk-projesi\/","url_meta":{"origin":75,"position":1},"title":"Ask\u0131da Ne Var ? Ask\u0131da Payla\u015fmak Var! \u00d6\u011frencilere Y\u00f6nelik Sosyal Sorumluluk Projesi","author":"SahinSOLMAZ","date":"31 A\u011fustos 2014","format":false,"excerpt":"Herkese Merhaba Arkada\u015flar, Bug\u00fcne kadar Linux, CentOS, SSH, PHP, MySQL, HTML, CSS, \u015eiir, Teda\u015f vs. derken bir \u00e7ok kategoride payla\u015f\u0131mlar yapt\u0131m yaln\u0131z bunlar\u0131n %90 '\u0131 sadece belirli bir kesime hitap eden payla\u015f\u0131mlard\u0131. Bu yaz\u0131mda sizlerle payla\u015fmak istedi\u011fim \u00e7ok daha \u00f6nemli bir kitleye\u00a0ve \u00e7ok daha \u00f6nemli bir konuya ve projeye de\u011finece\u011fim.\u2026","rel":"","context":""Projeler" i\u00e7inde","block_context":{"text":"Projeler","link":"https:\/\/sahinsolmaz.com\/blog\/category\/projeler\/"},"img":{"alt_text":"","src":"https:\/\/i0.wp.com\/sahinsolmaz.com\/blog\/wp-content\/uploads\/2014\/08\/Ask%C4%B1da-Ne-Var-Ask%C4%B1da-Payla%C5%9Fmak-Var-%C3%96%C4%9Frencilere-Y%C3%B6nelik-Sosyal-Sorumluluk-Projesi.png?resize=350%2C200&ssl=1","width":350,"height":200,"srcset":"https:\/\/i0.wp.com\/sahinsolmaz.com\/blog\/wp-content\/uploads\/2014\/08\/Ask%C4%B1da-Ne-Var-Ask%C4%B1da-Payla%C5%9Fmak-Var-%C3%96%C4%9Frencilere-Y%C3%B6nelik-Sosyal-Sorumluluk-Projesi.png?resize=350%2C200&ssl=1 1x, https:\/\/i0.wp.com\/sahinsolmaz.com\/blog\/wp-content\/uploads\/2014\/08\/Ask%C4%B1da-Ne-Var-Ask%C4%B1da-Payla%C5%9Fmak-Var-%C3%96%C4%9Frencilere-Y%C3%B6nelik-Sosyal-Sorumluluk-Projesi.png?resize=525%2C300&ssl=1 1.5x, https:\/\/i0.wp.com\/sahinsolmaz.com\/blog\/wp-content\/uploads\/2014\/08\/Ask%C4%B1da-Ne-Var-Ask%C4%B1da-Payla%C5%9Fmak-Var-%C3%96%C4%9Frencilere-Y%C3%B6nelik-Sosyal-Sorumluluk-Projesi.png?resize=700%2C400&ssl=1 2x"},"classes":[]},{"id":1438,"url":"https:\/\/sahinsolmaz.com\/blog\/session-fixation-oturum-sabitleme-hijacking-saldirisi-nedir-ornekli\/","url_meta":{"origin":75,"position":2},"title":"Session Fixation (Oturum Sabitleme), Hijacking Sald\u0131r\u0131s\u0131 Nedir? [\u00d6rnekli]","author":"SahinSOLMAZ","date":"18 Ocak 2017","format":false,"excerpt":"Web g\u00fcvenli\u011findeki pop\u00fcler konulardan olan session fixation, session hijacking sald\u0131r\u0131s\u0131na \u00f6rneklerle bir bakal\u0131m. Meali oturum sabitleme olan session fixation nedir ? Bir uygulamaya login olunduktan sonra id yenilenmiyorsa session fixation zafiyetinden bahsedilir. Oturum sabitleme a\u00e7\u0131\u011f\u0131ndan faydalanarak bir sald\u0131rgan kullan\u0131c\u0131n\u0131n\/kurban\u0131n oturumunu \u00e7alabilir, bu eyleme de session hijacking denir. Oturum sabitleme sald\u0131r\u0131s\u0131nda,\u2026","rel":"","context":""CYBER SECURITY" i\u00e7inde","block_context":{"text":"CYBER SECURITY","link":"https:\/\/sahinsolmaz.com\/blog\/category\/cyber-security\/"},"img":{"alt_text":"","src":"https:\/\/i0.wp.com\/sahinsolmaz.com\/blog\/wp-content\/uploads\/2017\/01\/Session_Fixation_Oturum-Sabitleme_Hijacking_Saldirisi_Nedir_ornekli_videolu_.jpg?resize=350%2C200&ssl=1","width":350,"height":200,"srcset":"https:\/\/i0.wp.com\/sahinsolmaz.com\/blog\/wp-content\/uploads\/2017\/01\/Session_Fixation_Oturum-Sabitleme_Hijacking_Saldirisi_Nedir_ornekli_videolu_.jpg?resize=350%2C200&ssl=1 1x, https:\/\/i0.wp.com\/sahinsolmaz.com\/blog\/wp-content\/uploads\/2017\/01\/Session_Fixation_Oturum-Sabitleme_Hijacking_Saldirisi_Nedir_ornekli_videolu_.jpg?resize=525%2C300&ssl=1 1.5x, https:\/\/i0.wp.com\/sahinsolmaz.com\/blog\/wp-content\/uploads\/2017\/01\/Session_Fixation_Oturum-Sabitleme_Hijacking_Saldirisi_Nedir_ornekli_videolu_.jpg?resize=700%2C400&ssl=1 2x"},"classes":[]},{"id":1242,"url":"https:\/\/sahinsolmaz.com\/blog\/zaman-neden-cabuk-geciyor\/","url_meta":{"origin":75,"position":3},"title":"Zaman Neden \u00c7abuk Ge\u00e7iyor ?","author":"SahinSOLMAZ","date":"12 Ocak 2016","format":false,"excerpt":"D\u00fcn nas\u0131l ge\u00e7ti ? Ge\u00e7en hafta neler yapt\u0131n\u0131z ? Ge\u00e7en ay, ge\u00e7en y\u0131l neler yapt\u0131n\u0131z ? Peki ya heyecanla bekledi\u011finiz karne g\u00fcnleriniz falan ? \u015e\u00f6yle d\u00f6n\u00fcp bir bak\u0131nca her \u015fey nas\u0131l da olup bitivermi\u015f, zaman ne kadar \u00e7abuk ge\u00e7ivermi\u015f.. Son bir soru ile makalemize ge\u00e7i\u015f yapal\u0131m; bunca ge\u00e7en zaman ne\u2026","rel":"","context":""Genel" i\u00e7inde","block_context":{"text":"Genel","link":"https:\/\/sahinsolmaz.com\/blog\/category\/genel\/"},"img":{"alt_text":"zaman_neden-cabuk_geciyor_Time-running-out-of-","src":"https:\/\/i0.wp.com\/sahinsolmaz.com\/blog\/wp-content\/uploads\/2016\/01\/zaman_neden-cabuk_geciyor_Time-running-out-of-.jpg?resize=350%2C200","width":350,"height":200},"classes":[]},{"id":778,"url":"https:\/\/sahinsolmaz.com\/blog\/hangi-programlama-dili-nerede-kullanilir-yeni-baslayanlara-tavsiyeler-nelerdir\/","url_meta":{"origin":75,"position":4},"title":"Hangi programlama dili nerede kullan\u0131l\u0131r? Yeni ba\u015flayanlara tavsiyeler nelerdir?","author":"SahinSOLMAZ","date":"13 Ekim 2014","format":false,"excerpt":"Merhabalar, Uzun s\u00fcredir yazmak istedi\u011fim bir makale vard\u0131 ama .. bir t\u00fcrl\u00fc f\u0131rsat olmam\u0131\u015ft\u0131. Yak\u0131n zamanlarda bir arkada\u015f\u0131m i\u00e7in ara\u015ft\u0131r\u0131rken buldu\u011fum ve be\u011fenerek okudu\u011fum bir makaleyi sizlerle de payla\u015fmak istedim. \"Bu makalenin i\u00e7eri\u011finde neler var?\" Derseniz, pop\u00fcler olan neredeyse t\u00fcm programlama dillerinin genel itibari ile kullan\u0131m alanlar\u0131, ama\u00e7lar\u0131 ve olumlu\u2026","rel":"","context":""YAZILIMA G\u0130R\u0130\u015e" i\u00e7inde","block_context":{"text":"YAZILIMA G\u0130R\u0130\u015e","link":"https:\/\/sahinsolmaz.com\/blog\/category\/yazilima-giris\/"},"img":{"alt_text":"","src":"https:\/\/i0.wp.com\/sahinsolmaz.com\/blog\/wp-content\/uploads\/2014\/10\/Hangi-programlama-dili-nerede-kullan%C4%B1l%C4%B1r-Yeni-ba%C5%9Flayanlara-tavsiyeler-nelerdir-Merak-edebilece%C4%9Finiz-bir-%C3%A7ok-sorunun-cevab%C4%B1-bu-yaz%C4%B1l%C4%B1ma-giri%C5%9F-makalesinde-mevcut..jpg?resize=350%2C200&ssl=1","width":350,"height":200},"classes":[]},{"id":1486,"url":"https:\/\/sahinsolmaz.com\/blog\/biraz-esperanto\/","url_meta":{"origin":75,"position":5},"title":"Biraz #Esperanto ? :)","author":"SahinSOLMAZ","date":"11 Mart 2017","format":false,"excerpt":"Merhabalar! Biraz Esperanto al\u0131r m\u0131s\u0131n\u0131z? :) \"Esperanto\" denilince ilk defa duyan kimilerine sanki bir yer ad\u0131 gibi geliyor, (bende de b\u00f6yle olmu\u015ftu:) kimilerine ise Italian bir kelime gibi gelirken, bir k\u0131sm\u0131na da Spanish bir kelime gibi gelen bu isim, asl\u0131nda yapay ve global bir dilin ad\u0131d\u0131r. 1887 y\u0131l\u0131nda, Ludwik Lejzer\u2026","rel":"","context":""Genel" i\u00e7inde","block_context":{"text":"Genel","link":"https:\/\/sahinsolmaz.com\/blog\/category\/genel\/"},"img":{"alt_text":"","src":"https:\/\/i0.wp.com\/sahinsolmaz.com\/blog\/wp-content\/uploads\/2017\/03\/Esperanto_dil_bayragi_flag_of_esperanto_Lingvo_Internacia.png?resize=350%2C200","width":350,"height":200},"classes":[]}],"_links":{"self":[{"href":"https:\/\/sahinsolmaz.com\/blog\/wp-json\/wp\/v2\/posts\/75","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/sahinsolmaz.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/sahinsolmaz.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/sahinsolmaz.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/sahinsolmaz.com\/blog\/wp-json\/wp\/v2\/comments?post=75"}],"version-history":[{"count":0,"href":"https:\/\/sahinsolmaz.com\/blog\/wp-json\/wp\/v2\/posts\/75\/revisions"}],"wp:attachment":[{"href":"https:\/\/sahinsolmaz.com\/blog\/wp-json\/wp\/v2\/media?parent=75"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/sahinsolmaz.com\/blog\/wp-json\/wp\/v2\/categories?post=75"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/sahinsolmaz.com\/blog\/wp-json\/wp\/v2\/tags?post=75"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}