Forum
Aktif konular
Üyeler
Kurallar
Arama
Tahribat.com Forumları 
Html - CSS - XML - JavaScript - Ajax 
Bootstrap Carousel Css Yemiyor Çözemedim Bi Türlü Bootstrap Carousel Css Yemiyor Çözemedim Bi Türlü
-
Hocalar şimdi durum şu bootsnipte tam istediğim carouseli buldum ekleyeyyim dedim linkini hemen vereyim.
http://bootsnipp.com/snippets/featured/thumbnail-carousel
Bendeki Görüntüsü ise şu şekilde :
- Css Dosyammı çalışmıyor acep diyip sayfanın içine <style> kodları arasınada ekledim gene yemedi.
- Tarayıcı çerezmi tuttu dedim tutmamış
- bootstrap sürümlerini kontrol ettim sıkıntı yok 2.3 bu. Bendeki 3 üzeri
Fikirlerinizi yardımlarınızı bekliyorum.
-
Hocam
boxlarin width ozelligiyle ilgili bir sikinti var gibi.
Baska bir ozellik overwrite yapabilir onune gecebilir bir kontrol et
Sen bir arastir. Istersen bakariz da
-
Bu Kodla Dene Sanırım Halolması lazım :)
<!DOCTYPE html> <html lang="en"> <head> <meta name="viewport" content="width=device-width, initial-scale=1"> <link href="http://netdna.bootstrapcdn.com/twitter-bootstrap/2.3.2/css/bootstrap-combined.min.css" rel="stylesheet" id="bootstrap-css"> <style type="text/css"> /* Removes the default 20px margin and creates some padding space for the indicators and controls */ .carousel { margin-bottom: 0; padding: 0 40px 30px 40px; } /* Reposition the controls slightly */ .carousel-control { left: -12px; } .carousel-control.right { right: -12px; } /* Changes the position of the indicators */ .carousel-indicators { right: 50%; top: auto; bottom: 0px; margin-right: -19px; } /* Changes the colour of the indicators */ .carousel-indicators li { background: #c0c0c0; } .carousel-indicators .active { background: #333333; } </style> <script src="http://code.jquery.com/jquery-1.10.2.min.js"></script> <script src="http://netdna.bootstrapcdn.com/twitter-bootstrap/2.3.2/js/bootstrap.min.js"></script> <script type="text/javascript"> window.alert = function(){}; var defaultCSS = document.getElementById('bootstrap-css'); function changeCSS(css){ if(css) $('head > link').filter(':first').replaceWith('<link rel="stylesheet" href="'+ css +'" type="text/css" />'); else $('head > link').filter(':first').replaceWith(defaultCSS); } $( document ).ready(function() { var iframe_height = parseInt($('html').height()); window.parent.postMessage( iframe_height, 'http://bootsnipp.com'); }); </script> </head> <body> <div class="container"> <div class="row"> <div class="span12"> <div class="well"> <div id="myCarousel" class="carousel slide"> <ol class="carousel-indicators"> <li data-target="#myCarousel" data-slide-to="0" class="active"></li> <li data-target="#myCarousel" data-slide-to="1"></li> <li data-target="#myCarousel" data-slide-to="2"></li> </ol> <!-- Carousel items --> <div class="carousel-inner"> <div class="item active"> <div class="row-fluid"> <div class="span3"><a href="#x" class="thumbnail"><img src="http://placehold.it/250x250" alt="Image" style="max-width:100%;" /></a></div> <div class="span3"><a href="#x" class="thumbnail"><img src="http://placehold.it/250x250" alt="Image" style="max-width:100%;" /></a></div> <div class="span3"><a href="#x" class="thumbnail"><img src="http://placehold.it/250x250" alt="Image" style="max-width:100%;" /></a></div> <div class="span3"><a href="#x" class="thumbnail"><img src="http://placehold.it/250x250" alt="Image" style="max-width:100%;" /></a></div> </div><!--/row-fluid--> </div><!--/item--> <div class="item"> <div class="row-fluid"> <div class="span3"><a href="#x" class="thumbnail"><img src="http://placehold.it/250x250" alt="Image" style="max-width:100%;" /></a></div> <div class="span3"><a href="#x" class="thumbnail"><img src="http://placehold.it/250x250" alt="Image" style="max-width:100%;" /></a></div> <div class="span3"><a href="#x" class="thumbnail"><img src="http://placehold.it/250x250" alt="Image" style="max-width:100%;" /></a></div> <div class="span3"><a href="#x" class="thumbnail"><img src="http://placehold.it/250x250" alt="Image" style="max-width:100%;" /></a></div> </div><!--/row-fluid--> </div><!--/item--> <div class="item"> <div class="row-fluid"> <div class="span3"><a href="#x" class="thumbnail"><img src="http://placehold.it/250x250" alt="Image" style="max-width:100%;" /></a></div> <div class="span3"><a href="#x" class="thumbnail"><img src="http://placehold.it/250x250" alt="Image" style="max-width:100%;" /></a></div> <div class="span3"><a href="#x" class="thumbnail"><img src="http://placehold.it/250x250" alt="Image" style="max-width:100%;" /></a></div> <div class="span3"><a href="#x" class="thumbnail"><img src="http://placehold.it/250x250" alt="Image" style="max-width:100%;" /></a></div> </div><!--/row-fluid--> </div><!--/item--> </div><!--/carousel-inner--> <a class="left carousel-control" href="#myCarousel" data-slide="prev">‹</a> <a class="right carousel-control" href="#myCarousel" data-slide="next">›</a> </div><!--/myCarousel--> </div><!--/well--> </div> </div> </div> <script type="text/javascript"> $(document).ready(function() { $('#myCarousel').carousel({ interval: 10000 }) }); </script> </body> </html> -
cybermole bunu yazdı
Bu Kodla Dene Sanırım Halolması lazım :)
< ="http://code.jquery.com/jquery-1.10.2.min.js"> < ="http:/etdna.bootstrapcdn.com/twitter-bootstrap/2.3.2/js/bootstrap.min.js"> // link').filter(':first').replaceWith(''); else $('head > link').filter(':first').replaceWith(defaultCSS); } $( document ).ready(function() { var iframe_height = parseInt($('html').height()); window.parent.postMessage( iframe_height, 'http://bootsnipp.com'); }); // ]]>//
Çalıştı vallah :D
-
yalnız sıkıntı tamolarak nerede anlamadım herboku çekmişim siteme neden çalılmıyor oradaki js mi tetiklor dedim tetiklemiyorda
-
Nvidia bunu yazdı
yalnız sıkıntı tamolarak nerede anlamadım herboku çekmişim siteme neden çalılmıyor oradaki js mi tetiklor dedim tetiklemiyorda
valla hocam hangi kodları nasıl koydun bilmiyorum ama sana gonderdiğim sıkıntısız calısıyor.
Kısayol
Şikayet
Özel Mesaj
Alıntı yap
Cevapla