Forum'da ara:
Ara


« Önceki başlık :: Sonraki başlık »  
Yazar Mesaj
Mesaj03.05.2015, 23:45 (UTC)    
Mesaj konusu: kod yardimi

bu koda nasil resim ekliyebilirim lutfen
]]> Kodunu Aratıp Buluyoruz.Ve Hemen Üzerine Aşağıdaki Koldarı Yerleştiriyoruz..

/* Slayt Alanı Başlangıç----------------------------------
#bloggertrix_slider {margin:0 auto;}
#bloggertrix_slider .slider-contents {overflow:hidden;border:8px solid #DDDDDD;box-shadow:0 0 3px rgba(3,3,3,0.5);}
#bloggertrix_slider .slide-nav {float:left;padding: 0 8px;height: 26px;background: #3a3a3a;}
#bloggertrix_slider .slide-nav a {width: 14px;height: 14px;text-indent: -999px;float: left;list-style: none;display: block;background: #dddddd;margin: 5px 4px;cursor: pointer;}
#bloggertrix_slider .slide-nav a:hover {
background: #27BAFF !important;}
#bloggertrix_slider .progress-bar {width:0px;background-color:#AAAAAA;height:2px;top: -2px;overflow:visible !important;display:block !important;position: relative;}
#bloggertrix_slider .controls {height: 26px;margin: 4px auto 0;display: table;}
#bloggertrix_sliderr .pause-play-control {width: 46px;height: 26px;float: left;background: #3A3A3A;color: #fff;}
#bloggertrix_slider .pause-play-control a {width:9px;height: 19px;display:block;overflow:hidden;text-indent: -9999px;background:url('http://img837.imageshack.us/img837/7647/fqnu.png');cursor: pointer;margin:3px auto 0;}
#bloggertrix_slider .pause-play-control a.play-slide {background-position:-5px -3px;}
#bloggertrix_slider .pause-play-control a.pause-slide {background-position:-29px -3px;}
#bloggertrix_slider .slider-next,#bloggertrix_slider .slider-prev {
width: 46px;height: 46px;background: #3a3a3a;display: block;font-size: 41px;color: #FFF;font-weight: bold;text-align: center;position: absolute;cursor: pointer;text-indent: -999px;overflow: hidden;}
#bloggertrix_slider .slider-next:before,#bloggertrix_slider .slider-prev:before {background: #3a3a3a url('http://img837.imageshack.us/img837/7647/fqnu.png');width:32px;height:32px;position:relative;top:7px;left:7px;content:'';display:block;}
/*#bloggertrix_slider .slider-next {margin: -220px 0 0 681px;}
#bloggertrix_slider .slider-prev {margin: -220px 0 0 4px;}*/
#bloggertrix_slider .slider-next:before {background-position:-5px -31px;}
#bloggertrix_slider .slider-prev:before {background-position:-5px -70px;}
.slide1 img {position:relative;}
.img-logo {margin-left: 150px;}
.img-mobile {margin-top: 45px;}
.img-tablet {margin: -168px 0 0 139px;}
.img-laptop {margin: -186px 0 0 349px;}
.slide1 {background-color: #67b608}
.slide2 {background-color: #03bbd3}
.slide3 {background-color: #cf6b30}
.slide4 {background-color: #f2a87b}
.slide5 {background-color: #388efd}

Enson Olarakta Gadged Ekle Diyip HTML/Javascript Seçip Aşağıdaki Kodları Yapıştırıyoruz.




http://3.bp.blogspot.com/-dKeS9I4BEeY/UjBmuAm-YII/AAAAAAAAA4c/tIopSqh4syM/s1600/bloggertrix1.jpg" />




http://4.bp.blogspot.com/-sSl9hwXkN6E/UjBmupmRaeI/AAAAAAAAA4g/-vZVqv3Vup8/s1600/bloggertrix2.jpg" />




http://3.bp.blogspot.com/-Xlbd4EmlOZM/UjBmu7kFotI/AAAAAAAAA4o/rUGY0UYNFmQ/s1600/bloggertrix3.jpg" />




http://3.bp.blogspot.com/-t2AqwAU9hT4/UjBmx3f_lWI/AAAAAAAAA48/45XzYSOocH8/s1600/bloggertrix4.jpg" />




http://4.bp.blogspot.com/-bUDnHnhb-J8/UjBmxri-nzI/AAAAAAAAA40/xeUpJAVCFjI/s1600/bloggertrix5.jpg" />
Mesaj23.06.2015, 09:33 (UTC)    
Mesaj konusu:

Aradığınız kodu sizin için hazırladım:
JAVASCRIPT KODU
Kod:
<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js'></script>
<script src='https://bloggertrixcode.googlecode.com/files/border-slider.js'></script>
<script>
    function h() {
        var n = window.location.href,
            a = n.split(f);
        switch (a.length) {
            case 1:
                return n + g;
            case 2:
                return 0 <= a[1].search(e) ? null : n + b;
            default:
                return null
        }
    }
    jQuery(document).ready(function() {
        jQuery("#bloggertrix_slider").animatedSlider({
            loader: !0,
            width: 900,
            height: 300,
            slide_animation_data: [
                [{
                    target_element: ".txt1",
                    animation_frame: 0,
                    animation_type: "tada"
                }, {
                    target_element: ".txt2",
                    animation_frame: .8,
                    animation_type: "tada"
                }],
                [{
                    target_element: "img",
                    animation_frame: 0,
                    animation_type: "bounceInUp"
                }, {
                    target_element: "p",
                    animation_frame: .7,
                    animation_type: "bounceInUp"
                }],
                [{
                    target_element: "img",
                    animation_frame: 0,
                    animation_type: "bounceInUp"
                }, {
                    target_element: "p",
                    animation_frame: .6,
                    animation_type: "bounceInUp"
                }],
                [{
                    target_element: "img",
                    animation_frame: 0,
                    animation_type: "bounceInUp"
                }, {
                    target_element: "p",
                    animation_frame: .5,
                    animation_type: "bounceInUp"
                }],
                [{
                    target_element: "img",
                    animation_frame: 0,
                    animation_type: "bounceInUp"
                }, {
                    target_element: "p",
                    animation_frame: .4,
                    animation_type: "bounceInUp"
                }],
                [{
                    target_element: "h1",
                    animation_frame: 0,
                    animation_type: "bounceInUp"
                }, {
                    target_element: "p",
                    animation_frame: .3,
                    animation_type: "bounceInUp"
                }]
            ]
        })
    });
    var a = "indexOf",
        b = "&m=1",
        e = "(^|&)m=",
        f = "?",
        g = "?m=1",
        k = navigator.userAgent;
    if (-1 != k[a]("Mobile") && -1 != k[a]("WebKit") && -1 == k[a]("iPad") || -1 != k[a]("Opera Mini") || -1 != k[a]("IEMobile")) {
        var l = h();
        l && window.location.replace(l)
    }
    window.jstiming && window.jstiming.load.tick("headEnd");
</script>

CSS KODU
Kod:
<style>
#bloggertrix_slider {
  margin: 0 auto;
}

#bloggertrix_slider .slider-contents {
  overflow: hidden;
  border: 8px solid #DDDDDD;
  box-shadow: 0 0 3px rgba(3, 3, 3, 0.5);
}

#bloggertrix_slider .slide-nav {
  float: left;
  padding: 0 8px;
  height: 26px;
  background: #3a3a3a;
}

#bloggertrix_slider .slide-nav a {
  width: 14px;
  height: 14px;
  text-indent: -999px;
  float: left;
  list-style: none;
  display: block;
  background: #dddddd;
  margin: 5px 4px;
  cursor: pointer;
}

#bloggertrix_slider .slide-nav a:hover {
  background: #27BAFF !important;
}

#bloggertrix_slider .progress-bar {
  width: 0px;
  background-color: #AAAAAA;
  height: 2px;
  top: -2px;
  overflow: visible !important;
  display: block !important;
  position: relative;
}

#bloggertrix_slider .controls {
  height: 26px;
  margin: 4px auto 0;
  display: table;
}

#bloggertrix_sliderr .pause-play-control {
  width: 46px;
  height: 26px;
  float: left;
  background: #3A3A3A;
  color: #fff;
}

#bloggertrix_slider .pause-play-control a {
  width: 9px;
  height: 19px;
  display: block;
  overflow: hidden;
  text-indent: -9999px;
  background: url('http://img837.imageshack.us/img837/7647/fqnu.png');
  cursor: pointer;
  margin: 3px auto 0;
}

#bloggertrix_slider .pause-play-control a.play-slide {
  background-position: -5px -3px;
}

#bloggertrix_slider .pause-play-control a.pause-slide {
  background-position: -29px -3px;
}

#bloggertrix_slider .slider-next,
#bloggertrix_slider .slider-prev {
  width: 46px;
  height: 46px;
  background: #3a3a3a;
  display: block;
  font-size: 41px;
  color: #FFF;
  font-weight: bold;
  text-align: center;
  position: absolute;
  cursor: pointer;
  text-indent: -999px;
  overflow: hidden;
}

#bloggertrix_slider .slider-next:before,
#bloggertrix_slider .slider-prev:before {
  background: #3a3a3a url('http://img837.imageshack.us/img837/7647/fqnu.png');
  width: 32px;
  height: 32px;
  position: relative;
  top: 7px;
  left: 7px;
  content: '';
  display: block;
}
/*#bloggertrix_slider .slider-next {margin: -220px 0 0 681px;}
 #bloggertrix_slider .slider-prev {margin: -220px 0 0 4px;}*/

#bloggertrix_slider .slider-next:before {
  background-position: -5px -31px;
}

#bloggertrix_slider .slider-prev:before {
  background-position: -5px -70px;
}

.slide1 img {
  position: relative;
}

.img-logo {
  margin-left: 150px;
}

.img-mobile {
  margin-top: 45px;
}

.img-tablet {
  margin: -168px 0 0 139px;
}

.img-laptop {
  margin: -186px 0 0 349px;
}

.slide1 {
  background-color: #67b608
}

.slide2 {
  background-color: #03bbd3
}

.slide3 {
  background-color: #cf6b30
}

.slide4 {
  background-color: #f2a87b
}

.slide5 {
  background-color: #388efd
}
</style>

HTML KODU
Kod:
<link href='https://bloggertrixcode.googlecode.com/files/animate.css' rel='stylesheet' type='text/css' />
<link href='http://fonts.googleapis.com/css?family=Kavoon' rel='stylesheet' type='text/css' />

<div id="bloggertrix_slider">
    <div class="slide1">
        <img src="http://3.bp.blogspot.com/-dKeS9I4BEeY/UjBmuAm-YII/AAAAAAAAA4c/tIopSqh4syM/s1600/bloggertrix1.jpg" />
    </div>
    <div class="slide2">
        <img src="http://4.bp.blogspot.com/-sSl9hwXkN6E/UjBmupmRaeI/AAAAAAAAA4g/-vZVqv3Vup8/s1600/bloggertrix2.jpg" />
    </div>
    <div class="slide3">
        <img src="http://3.bp.blogspot.com/-Xlbd4EmlOZM/UjBmu7kFotI/AAAAAAAAA4o/rUGY0UYNFmQ/s1600/bloggertrix3.jpg" />
    </div>
    <div class="slide4">
        <img src="http://3.bp.blogspot.com/-t2AqwAU9hT4/UjBmx3f_lWI/AAAAAAAAA48/45XzYSOocH8/s1600/bloggertrix4.jpg" />
    </div>
    <div class="slide5">
        <img src="http://4.bp.blogspot.com/-bUDnHnhb-J8/UjBmxri-nzI/AAAAAAAAA40/xeUpJAVCFjI/s1600/bloggertrix5.jpg" />
    </div>
</div>
<div style='clear: both;'>

HTML kodu içindeki img src bölümünden istediğiniz görselleri ekleyebilirsiniz.
______________


En son slobada tarafından 24.06.2015 10:41:17 tarihinde değiştirildi, toplam 1 kere değiştirildi
Önceki mesajları göster:   


Powered by phpBB © 2001, 2005 phpBB Group
Türkçe Çeviri: phpBB Türkiye & Erdem Çorapçıoğlu