{"id":37683,"date":"2026-01-12T12:30:54","date_gmt":"2026-01-12T09:30:54","guid":{"rendered":"https:\/\/fatihsoysal.com\/blog\/mikein-36-dogum-gunu-pastasi-css-mum-fitili-sanati\/"},"modified":"2026-01-12T12:30:54","modified_gmt":"2026-01-12T09:30:54","slug":"mikein-36-dogum-gunu-pastasi-css-mum-fitili-sanati","status":"publish","type":"post","link":"https:\/\/fatihsoysal.com\/blog\/mikein-36-dogum-gunu-pastasi-css-mum-fitili-sanati\/","title":{"rendered":"Mike’\u0131n 36. Do\u011fum G\u00fcn\u00fc Pastas\u0131: CSS Mum Fitili Sanat\u0131"},"content":{"rendered":"

Mike’\u0131n 36. Do\u011fum G\u00fcn\u00fc Pastas\u0131: CSS Mum Fitili Sanat\u0131<\/h2>\n

Mike’\u0131n 36. ya\u015f g\u00fcn\u00fcn\u00fc kutlamak i\u00e7in s\u0131rad\u0131\u015f\u0131 bir y\u00f6ntem denemeye ne dersiniz? Geleneksel pastalar yerine, bu makalede tamamen CSS ve HTML kullanarak dijital bir do\u011fum g\u00fcn\u00fc pastas\u0131 tasarlayaca\u011f\u0131z. \u00d6zellikle mumlar\u0131n en k\u00fc\u00e7\u00fck ama en \u00f6nemli detaylar\u0131ndan biri olan fitilleri, CSS’in sundu\u011fu yarat\u0131c\u0131 imkanlarla nas\u0131l hayata ge\u00e7irebilece\u011fimize odaklanaca\u011f\u0131z. Bu teknik rehber, web geli\u015ftiricilerine ve tasar\u0131mc\u0131lara, basit HTML elementlerini ve geli\u015fmi\u015f CSS \u00f6zelliklerini kullanarak g\u00f6rsel olarak \u00e7ekici ve animasyonlu \u00f6\u011feler olu\u015fturma konusunda ilham vermeyi ama\u00e7lamaktad\u0131r.<\/p>\n

1. Dijital Pastan\u0131n Temelleri: HTML Yap\u0131s\u0131<\/h2>\n

Her g\u00f6rsel \u015f\u00f6lenin temelinde sa\u011flam bir iskelet yatar. Mike’\u0131n do\u011fum g\u00fcn\u00fc pastas\u0131 i\u00e7in de HTML, pastan\u0131n katmanlar\u0131n\u0131, mumlar\u0131n\u0131 ve di\u011fer temel bile\u015fenlerini tan\u0131mlayaca\u011f\u0131m\u0131z yap\u0131y\u0131 olu\u015fturacakt\u0131r. Semantik bir yap\u0131 kurmak, kodun okunabilirli\u011fini art\u0131r\u0131r ve gelecekteki de\u011fi\u015fiklikleri kolayla\u015ft\u0131r\u0131r.<\/p>\n

1.1. Pasta Katmanlar\u0131 i\u00e7in Temel \u0130skelet<\/h3>\n

Pastay\u0131 birden fazla katmandan olu\u015facak \u015fekilde d\u00fc\u015f\u00fcnebiliriz. Her katman, ayr\u0131 bir div<\/code> elementi ile temsil edilebilir. Bu, her katmana farkl\u0131 renkler, boyutlar ve g\u00f6lgeler uygulayabilmemiz i\u00e7in bize esneklik sa\u011flar.<\/p>\n

<\/p>\n
\n","protected":false},"excerpt":{"rendered":"Mike’\u0131n 36. ya\u015f g\u00fcn\u00fcn\u00fc kutlamak i\u00e7in s\u0131rad\u0131\u015f\u0131 bir y\u00f6ntem denemeye ne dersiniz? Geleneksel pastalar yerine, bu makalede tamamen CSS ve HTML kullana…","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"csco_page_header_type":"","csco_page_load_nextpost":"","csco_page_subscribe_form":"","csco_page_contact_form":"","footnotes":""},"categories":[126],"tags":[],"class_list":{"0":"post-37683","1":"post","2":"type-post","3":"status-publish","4":"format-standard","6":"category-css3-html5","7":"cs-entry","8":"cs-video-wrap"},"yoast_head":"\nMike'\u0131n 36. Do\u011fum G\u00fcn\u00fc Pastas\u0131: CSS Mum Fitili Sanat\u0131 - Kodlar\u0131n Gizemli D\u00fcnyas\u0131<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/fatihsoysal.com\/blog\/mikein-36-dogum-gunu-pastasi-css-mum-fitili-sanati\/\" \/>\n<meta property=\"og:locale\" content=\"tr_TR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Mike'\u0131n 36. Do\u011fum G\u00fcn\u00fc Pastas\u0131: CSS Mum Fitili Sanat\u0131\" \/>\n<meta property=\"og:description\" content=\"Mike'\u0131n 36. ya\u015f g\u00fcn\u00fcn\u00fc kutlamak i\u00e7in s\u0131rad\u0131\u015f\u0131 bir y\u00f6ntem denemeye ne dersiniz? Geleneksel pastalar yerine, bu makalede tamamen CSS ve HTML kullana...\" \/>\n<meta property=\"og:url\" content=\"https:\/\/fatihsoysal.com\/blog\/mikein-36-dogum-gunu-pastasi-css-mum-fitili-sanati\/\" \/>\n<meta property=\"og:site_name\" content=\"Kodlar\u0131n Gizemli D\u00fcnyas\u0131\" \/>\n<meta property=\"article:published_time\" content=\"2026-01-12T09:30:54+00:00\" \/>\n<meta name=\"author\" content=\"Fatih Soysal\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Yazan:\" \/>\n\t<meta name=\"twitter:data1\" content=\"Fatih Soysal\" \/>\n\t<meta name=\"twitter:label2\" content=\"Tahmini okuma s\u00fcresi\" \/>\n\t<meta name=\"twitter:data2\" content=\"1 dakika\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/fatihsoysal.com\/blog\/mikein-36-dogum-gunu-pastasi-css-mum-fitili-sanati\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/fatihsoysal.com\/blog\/mikein-36-dogum-gunu-pastasi-css-mum-fitili-sanati\/\"},\"author\":{\"name\":\"Fatih Soysal\",\"@id\":\"https:\/\/fatihsoysal.com\/blog\/#\/schema\/person\/002a254750921dcfd568a99e48240dd1\"},\"headline\":\"Mike’\u0131n 36. Do\u011fum G\u00fcn\u00fc Pastas\u0131: CSS Mum Fitili Sanat\u0131\",\"datePublished\":\"2026-01-12T09:30:54+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/fatihsoysal.com\/blog\/mikein-36-dogum-gunu-pastasi-css-mum-fitili-sanati\/\"},\"wordCount\":227,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/fatihsoysal.com\/blog\/#\/schema\/person\/002a254750921dcfd568a99e48240dd1\"},\"articleSection\":[\"CSS3 - HTML5\"],\"inLanguage\":\"tr\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/fatihsoysal.com\/blog\/mikein-36-dogum-gunu-pastasi-css-mum-fitili-sanati\/#respond\"]}],\"copyrightYear\":\"2026\",\"copyrightHolder\":{\"@id\":\"https:\/\/fatihsoysal.com\/blog\/#organization\"}},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/fatihsoysal.com\/blog\/mikein-36-dogum-gunu-pastasi-css-mum-fitili-sanati\/\",\"url\":\"https:\/\/fatihsoysal.com\/blog\/mikein-36-dogum-gunu-pastasi-css-mum-fitili-sanati\/\",\"name\":\"Mike'\u0131n 36. Do\u011fum G\u00fcn\u00fc Pastas\u0131: CSS Mum Fitili Sanat\u0131 - Kodlar\u0131n Gizemli D\u00fcnyas\u0131\",\"isPartOf\":{\"@id\":\"https:\/\/fatihsoysal.com\/blog\/#website\"},\"datePublished\":\"2026-01-12T09:30:54+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/fatihsoysal.com\/blog\/mikein-36-dogum-gunu-pastasi-css-mum-fitili-sanati\/#breadcrumb\"},\"inLanguage\":\"tr\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/fatihsoysal.com\/blog\/mikein-36-dogum-gunu-pastasi-css-mum-fitili-sanati\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/fatihsoysal.com\/blog\/mikein-36-dogum-gunu-pastasi-css-mum-fitili-sanati\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Anasayfa\",\"item\":\"https:\/\/fatihsoysal.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Mike’\u0131n 36. Do\u011fum G\u00fcn\u00fc Pastas\u0131: CSS Mum Fitili Sanat\u0131\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/fatihsoysal.com\/blog\/#website\",\"url\":\"https:\/\/fatihsoysal.com\/blog\/\",\"name\":\"Fatihsoysal.com\",\"description\":\"Blog - Yaz\u0131l\u0131m D\u00fcnyas\u0131 Tecr\u00fcbelerim\",\"publisher\":{\"@id\":\"https:\/\/fatihsoysal.com\/blog\/#\/schema\/person\/002a254750921dcfd568a99e48240dd1\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/fatihsoysal.com\/blog\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"tr\"},{\"@type\":[\"Person\",\"Organization\"],\"@id\":\"https:\/\/fatihsoysal.com\/blog\/#\/schema\/person\/002a254750921dcfd568a99e48240dd1\",\"name\":\"Fatih Soysal\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"tr\",\"@id\":\"https:\/\/fatihsoysal.com\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/fatihsoysal.com\/blog\/wp-content\/uploads\/2024\/04\/cropped-replicate-prediction-3kgg1hgjn5rgp0cf0p5tr0jw7w-1.png\",\"contentUrl\":\"https:\/\/fatihsoysal.com\/blog\/wp-content\/uploads\/2024\/04\/cropped-replicate-prediction-3kgg1hgjn5rgp0cf0p5tr0jw7w-1.png\",\"width\":512,\"height\":512,\"caption\":\"Fatih Soysal\"},\"logo\":{\"@id\":\"https:\/\/fatihsoysal.com\/blog\/#\/schema\/person\/image\/\"},\"description\":\"Kullan\u0131m ve kodlama m\u00fckemmeliyetini odak alan uygulamalar olu\u015fturma deneyimine sahip, profesyonel olarak 15+ y\u0131l \u00fczeri deneyime sahip bir yaz\u0131l\u0131m m\u00fchendisi.\",\"url\":\"https:\/\/fatihsoysal.com\/blog\/author\/fatihsoysal\/\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Mike'\u0131n 36. Do\u011fum G\u00fcn\u00fc Pastas\u0131: CSS Mum Fitili Sanat\u0131 - Kodlar\u0131n Gizemli D\u00fcnyas\u0131","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/fatihsoysal.com\/blog\/mikein-36-dogum-gunu-pastasi-css-mum-fitili-sanati\/","og_locale":"tr_TR","og_type":"article","og_title":"Mike'\u0131n 36. Do\u011fum G\u00fcn\u00fc Pastas\u0131: CSS Mum Fitili Sanat\u0131","og_description":"Mike'\u0131n 36. ya\u015f g\u00fcn\u00fcn\u00fc kutlamak i\u00e7in s\u0131rad\u0131\u015f\u0131 bir y\u00f6ntem denemeye ne dersiniz? Geleneksel pastalar yerine, bu makalede tamamen CSS ve HTML kullana...","og_url":"https:\/\/fatihsoysal.com\/blog\/mikein-36-dogum-gunu-pastasi-css-mum-fitili-sanati\/","og_site_name":"Kodlar\u0131n Gizemli D\u00fcnyas\u0131","article_published_time":"2026-01-12T09:30:54+00:00","author":"Fatih Soysal","twitter_card":"summary_large_image","twitter_misc":{"Yazan:":"Fatih Soysal","Tahmini okuma s\u00fcresi":"1 dakika"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/fatihsoysal.com\/blog\/mikein-36-dogum-gunu-pastasi-css-mum-fitili-sanati\/#article","isPartOf":{"@id":"https:\/\/fatihsoysal.com\/blog\/mikein-36-dogum-gunu-pastasi-css-mum-fitili-sanati\/"},"author":{"name":"Fatih Soysal","@id":"https:\/\/fatihsoysal.com\/blog\/#\/schema\/person\/002a254750921dcfd568a99e48240dd1"},"headline":"Mike’\u0131n 36. Do\u011fum G\u00fcn\u00fc Pastas\u0131: CSS Mum Fitili Sanat\u0131","datePublished":"2026-01-12T09:30:54+00:00","mainEntityOfPage":{"@id":"https:\/\/fatihsoysal.com\/blog\/mikein-36-dogum-gunu-pastasi-css-mum-fitili-sanati\/"},"wordCount":227,"commentCount":0,"publisher":{"@id":"https:\/\/fatihsoysal.com\/blog\/#\/schema\/person\/002a254750921dcfd568a99e48240dd1"},"articleSection":["CSS3 - HTML5"],"inLanguage":"tr","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/fatihsoysal.com\/blog\/mikein-36-dogum-gunu-pastasi-css-mum-fitili-sanati\/#respond"]}],"copyrightYear":"2026","copyrightHolder":{"@id":"https:\/\/fatihsoysal.com\/blog\/#organization"}},{"@type":"WebPage","@id":"https:\/\/fatihsoysal.com\/blog\/mikein-36-dogum-gunu-pastasi-css-mum-fitili-sanati\/","url":"https:\/\/fatihsoysal.com\/blog\/mikein-36-dogum-gunu-pastasi-css-mum-fitili-sanati\/","name":"Mike'\u0131n 36. Do\u011fum G\u00fcn\u00fc Pastas\u0131: CSS Mum Fitili Sanat\u0131 - Kodlar\u0131n Gizemli D\u00fcnyas\u0131","isPartOf":{"@id":"https:\/\/fatihsoysal.com\/blog\/#website"},"datePublished":"2026-01-12T09:30:54+00:00","breadcrumb":{"@id":"https:\/\/fatihsoysal.com\/blog\/mikein-36-dogum-gunu-pastasi-css-mum-fitili-sanati\/#breadcrumb"},"inLanguage":"tr","potentialAction":[{"@type":"ReadAction","target":["https:\/\/fatihsoysal.com\/blog\/mikein-36-dogum-gunu-pastasi-css-mum-fitili-sanati\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/fatihsoysal.com\/blog\/mikein-36-dogum-gunu-pastasi-css-mum-fitili-sanati\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Anasayfa","item":"https:\/\/fatihsoysal.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Mike’\u0131n 36. Do\u011fum G\u00fcn\u00fc Pastas\u0131: CSS Mum Fitili Sanat\u0131"}]},{"@type":"WebSite","@id":"https:\/\/fatihsoysal.com\/blog\/#website","url":"https:\/\/fatihsoysal.com\/blog\/","name":"Fatihsoysal.com","description":"Blog - Yaz\u0131l\u0131m D\u00fcnyas\u0131 Tecr\u00fcbelerim","publisher":{"@id":"https:\/\/fatihsoysal.com\/blog\/#\/schema\/person\/002a254750921dcfd568a99e48240dd1"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/fatihsoysal.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"tr"},{"@type":["Person","Organization"],"@id":"https:\/\/fatihsoysal.com\/blog\/#\/schema\/person\/002a254750921dcfd568a99e48240dd1","name":"Fatih Soysal","image":{"@type":"ImageObject","inLanguage":"tr","@id":"https:\/\/fatihsoysal.com\/blog\/#\/schema\/person\/image\/","url":"https:\/\/fatihsoysal.com\/blog\/wp-content\/uploads\/2024\/04\/cropped-replicate-prediction-3kgg1hgjn5rgp0cf0p5tr0jw7w-1.png","contentUrl":"https:\/\/fatihsoysal.com\/blog\/wp-content\/uploads\/2024\/04\/cropped-replicate-prediction-3kgg1hgjn5rgp0cf0p5tr0jw7w-1.png","width":512,"height":512,"caption":"Fatih Soysal"},"logo":{"@id":"https:\/\/fatihsoysal.com\/blog\/#\/schema\/person\/image\/"},"description":"Kullan\u0131m ve kodlama m\u00fckemmeliyetini odak alan uygulamalar olu\u015fturma deneyimine sahip, profesyonel olarak 15+ y\u0131l \u00fczeri deneyime sahip bir yaz\u0131l\u0131m m\u00fchendisi.","url":"https:\/\/fatihsoysal.com\/blog\/author\/fatihsoysal\/"}]}},"yoast_meta":{"yoast_wpseo_title":"","yoast_wpseo_metadesc":"","yoast_wpseo_canonical":""},"amp_enabled":true,"_links":{"self":[{"href":"https:\/\/fatihsoysal.com\/blog\/wp-json\/wp\/v2\/posts\/37683","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/fatihsoysal.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/fatihsoysal.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/fatihsoysal.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/fatihsoysal.com\/blog\/wp-json\/wp\/v2\/comments?post=37683"}],"version-history":[{"count":0,"href":"https:\/\/fatihsoysal.com\/blog\/wp-json\/wp\/v2\/posts\/37683\/revisions"}],"wp:attachment":[{"href":"https:\/\/fatihsoysal.com\/blog\/wp-json\/wp\/v2\/media?parent=37683"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/fatihsoysal.com\/blog\/wp-json\/wp\/v2\/categories?post=37683"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/fatihsoysal.com\/blog\/wp-json\/wp\/v2\/tags?post=37683"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}