CINXE.COM
TDV İslâm Ansiklopedisi
<!DOCTYPE html> <html lang="tr" class="no-js"> <head> <!-- Yandex.Metrika counter --> <script type="text/javascript" > (function(m,e,t,r,i,k,a){m[i]=m[i]||function(){(m[i].a=m[i].a||[]).push(arguments)}; m[i].l=1*new Date();k=e.createElement(t),a=e.getElementsByTagName(t)[0],k.async=1,k.src=r,a.parentNode.insertBefore(k,a)}) (window, document, "script", "https://mc.yandex.ru/metrika/tag.js", "ym"); ym(66550639, "init", { clickmap:true, trackLinks:true, accurateTrackBounce:true, webvisor:true }); </script> <noscript><div><img src="https://mc.yandex.ru/watch/66550639" style="position:absolute; left:-9999px;" alt="" /></div></noscript> <!-- /Yandex.Metrika counter --> <!-- Global site tag (gtag.js) - Google Analytics --> <script async src="https://www.googletagmanager.com/gtag/js?id=UA-160819951-1"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'UA-160819951-1'); </script> <meta charset="UTF-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="description" content="TDV İslâm Ansiklopedisi (DİA) dünyada müslümanlar tarafından hazırlanmış ve tamamlanmış ilk İslâm ansiklopedisidir. Hem madde listesi hem de içerik ve üslûp açısından özgün bir ansiklopedidir."><meta property="og:url" content="/"><meta property="og:site_name" content="TDV İslâm Ansiklopedisi"><meta property="og:title" content="TDV İslâm Ansiklopedisi"><meta property="og:type" content="website"><meta property="og:description" content="TDV İslâm Ansiklopedisi (DİA) dünyada müslümanlar tarafından hazırlanmış ve tamamlanmış ilk İslâm ansiklopedisidir. Hem madde listesi hem de içerik ve üslûp açısından özgün bir ansiklopedidir."><meta property="og:image" content="https://cdn2.islamansiklopedisi.org.tr/assets/w/images/layouts/controls/dia-f-logo.jpg"><meta property="twitter:card" content="summary"><meta property="twitter:site" content="@TDV_ISAM"><meta property="twitter:title" content="TDV İslâm Ansiklopedisi"><meta property="twitter:image" content="https://cdn2.islamansiklopedisi.org.tr/assets/w/images/layouts/controls/dia-f-logo.jpg"><meta property="twitter:description" content="TDV İslâm Ansiklopedisi (DİA) dünyada müslümanlar tarafından hazırlanmış ve tamamlanmış ilk İslâm ansiklopedisidir. Hem madde listesi hem de içerik ve üslûp açısından özgün bir ansiklopedidir."> <title>TDV İslâm Ansiklopedisi</title> <link rel="stylesheet async" href="https://cdn2.islamansiklopedisi.org.tr/assets/w/css/dia.core.css?ver=22"> <link rel="stylesheet async" href="https://cdn2.islamansiklopedisi.org.tr/assets/w/css/dia.design.css?ver=26" /> <link rel="stylesheet async" href="https://cdn2.islamansiklopedisi.org.tr/assets/w/css/all.min.css" /> <link rel="shortcut icon" type="image/png" href="https://cdn2.islamansiklopedisi.org.tr/assets/w/images/layouts/dia-favico-v3.ico"/> <script src="https://cdn2.islamansiklopedisi.org.tr/assets/w/js/vendor.jquery.min.213.js"></script> <script defer src="https://cdn2.islamansiklopedisi.org.tr/assets/w/js/vendor.tipso.min.js"></script> <script defer src="https://cdn2.islamansiklopedisi.org.tr/assets/w/js/modal.js"></script> <script defer src="https://cdn2.islamansiklopedisi.org.tr/assets/w/js/ResizeSensor.min.js"></script> <script defer src="https://cdn2.islamansiklopedisi.org.tr/assets/w/js/theia-sticky-sidebar.min.js"></script> </head> <body> <style> #topnewst{ position: fixed; top: 0; background: #FF8951; left: 0; right: 0; text-align: center; font-size: 1.05rem; color: #fff; height:45px; line-height:45px; z-index: 1199; font-weight:bold; letter-spacing:0.02rem; } #topnewst a{color:#fff; text-decoration:underline !important;} #volume-list {display:none; } #letter-lisst { position: absolute; margin-top:-2px; z-index:-10; background:#fff; padding-top:10px; border:2px solid #ccc} #letter-list a { text-align:center; text-decoration:none; float:right} .azcontainer{width:100px;} .minict_wrapper ul li:hover{background:#ededed;} .menu-top-left{text-align:left !important;} #searc-complete-result{list-style:none; margin:0px; padding:0px;} #searc-complete-result li{ float:none; line-height:19px; margin:0px !important; padding: 13px 2px !important; border-bottom: 1px solid #efe9e9; border-top:none; } #searc-complete-result a{text-decoration:none;} #searc-complete-result li .sr-title{color:#0093B0; font-weight:bold} #searc-complete-result li .sr-desc{color:#666;} #searc-complete-result li:hover{background:#f1f4f4;} #auto-suggest-loading{height:45px;} #auto-suggest-loading1{height:45px;} #searchBox1{width: 90%;} .logged_user{border-top:2px solid #ddd;} /* header buyutme */ .header_logo img{height:58px !important;} .hover-menu ul li:hover{background:rgb(236, 230, 230, 0.60);} #albhabet_button:hover{color:#666 !important;} #cilt_button:hover{color:#666 !important;} .hover-menu ul li{text-align:left !important;} #auto-suggest-box{width:490px; top:50px !important; border:none; background-color:#f4f1f1; left:0px !important} #searc-complete-result{margin-top:14px; line-height:19px;} #searc-complete-result > a:first-child li{border-top: 2px solid #bdb7b7 !important; padding-top: 25px !important; padding-left:2px !important; padding-right:2px !important;} #searc-complete-result a.selected li{background:#e6e6e6 !important;} body{margin-top:60px;} #searchBox::-ms-clear { display: none; } .hover-menu ul a li{color:#666;} .hover-menu ul a:hover li{color:#000;} #searc-complete-result{margin:3px 12px 0 12px !important;} #searc-complete-result > a:first-child li{padding: 13px 2px !important; border-top:2px solid #ddd !important} .sr-title{font-size:0.98rem !important;} .sr-desc{font-size:0.95rem !important;} .sr-old{color: #9d9d9d; font-size:0.75rem !important;} #auto-suggest-box{min-height:125px !important; border: 2px solid rgb(93, 182, 213); border-top:none; background:#fff; border-radius:3px} #searc-complete-result > div.no-res{ padding:20px 0px 50px 5px; color:#666} #searc-complete-result .at-line{position:relative; padding-left:5px;} #searc-complete-result .at-line .author-photo{height:35px; border-radius:2px} #searc-complete-result .at-line .icon-user{font-size: 31px; color: #ddd; padding-right: 4px;} #searc-complete-result .at-line .author-title{position: absolute; top: -3px; padding-left: 10px; color: #0093B0; font-weight: bold;} #searc-complete-result .at-line .author-field{position: absolute; top: 15px; padding-left: 10px; font-size:15px; color:#999} #searc-complete-result .author-photo{height:30px;} .as-tabs div.as-m.act, .as-tabs div.as-y.act{} .as-tabs div.as.psv{cursor:pointer;} .as-tabs div.as img.ic{height:20px;} .as-tabs div.as.psv img.ic{opacity:0.4} .as-tabs div.as.psv img.ic:hover{opacity:1} .as-tabs div.as.psv img.up{display:none} .as-tabs div.as span{ color:#666; font-size:15px;} div.mr{text-align:left; padding: 10px 15px 10px 0px; } .deep{ height:17px; opacity:0.7; } .deep:hover{opacity:0.9;} .count{color:#999;} /*div.mr a{color:#06839c; font-size:0.93rem;} div.mr a:hover{text-decoration:underline !important;} div.mr .sall{color: #06839c !important; text-decoration: underline !important;} .metinshow{color: #06839c !important} .srchp:hover{color:#0e6779 !important;}*/ /* new alert */ /*#header_container{top:45px !important;} .body_container{margin-top:45px !important;}*/ .alert-warning { display: flex; flex-direction: row; align-items: center; color: #856404; background-color: #fff3cd; padding: 10px 15px; text-align: center; } .alert-content { flex: 1; padding: 0 10px; } .alert-close { flex: 0; padding-left: 10px; cursor: pointer; } .alert-close:hover { color: #c69500; } </style> <!-- <div id="topnewst">Arama yenilendi: <a href="/duyuru/arama-kilavuzu">Arama kılavuzunu okumak için tıklayınız.</a></div> --> <div id="header_container" style="position:fixed; top:0px !important;"> <div class="centered" id="menu"> <div class="static_position pure-g" > <div class="pure-u-13-24 hdr-left"> <div class="header_left"> <ul class="dia-navul"> <li class="header_menu hover-menu-button" style="margin-right:8px; line-height:0px; margin-top:18px; margin-left:-7px "> <img src="https://cdn2.islamansiklopedisi.org.tr/assets/w/images/layouts/controls/blue-dot-menu-masaustu.png" /> <div class="hover-menu" style="left:10px; right:none; top: 47px;"> <div style="position:relative"> <img class="menu-top-arrow" src="https://cdn2.islamansiklopedisi.org.tr/assets/w/images/layouts/controls/hover-menu-arrow.png?ver=2" style="position:absolute; top:-9px; left:5px" /> <ul> <a href="/genel_kisaltmalar"><li class="hover_menu_first">Genel Kısaltmalar</li></a> <a href="/transkripsiyon_isaretleri"><li>Transkripsiyon İşaretleri</li></a> <a href="/duyuru/arama-kilavuzu"><li>Arama Kılavuzu</li></a> <a href="/duyurular"><li>Duyurular</li></a> <a href="/hakkinda/"><li style="border-bottom:none;">TDV İslâm Ansiklopedisi Hakkında</li></a> </ul> </div> </div> </li> <li class="header_logo" style="border-right:none; position:relative"> <a href="/" id="logo-part"> <img src="https://cdn2.islamansiklopedisi.org.tr/assets/w/images/layouts/dia-yatay-logo.svg" style="height:28px; width:318px;" /> </a> <div id="header-article" style="display:none"> </div> </li> </ul> </div> </div> <div class="pure-u-11-24 hdr-right"> <div class="header_right"> <ul class="dia-navul right"> <li class="header_search" style="padding:0px; margin-right:-2px;"> <span class="icon-search tipsoo tbottom tipso_style" style="background: #0093c1 !important; color: #fff !important;position:absolute;right:9px;top:16px;" id="icon-search-submit" data-width="175" data-tipso="Madde başlıklarında ara."></span> <span class="icon-search tipso tbottom tipso_style" style="background:transparent;color: #DF6F49 !important;position:absolute;right: 50px;top:17px;font-size: 1.1rem; " id="icon-search-submit-txt" data-width="175" data-tipso="Madde içeriklerinde ara."></span> <img class="open-keyboard" src="https://cdn2.islamansiklopedisi.org.tr/assets/w/images/layouts/controls/input-keyboard.png" /> <input id="searchBox" class="searchBox" style="width:490px; line-height:normal; height:45px; padding-right:55px;" type="text" value='' placeholder="TDV İslâm Ansiklopedisi'nde ara..." autocomplete="off"/> <div id="auto-suggest-box"> <input autocomplete="off" id="auto-suggest-state" style="display:none" /> <img src='https://cdn2.islamansiklopedisi.org.tr/assets/w/images/icons/loading.gif' id="auto-suggest-loading" /> <div id="auto-suggest-content"></div> </div> <style> .open-keyboard{position: absolute; right: 90px; top: 27px; opacity: 0.3; cursor:pointer} .open-keyboard:hover{opacity:0.8} .dia-keyboard {display:none; background:#fff; border:1px solid #ddd; padding:20px 15px 15px 15px; position:absolute; top:10px; left:-490px; width:485px; line-height:0px; border-radius:3px;} .dia-keyboard ul{list-style:none; margin:0px; padding:0px; clear:both} .dia-keyboard ul li{float:left; width:30px; height:27px; text-align:center; border: 1px solid rgba(0,0,0,0.1); background-color: #f5f5f5; border-radius:2px; margin:2px; line-height:27px; cursor:pointer; font-size:15px;} .dia-keyboard ul li:hover{background:#ddd;} .dia-keyboard .shift{width:45px; font-size:13px; font-weight:bold} .dia-keyboard .close-keyboard{position: absolute;right: 10px; top: 10px; font-weight: bold; color: #666; cursor: pointer;} </style> <div class="dia-keyboard"> <img src="https://cdn2.islamansiklopedisi.org.tr/assets/w/images/layouts/controls/keyboard-arrow.png" style="line-height:0px;position:absolute; right:-5px;" /> <span class="close-keyboard">x</span> <ul> <li hb=""" hk=""">"</li> <li hb="1" hk="1">1</li> <li hb="2" hk="2">2</li> <li hb="3" hk="3">3</li> <li hb="4" hk="4">4</li> <li hb="5" hk="5">5</li> <li hb="6" hk="6">6</li> <li hb="7" hk="7">7</li> <li hb="8" hk="8">8</li> <li hb="9" hk="9">9</li> <li hb="0" hk="0">0</li> <li hb="*" hk="*">*</li> <li hb="-" hk="-">-</li> </ul> <ul style="margin-left:10px;"> <li hb="Q" hk="q">q</li> <li hb="W" hk="w">w</li> <li hb="E" hk="e">e</li> <li hb="R" hk="r">r</li> <li hb="T" hk="t">t</li> <li hb="Y" hk="y">y</li> <li hb="U" hk="u">u</li> <li hb="I" hk="ı">ı</li> <li hb="O" hk="o">o</li> <li hb="P" hk="p">p</li> <li hb="Ğ" hk="ğ">ğ</li> <li hb="Ü" hk="ü">ü</li> <li hb="," hk=",">,</li> </ul> <ul style="margin-left:25px"> <li hb="A" hk="a">a</li> <li hb="S" hk="s">s</li> <li hb="D" hk="d">d</li> <li hb="F" hk="f">f</li> <li hb="G" hk="g">g</li> <li hb="H" hk="h">h</li> <li hb="J" hk="j">j</li> <li hb="K" hk="k">k</li> <li hb="L" hk="l">l</li> <li hb="Ş" hk="ş">ş</li> <li hb="İ" hk="i">i</li> </ul> <ul> <li hb="abc" hk="ABC" class="shift noletter">ABC</li> <li hb="Z" hk="z">z</li> <li hb="X" hk="x">x</li> <li hb="C" hk="c">c</li> <li hb="V" hk="v">v</li> <li hb="B" hk="b">b</li> <li hb="N" hk="n">n</li> <li hb="M" hk="m">m</li> <li hb="Ö" hk="ö">ö</li> <li hb="Ç" hk="ç">ç</li> <li hb="." hk=".">.</li> <li hb="abc" hk="ABC" class="shift noletter">ABC</li> </ul> <ul style="margin-left:65px;"> <li hb="Boşluk" hk="Boşluk" class="space noletter" style="width:280px;">Boşluk</li> <li hb="Sil" hk="Sil" class="delete back noletter" style="width:50px">Sil</li> </ul> </div> </li> </ul> </div> </div> </div> </div> </div> </div> <script> $(document).ready(function () { // Focus search box when page load $('#searchBox').focus(); }); </script> <div id="scrollTop" title="Sayfanın başına dön." style="z-index:100000"> <span class="icon-chevron-up"></span> </div> <style> .body_container_parts{ background: #fff; border-radius: 2px; box-shadow: 0 1px 2px rgba(0,0,0,0.2); padding: 40px; } </style> <div style="background-color: #c3c3c3; aspect-ratio: 64 / 25;"> <link rel="stylesheet" href="https://cdn2.islamansiklopedisi.org.tr/assets/w/css/vendor.fotorama.css"> <script src="https://cdn2.islamansiklopedisi.org.tr/assets/w/js/vendor.fotorama.js"></script> <style> .fotorama__nav-wrap{position:relative; top:-85px} .fotorama__thumb-border{border-color:#fff !important;} .fotorama__thumb{box-shadow: 0 0 5px #000;} .slide-banner-header{color:#fff; font-size:35px; font-weight:bold; padding:3px 12px; } .part-box:hover{background-color: transparent !important;} .part-box:hover div span{background:rgba(0, 0, 0, .5);} .part-box1:hover{background:#EFE1CB !important;} .slide-author{list-style:none; margin:0px; padding:0px} .slide-author li{float:left; width:145px; text-align:center;} .slide-author li a{color:#999} .slide-author li a b{color:#333;} .author-slider .fotorama__arr--prev, .author-slider .fotorama__arr--next{top:55px !important;} .author-slider .fotorama__stage__shaft{margin-left:-10px !important;} .sergi .fotorama__stage{border-bottom:1px solid #ddd} .sarap{padding-left:12px;} .muhammediyye-custom-container { position: absolute; top: 24%; left: 8%; } .montro-custom-container { position: absolute; top: 35%; left: 20%; text-align:left; } @media screen and (max-width: 1800px) and (min-width: 1600px) { .muhammediyye-custom-container { top: 24%; left: 7%; } .montro-custom-container { position: absolute; top: 35%; left: 16%; text-align:left; } } @media screen and (max-width: 1600px) and (min-width: 1400px) { .muhammediyye-custom-container { top: 24%; left: 6%; } .montro-custom-container { position: absolute; top: 35%; left: 13%; text-align:left; } } @media screen and (max-width: 1400px) and (min-width: 1200px) { .muhammediyye-custom-container { top: 24%; left: 5%; } .montro-custom-container { position: absolute; top: 30%; left: 10%; text-align:left; } } @media screen and (max-width: 1200px) { .muhammediyye-custom-container { top: 24%; left: 4%; } .montro-custom-container { position: absolute; top: 25%; left: 8%; text-align:left; } } </style> <div style="padding-top:0; margin-bottom: -75px;"> <div class="fotorama sergi" data-width="100%" data-minheight="350" data-fit="cover" data-click="false" data-loop="true" data-autoplay="11000" data-nav="thumbs" style="border-top:1px solid #999;" data-swipe="false" data-thumbwidth="105px" data-thumbheight="55px" data-thumbmargin="10"> <div data-img="/img/parts/2017-1/sergi_aksa_masaustu_2.jpg?ver=1" data-thumb="/img/parts/2017-1/sergi_aksa_thumb_2.jpg?ver=1" > <div style="position: absolute; top: 15%; left: 50%; text-align:left;"> <div style="text-align: right"> <a href="/mescid-i-aksa"> <span class="slide-banner-header" style="background:rgba(57, 55, 30, 0.57);">MESCİD-i AKSÂ <span class="sarap">المسجد الأقصى</span></span> </a> </div> <div style="float:left; margin-top:8px; width: 493px; color:#fff; font-size:16px; line-height:20px; background:rgba(57, 55, 30, 0.57); padding:10px 12px;"> <a href="/mescid-i-aksa" style="color:#fff;"> Hz. Süleyman’ın inşa ettiği Mescid-i Aksâ, Hz. Muhammed’in (s.a.v.) mi‘rac yolculuğunun duraklarından birisi ve müslümanların ilk kıblesi olmuş, Kudüs’ün Hz. Ömer tarafından fethinden sonra tarih boyunca müslümanlarca imar edilmiştir. <div style="line-height:30px; padding-top:8px; text-align:right; font-size:15px; font-weight:bold"> TDV İslâm Ansiklopedisi'nde oku <span style="font-size:14px; font-weight:bold">>></span> </div> </a> </div> </div> </div> <div data-img="/img/parts/2017-1/sergi-savas.jpg?ver=2" data-thumb="/img/parts/2017-1/sergi-savas-thumb.jpg?ver=2" > <div style="width:1000px; margin:50px auto; text-align:left"> <div> <a href="/savas"> <span class="slide-banner-header" style="background:rgba(85, 53, 32, 0.84);">SAVAŞ</span> </a> </div> <div style="float:left; margin-top:8px; width:410px; color:#fff; font-size:17px; line-height:20px; background:rgba(85, 53, 32, 0.84); padding:10px 12px;"> <a href="/savas" style="color:#fff;"> “İslâmiyet’e göre savaş, İslâm ülkesinin ve müslümanların güvenliğini tehdit eden ve Allah’ın gönderdiği son dinin insanlara ulaşmasını engelleyen güçlerle mücadele etmenin nihaî çaresidir.” <br /> <div style="line-height:30px; padding-top:8px; text-align:right; font-size:15px; font-weight:bold"> TDV İslâm Ansiklopedisi'nde oku <span style="font-size:14px; font-weight:bold">>></span> </div> </a> </div> </div> </div> <div data-img="/img/parts/2017-1/sergi-mevlid.jpg?ver=1" data-thumb="/img/parts/2017-1/sergi-mevlid_thumb.jpg" > <div style="width:1000px; margin:50px auto; text-align:left"> <div> <a href="/mevlid"> <span class="slide-banner-header" style="background:rgba(27, 45, 29, 0.74);">MEVLİD <span class="sarap">المولد</span></span> </a> </div> <div style="float:center; margin-top:8px; width:450px; color:#fff; font-size:17px; line-height:20px;; background:rgba(27, 45, 29, 0.74); padding:10px 12px;"> <a href="/mevlid" style="color:#fff;"> Resmî mevlid kutlamaları Mısır Fâtımîleri döneminde başlamış, Eyyûbîler, Memlükler ve Osmanlılar bu geleneği sürdürmüşlerdir. Osmanlı mevlid geleneğinde, Mısır ve Kuzey Afrika gibi bölgelerde görülen ve dinî ölçüleri zedeleyen uygulamalardan titizlikle kaçınılmıştır. <br /> <div style="line-height:30px; padding-top:8px; text-align:right; font-size:15px; font-weight:bold"> TDV İslâm Ansiklopedisi'nde oku <span style="font-size:14px; font-weight:bold">>></span> </div> </a> </div> </div> </div> <div data-img="/img/parts/2017-1/sergi_hilye_masaustu.jpg" data-thumb="/img/parts/2017-1/sergi_hilye_masaustu.jpg" > <div style="position: absolute; width:1000px; top: 50%; left: 50%; transform: translate(-50%, -75%); text-align:left;"> <div> <a href="/hilye"> <span class="slide-banner-header" style="background:rgba(197,131,78,0.57);">HİLYE <span class="sarap">حلية</span></span> </a> </div> <div style="float:left; margin-top:8px; width:455px; color:#fff; font-size:16px; line-height:20px; background:rgba(197,131,78,0.57); padding:10px 12px;"> <a href="/hilye" style="color:#fff;"> Hz. Muhammed’e (s.a.v.) derin bir sevgiyle bağlı olan müslümanların, onun fizikî vasıflarını incelikle anlatma gayretlerinin ürünü olarak gelişen edebî eserler ve hat levhaları Osmanlı kültüründe hilye adı ile anılır. <div style="line-height:30px; padding-top:8px; text-align:right; font-size:15px; font-weight:bold"> TDV İslâm Ansiklopedisi'nde oku <span style="font-size:14px; font-weight:bold">>></span> </div> </a> </div> </div> </div> <div data-img="/img/parts/2017-1/slide-medrese.jpg?ver=1" data-thumb="/img/parts/2017-1/slide-medrese-thumb.jpg?ver=1" > <div style="width:1000px; margin:50px auto; text-align:right"> <div> <a href="/medrese"> <span class="slide-banner-header" style="background:rgba(20, 48, 25, 0.84);">MEDRESE <span class="sarap">المدرسة</span></span> </a> </div> <div style="float:right; margin-top:8px; width:475px; color:#fff; font-size:17px; line-height:20px;; background:rgba(20, 48, 25, 0.84); padding:10px 12px;"> <a href="/medrese" style="color:#fff;"> “Medreseler varlıklarını sultanların, nüfuzlu devlet adamlarının ve zenginlerin himayesinde kurulan vakıfların gelirleriyle sürdürmüştür. ... Vakfiyeler medreselerdeki görevliler ve öğrenciler hakkında önemli bilgiler içermektedir.” <br /> <div style="line-height:30px; padding-top:8px; text-align:right; font-size:15px; font-weight:bold"> TDV İslâm Ansiklopedisi'nde oku <span style="font-size:14px; font-weight:bold">>></span> </div> </a> </div> </div> </div> <div data-img="/img/parts/2017-1/slide-bakara-suresi.jpg?ver=1" data-thumb="/img/parts/2017-1/slide-bakara-suresi-thumb.jpg?ver=1" > <div style="width:1000px; margin:50px auto"> <div> <a href="/bakara-suresi"> <span class="slide-banner-header" style="background:rgba(196, 132, 8, .75); font-size:31px">BAKARA SÛRESİ <span class="sarap">سورة البقرة</span></span> </a> </div> <div style=" margin-top:10px; width:410px; color:#fff; font-size:17px; line-height:22px; background:rgba(196, 132, 8, .75); padding:10px 16px;"> <a href="/bakara-suresi" style="color:#fff;"> “Kur’ân-ı Kerîm’in en kısa özeti Fâtiha sûresi ise de Kur’an hükümlerinin hemen hepsini içinde toplamış olması bakımından Bakara sûresi de bütün Kur’an’ın icmal yoluyla bir başka özeti sayılabilir.” <br /> <div style="line-height:30px; padding-top:8px; text-align:right; font-size:15px; font-weight:bold"> TDV İslâm Ansiklopedisi'nde oku <span style="font-size:14px; font-weight:bold">>></span> </div> </a> </div> </div> </div> <div data-img="/img/parts/2017-1/slide-piri-reis.jpg?ver=1" data-thumb="/img/parts/2017-1/slide-piri-reis-thumb.jpg?ver=1" > <div style="width:1000px; margin:50px auto"> <div><a href="/piri-reis"> <span class="slide-banner-header" style="background:rgba(142, 87, 53, .85);">PÎRÎ REİS</span> </a> </div> <div style=" margin-top:10px; width:450px; color:#fff; font-size:17px; line-height:22px; background:rgba(142, 87, 53, .85); padding:10px 16px;"><a href="/piri-reis" style="color:#fff;">“Gelibolu’da çizdiği 919 (1513) tarihli dünya haritası İspanya, Portekiz ve Batı Afrika kıyıları ile Amerika kıtasının doğu kıyılarını; 935’te (1528-29) çizdiği ikinci dünya haritası ise Atlas Okyanusu’nun kuzeyini, Kuzey ve Orta Amerika kıyılarını göstermektedir.” <br /> <div style="line-height:30px; padding-top:8px; text-align:right; font-size:15px; font-weight:bold">TDV İslâm Ansiklopedisi'nde oku <span style="font-size:14px; font-weight:bold">>></span></div> </a></div> </div> </div> </div> </div> </div> <div class="body_container_parts body_pad_home" style="background-color:#E2E9E9; padding: 30px !important;"> <div class="centered pure-g author-slider body_container" style="background:#fff; border-radius:2px; margin-top: 0px !important; "> <div class="pure-u-1-1" style="text-align:center; color:#666; padding-top:0px; padding-bottom:40px;"> <h3 style="font-weight:normal"><b>TDV İslâm Ansiklopedisi'</b>ne katkıda bulunan müelliflerimizden sizin için seçtiğimiz biyografiler</h3> </div> <div class="pure-u-1-1" style="text-align:center; color:#666;"> <div class="fotorama" data-arrows="always" data-width="100%" data-height="200px" data-click="false" data-loop="true" data-autoplay="10000" data-nav="false" data-swipe="false"> <div style="padding-left:35px;"> <ul class="slide-author"> <li> <a href="/muellif/faruk-beser"> <img style="border-radius:100px; height:105px; width:105px; margin-bottom:10px;" src="/img/parts/yazar/faruk-beser.jpg?ver=1" /><br> <b>Faruk Beşer</b><br/> Fıkıh </a> </li> <li> <a href="/muellif/m-esat-kilicer"> <img style="border-radius:100px; height:105px; width:105px; margin-bottom:10px;" src="/img/parts/yazar/m-esat-kilicer.jpg?ver=1" /><br> <b>M. Esat Kılıçer</b><br/> Fıkıh </a> </li> <li> <a href="/muellif/mustafa-sabri-kucukasci"> <img style="border-radius:100px; height:105px; width:105px; margin-bottom:10px;" src="/img/parts/yazar/mustafa-sabri-kucukasci.jpeg?ver=1" /><br> <b>Mustafa Sabri Küçükaşcı</b><br/> İslâm Tarihi ve Medeniyeti </a> </li> <li> <a href="/muellif/rasit-kucuk"> <img style="border-radius:100px; height:105px; width:105px; margin-bottom:10px;" src="/img/parts/yazar/rasit-kucuk-slide.jpg?ver=1" /><br> <b>Raşit Küçük</b><br/> Hadis </a> </li> <li> <a href="/muellif/feridun-emecen"> <img style="border-radius:100px; height:105px; width:105px; margin-bottom:10px;" src="/img/parts/yazar/feridun-emecen-slide.jpg?ver=1" /><br> <b>Feridun Emecen</b><br/> Türk Tarihi ve Medeniyeti </a> </li> <li> <a href="/muellif/mustafa-ismet-uzun"> <img style="border-radius:100px; height:105px; width:105px; margin-bottom:10px;" src="/img/parts/yazar/mustafa-ismet-uzun-slide.jpg?ver=1" /><br> <b>Mustafa İsmet Uzun</b><br/> Türk Dili ve Edebiyatı </a> </li> </ul> </div> <div style="padding-left:35px;"> <ul class="slide-author"> <li> <a href="/muellif/ismail-durmus"> <img style="border-radius:100px; height:105px; width:105px; margin-bottom:10px;" src="/img/parts/yazar/ismail-durmus-slide.jpg?ver=1" /><br> <b>İsmail Durmuş</b><br/> Arap Dili ve Edebiyatı </a> </li> <li> <a href="/muellif/nuri-ozcan"> <img style="border-radius:100px; height:105px; width:105px; margin-bottom:10px;" src="/img/parts/yazar/nuri-ozcan-slide.jpg?ver=1" /><br> <b>Nuri Özcan</b><br/> Mûsiki </a> </li> <li> <a href="/muellif/mustafa-cagrici"> <img style="border-radius:100px; height:105px; width:105px; margin-bottom:10px;" src="/img/parts/yazar/mustafa-cagrici-slide.jpg?ver=1" /><br> <b>Mustafa Çağrıcı</b><br/> İslâm Düşüncesi ve Ahlâk </a> </li> <li> <a href="/muellif/omer-faruk-harman"> <img style="border-radius:100px; height:105px; width:105px; margin-bottom:10px;" src="/img/parts/yazar/omer-faruk-harman-slide.jpg?ver=2" /><br> <b>Ömer Faruk Harman</b><br/> Dinler Tarihi </a> </li> <li> <a href="/muellif/suleyman-uludag"> <img style="border-radius:100px; height:105px; width:105px; margin-bottom:10px;" src="/img/parts/yazar/suleyman-uludag-slide.jpg" /><br> <b>Süleyman Uludağ</b><br/> Tasavvuf </a> </li> <li> <a href="/muellif/bekir-topaloglu"> <img style="border-radius:100px; height:105px; width:105px; margin-bottom:10px;" src="/img/parts/yazar/bekir-topaloglu-slide.jpg" /><br> <b>Bekir Topaloğlu </b><br/> Kelâm ve Mezhepler Tarihi </a> </li> </ul> </div> <div style="padding-left:35px;"> <ul class="slide-author"> <li> <a href="/muellif/m-yasar-kandemir"> <img style="border-radius:100px; height:105px; width:105px; margin-bottom:10px;" src="/img/parts/yazar/m-yasar-kandem-slide.jpg" /><br> <b>M. Yaşar Kandemir</b><br/> Hadis </a> </li> <li> <a href="/muellif/tayyar-altikulac"> <img style="border-radius:100px; height:105px; width:105px; margin-bottom:10px;" src="/img/parts/yazar/tayyar-altikulac-slide.jpg" /><br> <b>Tayyar Altıkulaç</b><br/> Tefsir </a> </li> <li> <a href="/muellif/ismail-e-erunsal"> <img style="border-radius:100px; height:105px; width:105px; margin-bottom:10px;" src="/img/parts/yazar/ismail-erunsal-slide.jpg" /><br> <b>İsmail E. Erünsal</b><br/> Türk Dili ve Edebiyatı </a> </li> <li> <a href="/muellif/semavi-eyice"> <img style="border-radius:100px; height:105px; width:105px; margin-bottom:10px;" src="/img/parts/yazar/semavi-eyice-slide.jpg" /><br> <b>Semavi Eyice</b><br/> Mimari </a> </li> <li> <a href="/muellif/m-ugur-derman"> <img style="border-radius:100px; height:105px; width:105px; margin-bottom:10px;" src="/img/parts/yazar/m-ugur-derman-slide.jpg" /><br> <b>M. Uğur Derman</b><br/> Hat </a> </li> <li> <a href="/muellif/ali-erbas"> <img style="border-radius:100px; height:105px; width:105px; margin-bottom:10px;" src="/img/parts/yazar/ali-erbas-slide.jpg" /><br> <b>Ali Erbaş</b><br/> Dinler Tarihi </a> </li> </ul> </div> </div> </div> </div> </div> <!-- JPG ilim dalı görselleri --> <!-- Webp ilim dalı görselleri --> <style> .grid-fields{} .field-wrap{width:100%;position:relative;} .field-frame{width:100%; position:relative; z-index:100; background-repeat:no-repeat; background-size:cover; border-radius:3px; } .grid_height1{height:292px;} .grid_height2{height:136px;} .grid-fields .field-text{position:absolute; bottom:0; color:#fff; font-weight:bold; font-size:16px; left:0; right:0; z-index:10000; padding:10px; border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; background:rgba(0, 0, 0, 0.45);} .field-frame:hover .field-text{background:rgba(0, 0, 0, 0.75)} </style> <div class="centered body_container_parts body_pad_home" style="margin-top: 30px !important;"> <div class="pure-g grid-fields"> <div class="pure-u-4-24" style="padding:10px 10px 10px 0px"> <a href="/hakkinda/ilim-dali--mimari" class="field-link"> <div class="field-frame grid_height1" style="background:url(/img/parts/ilimdali/01-mimari.jpg) no-repeat #f4f1f1;; background-size:cover"> <div class="field-text">MİMARİ</div> </div> </a> </div> <div class="pure-u-20-24"> <div class="pure-g"> <div class="pure-u-1-5" style="padding:10px 10px 10px 10px"> <a href="/hakkinda/ilim-dali--cografya" class="field-link"> <div class="field-frame grid_height2" style="background:url(/img/parts/ilimdali/02-cografya.jpg) no-repeat #f4f1f1;; background-size:cover"> <div class="field-text">COĞRAFYA</div> </div> </a> </div> <div class="pure-u-1-5 grid_height2" style="padding:10px 10px 10px 10px"> <a href="/hakkinda/ilim-dali--hadis" class="field-link"> <div class="field-frame grid_height2" style="background:url(/img/parts/ilimdali/18-hadis.jpg?ver=2) no-repeat #f4f1f1;; background-size:cover"> <div class="field-text">HADİS</div> </div> </a> </div> <div class="pure-u-1-5 grid_height2" style="padding:10px 10px 10px 10px"> <a href="/hakkinda/ilim-dali--tefsir" class="field-link"> <div class="field-frame grid_height2" style="background:url(/img/parts/ilimdali/14-tefsir.jpg?ver=3) no-repeat #f4f1f1;; background-size:cover"> <div class="field-text">TEFSİR</div> </div> </a> </div> <div class="pure-u-2-5 grid_height2" style="padding:10px 0px 10px 10px"> <a href="/hakkinda/ilim-dali--hat" class="field-link"> <div class="field-frame grid_height2" style="background:url(/img/parts/ilimdali/05-hat.jpg?ver=2) no-repeat #f4f1f1; background-size:cover "> <div class="field-text">HAT</div> </div> </a> </div> </div> <div class="pure-g"> <div class="pure-u-2-5" style="padding:10px 10px 10px 10px"> <a href="/hakkinda/ilim-dali--turk-dili-ve-edebiyati" class="field-link"> <div class="field-frame grid_height2" style="background:url(/img/parts/ilimdali/06-turk-edebiyati.jpg) no-repeat #f4f1f1;; background-size:cover"> <div class="field-text">TÜRK DİLİ ve EDEBİYATI</div> </div> </a> </div> <div class="pure-u-1-5" style="padding:10px 10px 10px 10px"> <a href="/hakkinda/ilim-dali--tasavvuf" class="field-link"> <div class="field-frame grid_height2" style="background:url(/img/parts/ilimdali/07-tasavvuf.jpg) no-repeat #f4f1f1;; background-size:cover"> <div class="field-text">TASAVVUF</div> </div> </a> </div> <div class="pure-u-2-5" style="padding:10px 0px 10px 10px"> <a href="/hakkinda/ilim-dali--turk-tarihi-ve-medeniyeti" class="field-link"> <div class="field-frame grid_height2" style="background:url(/img/parts/ilimdali/08-turk-tarihi-ve-medeniyeti.jpg) no-repeat #f4f1f1;; background-size:cover"> <div class="field-text">TÜRK TARİHİ ve MEDENİYETİ</div> </div> </a> </div> </div> </div> </div> <div class="pure-g grid-fields"> <div class="pure-u-12-24"> <div class="pure-g"> <div class="pure-u-16-24" style="padding:10px 10px 10px 0px"> <a href="/hakkinda/ilim-dali--fikih" class="field-link"> <div class="field-frame grid_height2" style="background:url(/img/parts/ilimdali/15-fikih.jpg) no-repeat #f4f1f1; background-size:cover "> <div class="field-text">FIKIH</div> </div> </a> </div> <div class="pure-u-8-24" style="padding:10px"> <a href="/hakkinda/ilim-dali--arap-dili-ve-edebiyati" class="field-link"> <div class="field-frame grid_height2" style="background:url(/img/parts/ilimdali/10-arap-edebiyati.jpg) no-repeat #f4f1f1;; background-size:cover "> <div class="field-text">ARAP DİLİ ve EDEBİYATI</div> </div> </a> </div> </div> <div class="pure-g"> <div class="pure-u-16-24" style="padding:10px 10px 10px 0px"> <a href="/hakkinda/ilim-dali--islam-tarihi-ve-medeniyet" class="field-link"> <div class="field-frame grid_height2" style="background:url(/img/parts/ilimdali/03-islam-tarihi-ve-medeniyeti.jpg) no-repeat #f4f1f1;; background-size:cover"> <div class="field-text">İSLÂM TARİHİ ve MEDENİYETİ</div> </div> </a> </div> <div class="pure-u-8-24" style="padding:10px"> <a href="/hakkinda/ilim-dali--musiki" class="field-link"> <div class="field-frame grid_height2" style="background:url(/img/parts/ilimdali/04-musiki.jpg) no-repeat #f4f1f1;; background-size:cover"> <div class="field-text">MÛSİKİ</div> </div> </a> </div> </div> </div> <div class="pure-u-4-24" style="padding:10px"> <a href="/hakkinda/ilim-dali--ilimler-tarihi" class="field-link"> <div class="field-frame grid_height1" style="background:url(/img/parts/ilimdali/17-ilimler-tarihi.jpg) no-repeat #f4f1f1;; background-size:cover "> <div class="field-text">İLİMLER TARİHİ</div> </div> </a> </div> <div class="pure-u-8-24"> <div class="pure-g"> <div class="pure-u-12-24" style="padding:10px"> <a href="/hakkinda/ilim-dali--islam-dusuncesi-ve-ahlak" class="field-link"> <div class="field-frame grid_height2" style="background:url(/img/parts/ilimdali/12-islam-dusuncesi-ve-ahlak.jpg) no-repeat #f4f1f1; background-size:cover"> <div class="field-text">İSLÂM DÜŞÜNCESİ ve AHLÂK</div> </div> </a> </div> <div class="pure-u-12-24" style="padding:10px 0px 10px 10px"> <a href="/hakkinda/ilim-dali--dinler-tarihi" class="field-link"> <div class="field-frame grid_height2" style="background:url(/img/parts/ilimdali/13-dinler-tarihi.jpg?ver=2) no-repeat #f4f1f1;; background-size:cover"> <div class="field-text">DİNLER TARİHİ</div> </div> </a> </div> </div> <div class="pure-g"> <div class="pure-u-12-24" style="padding:10px"> <a href="/hakkinda/ilim-dali--fars-ve-urdu-edebiyatlari" class="field-link"> <div class="field-frame grid_height2" style="background:url(/img/parts/ilimdali/16-fars-edebiyati.jpg) no-repeat #f4f1f1;; background-size:cover"> <div class="field-text">FARS ve URDU EDEBİYATLARI</div> </div> </a> </div> <div class="pure-u-12-24" style="padding:10px 0px 10px 10px"> <a href="/hakkinda/ilim-dali--kelam-ve-mezhepler-tarihi" class="field-link"> <div class="field-frame grid_height2" style="background:url(/img/parts/ilimdali/20-kelam.jpg) no-repeat #f4f1f1;; background-size:cover"> <div class="field-text">KELÂM ve MEZHEPLER TARİHİ</div> </div> </a> </div> </div> </div> </div> </div> <style> #fcilt div{padding:3px 5px 3px 5px;} .flink{line-height:25px;} .flink:hover{text-decoration:underline !important;} .footer-box-alert:hover{text-decoration:underline;} .footer-container { margin-top: auto; padding-top: 40px; } .footer-content { background: #484848; padding-bottom: 50px; } .footer-top-border { background: #e2e2e2; color: #666; border-top: 1px solid #C8C8C8; border-bottom: 1px solid #C8C8C8; color: color: #777; padding-top: 20px; padding-bottom: 20px; } .footer-top-border a div{color:color:#777;} .motto-link:hover span{text-decoration:underline} .footer-bottom-link a:hover{text-decoration:underline !important; color:#333} .footer-logo-container img{opacity:0.9} .footer-logo-container img:hover{opacity:1} .footer-copy{opacity:0.9} .footer-copy:hover{opacity:1} .bbtns a > div{padding:11px 20px 11px 20px ; font-size:0.93rem; font-weight:bold; border-radius:3px; margin-left:15px; margin-right:15px;position:relative; opacity:0.9} .bbtns a > div:hover{opacity:1} .randombtn{font-size:0.95rem; font-weight:bold; border-radius:3px; margin-left:15px; margin-right:15px; background:#2FB556; color: #FFF; border:1px solid #f4a76b70; padding:10px 20px; text-align:center; text-shadow: 1px 0px 0px #407588;letter-spacing: 0.04rem;opacity:0.85; position:relative } .randombtn img{position:absolute; height:24px; margin-top:-2px;} .randombtn span{margin-left:40px;} .randombtn:hover{opacity:1} .btnarr{position:absolute; top:0; right:0; bottom:0; background:rgba(29, 48, 55, 0.6); border-top-right-radius: 3px;border-bottom-right-radius: 3px;padding: 7px 12px 10px 12px;font-size: 1.2rem;color: #fff !important; } .btnar{background: #4CAFD2;color: #fff;text-shadow: 1px 0px 0px #407588;letter-spacing: 0.04rem;} .as-tabs{overflow:hidden; border-bottom: 1px solid #fbcbb2; border-top: 1px solid #fbcbb2; padding-left:15px; padding-right:15px; } .as-tabs div.as span{font-size:1rem;} .as-tabs div.as{padding: 9px 10px; float:left; text-align:center} .as-tabs div.as.act{border-bottom: 2px solid #D97A4A;} .as-tabs .as .txt{color:#676767; font-weight:bold; font-size:0.97rem} .as-tabs .as.act .txt{} .as-tabs .as .txt span{color:#676767;} .as-tabs .as.act .txt span{color:#D97A4A} .as-tabs .as.psv{cursor:pointer;} .as-tabs span.txtcount{font-size:0.75rem !important;} div.mr{} </style> <div class="footer-container"> <div class="footer-content"> <div class="footer-top-border" style="border-top:2px solid #dedddd; background-color:#f8f8f8; padding-top:30px;"> <div class="centered" style="font-size:1.2rem; color:#666; position:relative; text-align:center; background:#f7f7f7; padding:20px 0px; border-radius:3px; border:1px dashed #ddd;"> Otuz üç yıllık birikim, yeni yüz: TDV İslâm Ansiklopedisi İnternet sitesi test yayınında. <a href="/hakkinda.php" style="color:#bd6338" class="motto-link"> <span style="color:#0093b0"> Daha fazla bilgi</span> </a> </div> <div class="centered bbtns" style=" padding:25px 20px 5px 20px"> <div class="pure-g"> <div class="pure-u-1-3"><a href="/dosyalar"><div class="btnar">DOSYALAR<div class="btnarr">»</div></div></a></div> <div class="pure-u-1-3"><a href="/sergi-arsivi"><div class="btnar">SERGİ ARŞİVİ<div class="btnarr">»</div></div></a></div> <!-- <div class="pure-u-1-4"><a href="/gecen-ayin-ilk-20-si"><div class="btnar">GEÇEN AYIN İLK 20'Sİ<div class="btnarr">»</div></div></a></div>--> <div class="pure-u-1-3"><div class="randombtn"><img src="https://cdn2.islamansiklopedisi.org.tr/assets/w/images/icons/rastgele_beyaz.png" /><span>RASTGELE</span></div></div> </div> </div> </div> <div class="centered" style="margin-top: 50px;"> <div class="centered_container footer-logo-container" style="text-align:center;"> <a href="http://www.diyanet.gov.tr" target="_blank"> <img src="https://cdn2.islamansiklopedisi.org.tr/assets/w/images/layouts/diyanet-isleri-baskanligi-logo.png?t=1" style="border:none; height:140px;" /> </a> <a href="http://www.isam.org.tr/" class="flink" target="_blank"> <img src="https://cdn2.islamansiklopedisi.org.tr/assets/w/images/layouts/isam-logo.png" style="border:none; height:140px; margin: 0 80px;" /> </a> <a href="http://tdv.org/" target="_blank"> <img src="https://cdn2.islamansiklopedisi.org.tr/assets/w/images/layouts/tdv-logo.png" style="border:none; height:140px;" /> </a> </div> <div class="centered_container footer-bottom-link" style="text-align:center; padding-top:40px; color:#fff"> <b>Her hakkı mahfuzdur.</b> 2016-2024 TDV İslâm Araştırmaları Merkezi <span>|</span> <a href="/kullanim_sartlari.php" class="footer-copy" style="color:#fff">Kullanım Şartları</a> <span>|</span> <a href="/iletisim-formu" class="footer-copy" style="color:#fff">İletişim Formu</a> </div> </div> </div> </div> <!-- random madde --> <style> .rnd-left-img{text-align:center; padding-top:10px;} .rnd-left-img img{max-width:450px; max-height:300px; border-radius: 4px;} .rnd-title{font-size: 1.5rem;font-weight: bold; color: #777; text-align:center} .rnd-tanitim{color: #e16328; padding-top:2px; text-align:center; padding-left:20px; padding-right:20px;} .boxcontainer{overflow: hidden; margin: 20px; border: 1px dashed #c5c5c5; padding: 15px; border-radius: 5px; min-height:190px;} .rnd-goto {padding-top:15px;} .rnd-goto a{color:#897898;} .lightboxrernd{ width: 280px; background: #977898; padding: 7px 25px 8px 25px; margin: 0 auto; text-align: center; color: #fff; border-radius: 200px; opacity: 0.9; cursor:pointer; } .randombtn{cursor:pointer;} .rnd-author{padding-top:10px; font-size:0.9rem; color:#777} .rnd-author span{font-weight: bold; color: #999;} .rnd-kunye{color: #777; font-size: 0.95rem; text-align:center} .random-modal { background-color: #0000004f; text-align: center; z-index: 10000000; top: 0; bottom: 0; left: 0; right: 0; position: fixed; display: none; } .random-modal-container { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); background-color: white; max-width: 660px; max-height: 90%; width: 660px; margin: 0 auto; text-align:left; border:1px solid #ccc; border-top:none; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; box-shadow:0 0 5px #ccc; -moz-box-shadow:0 0 5px #ccc; -webkit-box-shadow:0 0 5px #ccc; z-index:1000001; padding-bottom: 20px; } .icon-close { position: absolute; right: 10px; top: 10px; color: #888; cursor: pointer; } .random-modal-box { overflow: hidden; margin: 20px; border: 1px dashed #c5c5c5; padding: 15px; border-radius: 5px; } .random-modal-random { font-size: 0.95rem; font-weight: bold; border-radius: 3px; margin-left: 15px; margin-right: 15px; background: #2FB556; color: #FFF; border: 1px solid #f4a76b70; padding: 10px 20px; text-align: center; text-shadow: 1px 0 0 #407588; letter-spacing: 0.04rem; opacity: 0.85; position: relative; display: inline-block; cursor: pointer; user-select: none; overflow: hidden; } .random-modal-random:hover { opacity: .95; } .random-modal-random:active { opacity: 1; } .random-modal-random img { position: absolute; height: 24px; margin-top: -2px; } .random-modal-random span { margin-left: 40px; } .random-modal-bottom { text-align: center; } .random-modal-box:hover { background-color: #f6f6f6; } .random-modal-box:active { background-color: #ebebeb; } </style> <div class="random-modal"> <div class="random-modal-container"> <span class="icon-close"></span> <div style="text-align:center;padding: 22px 25px 15px 25px; border-bottom: 1px solid #ddd; user-select: none;"><img src="https://cdn2.islamansiklopedisi.org.tr/assets/w/images/icons/rastgele_popup_baslik.png" /></div> <div style="padding: 15px 25px; color:#777; background: #e6e5e5;text-align: center; user-select: none;"><i>TDV İslâm Ansiklopedisi</i>'nden rastgele bir madde okumak ister misiniz?</div> <div class="lightboxrndarticle"></div> <div class="random-modal-bottom"> <div class="random-modal-random"> <img src="https://cdn2.islamansiklopedisi.org.tr/assets/w/images/icons/rastgele_beyaz.png"> <span>BAŞKA BİR MADDE GÖSTER</span> </div> </div> </div> </div> <!-- random madde --> <style> .newsalertwrapper{position:fixed; left:0; right:0; bottom:0; top:0; background:rgba(0, 0, 0, 0.55); z-index:10000; display:none; } .newsalertbox{ position:relative; margin: 100px auto; width: 600px; background: #fff; border-radius: 6px; padding: 70px 40px 70px 40px; text-align: center;} .newsalertbox .hd1{ font-weight: bold; font-size: 1.45rem; color: #267893; padding-bottom: 30px; } .newsalertbox .hd2{ font-size: 1.15rem; color: #666; padding-bottom:20px; } .newsalertbox .hd3{ text-decoration: underline !important; font-size: 1.15rem; color:#0093b0; } .newsalertbox .hd3 .linkto{color:#0093b0; cursor:pointer;} .newsalertbox .hd4{padding-top: 30px; font-size: 1.05rem; color: #777; } .alertclose{ position:absolute; right:20px; top:18px; font-size: 1.7rem; color: #666; cursor:pointer; } </style> <!-- ntf203.htm notificaiton html--> <script> $('body').on("mousedown touchend", function(e){ var resultbox = $("#auto-suggest-box"); var inputbox = $("#searchBox"); var keyboard = $(".dia-keyboard"); if (!resultbox.is(e.target) && resultbox.has(e.target).length === 0 && !inputbox.is(e.target) && !keyboard.is(e.target) && keyboard.has(e.target).length === 0 ){ resultbox .hide(); /* $('#searchBox').css("background-color", "#f4f1f1"); $('#searchBox').css("border", "none"); */ } var container = $(".hover-menu"); var button = $(".hover-menu-button"); if (!container.is(e.target) && container.has(e.target).length === 0 && !button.is(e.target)){ container.hide(); //$('.hover-menu-button').css("background","#F7F4F4"); } }); $(document).ready(function() { $('.randombtn, .random-modal-random, .rndleftbtn').click(function(event){ $('.random-modal').show(); changeRndArticle(); jQuery("body").bind("scroll touchmove mousewheel DOMMouseScroll",function(e){ e.preventDefault(); return false; }); }); $('.lightboxrernd').click(function(event){ changeRndArticle(); }); $('.random-modal .icon-close').click(function(event){ $('.random-modal').hide(); jQuery("body").unbind('scroll touchmove mousewheel DOMMouseScroll'); }); function changeRndArticle(){ $.ajax({ url: "/ajax_search_auto.php?c=g&mdl=rnd&q=rnd", cache : false, success: function(result){ if(result.trim() == "") { alert("not"); }else{ $('.lightboxrndarticle').html(result); } } }); } /* $(document).mouseup(function (e) { var resultbox = $(".lightboxcontent"); var inputbox = $(".lightboxcontent .icon-close"); if (!resultbox.is(e.target) && resultbox.has(e.target).length === 0 && !inputbox.is(e.target) && inputbox.has(e.target).length === 0){ $('.lightboxbg').hide(); $('.lightboxcontent').hide(); $('body').css("overflow","visible"); } }); */ /* random madde */ /* tooltip size */ $('.tipso.tbottom').tipso({size: 'small', color: '#fff', width: 200, position: 'bottom', background: '#334350', maxWidth: 300}); $('.tipso.tleft').tipso({size: 'small', color: '#fff', width: 250, position: 'left', background: '#334350', maxWidth: 300}); $('.tipso.tright').tipso({size: 'small', color: '#fff', width: 250, position: 'right', background: '#334350', maxWidth: 300}); $('.tipso.ttop').tipso({size: 'small', color: '#fff', width: 250, position: 'top', background: '#334350', maxWidth: 300}); $(window).scroll(function() { if ($(this).scrollTop() > 500 ) { $("#scrollTop").show(); } else{ $("#scrollTop").hide(); } }); $('#scrollTop').click(function(){ $("html, body").animate({ scrollTop: "0px" }); var url_string = location.href; var clean_url = url_string.split('#', 1); history.pushState({}, document.title, clean_url ); }); /* search autocomplete events */ var is_search_page = 0; var sr_type = 'aa'; if(is_search_page == 0) { var delay = (function(){ var timer = 0; return function(callback, ms){ clearTimeout (timer); timer = setTimeout(callback, ms); }; })(); // pass url search type parameter to autosuggest box var strt = 'm'; if(strt == "y") sr_type = "y"; else if(strt == "m") sr_type = "aa"; else if(strt == "b") sr_type = "b"; else if(strt == "t") sr_type = "t"; else sr_type = "aa"; $('#searchBox').keyup(function(e) { // ignor arrow actions.. var keycode = (e.keyCode || e.which); if(keycode == 37 || keycode == 38 || keycode == 39 || keycode == 40) { return; } getType(1000); }); // bind copy past $('#searchBox').bind('paste', null, function(e) { getType(1000); }); // mouse out and in open results $('#searchBox').click(function(e) { var typed = $.trim($('#searchBox').val()); if(typed.length > 1){ if(!$('#auto-suggest-box').is(":visible")){ if($('#auto-suggest-content').html() != ""){ $('#auto-suggest-box').show(); } else{ getType(0); } } } }); function getType(times) { delay(function(){ var typed = $.trim($('#searchBox').val()); if(typed.length > 1) { autocomplete(typed ); } else { $("#auto-suggest-box").hide(); $("#auto-suggest-loading").hide(); } }, times ); } function autocomplete(typed) { $("#auto-suggest-content").html(''); $("#auto-suggest-box").show(); $("#auto-suggest-loading").show(); urlcd = encodeURI("/ajax_search_auto.php?sp=" + sr_type + "&=ac&q=" + typed); $.ajax({ url: urlcd, success: function(result) { gtag('config', 'UA-160819951-1', { 'page_title' : 'Arama - TDV İslam Ansiklopedisi', 'page_path': '/arama/?q=' + typed + '&p=autocomplete-' + sr_type, }); gtag('event', 'view_search_results', { 'search_term': typed, 'q_p': sr_type }); if(result.trim() == "") { $("#auto-suggest-box").hide(); $("#auto-suggest-loading").hide(); $("#auto-suggest-content").html('Sonuç bulunmadı.'); gtag('config', 'UA-160819951-1', { 'page_title' : 'Arama - TDV İslam Ansiklopedisi', 'page_path': '/arama/?q=' + typed + '&p=autocomplete-no-result-' + sr_type, }); gtag('event', 'view_search_results', { 'search_term': typed, 'q_p': 'autocomplete-no-result-' + sr_type }); }else{ $("#auto-suggest-loading").hide(); $("#auto-suggest-content").html(result); // getTxtNumbers(typed); // break span if ($("#auto-suggest-box").width() < 400 ) { $("#auto-suggest-box span.txt span").css("display","block"); $("#auto-suggest-box span.txt span.txtcount").css("display","inline"); } $(".header_search").find(".srchp").attr( "href", encodeURI( $(".header_search").find(".srchp").attr("href") ) ); $(".header_search").find(".as-t a").attr( "href", encodeURI( $(".header_search").find(".as-t a").attr("href") ) ); } } }); } function getTxtNumbers(typed){ $.ajax({ url: "/ajax_search_auto.php?mdl=txtdelay&q=" + typed, cache : false, success: function(result){ if(parseInt(result) > 0){ $('.txtcount').children('img').remove(); $('.txtcount').html(result); $('.txtcount').parent().parent().removeClass('n0').addClass('n' + result.trim()); $('.txtcount').removeClass('txtcount'); } else{ $('.txtcount').children('img').remove(); $('.txtcount').html(result); $('.txtcount').removeClass('txtcount'); } } }); } $("#auto-suggest-content").on("click", ".as-m.psv", function(){ $('.as-tabs .as').removeClass("act").addClass("psv"); $(this).parent().removeClass("psv").addClass("act"); sr_type = 'aa'; strt = 'm'; getType(10); }); $("#auto-suggest-content").on("click", ".as-y.psv", function(){ $('.as-tabs .as').removeClass("act").addClass("psv"); $(this).parent().removeClass("psv").addClass("act"); sr_type = 'y'; strt = 'y'; getType(10); }); $("#auto-suggest-content").on("click", ".as-b.psv", function(){ $('.as-tabs .as').removeClass("act").addClass("psv"); $(this).parent().removeClass("psv").addClass("act"); sr_type = 'b'; strt = 'b'; getType(10); }); $("#auto-suggest-content").on("click", ".as-t.psv", function(){ $('.as-tabs .as').removeClass("act").addClass("psv"); $(this).parent().removeClass("psv").addClass("act"); sr_type = 't'; strt = 't'; getType(10); }); } /* top menu hover */ $('.hover-menu-button').click(function(){ $(this).parent().find(".hover-menu").toggle(); //$(this).css("background","#ECE6E6"); }); /* search boxes silinecek $('.searchBoxyazar').keypress(function(e){ if(e.which == 13){//Enter key pressed var search = $(this).val(); window.location = '/muellif-arama/' + search;} }); $('.searchBoxBibl').keypress(function(e){ if(e.which == 13){//Enter key pressed var search = $(this).val(); window.location = '/bibliyografya_kisaltmalari/' + search;} }); */ $('.searchBox').keypress(function(e){ if(e.which == 13){ if($('#searc-complete-result a.selected').length == 0){ var search = encodeURI($(this).val()); window.location = '/arama/?q=' + search + '&p=' + strt; }else{ var target = $('#searc-complete-result a.selected').attr('href'); window.location = target; } } }); $('#icon-search-submit').click(function(){ var search = encodeURI($("#searchBox").val()); window.location = '/arama/?q=' + search; }); $('#icon-search-submit-txt').click(function(){ var search = encodeURI($("#searchBox").val()); window.location = '/arama/?p=t&q=' + search; }); $("#searchBox").keydown(function(e) { var searchbox = $(this); switch (e.which) { case 40: e.preventDefault(); // prevent moving the cursor if($('#searc-complete-result .alist a.selected').length == 0){ $('#searc-complete-result .alist a:first').addClass('selected'); }else{ $('#searc-complete-result .alist a:not(:last-child).selected').removeClass('selected').next().addClass('selected'); } break; case 38: e.preventDefault(); // prevent moving the cursor if($('#searc-complete-result a:first.selected').length == 1){ $('#searc-complete-result .selected').removeClass('selected'); } $('#searc-complete-result a:not(:first-child).selected').removeClass('selected').prev().addClass('selected'); break; } }); var isCapital = false; $('.dia-keyboard').click(function(event){ jQuery('#searchBox').focus(); }); $('.close-keyboard').click(function(event){ $('.dia-keyboard').hide(); $('.open-keyboard').css("opacity","0.3"); }); $('.open-keyboard').click(function(event){ if( $('.dia-keyboard').is(':visible') ){ $('.dia-keyboard').hide(); $('.open-keyboard').css("opacity","0.3"); } else{ $('.dia-keyboard').show(); $('.open-keyboard').css("opacity","0.8"); } }); function addCurrentLetter(letter) { var selStart = $("#searchBox")[0].selectionStart; var selEnd = $("#searchBox")[0].selectionEnd; var character = letter; var textAreaStr = $('#searchBox').val(); var value = textAreaStr.substring(0, selStart) + character + textAreaStr.substring(selEnd); $("#searchBox").val(value).focus(); $("#searchBox")[0].selectionStart = selStart+1, $("#searchBox")[0].selectionEnd = selStart+1; } function deleteCurrentLetter() { var selStart = $("#searchBox")[0].selectionStart; var selEnd = $("#searchBox")[0].selectionEnd; var textAreaStr = $('#searchBox').val(); var value = textAreaStr.substring(0, selStart-1) + textAreaStr.substring(selEnd); $("#searchBox").val(value).focus(); $("#searchBox")[0].selectionStart = selStart-1, $("#searchBox")[0].selectionEnd = selStart-1; } $('.shift').click(function(event){ $('.dia-keyboard ul li').each(function(){ if(isCapital){ $(this).text($(this).attr("hk")); } else{ $(this).text($(this).attr("hb")); } }); if(isCapital){ isCapital = false; }else{ isCapital = true; } }); $('.dia-keyboard ul li:not(.noletter)').click(function(event){ addCurrentLetter($(this).text()); $('#searchBox').keyup(); }); $('.dia-keyboard ul li.space').click(function(event){ addCurrentLetter(' '); $('#searchBox').keyup(); }); $('.dia-keyboard ul li.delete').click(function(event){ if($("#searchBox").val().length > 0){ deleteCurrentLetter(); $('#searchBox').keyup(); } }); /* volume close-open events */ $('#albhabet_button').click(function(){ $('.cz').hide(); $('.az').toggle(); $('#cilt_button').removeClass('arrow-selected'); $('#albhabet_button').toggleClass('arrow-selected'); letter_volumes_setter(); }); $('#cilt_button').click(function(){ $('.az').hide(); $('.cz').toggle(); $('#albhabet_button').removeClass('arrow-selected'); $('#cilt_button').toggleClass('arrow-selected'); letter_volumes_setter(); }); $('#close_alphabet_az').click(function(){ $('.az').hide(); $('#cilt_button').removeClass('arrow-selected'); $('#albhabet_button').removeClass('arrow-selected'); letter_volumes_setter(); }); $('#close_alphabet_cz').click(function(){ $('.cz').hide(); $('#cilt_button').removeClass('arrow-selected'); $('#albhabet_button').removeClass('arrow-selected'); letter_volumes_setter(); }); function letter_volumes_setter() { if( $('.az').is(":visible")){ set_public_cookie("lt=1&vl=0"); }else if($('.cz').is(":visible")){ set_public_cookie("lt=0&vl=1"); }else{ set_public_cookie("lt=0&vl=0"); } } /* newsbar */ if(!$('#newsbar_container').is(":visible")){ $('#newsbar_open').show(); } $('#newsbar_close').click(function(){ $('#newsbar_container').hide(); $('#newsbar_open').show(); set_public_cookie("nb=0"); }); $('#newsbar_open').click(function(){ $('#newsbar_container').show(); $('#newsbar_open').hide(); set_public_cookie("nb=1"); }); }); function set_public_cookie(parameter){ $.ajax({ url: "/cookie_setter.php?" + parameter, cache : false, success: function(result){ } }); } </script> </body> </html>