{"id":182,"date":"2011-03-25T23:49:00","date_gmt":"1970-01-01T00:00:00","guid":{"rendered":"http:\/\/www.yazilimmutfagi.com\/?p=182"},"modified":"2011-03-25T23:49:00","modified_gmt":"1970-01-01T00:00:00","slug":"yazilim-mutfagi-dersleri-css-ders-7-css-liste-ozellikleri","status":"publish","type":"post","link":"https:\/\/www.yazilimmutfagi.com\/index.php\/2011\/03\/25\/yazilim-mutfagi-dersleri-css-ders-7-css-liste-ozellikleri\/","title":{"rendered":"Yazilim Mutfagi Dersleri ( CSS ) Ders 7 &#8211; CSS Liste \u00d6zellikleri"},"content":{"rendered":"\n<h2>CSS List \u00d6zellikleri<\/h2>\n<p>Liste \u00f6zellikleri listeleme ama\u00e7li kullanilmaktadir, ayrica son yillarda list \u00f6zellikleri web sitelerindeki menuleri tasarlamak i\u00e7in kullaniliyor.<\/p>\n\n<h3>Liste<\/h3>\n <p>HTML de 2 tip liste vardir:<\/p>\n<ul>\n<li>Sirasiz Listeler &#8211; Liste \u00f6gelerinin \u00f6n\u00fcnde siyah yuvarlak bir icon \u00e7ikar. <\/li>\n<li>Sirali Listeler &#8211; Liste \u00f6gelerinin \u00f6n\u00fcne sayilar veya harfler gelir. CSS ile istenirse liste \u00f6gelerinden \u00f6nce resimde konulabilir.<\/li>\n<\/ul>\n<h3>Farkli Liste \u00d6gesi Belirticileri (list-style-type):<\/h3>\n<p>Liste \u00f6ge belirticileri  list-style-type \u00f6zelligini kullanarak degistirilebilir.<\/p>\n \n <code>\n<div  class=\"code\">\nul.a {list-style-type: circle;}<br \/>\nul.b {list-style-type: square;}<br \/><br \/>\nol.c {list-style-type: upper-roman;}<br \/>\nol.d {list-style-type: lower-alpha;}\n<\/div>\n<\/code>\n<hr \/>\n<h3>Sirali Listeler<\/h3>\n<p>\nSirali Listeler &lt;ol&gt; etiketi ile tanimlanir ve sirali listelere ait \u00f6geleri bi\u00e7imlendirmek i\u00e7in asagidaki list-style-type degerleri kullanilir.\n<br \/>\n<a href='www.yazilimmutfagi.com'>.<\/a>\n<\/p>\n<table class=\"reference\"> \n<tr> \n<th style=\"width:30%\">Deger<\/th> \n<th style=\"width:70%\">A\u00e7iklama<\/th> \n<\/tr> \n<tr> \n<td>decimal<\/td> \n<td>Normal Numaralandirma (1,2,3,4, vb.)<\/td> \n<\/tr> \n<tr> \n<td>decimal-leading-zero<\/td> \n<td>Sayinin \u00d6n\u00fcne Sifir Koyarak Artar. (01, 02, 03, vb.)<\/td> \n<\/tr> \n<tr> \n<td>armenian<\/td> \n<td>Geleneksel Ermeni Numaralandirmasi<\/td> \n<\/tr> \n<tr> \n<td>georgian<\/td> \n<td>Geleneksel G\u00fcrc\u00fc Numaralandirmasi (an, ban, gan, vb.)<\/td> \n<\/tr> \n<tr> \n<td>lower-alpha<\/td> \n<td>K\u00fc\u00e7\u00fck Harflerden Olusan Alfabe (a, b, c, d, e, vb.)<\/td> \n<\/tr> \n<tr> \n<td>lower-greek<\/td> \n<td>K\u00fc\u00e7\u00fck Harflerden Olusan Yunan Alfabesi (alpha, beta, gamma, vb.)<\/td> \n<\/tr> \n<tr> \n<td>lower-latin<\/td> \n<td>K\u00fc\u00e7\u00fck Harflerden Olusan Latin Alfabesi (a, b, c, d, e, vb.)<\/td> \n<\/tr> \n<tr> \n<td>lower-roman<\/td> \n<td>K\u00fc\u00e7\u00fck Harflerden Olusan Roman Alfabesi (i, ii, iii, iv, v,vb.)<\/td> \n<\/tr> \n<tr> \n<td>upper-alpha<\/td> \n<td>B\u00fcy\u00fck Harflerden Olusan Alfabe (A, B, C, D, E, vb.)<\/td> \n<\/tr> \n<tr> \n<td>upper-latin<\/td> \n<td>B\u00fcy\u00fck Harflerden Olusan Latin Alfabesi (A, B, C, D, E, vb.)<\/td> \n<\/tr> \n<tr> \n<td>upper-roman<\/td> \n<td>B\u00fcy\u00fck Harflerden Olusan Roman Alfabesi  (I, II, III, IV, V, vb.)<\/td> \n<\/tr> \n<\/table> \n<h4>Sirali Listeler i\u00e7in Kullanim \u00d6rnegi<\/h4>\n<code>\n<div  class=\"code\">\nol.dc {list-style-type:decimal;}<br \/>\nol.dcz {list-style-type:decimal-leading-zero;}<br \/>\nol.ar {list-style-type:armenian;}<br \/>\nol.ge {list-style-type:georgian;}<br \/>\nol.lr {list-style-type:lower-roman;} <\/div>\n<\/code>\n<code>\n<div  class=\"code\">\n<style type=\"text\/css\">\nol.dc {list-style-type:decimal;}\nol.dcz {list-style-type:decimal-leading-zero;}\nol.ar {list-style-type:armenian;}\nol.ge {list-style-type:georgian;}\nol.lr {list-style-type:lower-roman;}\n<\/style>\n<h4>list-style-type:decimal;<\/h4>\n<ol class=\"dc\">\n  <li>Kahve<\/li>\n  <li>\u00c7ay<\/li>\n  <li>Kola<\/li>\n<\/ol>\n<h4>list-style-type:decimal-leading-zero;<\/h4>\n<ol class=\"dcz\">\n  <li>Kahve<\/li>\n  <li>\u00c7ay<\/li>\n  <li>Kola<\/li>\n<\/ol>\n<h4>list-style-type:armenian;<\/h4>\n<ol class=\"ar\">\n  <li>Kahve<\/li>\n  <li>\u00c7ay<\/li>\n  <li>Kola<\/li>\n<\/ol>\n<h4>list-style-type:georgian;<\/h4>\n<ol class=\"ge\">\n  <li>Kahve<\/li>\n  <li>\u00c7ay<\/li>\n  <li>Kolo<\/li>\n<\/ol>\n<h4>list-style-type:lower-roman;<\/h4>\n<ol class=\"lr\">\n  <li>Kahve<\/li>\n  <li>\u00c7ay<\/li>\n  <li>Kola<\/li>\n<\/ol>\n\n<\/div>\n<\/code>\n\n<hr \/>\n<h3>Sirasiz Listeler<\/h3>\n<p>Sirasiz Listeler &lt;ul&gt; etiketi ile tanimlanir ve sirasiz listelere ait \u00f6geleri bi\u00e7imlendirmek i\u00e7in asagidaki list-style-type degerleri kullanilir.<\/p>\n <table class=\"reference\"> \n<tr> \n    <th style=\"width:30%\">Deger<\/th> \n    <th style=\"width:70%\">A\u00e7iklama<\/th> \n<\/tr> \n<tr> \n    <td>none<\/td> \n    <td> Madde baslarindaki ikonu kaldirir.<\/td> \n<\/tr> \n<tr> \n    <td>disc<\/td> \n    <td>Madde baslarinda siyah yuvarlak ikon \u00e7ikarir. Varsayilan.<\/td> \n<\/tr> \n <tr> \n    <td>square<\/td> \n    <td>Madde baslarinda siyah kare ikon \u00e7ikarir.<\/td> \n<\/tr>   \n<tr> \n    <td>circle<\/td> \n    <td>Madde baslarinda siyah yuvarlak i\u00e7i bos ikon \u00e7ikarir.<\/td> \n<\/tr>                                 \n<\/table> \n<h4>Sirasiz Listeler i\u00e7in Kullanim \u00d6rnegi<\/h4>\n<code>\n<div  class=\"code\">\nul.nn {list-style-type:none;}<br \/>\nul.dsc {list-style-type:disc;}<br \/>\nul.crc {list-style-type:circle;}<br \/>\nul.sq {list-style-type:square;}<br \/>\n<\/div>\n<\/code>\n<code>\n<div  class=\"code\">\n<style type=\"text\/css\">\nul.nn {list-style-type:none;}\nul.dsc {list-style-type:disc;}\nul.crc {list-style-type:circle;}\nul.sq {list-style-type:square;}\n<\/style>\n<h4>list-style-type:none;<\/h4>\n<ul class=\"nn\">\n  <li>Kahve<\/li>\n  <li>\u00c7ay<\/li>\n  <li>Kola<\/li>\n<\/ul>\n<h4>list-style-type:disc;<\/h4>\n<ul class=\"dsc\">\n  <li>Kahve<\/li>\n  <li>\u00c7ay<\/li>\n  <li>Kola<\/li>\n<\/ul>\n<h4>list-style-type:circle;<\/h4>\n<ul class=\"crc\">\n  <li>Kahve<\/li>\n  <li>\u00c7ay<\/li>\n  <li>Kola<\/li>\n<\/ul>\n<h4>list-style-type:square;<\/h4>\n<ul class=\"sq\">\n  <li>Kahve<\/li>\n  <li>\u00c7ay<\/li>\n  <li>Kola<\/li>\n<\/ul>\n<\/div>\n<\/code>\n<p> <img decoding=\"async\" border=\"0\" style=\"vertical-align:bottom;\"  src=\"yuklenendosyalar\/ders\/css\/images\/alert.png\" alt=\"Remark\" \/>\nInternet Explorerin hi\u00e7 bir versiyonu &quot;decimal-leading-zero&quot;, &quot;lower-greek&quot;, &quot;lower-latin&quot;, &quot;upper-latin&quot;, &quot;armenian&quot; veya &quot;georgian&quot; degerlerini DOCTYPE \u00f6zelligini kullanmadiginiz s\u00fcrece desteklemez.<\/p>\n<h3>Liste \u00d6geleri i\u00e7in Resim Kullanmak (list-style-image)<\/h3>\n<p>Liste \u00f6geleri i\u00e7in resim kullanmak i\u00e7in list-style-image \u00f6zelligini kullaniriz. B\u00f6ylece her \u00f6genin basinda bu resim g\u00f6r\u00fcnecektir.<\/p>\n<h4>\u00d6rnek<\/h4>\n<code>\n<div  class=\"code\">\nul.resimli<br \/>\n{<br \/>\n&nbsp;&nbsp;&nbsp;list-style-image: url('pembekare.gif');<br \/>\n}<br \/>\n<\/div>\n<\/code>\n<code>\n<div  class=\"code\">\n<style type=\"text\/css\">\nul.resimli\n{\n\t list-style-image: url('http:\/\/www.yazilimmutfagi.com\/yuklenendosyalar\/ders\/css\/images\/D7\/pembekare.gif');\n}\n<\/style>\n<ul class=\"resimli\">\n  <li>Kahve<\/li>\n  <li>\u00c7ay<\/li>\n  <li>Kola<\/li>\n<\/ul>\n<\/div>\n<\/code>\n\n<p>Yukaridaki \u00f6rnegi farkli tarayicilarda deneyecek olursaniz IE ve Opera da Firefox,Chrome ve Safariye g\u00f6re g\u00f6re resimlerin biraz daha b\u00fcy\u00fck \u00e7iktigini g\u00f6rebilirsiniz.<\/p>\n<p>Eger \u00f6gelere atadiginiz resmin t\u00fcm browserlarda ayni boyda g\u00f6r\u00fcnmesini istiyorsaniz asagidaki \u00e7\u00f6z\u00fcm\u00fc uygulamaniz gerekiyor.<\/p>\n<h3>\nT\u00fcm Tarayicilarda Ayni G\u00f6r\u00fcnt\u00fcy\u00fc Saglama &#8211; CrossBrowser\n<\/h3>\n<p>Asagidaki \u00f6rnekde \u00f6geler i\u00e7in atadiginiz resim t\u00fcm tarayicilarda ayni boyutta g\u00f6r\u00fcn\u00fcr.<\/p>\n<code>\n<div  class=\"code\">\nul<br \/>\n  {<br \/>\n  list-style-type: none;<br \/>\n  padding: 0px;<br \/>\n  margin: 0px;<br \/>\n  }<br \/>\n  li<br \/>\n  {<br \/>\n  background-image: url(sqpurple.gif);<br \/>\n  background-repeat: no-repeat;<br \/>\n  background-position: 0px 5px; <br \/>\n  padding-left: 14px; <br \/>\n} <\/div>\n<\/code><a href='www.yazilimmutfagi.com'>.<\/a>\n <h4><br \/>\n\u00d6rnegin A\u00e7iklamasi:<\/h4>\n <ul>\n \t<li> ul i\u00e7in a\u00e7iklama:\n        <ul>\n \t        <li>\n            list-style-type \u00f6zelligine none degerini veriyoruz,b\u00f6ylece \u00f6ge belirte\u00e7lerini kaldirmis oluyoruz.\n            <\/li>\n      \t    <li>\n            padding ve margin \u00f6zelliklerine 0 veriyoruz.\n            <\/li>\n \t\t<\/ul>        \n   <\/li>\n    <li>\n    \tli i\u00e7in a\u00e7iklama:\n\t    <ul>\n      \t \t<li>\n            Resmin urlsini veriyoruz ayrica resmin tekrarlanmamasini saglamak i\u00e7in background-repeat \u00f6zelligine no-repeat degerini veriyoruz.\n            <\/li> \n            <li>\n      \t    Resmin \u00e7ikmasini istedigimiz kordinatlarini veriyoruz. \u00f6rnekte sola 0 saga 5 piksel verdik.\n            <\/li>\n            <li>\n\t\t\tpadding-left \u00f6zelligi ile metni soldan 14 piksel uzakta olacak sekilde ayarliyoruz.\n            <\/li>\n      <\/ul>\n    <\/li>\n<\/ul>\n <h3>Listeler &#8211; Kisa Kullanim<\/h3>\n<p>\nListeler i\u00e7in tanimladigimi t\u00fcm \u00f6zellikleri tek bir satirda kisaca yapabiliriz. Kisa kullanim i\u00e7in list-style \u00f6zelligini kullaniyoruz.\n<\/p>\n<code>\n<div  class=\"code\">\nul<br \/>\n  {<br \/>\n  list-style: square url(&quot;pembekare.gif&quot;);<br \/>\n} <\/div>\n<\/code>\n<p>Kisa yazim kullandigimiz zaman degerlerin sirasi asagidaki gibi olur:<\/p>\n<ul>\n<li>list-style-type<\/li>\n<li>list-style-position<\/li>\n<li>list-style-image<\/li>\n<\/ul>\n\n<p> <img decoding=\"async\" border=\"0\" style=\"vertical-align:bottom;\"  src=\"yuklenendosyalar\/ders\/css\/images\/alert.png\" alt=\"Remark\" \/>\nKisa yazim kullaniminda siradaki bir \u00f6zellik atlanirsa tarayici verilen degere g\u00f6re uygun \u00f6zelligi bulur.\n<\/p> \n\n\n<table class=\"reference\"> \n<tr> \n<th width=\"20%\" align=\"left\">\u00d6zellik<\/th>\n<th style=\"width:30%\">Deger<\/th> \n<th style=\"width:70%\">A\u00e7iklama<\/th> \n<\/tr> \n  <tr>\n    <td>list-style<\/td>\n    <td>T\u00fcm \u00f6zelliklerin tek bir satirda tanimlanmasini saglar<\/td>\n    <td><i>list-style-type<br \/>\n      list-style-position<br \/>\n      list-style-image<br \/>\n\t<\/i>inherit<\/td>\n  <\/tr>\n\n  <tr>\n    <td>list-style-position<\/td>\n\n    <td>Liste elemanlarinin daha i\u00e7eriye veya biraz disariya yerlesmesini saglar.<\/td>\n    <td>inside<br \/>\n      outside<br \/>\n\tinherit<\/td>\n  <\/tr>\n  <tr>\n    <td>list-style-image<\/td>\n    <td>Liste elemanlarinin \u00f6n\u00fcne resim eklemek i\u00e7in kullnilir.<\/td>\n\n    <td>URL<br \/>      \n      none<br \/>      \n      inherit<\/td>\n  <\/tr>\n  <tr>\n    <td>list-style-type<\/td>\n\n    <td>Liste elemanlarini \u00f6n\u00fcnde \u00e7ikan isaretlerin tipini belirler.<\/td>\n\n    <td>none<br \/>\n      disc<br \/>\n      circle<br \/>\n      square<br \/>\n      decimal<br \/>\n      decimal-leading-zero<br \/>\n      armenian<br \/>\n      georgian<br \/>\n      lower-alpha<br \/>\n      upper-alpha<br \/>\n      lower-greek<br \/>\n      lower-latin<br \/>\n      upper-latin<br \/>\n      lower-roman<br \/>\n      upper-roman<br \/>\n      inherit<\/td>\n  <\/tr>\n  <\/table>\n<p>Dersimizin ilk b\u00f6l\u00fcm\u00fcnde listelerin son zamanlarda men\u00fc tasarlamak i\u00e7in kullanildigindan bahsetmistik. Simdi gelin listeleri kullanarak bir  men\u00fc \u00f6rnegi yapalim.<\/p>\n<p>Men\u00fc olusturmak i\u00e7in bir liste ekliyoruz ve men\u00fcm\u00fcz\u00fc olusturacak linkleri listenin birer elemani olarak asagidaki gibi ekliyoruz. Bu listeyi bir div i\u00e7ine koyuyoruz.<\/p>\n<code>\n<div  class=\"code\">&lt;div class=&quot;menu&quot;&gt;<br \/>\n  &lt;ul&gt;<br \/>\n  &lt;li&gt;&lt;a href=&quot;#&quot;&gt;AnaSayfa&lt;\/a&gt;&lt;\/li&gt;<br \/>\n  &lt;li&gt;&lt;a href=&quot;#&quot;&gt;Makaleler&lt;\/a&gt;&lt;\/li&gt;<br \/>\n  &lt;li&gt;&lt;a href=&quot;#&quot;&gt;Hakkimizda&lt;\/a&gt;&lt;\/li&gt;<br \/>\n  &lt;li&gt;&lt;a href=&quot;#&quot;&gt;Iletisim&lt;\/a&gt;&lt;\/li&gt;<br \/>\n  &lt;\/ul&gt;<br \/>\n&lt;\/div&gt; <\/div>\n<\/code>\n<p>Simdi yukarida tanimladigimiz liste css ile sekillendirmeden \u00f6nce asagidaki gibi g\u00f6r\u00fcnecektir.<\/p>\n<code>\n<div  class=\"code\">\n<ul>\n<li><a href=\"#\">AnaSayfa<\/a><\/li>\n<li><a href=\"#\">Makaleler<\/a><\/li>\n<li><a href=\"#\">Hakkimizda<\/a><\/li>\n<li><a href=\"#\">Iletisim<\/a><\/li>\n<\/ul>\n<\/div>\n<\/code>\n<p>Simdi ise div i\u00e7in aradigimiz menu classini css ile yazalim ve bakalim men\u00fcn\u00fcn g\u00f6r\u00fcn\u00fcm\u00fc nasil olacak<\/p>\n<h5>CSS tanimlamasi asagidaki gibi olacak.<\/h5>\n<code>\n<div  class=\"code\">.menu_demo<br \/>\n  {<br \/>\nposition: relative;<br \/>\nheight: 43px;<br \/>\nfont-size: 14px;<br \/>\ntext-transform: capitalize;<br \/>\nbackground: #FCFAE6 url('ust_menu_bg.png') repeat-x left bottom;<br \/>\nfont-family: Georgia, &quot;Times New Roman&quot; , Times, serif;<br \/>\nmargin-bottom: 10px;<br \/>\n}<br \/>\n.menu_demo ul<br \/>\n{<br \/>\nmargin: 0;<br \/>\npadding: 0;<br \/>\nlist-style-type: none;<br \/>\nwidth: auto;<br \/>\nfloat: left;<br \/>\n}<br \/>\n.menu_demo ul li<br \/>\n{<br \/>\ndisplay: block;<br \/>\nfloat: left;<br \/>\nmargin: 0 2px;<br \/>\n<br \/>\n}<br \/>\n.menu_demo ul li a<br \/>\n{<br \/>\ndisplay: block;<br \/>\nfloat: left;<br \/>\ncolor: #ffdab6;<br \/>\ntext-decoration: none;<br \/>\npadding: 0 0 0 25px;<br \/>\nheight: 43px;<br \/>\nline-height: 50px;<br \/>\nwidth:100%;<br \/>\n}<br \/>\n.menu_demo ul li a:hover<br \/>\n{<br \/>\ncolor: #894d12;<br \/>\nbackground: url('ust_menu_left-ON.gif') no-repeat left top;<br \/>\n<br \/>\n} <\/div>\n\n<\/code>\n<a href='www.yazilimmutfagi.com'>.<\/a>\n<p>Yukaridaki CSS tanimlamasini ekledigimiz zaman men\u00fcm\u00fcz\u00fcn g\u00f6r\u00fcnt\u00fcs\u00fc asagidaki gibi oldu.<\/p>\n<code class=\"code\">\n \n<style>\n.menu_demo\n{\n\tposition: relative;\n\theight: 43px;\n\tfont-size: 14px;\n\ttext-transform: capitalize;\n\tbackground: #FCFAE6 url('http:\/\/www.yazilimmutfagi.com\/resimler\/menu\/ust_menu_bg.png') repeat-x left bottom;\n\tfont-family: Georgia, \"Times New Roman\" , Times, serif;\n\tmargin-bottom: 10px;\n}\n.menu_demo ul\n{\n\tmargin: 0;\n\tpadding: 0;\n\tlist-style-type: none;\n\twidth: auto;\n\tfloat: left;\n}\n.menu_demo ul li\n{\n\tdisplay: block;\n\tfloat: left;\n\tmargin: 0 2px;\n\t \n}\n.menu_demo ul li a\n{\n\tdisplay: block;\n\tfloat: left;\n\tcolor: #ffdab6;\n\ttext-decoration: none;\n\tpadding: 0 0 0 25px;\n\theight: 43px;\n\tline-height: 50px;\n\twidth:100%;\n}\n.menu_demo ul li a:hover\n{\n\tcolor: #894d12;\n\tbackground: url('http:\/\/www.yazilimmutfagi.com\/resimler\/menu\/ust_menu_left-ON.gif') no-repeat left top;\n\t \n}\n<\/style>\n<div class=\"menu_demo\">\n<ul>\n<li><a href=\"#\">AnaSayfa<\/a><\/li>\n<li><a href=\"#\">Makaleler<\/a><\/li>\n<li><a href=\"#\">Hakkimizda<\/a><\/li>\n<li><a href=\"#\">Iletisim<\/a><\/li>\n<\/ul>\n\n \n<\/div>\n<\/code>\n<p>Yukaridaki \u00f6rnegi inceleyerek sizde kendi men\u00fcn\u00fcz\u00fc tasarlayabilirsiniz.<\/p>\n<a href='www.yazilimmutfagi.com'>.<\/a>\n<div class=\"dersGecisleri\">\n  <a class=\"onceki\"   href=\"http:\/\/www.yazilimmutfagi.com\/MakaleOku.aspx?Makale=YazIlIm+MutfagI+Dersleri+(+CSS+)+Ders+6+-+CSS+ile+Linkleri+Bi%C3%A7imlendirmek&#038;MakaleKey=ba3c0253-b0a5-40ca-ae7d-fe84514680ff\">\u00d6nceki Ders<\/a>\n      <a class=\"sonraki\" style=\"display:none\" >Sonraki Ders<\/a>\n<\/div>","protected":false},"excerpt":{"rendered":"<p>Liste &#246;zellikleri listeleme ama&#231;li kullanilmaktadir, ayrica son yillarda liste &#246;zellikleri web sitelerindeki menuleri tasarlamak i&#231;in kullaniliyor. Bu dersimizde HTML listelerini inceleyecegiz ve CSS ile bunlari nasil bi&#231;imlendirecegimizi g&#246;recegiz.<\/p>\n","protected":false},"author":517,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[415],"tags":[6252,5724,4364,6255,6078,6063,4410,5155,5115,5702],"_links":{"self":[{"href":"https:\/\/www.yazilimmutfagi.com\/index.php\/wp-json\/wp\/v2\/posts\/182"}],"collection":[{"href":"https:\/\/www.yazilimmutfagi.com\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.yazilimmutfagi.com\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.yazilimmutfagi.com\/index.php\/wp-json\/wp\/v2\/users\/517"}],"replies":[{"embeddable":true,"href":"https:\/\/www.yazilimmutfagi.com\/index.php\/wp-json\/wp\/v2\/comments?post=182"}],"version-history":[{"count":0,"href":"https:\/\/www.yazilimmutfagi.com\/index.php\/wp-json\/wp\/v2\/posts\/182\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.yazilimmutfagi.com\/index.php\/wp-json\/wp\/v2\/media?parent=182"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.yazilimmutfagi.com\/index.php\/wp-json\/wp\/v2\/categories?post=182"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.yazilimmutfagi.com\/index.php\/wp-json\/wp\/v2\/tags?post=182"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}