• 17-07-2018, 20:45:03
    #1
    Üyeliği durduruldu
    Merhabalar , Elimizdeki panelin alt kısımında hizmet verdiğimiz iiller şeklinde ekleme yapıcam ama yapamıyorum görseller hep alta gidiyor bunu tam nasıl hizalıcam

    Olmasını İstediğimiz Görüntü Bu : https://i.hizliresim.com/RD07yn.png

    Ama Ortaya Çıkan bu : https://i.hizliresim.com/j68kJD.png

    Bunu Nasıl Düzelticem yardım eder misiniz ?

    WEB SİTESİ : Barlas2

    index.php Dosyası ;

    <?php get_header(); ?>
    <script type="text/javascript" src="<?php echo get_bloginfo('template_url'); ?>/js/jquery.min.js"></script>
    <link href="<?php echo get_bloginfo('template_url'); ?>/css/layerslider.css" rel="stylesheet" type="text/css" media="all" />
    <script src="<?php echo get_bloginfo('template_url'); ?>/js/jquery-easing-1.3.js" type="text/javascript"></script>
    <script src="<?php echo get_bloginfo('template_url'); ?>/js/layerslider.jquery.js" type="text/javascript"></script>
    <script type="text/javascript">
    	$(document).ready(function(){
    		$('#layerslider').layerSlider({
    			skinsPath : '<?php echo get_bloginfo('template_url'); ?>/images/layer-skins/',
    			skin : 'fullwidth',
    			thumbnailNavigation : 'hover',
    			hoverPrevNext : false,
    			responsive : false,
    			responsiveUnder : 940,
    			sublayerContainer : 900,
    			cbInit				: function(element){jQuery('.c-api').append(jQuery('<span>function cbInit() called</span><br>'));},
    			cbStart				: function(data){jQuery('.c-api').append( jQuery('<span>function cbStart() called</span><br>'));},
    			cbStop				: function(data){jQuery('.c-api').append( jQuery('<span>function cbStop() called</span><br>'));},
    			cbPause				: function(data){jQuery('.c-api').append( jQuery('<span>function cbPause() called (pauseOnHover)</span><br>'));},
    			cbAnimStart			: function(data){jQuery('.c-api').append( jQuery('<span>function cbAnimStart() called, current layer is: '+data.curLayerIndex+', next layer is: '+data.nextLayerIndex+'</span><br>'));},
    			cbAnimStop			: function(data){jQuery('.c-api').append( jQuery('<span>function cbAnimStop() called</span><br>'));},
    			cbPrev				: function(data){jQuery('.c-api').append( jQuery('<span>function cbPrev() called</span><br>'));},
    			cbNext				: function(data){jQuery('.c-api').append( jQuery('<span>function cbNext() called</span><br>'));}
    		});
    	});		
    </script>
    <!-- Pretty Photo -->
    <link rel="stylesheet" href="<?php echo get_bloginfo('template_url'); ?>/css/prettyPhoto.css" type="text/css" media="screen" title="prettyPhoto main stylesheet" charset="utf-8" />
    <script src="<?php echo get_bloginfo('template_url'); ?>/js/jquery.prettyPhoto.js" type="text/javascript" charset="utf-8"></script>
    <script type="text/javascript" charset="utf-8">jQuery(document).ready(function($){$(".gallery a[rel^='prettyPhoto']").prettyPhoto({animation_speed:'normal',theme:'light_square',slideshow:3000, autoplay_slideshow: false,social_tools: false});});</script>
    <!-- Slider -->
    <div id="home-slider">
    <div class="home-slider-bg">
    <div id="layerslider-container">              
    <div id="layerslider" style="width:100%; height: 420px; margin: 0px auto; ">  
    <?php include (TEMPLATEPATH . "/inc/slider.php"); ?>                   
    </div>
    </div>
    </div>
    </div>
    <script src="<?php echo get_bloginfo('template_url'); ?>/js/cufon-yui.js" ></script>
    <script src="<?php echo get_bloginfo('template_url'); ?>/js/note-this.cufonfonts.js" ></script>
    <script src="<?php echo get_bloginfo('template_url'); ?>/js/fmslideshow.min.js" type="text/javascript"></script>
    <!--Hizmetler-->
    <?php include (TEMPLATEPATH . "/inc/hizmetler.php"); ?>
    <div id="bannerOut"></div>
    <div id="system_content">
    <!--#Hizmetler-->
    
    <div class="container">
    <ul class="row block-grid-v2">
    <center><a href="http://hizliresim.com/OD0mdQ"><img src="https://i.hizliresim.com/OD0mdQ.png"></a>
    <a href="http://hizliresim.com/OD0mdQ"><img src="https://i.hizliresim.com/OD0mdQ.png"></a>
    <a href="http://hizliresim.com/OD0mdQ"><img src="https://i.hizliresim.com/OD0mdQ.png"></a>
    <a href="http://hizliresim.com/OD0mdQ"><img src="https://i.hizliresim.com/OD0mdQ.png"></a>
    <a href="http://hizliresim.com/OD0mdQ"><img src="https://i.hizliresim.com/OD0mdQ.png"></a>
    <a href="http://hizliresim.com/OD0mdQ"><img src="https://i.hizliresim.com/OD0mdQ.png"></a></center>
    <div class="col-md-6 col-sm-6">
    
    
    <a href="http://hizliresim.com/OD0mdQ"><img src="https://i.hizliresim.com/OD0mdQ.png"></a> <div style="margin-center:20px;"><a href="http://hizliresim.com/OD0mdQ"><img src="https://i.hizliresim.com/OD0mdQ.png"></a></div>
    <a href="http://hizliresim.com/OD0mdQ"><img src="https://i.hizliresim.com/OD0mdQ.png"></a>
    <a href="http://hizliresim.com/OD0mdQ"><img src="https://i.hizliresim.com/OD0mdQ.png"></a>
    <a href="http://hizliresim.com/OD0mdQ"><img src="https://i.hizliresim.com/OD0mdQ.png"></a>
    <a href="http://hizliresim.com/OD0mdQ"><img src="https://i.hizliresim.com/OD0mdQ.png"></a>
    <a href="http://hizliresim.com/OD0mdQ"><img src="https://i.hizliresim.com/OD0mdQ.png"></a>
    <a href="http://hizliresim.com/OD0mdQ"><img src="https://i.hizliresim.com/OD0mdQ.png"></a>
    <a href="http://hizliresim.com/OD0mdQ"><img src="https://i.hizliresim.com/OD0mdQ.png"></a>
    <a href="http://hizliresim.com/OD0mdQ"><img src="https://i.hizliresim.com/OD0mdQ.png"></a>
    <a href="http://hizliresim.com/OD0mdQ"><img src="https://i.hizliresim.com/OD0mdQ.png"></a>
    </div>
    
    <center><a href="http://hizliresim.com/OD0mdQ"><img src="https://i.hizliresim.com/OD0mdQ.png"></a>
    <a href="http://hizliresim.com/OD0mdQ"><img src="https://i.hizliresim.com/OD0mdQ.png"></a>
    <a href="http://hizliresim.com/OD0mdQ"><img src="https://i.hizliresim.com/OD0mdQ.png"></a>
    <a href="http://hizliresim.com/OD0mdQ"><img src="https://i.hizliresim.com/OD0mdQ.png"></a>
    <a href="http://hizliresim.com/OD0mdQ"><img src="https://i.hizliresim.com/OD0mdQ.png"></a>
    <a href="http://hizliresim.com/OD0mdQ"><img src="https://i.hizliresim.com/OD0mdQ.png"></a>
    <a href="http://hizliresim.com/OD0mdQ"><img src="https://i.hizliresim.com/OD0mdQ.png"></a>
    <a href="http://hizliresim.com/OD0mdQ"><img src="https://i.hizliresim.com/OD0mdQ.png"></a>
    <a href="http://hizliresim.com/OD0mdQ"><img src="https://i.hizliresim.com/OD0mdQ.png"></a>
    <a href="http://hizliresim.com/OD0mdQ"><img src="https://i.hizliresim.com/OD0mdQ.png"></a></center>
    </div>
    
    <?php get_footer(); ?>
  • 17-07-2018, 20:54:18
    #2
    panel bilgilerini pm atın bir bakayım.
  • 17-07-2018, 20:59:30
    #3
    Alttaki şekilde eklerseniz sorun düzelecektir. kendiniz birazdadaha boşlukları düzenleyebilirsiniz.



    <?php get_header(); ?>
    <script type="text/javascript" src="<?php echo get_bloginfo('template_url'); ?>/js/jquery.min.js"></script>
    <link href="<?php echo get_bloginfo('template_url'); ?>/css/layerslider.css" rel="stylesheet" type="text/css" media="all" />
    <script src="<?php echo get_bloginfo('template_url'); ?>/js/jquery-easing-1.3.js" type="text/javascript"></script>
    <script src="<?php echo get_bloginfo('template_url'); ?>/js/layerslider.jquery.js" type="text/javascript"></script>
    <script type="text/javascript">
       $(document).ready(function(){
          $('#layerslider').layerSlider({
             skinsPath : '<?php echo get_bloginfo('template_url'); ?>/images/layer-skins/',
             skin : 'fullwidth',
             thumbnailNavigation : 'hover',
             hoverPrevNext : false,
             responsive : false,
             responsiveUnder : 940,
             sublayerContainer : 900,
             cbInit            : function(element){jQuery('.c-api').append(jQuery('<span>function cbInit() called</span><br>'));},
             cbStart           : function(data){jQuery('.c-api').append( jQuery('<span>function cbStart() called</span><br>'));},
             cbStop            : function(data){jQuery('.c-api').append( jQuery('<span>function cbStop() called</span><br>'));},
             cbPause           : function(data){jQuery('.c-api').append( jQuery('<span>function cbPause() called (pauseOnHover)</span><br>'));},
             cbAnimStart       : function(data){jQuery('.c-api').append( jQuery('<span>function cbAnimStart() called, current layer is: '+data.curLayerIndex+', next layer is: '+data.nextLayerIndex+'</span><br>'));},
             cbAnimStop        : function(data){jQuery('.c-api').append( jQuery('<span>function cbAnimStop() called</span><br>'));},
             cbPrev            : function(data){jQuery('.c-api').append( jQuery('<span>function cbPrev() called</span><br>'));},
             cbNext            : function(data){jQuery('.c-api').append( jQuery('<span>function cbNext() called</span><br>'));}
          });
       });      
    </script>
    <!-- Pretty Photo -->
    <link rel="stylesheet" href="<?php echo get_bloginfo('template_url'); ?>/css/prettyPhoto.css" type="text/css" media="screen" title="prettyPhoto main stylesheet" charset="utf-8" />
    <script src="<?php echo get_bloginfo('template_url'); ?>/js/jquery.prettyPhoto.js" type="text/javascript" charset="utf-8"></script>
    <script type="text/javascript" charset="utf-8">jQuery(document).ready(function($){$(".gallery a[rel^='prettyPhoto']").prettyPhoto({animation_speed:'normal',theme:'light_square',slideshow:3000, autoplay_slideshow: false,social_tools: false});});</script>
    <!-- Slider -->
    <div id="home-slider">
    <div class="home-slider-bg">
    <div id="layerslider-container">              
    <div id="layerslider" style="width:100%; height: 420px; margin: 0px auto; ">  
    <?php include (TEMPLATEPATH . "/inc/slider.php"); ?>                   
    </div>
    </div>
    </div>
    </div>
    <script src="<?php echo get_bloginfo('template_url'); ?>/js/cufon-yui.js" ></script>
    <script src="<?php echo get_bloginfo('template_url'); ?>/js/note-this.cufonfonts.js" ></script>
    <script src="<?php echo get_bloginfo('template_url'); ?>/js/fmslideshow.min.js" type="text/javascript"></script>
    <!--Hizmetler-->
    <?php include (TEMPLATEPATH . "/inc/hizmetler.php"); ?>
    <div id="bannerOut"></div>
    <div id="system_content">
    <!--#Hizmetler-->
     
    <div class="container">
    <ul class="row block-grid-v2">
    <center><a href="http://hizliresim.com/OD0mdQ"><img src="https://i.hizliresim.com/OD0mdQ.png"></a>
    <a href="http://hizliresim.com/OD0mdQ"><img src="https://i.hizliresim.com/OD0mdQ.png"></a>
    <a href="http://hizliresim.com/OD0mdQ"><img src="https://i.hizliresim.com/OD0mdQ.png"></a>
    <a href="http://hizliresim.com/OD0mdQ"><img src="https://i.hizliresim.com/OD0mdQ.png"></a>
    <a href="http://hizliresim.com/OD0mdQ"><img src="https://i.hizliresim.com/OD0mdQ.png"></a>
    <a href="http://hizliresim.com/OD0mdQ"><img src="https://i.hizliresim.com/OD0mdQ.png"></a>
     
     
    <a href="http://hizliresim.com/OD0mdQ"><img src="https://i.hizliresim.com/OD0mdQ.png"></a> <a href="http://hizliresim.com/OD0mdQ"><img src="https://i.hizliresim.com/OD0mdQ.png"></a></div>
    <a href="http://hizliresim.com/OD0mdQ"><img src="https://i.hizliresim.com/OD0mdQ.png"></a>
    <a href="http://hizliresim.com/OD0mdQ"><img src="https://i.hizliresim.com/OD0mdQ.png"></a>
    <a href="http://hizliresim.com/OD0mdQ"><img src="https://i.hizliresim.com/OD0mdQ.png"></a>
    <a href="http://hizliresim.com/OD0mdQ"><img src="https://i.hizliresim.com/OD0mdQ.png"></a>
    <a href="http://hizliresim.com/OD0mdQ"><img src="https://i.hizliresim.com/OD0mdQ.png"></a>
    <a href="http://hizliresim.com/OD0mdQ"><img src="https://i.hizliresim.com/OD0mdQ.png"></a>
    <a href="http://hizliresim.com/OD0mdQ"><img src="https://i.hizliresim.com/OD0mdQ.png"></a>
    <a href="http://hizliresim.com/OD0mdQ"><img src="https://i.hizliresim.com/OD0mdQ.png"></a>
    <a href="http://hizliresim.com/OD0mdQ"><img src="https://i.hizliresim.com/OD0mdQ.png"></a>
    
     
    <a href="http://hizliresim.com/OD0mdQ"><img src="https://i.hizliresim.com/OD0mdQ.png"></a>
    <a href="http://hizliresim.com/OD0mdQ"><img src="https://i.hizliresim.com/OD0mdQ.png"></a>
    <a href="http://hizliresim.com/OD0mdQ"><img src="https://i.hizliresim.com/OD0mdQ.png"></a>
    <a href="http://hizliresim.com/OD0mdQ"><img src="https://i.hizliresim.com/OD0mdQ.png"></a>
    <a href="http://hizliresim.com/OD0mdQ"><img src="https://i.hizliresim.com/OD0mdQ.png"></a>
    <a href="http://hizliresim.com/OD0mdQ"><img src="https://i.hizliresim.com/OD0mdQ.png"></a>
    <a href="http://hizliresim.com/OD0mdQ"><img src="https://i.hizliresim.com/OD0mdQ.png"></a>
    <a href="http://hizliresim.com/OD0mdQ"><img src="https://i.hizliresim.com/OD0mdQ.png"></a>
    <a href="http://hizliresim.com/OD0mdQ"><img src="https://i.hizliresim.com/OD0mdQ.png"></a>
    <a href="http://hizliresim.com/OD0mdQ"><img src="https://i.hizliresim.com/OD0mdQ.png"></a>
    </div>
    
    <style>
    .block-grid-v2{width:100%;float:left;}
    .block-grid-v2 a{float:left;}
    </style> 
    <?php get_footer(); ?>
  • 17-07-2018, 21:09:14
    #4
    Üyeliği durduruldu
    _secret_ adlı üyeden alıntı: mesajı görüntüle
    alttaki şekilde eklerseniz sorun düzelecektir. Kendiniz birazdadaha boşlukları düzenleyebilirsiniz.



    <?php get_header(); ?>
    <script type="text/javascript" src="<?php echo get_bloginfo('template_url'); ?>/js/jquery.min.js"></script>
    <link href="<?php echo get_bloginfo('template_url'); ?>/css/layerslider.css" rel="stylesheet" type="text/css" media="all" />
    <script src="<?php echo get_bloginfo('template_url'); ?>/js/jquery-easing-1.3.js" type="text/javascript"></script>
    <script src="<?php echo get_bloginfo('template_url'); ?>/js/layerslider.jquery.js" type="text/javascript"></script>
    <script type="text/javascript">
       $(document).ready(function(){
          $('#layerslider').layerslider({
             skinspath : '<?php echo get_bloginfo('template_url'); ?>/images/layer-skins/',
             skin : 'fullwidth',
             thumbnailnavigation : 'hover',
             hoverprevnext : False,
             responsive : False,
             responsiveunder : 940,
             sublayercontainer : 900,
             cbinit            : Function(element){jquery('.c-api').append(jquery('<span>function cbinit() called</span><br>'));},
             cbstart           : Function(data){jquery('.c-api').append( jquery('<span>function cbstart() called</span><br>'));},
             cbstop            : Function(data){jquery('.c-api').append( jquery('<span>function cbstop() called</span><br>'));},
             cbpause           : Function(data){jquery('.c-api').append( jquery('<span>function cbpause() called (pauseonhover)</span><br>'));},
             cbanimstart       : Function(data){jquery('.c-api').append( jquery('<span>function cbanimstart() called, current layer is: '+data.curlayerindex+', next layer is: '+data.nextlayerindex+'</span><br>'));},
             cbanimstop        : Function(data){jquery('.c-api').append( jquery('<span>function cbanimstop() called</span><br>'));},
             cbprev            : Function(data){jquery('.c-api').append( jquery('<span>function cbprev() called</span><br>'));},
             cbnext            : Function(data){jquery('.c-api').append( jquery('<span>function cbnext() called</span><br>'));}
          });
       });      
    </script>
    <!-- pretty photo -->
    <link rel="stylesheet" href="<?php echo get_bloginfo('template_url'); ?>/css/prettyphoto.css" type="text/css" media="screen" title="prettyphoto main stylesheet" charset="utf-8" />
    <script src="<?php echo get_bloginfo('template_url'); ?>/js/jquery.prettyphoto.js" type="text/javascript" charset="utf-8"></script>
    <script type="text/javascript" charset="utf-8">jquery(document).ready(function($){$(".gallery a[rel^='prettyphoto']").prettyphoto({animation_speed:'normal',theme:'light_square',slideshow:3000, autoplay_slideshow: False,social_tools: False});});</script>
    <!-- slider -->
    <div id="home-slider">
    <div class="home-slider-bg">
    <div id="layerslider-container">              
    <div id="layerslider" style="width:100%; height: 420px; margin: 0px auto; ">  
    <?php include (templatepath . "/inc/slider.php"); ?>                   
    </div>
    </div>
    </div>
    </div>
    <script src="<?php echo get_bloginfo('template_url'); ?>/js/cufon-yui.js" ></script>
    <script src="<?php echo get_bloginfo('template_url'); ?>/js/note-this.cufonfonts.js" ></script>
    <script src="<?php echo get_bloginfo('template_url'); ?>/js/fmslideshow.min.js" type="text/javascript"></script>
    <!--hizmetler-->
    <?php include (templatepath . "/inc/hizmetler.php"); ?>
    <div id="bannerout"></div>
    <div id="system_content">
    <!--#hizmetler-->
     
    <div class="container">
    <ul class="row block-grid-v2">
    <center><a href="http://hizliresim.com/od0mdq"><img src="https://i.hizliresim.com/od0mdq.png"></a>
    <a href="http://hizliresim.com/od0mdq"><img src="https://i.hizliresim.com/od0mdq.png"></a>
    <a href="http://hizliresim.com/od0mdq"><img src="https://i.hizliresim.com/od0mdq.png"></a>
    <a href="http://hizliresim.com/od0mdq"><img src="https://i.hizliresim.com/od0mdq.png"></a>
    <a href="http://hizliresim.com/od0mdq"><img src="https://i.hizliresim.com/od0mdq.png"></a>
    <a href="http://hizliresim.com/od0mdq"><img src="https://i.hizliresim.com/od0mdq.png"></a>
     
     
    <a href="http://hizliresim.com/od0mdq"><img src="https://i.hizliresim.com/od0mdq.png"></a> <a href="http://hizliresim.com/od0mdq"><img src="https://i.hizliresim.com/od0mdq.png"></a></div>
    <a href="http://hizliresim.com/od0mdq"><img src="https://i.hizliresim.com/od0mdq.png"></a>
    <a href="http://hizliresim.com/od0mdq"><img src="https://i.hizliresim.com/od0mdq.png"></a>
    <a href="http://hizliresim.com/od0mdq"><img src="https://i.hizliresim.com/od0mdq.png"></a>
    <a href="http://hizliresim.com/od0mdq"><img src="https://i.hizliresim.com/od0mdq.png"></a>
    <a href="http://hizliresim.com/od0mdq"><img src="https://i.hizliresim.com/od0mdq.png"></a>
    <a href="http://hizliresim.com/od0mdq"><img src="https://i.hizliresim.com/od0mdq.png"></a>
    <a href="http://hizliresim.com/od0mdq"><img src="https://i.hizliresim.com/od0mdq.png"></a>
    <a href="http://hizliresim.com/od0mdq"><img src="https://i.hizliresim.com/od0mdq.png"></a>
    <a href="http://hizliresim.com/od0mdq"><img src="https://i.hizliresim.com/od0mdq.png"></a>
    
     
    <a href="http://hizliresim.com/od0mdq"><img src="https://i.hizliresim.com/od0mdq.png"></a>
    <a href="http://hizliresim.com/od0mdq"><img src="https://i.hizliresim.com/od0mdq.png"></a>
    <a href="http://hizliresim.com/od0mdq"><img src="https://i.hizliresim.com/od0mdq.png"></a>
    <a href="http://hizliresim.com/od0mdq"><img src="https://i.hizliresim.com/od0mdq.png"></a>
    <a href="http://hizliresim.com/od0mdq"><img src="https://i.hizliresim.com/od0mdq.png"></a>
    <a href="http://hizliresim.com/od0mdq"><img src="https://i.hizliresim.com/od0mdq.png"></a>
    <a href="http://hizliresim.com/od0mdq"><img src="https://i.hizliresim.com/od0mdq.png"></a>
    <a href="http://hizliresim.com/od0mdq"><img src="https://i.hizliresim.com/od0mdq.png"></a>
    <a href="http://hizliresim.com/od0mdq"><img src="https://i.hizliresim.com/od0mdq.png"></a>
    <a href="http://hizliresim.com/od0mdq"><img src="https://i.hizliresim.com/od0mdq.png"></a>
    </div>
    
    <style>
    .block-grid-v2{width:100%;float:left;}
    .block-grid-v2 a{float:left;}
    </style> 
    <?php get_footer(); ?>

    bu seferde böyle oldu bakar misiniz siteye



    yok mu bilen eden yardımcı olabilecek biri ?
  • 19-07-2018, 23:40:59
    #5
    hocam nasıl oldugu bende gözükmedi şuanda ama dediğim şekilde ben bizzat deneyip attım size öğeyi denetle diyerek sitede uyguladım.



    hatta .block-grid-v2 a{float:left;display:inline-block}

    yaparsanız bu görüntüyü elde ederseniz biraz değişiklik katar