The forum of the forums
Welcome to the Official Support Forum of Forumotion!

To take full advantage of everything offered by our forum, please log in if you are already a member, or join our community if you've not yet.



Create a free forum like this one.

that slide show code is hase problem

View previous topic View next topic Go down

In progress that slide show code is hase problem

Post by Michael_vx on March 29th 2014, 3:25 pm

hello every one i find a code for slide show images its working 100% on none arabic sites
the problem is i need to work on the arabic site i mean like my forum
on my new test forum
http://micsoft-test.allgoo.net/h2-test-page
works fine
but on my main site wont work and images wont apper
image

see it by your self
http://micsoft.logu2.com/h15-page
and last thing is the code

Code:
<style type="text/css">
/*
* jQuery FlexSlider v2.0
* http://www.woothemes.com/flexslider/
*
* Copyright 2012 WooThemes
* Free to use under the GPLv2 license.
* http://www.gnu.org/licenses/gpl-2.0.html
*
* Contributing author: Tyler Smith (@mbmufffin)
*/
/* Browser Resets */
.flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flexslider a:focus{
outline:none;
}
.slides,
.flex-control-nav,
.flex-direction-nav{
margin:0;
padding:0;
list-style:none;
}
/* FlexSlider Necessary Styles
*********************************/
.flexslider{
margin:0;
padding:0;
}
.flexslider .slides > li{
display:none;
-webkit-backface-visibility:hidden;
-moz-backface-visibility:hidden;
-ms-backface-visibility:hidden;
-o-backface-visibility:hidden;
backface-visibility:hidden;
}
/* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img{
width:100%;
display:block;
}
.flex-pauseplay span{
text-transform:capitalize;
}
/* Clearfix for the .slides element */
.flexslider a.intro {
bottom:0;
color:rgba(0, 0, 0, 0.1);
font-size:14px;
position:absolute;
right:0;
text-decoration:none;
z-index:99999;
}
.slides:after{
content:".";
display:block;
clear:both;
visibility:hidden;
line-height:0;
height:0;
}
html[xmlns] .slides{
display:block;
}
* html .slides{
height:1%;
}
/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
* include js that eliminates this class on page load */
.no-js .slides > li:first-child{
display:block;
}
/* FlexSlider Default Theme
*********************************/
.flexslider{
margin:0 0 60px;
background:#fff;
border:4px solid #fff;
position:relative;
-webkit-border-radius:4px;
-moz-border-radius:4px;
border-radius:4px;
-webkit-box-shadow:0 1px 4px rgba(0,0,0,.2);
-moz-box-shadow:0 1px 4px rgba(0,0,0,.2);
box-shadow:0 1px 4px rgba(0,0,0,.2);
zoom:1;
}
.flex-viewport{
max-height:2000px;
-webkit-transition:all 1s ease;
-moz-transition:all 1s ease;
-o-transition:all 1s ease;
transition:all 1s ease;
}
.loading .flex-viewport{
max-height:300px;
}
.flexslider .slides{
zoom:1;
}
.carousel li{
margin-right:5px;
}
/* Direction Nav */
.flexslider li {
border: 0 none !important;
padding: 0 !important;
text-indent: 0 !important;
}
.flex-direction-nav a{
width:30px;
height:30px;
margin:-20px 0 0;
display:block;
background:url(http://project.dimpost.com/flexslider-carousel/images/bg_direction_nav.png) no-repeat 0 0;
position:absolute;
top:50%;
cursor:pointer;
text-indent:-9999px;
opacity:0;
-webkit-transition:all .3s ease;
-moz-transition:all .3s ease;
-o-transition:all .3s ease;
transition:all .3s ease;
}
.flex-direction-nav .flex-next{
background-position:100% 0;
right:-36px;
}
.flex-direction-nav .flex-prev{
left:-36px;
}
.flexslider:hover .flex-next{
opacity:0.8;
right:5px;
}
.flexslider:hover .flex-prev{
opacity:0.8;
left:5px;
}
.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover{
opacity:1;
}
.flex-direction-nav .disabled{
opacity:.3!important;
filter:alpha(opacity=30);
cursor:default;
}
/* Control Nav */
.flex-control-nav{
width:100%;
position:absolute;
bottom:-40px;
text-align:center;
}
.flex-control-nav li{
margin:0 6px;
display:inline-block;
zoom:1;
*display:inline;
}
.flex-control-paging li a{
width:11px;
height:11px;
display:block;
background:#666;
background:rgba(0,0,0,0.5);
cursor:pointer;
text-indent:-9999px;
-webkit-border-radius:20px;
-moz-border-radius:20px;
border-radius:20px;
-webkit-box-shadow:inset 0 0 3px rgba(0,0,0,0.3);
-moz-box-shadow:inset 0 0 3px rgba(0,0,0,0.3);
box-shadow:inset 0 0 3px rgba(0,0,0,0.3);
}
.flex-control-paging li a:hover{
background:#333;
background:rgba(0,0,0,0.7);
}
.flex-control-paging li a.flex-active{
background:#000;
background:rgba(0,0,0,0.9);
cursor:default;
}
.flex-control-thumbs{
margin:5px 0 0;
position:static;
overflow:hidden;
}
.flex-control-thumbs li{
width:25%;
float:left;
margin:0;
}
.flex-control-thumbs img{
width:100%;
display:block;
opacity:.7;
cursor:pointer;
}
.flex-control-thumbs img:hover{
opacity:1;
}
.flex-control-thumbs .active{
opacity:1;
cursor:default;
}
</style>
<script type="text/javascript" src="http://project.dimpost.com/flexslider-carousel/jquery.js"></script>

 <script type="text/javascript"
src="http://project.dimpost.com/flexslider-carousel/jquery.flexslider-min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$(window).load(function() {
$('.flexslider').flexslider({
animation: "slide",
animationLoop: false,
itemWidth: 210,
itemMargin: 0,
minItems: 1,
maxItems: 4
});
});
});
</script>
<div class="flexslider">
<ul class="slides">
<li>
<img src="http://project.dimpost.com/flexslider-carousel/images/slide1.jpg" />
</li>
<li>
<img src="http://project.dimpost.com/flexslider-carousel/images/slide2.jpg" />
</li>
<li>
<img src="http://project.dimpost.com/flexslider-carousel/images/slide3.jpg" />
</li>
<li>
<img src="http://project.dimpost.com/flexslider-carousel/images/slide4.jpg" />
</li>
<li>
<img src="http://project.dimpost.com/flexslider-carousel/images/slide2.jpg" />
</li>
<li>
<img src="http://project.dimpost.com/flexslider-carousel/images/slide1.jpg" />
</li>
<li>
<img src="http://project.dimpost.com/flexslider-carousel/images/slide4.jpg" />
</li>
<li>
<img src="http://project.dimpost.com/flexslider-carousel/images/slide3.jpg" />
</li>
<li>
<img src="http://project.dimpost.com/flexslider-carousel/images/slide1.jpg" />
</li>
<li>
<img src="http://project.dimpost.com/flexslider-carousel/images/slide4.jpg" />
</li>
<li>
<img src="http://project.dimpost.com/flexslider-carousel/images/slide3.jpg" />
</li>
<li>

 <img
src="http://4.bp.blogspot.com/-brDyo8F9yKE/UudLs8MjWQI/AAAAAAAACTE/EeSH4Ejod8Y/s200-c/FlexSlider-Basic.jpg"
 />
</li>
</ul>
</div>

i hope to find out why wont show images in th main forum thanks

Michael_vx
Forumember

Male Posts : 655
Reputation : 29
Language : Arabic and some English
Location : Egypt

Back to top Go down

In progress Re: that slide show code is hase problem

Post by Pizza Boi on March 29th 2014, 3:30 pm

Hi Very Happy

Sorry, but I think it's the code you implemented on your actual forum as it does not work for me also. Can you please provide the original and unedited codes along with the things you want to put in? Let me see if I can work around it Smile . Thank you!

Regards,
Pizza Boi

Pizza Boi
Hyperactive

Male Posts : 2016
Reputation : 160
Language : French
Location : Pizza Hut!

http://redlustempire.forumtl.com/

Back to top Go down

In progress Re: that slide show code is hase problem

Post by Michael_vx on March 29th 2014, 3:38 pm

@Pizza Boi wrote:Hi Very Happy

Sorry, but I think it's the code you implemented on your actual forum as it does not work for me also. Can you please provide the original and unedited codes along with the things you want to put in? Let me see if I can work around it Smile. Thank you!

Regards,
Pizza Boi
i don`t know of this code edited or unedited
i guess the code should be from this

jQuery FlexSlider v2.0
http://www.woothemes.com/flexslider/
Copyright 2012 WooThemes
Free to use under the GPLv2 license.
http://www.gnu.org/licenses/gpl-2.0.html
Contributing author: Tyler Smith (@mbmufffin)
i guess we better find out the reason for not working on some sites
and things i want to put is not ready yet lets just use the images in the code i have put in the main topic
and here they are again
Code:
http://project.dimpost.com/flexslider-carousel/images/slide1.jpg
http://project.dimpost.com/flexslider-carousel/images/slide2.jpg
http://project.dimpost.com/flexslider-carousel/images/slide3.jpg
http://project.dimpost.com/flexslider-carousel/images/slide4.jpg

Michael_vx
Forumember

Male Posts : 655
Reputation : 29
Language : Arabic and some English
Location : Egypt

Back to top Go down

In progress Re: that slide show code is hase problem

Post by Pizza Boi on March 29th 2014, 3:46 pm

Hi Very Happy

Can you please post the one you are using in your own test forum? Because any fixes I make doesn't work, maybe I can figure out the one in the test forum instead.

Regards,
Pizza Boi

Pizza Boi
Hyperactive

Male Posts : 2016
Reputation : 160
Language : French
Location : Pizza Hut!

http://redlustempire.forumtl.com/

Back to top Go down

In progress Re: that slide show code is hase problem

Post by Michael_vx on March 29th 2014, 3:48 pm

@Pizza Boi wrote:Hi Very Happy

Can you please post the one you are using in your own test forum? Because any fixes I make doesn't work, maybe I can figure out the one in the test forum instead.

Regards,
Pizza Boi
loul
the problem its same code
here or here
the same code in the 2 sites

Michael_vx
Forumember

Male Posts : 655
Reputation : 29
Language : Arabic and some English
Location : Egypt

Back to top Go down

In progress Re: that slide show code is hase problem

Post by Pizza Boi on March 29th 2014, 4:47 pm

Hi Very Happy

It doesn't work for me... I switched forum versions too. Maybe Ange can help with this one since I do not know what to do with it anymore, sorry :/ .

Regards,
Pizza Boi

Pizza Boi
Hyperactive

Male Posts : 2016
Reputation : 160
Language : French
Location : Pizza Hut!

http://redlustempire.forumtl.com/

Back to top Go down

In progress Re: that slide show code is hase problem

Post by Michael_vx on March 29th 2014, 8:08 pm

@Pizza Boi wrote:Hi Very Happy

It doesn't work for me... I switched forum versions too. Maybe Ange can help with this one since I do not know what to do with it anymore, sorry :/.

Regards,
Pizza Boi
thanks and i hope Ange take a little look to it
Arrow

Michael_vx
Forumember

Male Posts : 655
Reputation : 29
Language : Arabic and some English
Location : Egypt

Back to top Go down

In progress Re: that slide show code is hase problem

Post by Ange Tuteur on March 29th 2014, 9:24 pm

Hello Michael_vx,

On the HTML page, what happens when you tick 'no' for 'Do you wish to use your forum header and footer ?' does it work ?

Ange Tuteur
Forumaster

Male Posts : 13021
Reputation : 2683
Language : EN10, FR5
Location : Pennsylvania

http://fmdesign.forumotion.com

Back to top Go down

In progress Re: that slide show code is hase problem

Post by Michael_vx on March 29th 2014, 9:28 pm

@Ange Tuteur wrote:Hello Michael_vx,

On the HTML page, what happens when you tick 'no' for 'Do you wish to use your forum header and footer ?' does it work ?
in this case code work and images apper sorry if i late

Michael_vx
Forumember

Male Posts : 655
Reputation : 29
Language : Arabic and some English
Location : Egypt

Back to top Go down

In progress Re: that slide show code is hase problem

Post by Ange Tuteur on March 30th 2014, 12:31 pm

Okay, let us check to see if the problem could be caused by your javascripts.

Go to :
Administration panel > modules > javascripts code management

Tick 'no' for 'Enable Javascript code management' and save.

Ange Tuteur
Forumaster

Male Posts : 13021
Reputation : 2683
Language : EN10, FR5
Location : Pennsylvania

http://fmdesign.forumotion.com

Back to top Go down

In progress Re: that slide show code is hase problem

Post by Michael_vx on March 30th 2014, 6:59 pm

@Ange Tuteur wrote:Okay, let us check to see if the problem could be caused by your javascripts.

Go to :
Administration panel > modules > javascripts code management

Tick 'no' for 'Enable Javascript code management' and save.
for the forum on
http://micsoft.logu2.com
is same even with out all javascripts
as the first topic
this code is working on the English test forum
the arabic forum wont show any image just the background

Michael_vx
Forumember

Male Posts : 655
Reputation : 29
Language : Arabic and some English
Location : Egypt

Back to top Go down

In progress Re: that slide show code is hase problem

Post by Michael_vx on March 31st 2014, 10:05 am

okay is there any code works like that code if this code wont be fix
i want any good code of Slide show
any code that could work on any forum
please

Michael_vx
Forumember

Male Posts : 655
Reputation : 29
Language : Arabic and some English
Location : Egypt

Back to top Go down

In progress Re: that slide show code is hase problem

Post by Pizza Boi on March 31st 2014, 10:09 am

Hi Very Happy

Hmm... I am using this at the moment, try it, I'll indicate in the bottom part which to change since I'll be posting 2 codes:

#1 Overall code:

Code:
<center>
    <style type="text/css">

/* CSS for jQuery Orbit Plugin 1.2.3
 * www.ZURB.com/playground
 * Copyright 2010, ZURB
 * Free to use under the MIT license.
 * http://www.opensource.org/licenses/mit-license.php
 
 
 
/* PUT IN YOUR SLIDER ID AND SIZE TO MAKE LOAD BEAUTIFULLY
  ================================================== */
#featured {
   width: 717px;
   height: 280px;
   background: #000 url('http://i48.servimg.com/u/f48/15/88/79/24/loadin10.gif') no-repeat center center;
   overflow: hidden; }
#featured>img,
#featured>div,
#featured>a { display: none; }




/* CONTAINER
  ================================================== */

div.orbit-wrapper {
  width: 1px;
  height: 1px;
  position: relative; }

div.orbit {
  width: 1px;
  height: 1px;
  position: relative;
  overflow: hidden }

div.orbit>img {
  position: absolute;
  top: 0;
  left: 0;
  display: none; }

div.orbit>a {
  border: none;
  position: absolute;
  top: 0;
  left: 0;
  line-height: 0;
  display: none; }

.orbit>div {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

/* Note: If your slider only uses content or anchors, you're going to want to put the width and height declarations on the ".orbit>div" and "div.orbit>a" tags in addition to just the .orbit-wrapper */


/* TIMER
  ================================================== */

div.timer {
  width: 40px;
  height: 40px;
  overflow: hidden;
  position: absolute;
  top: 10px;
  right: 10px;
  opacity: .6;
  cursor: pointer;
  z-index: 1001; }

span.rotator {
  display: block;
  width: 40px;
  height: 40px;
  position: absolute;
  top: 0;
  left: -20px;
  background: url(http://i48.servimg.com/u/f48/15/88/79/24/rotato10.png) no-repeat;
  z-index: 3; }

span.mask {
  display: block;
  width: 20px;
  height: 40px;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 2;
  overflow: hidden; }

span.rotator.move {
  left: 0 }

span.mask.move {
  width: 40px;
  left: 0;
  background: url(http://i48.servimg.com/u/f48/15/88/79/24/timer-10.png) repeat 0 0; }

span.pause {
  display: block;
  width: 40px;
  height: 40px;
  position: absolute;
  top: 0;
  left: 0;
  background: url(http://i48.servimg.com/u/f48/15/88/79/24/pause-10.png) no-repeat;
  z-index: 4;
  opacity: 0; }

span.pause.active {
  background: url(http://i48.servimg.com/u/f48/15/88/79/24/pause-10.png) no-repeat 0 -40px }

div.timer:hover span.pause,
span.pause.active {
  opacity: 1 }


/* CAPTIONS
  ================================================== */

.orbit-caption {
  display: none;
  font-family: "HelveticaNeue", "Helvetica-Neue", Helvetica, Arial, sans-serif; }

.orbit-wrapper .orbit-caption {
  background: #000;
  background: rgba(0,0,0,.6);
  z-index: 1000;
  color: #fff;
   text-align: center;
   padding: 7px 0;
  font-size: 13px;
  position: absolute;
  right: 0;
  bottom: 0;
  width: 100%; }


/* DIRECTIONAL NAV
  ================================================== */

div.slider-nav {
  display: block }

div.slider-nav span {
  width: 78px;
  height: 100px;
  text-indent: -9999px;
  position: absolute;
  z-index: 1000;
  top: 50%;
  margin-top: -50px;
  cursor: pointer; }

div.slider-nav span.right {
  background: url(http://i48.servimg.com/u/f48/15/88/79/24/right-10.png);
  right: 0; }

div.slider-nav span.left {
  background: url(http://i48.servimg.com/u/f48/15/88/79/24/left-a10.png);
  left: 0; }

/* BULLET NAV
  ================================================== */

.orbit-bullets {
  position: absolute;
  z-index: 1000;
  list-style: none;
  bottom: -40px;
  left: 50%;
   margin-left: -50px;
  padding: 0; }

.orbit-bullets li {
  float: left;
  margin-left: 5px;
  cursor: pointer;
  color: #999;
  text-indent: -9999px;
  background: url(http://i48.servimg.com/u/f48/15/88/79/24/bullet10.jpg) no-repeat 4px 0;
  width: 13px;
  height: 12px;
  overflow: hidden; }

.orbit-bullets li.active {
  color: #222;
  background-position: -8px 0; }
 
.orbit-bullets li.has-thumb {
  background: none;
  width: 100px;
  height: 75px; }

.orbit-bullets li.active.has-thumb {
  background-position: 0 0;
  border-top: 2px solid #000; }

</style> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js?ver=1.5.1" type="text/javascript"></script><script type="text/javascript">
/*
 * jQuery Orbit Plugin 1.2.3
 * www.ZURB.com/playground
 * Copyright 2010, ZURB
 * Free to use under the MIT license.
 * http://www.opensource.org/licenses/mit-license.php
*/

(function(d){d.fn.orbit=function(a){a=d.extend({animation:"horizontal-push",animationSpeed:600,timer:!0,advanceSpeed:6E3,pauseOnHover:!1,startClockOnMouseOut:!1,startClockOnMouseOutAfter:1E3,directionalNav:!0,captions:!0,captionAnimation:"fade",captionAnimationSpeed:600,bullets:!1,bulletThumbs:!1,bulletThumbLocation:"",afterSlideChange:function(){}},a);return this.each(function(){function q(){if(!a.timer||a.timer=="false")return!1;else r.is(":hidden")?s=setInterval(function(){l("next")},a.advanceSpeed):
(o=!0,x.removeClass("active"),s=setInterval(function(){var a="rotate("+m+"deg)";m+=3;t.css({"-webkit-transform":a,"-moz-transform":a,"-o-transform":a});m>180&&(t.addClass("move"),y.addClass("move"));m>360&&(t.removeClass("move"),y.removeClass("move"),m=0,l("next"))},a.advanceSpeed/180))}function n(){if(!a.timer||a.timer=="false")return!1;else o=!1,clearInterval(s),x.addClass("active")}function z(){if(!a.captions||a.captions=="false")return!1;else{var c=e.eq(b).data("caption");(_captionHTML=d(c).html())?
(j.attr("id",c).html(_captionHTML),a.captionAnimation=="none"&&j.show(),a.captionAnimation=="fade"&&j.fadeIn(a.captionAnimationSpeed),a.captionAnimation=="slideOpen"&&j.slideDown(a.captionAnimationSpeed)):(a.captionAnimation=="none"&&j.hide(),a.captionAnimation=="fade"&&j.fadeOut(a.captionAnimationSpeed),a.captionAnimation=="slideOpen"&&j.slideUp(a.captionAnimationSpeed))}}function A(){if(a.bullets)C.children("li").removeClass("active").eq(b).addClass("active");else return!1}function l(c){function d(){e.eq(f).css({"z-index":1});
u=!1;a.afterSlideChange.call(this)}var f=b,g=c;if(f==g)return!1;if(e.length=="1")return!1;u||(u=!0,c=="next"?(b++,b==p&&(b=0)):c=="prev"?(b--,b<0&&(b=p-1)):(b=c,f<b?g="next":f>b&&(g="prev")),A(),e.eq(f).css({"z-index":2}),a.animation=="fade"&&e.eq(b).css({opacity:0,"z-index":3}).animate({opacity:1},a.animationSpeed,d),a.animation=="horizontal-slide"&&(g=="next"&&e.eq(b).css({left:h,"z-index":3}).animate({left:0},a.animationSpeed,d),g=="prev"&&e.eq(b).css({left:-h,"z-index":3}).animate({left:0},a.animationSpeed,
d)),a.animation=="vertical-slide"&&(g=="prev"&&e.eq(b).css({top:v,"z-index":3}).animate({top:0},a.animationSpeed,d),g=="next"&&e.eq(b).css({top:-v,"z-index":3}).animate({top:0},a.animationSpeed,d)),a.animation=="horizontal-push"&&(g=="next"&&(e.eq(b).css({left:h,"z-index":3}).animate({left:0},a.animationSpeed,d),e.eq(f).animate({left:-h},a.animationSpeed)),g=="prev"&&(e.eq(b).css({left:-h,"z-index":3}).animate({left:0},a.animationSpeed,d),e.eq(f).animate({left:h},a.animationSpeed))),z())}var b=0,
p=0,h,v,u,f=d(this).addClass("orbit"),c=f.wrap('<div class="orbit-wrapper" />').parent();f.add(h).width("1px").height("1px");var e=f.children("img, a, div");e.each(function(){var a=d(this),b=a.width(),a=a.height();b>f.width()&&(f.add(c).width(b),h=f.width());a>f.height()&&(f.add(c).height(a),v=f.height());p++});if(e.length==1)a.directionalNav=!1,a.timer=!1,a.bullets=!1;e.eq(b).css({"z-index":3}).fadeIn(function(){e.css({display:"block"})});if(a.timer){c.append('<div class="timer"><span class="mask"><span class="rotator"></span></span><span class="pause"></span></div>');
var r=c.children("div.timer"),o;if(r.length!=0){var t=d("div.timer span.rotator"),y=d("div.timer span.mask"),x=d("div.timer span.pause"),m=0,s;q();r.click(function(){o?n():q()});if(a.startClockOnMouseOut){var B;c.mouseleave(function(){B=setTimeout(function(){o||q()},a.startClockOnMouseOutAfter)});c.mouseenter(function(){clearTimeout(B)})}}}a.pauseOnHover&&c.mouseenter(function(){n()});if(a.captions){c.append('<div class="orbit-caption"></div>');var j=c.children(".orbit-caption");z()}if(a.directionalNav){if(a.directionalNav==
"false")return!1;c.append('<div class="slider-nav"><span class="right">Right</span><span class="left">Left</span></div>');var k=c.children("div.slider-nav").children("span.left"),w=c.children("div.slider-nav").children("span.right");k.click(function(){n();l("prev")});w.click(function(){n();l("next")})}if(a.bullets){c.append('<ul class="orbit-bullets"></ul>');var C=c.children("ul.orbit-bullets");for(i=0;i<p;i++){k=d("<li>"+(i+1)+"</li>");if(a.bulletThumbs&&(w=e.eq(i).data("thumb")))k=d('<li class="has-thumb">'+
i+"</li>"),k.css({background:"url("+a.bulletThumbLocation+w+") no-repeat"});c.children("ul.orbit-bullets").append(k);k.data("index",i);k.click(function(){n();l(d(this).data("index"))})}A()}})}})(jQuery);
</script><script type="text/javascript">
  jQuery(window).load(function() {
  jQuery('#featured').orbit();
  });
</script>
   <div id="featured"> <a href=""><img style="height: 310px;" alt="" src="IMG LINK" /></a><a href="URL"><img style="width: 750px;" alt="" src="IMG LINK" /></a><a href="URL"><img style="width: 750px;" malt="" src="IMG LINK" /></a><a href="URL"><img style="width: 750px;" alt="" src="IMG LINK" /></a>
   </div>
</center>

And this is the portion you should change (It's located in the most bottom part of the code) :

Code:
<div id="featured"> <a href=""><img style="height: 310px;" alt="" src="IMG LINK" /></a><a href="URL"><img style="width: 750px;" alt="" src="IMG LINK" /></a><a href="URL"><img style="width: 750px;" malt="" src="IMG LINK" /></a><a href="URL"><img style="width: 750px;" alt="" src="IMG LINK" /></a>
   </div>

I indicated which is which already. You can adjust their styles like I did in there which has 750px width, but it is up to you.

Regards,
Pizza Boi

Pizza Boi
Hyperactive

Male Posts : 2016
Reputation : 160
Language : French
Location : Pizza Hut!

http://redlustempire.forumtl.com/

Back to top Go down

In progress Re: that slide show code is hase problem

Post by Michael_vx on March 31st 2014, 11:27 am

hi its great code the only problem left is
height
i need it with about 160 ths height right now is about 700 its too much

Michael_vx
Forumember

Male Posts : 655
Reputation : 29
Language : Arabic and some English
Location : Egypt

Back to top Go down

In progress Re: that slide show code is hase problem

Post by Pizza Boi on March 31st 2014, 11:41 am

Hi Very Happy

In this part, please change the width and height:

Code:
#featured {
  width: 717px;
  height: 280px;
  background: #000 url('http://i48.servimg.com/u/f48/15/88/79/24/loadin10.gif') no-repeat center center;

Ask for more modifications if you want, I'll gladly answer them Smile .

Regards,
Pizza Boi

Pizza Boi
Hyperactive

Male Posts : 2016
Reputation : 160
Language : French
Location : Pizza Hut!

http://redlustempire.forumtl.com/

Back to top Go down

In progress Re: that slide show code is hase problem

Post by Michael_vx on March 31st 2014, 11:49 am

@Pizza Boi wrote:Hi Very Happy

In this part, please change the width and height:

Code:
#featured {
width: 717px;
  height: 280px;
  background: #000 url('http://i48.servimg.com/u/f48/15/88/79/24/loadin10.gif') no-repeat center center;

Ask for more modifications if you want, I'll gladly answer them Smile.

Regards,
Pizza Boi
did you see the slide code size i was asking to fix it?
i want this one to be same as size of it
thanks

Michael_vx
Forumember

Male Posts : 655
Reputation : 29
Language : Arabic and some English
Location : Egypt

Back to top Go down

In progress Re: that slide show code is hase problem

Post by Pizza Boi on March 31st 2014, 12:01 pm

Hi Very Happy

I don't believe it has a constant variable but I've been able to detect heights in these parts:

Code:
    .flexslider{
    margin:0 0 60px;
    background:#fff;
    border:4px solid #fff;
    position:relative;
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    border-radius:4px;
    -webkit-box-shadow:0 1px 4px rgba(0,0,0,.2);
    -moz-box-shadow:0 1px 4px rgba(0,0,0,.2);
    box-shadow:0 1px 4px rgba(0,0,0,.2);
    zoom:1;
    }
    .flex-viewport{
    max-height:2000px;
    -webkit-transition:all 1s ease;
    -moz-transition:all 1s ease;
    -o-transition:all 1s ease;
    transition:all 1s ease;
    }
.loading .flex-viewport{
    max-height:300px;
    }

And width for this one:

Code:
  /* Hide the slides before the JS is loaded. Avoids image jumping */
    .flexslider .slides img{
    width:100%;
    display:block;
    }

See if you can adjust it to your liking and if you can't, I'll try to fill in as much as I can.

Regards,
Pizza Boi


Pizza Boi
Hyperactive

Male Posts : 2016
Reputation : 160
Language : French
Location : Pizza Hut!

http://redlustempire.forumtl.com/

Back to top Go down

In progress Re: that slide show code is hase problem

Post by Michael_vx on March 31st 2014, 12:26 pm

confused
are you sure this is part from the code you have sent in 1st time
i was trying to find any thing in this code
to make little lower not higher
confusedconfusedconfusedconfused
can resize it for me to be
850X160

Michael_vx
Forumember

Male Posts : 655
Reputation : 29
Language : Arabic and some English
Location : Egypt

Back to top Go down

In progress Re: that slide show code is hase problem

Post by Pizza Boi on March 31st 2014, 12:40 pm

Hi Very Happy

This one then:

Code:
<center>
    <style type="text/css">

/* CSS for jQuery Orbit Plugin 1.2.3
 * www.ZURB.com/playground
 * Copyright 2010, ZURB
 * Free to use under the MIT license.
 * http://www.opensource.org/licenses/mit-license.php
 
 
 
/* PUT IN YOUR SLIDER ID AND SIZE TO MAKE LOAD BEAUTIFULLY
  ================================================== */
#featured {
  width: 850px;
  height: 160px;
  background: #000 url('http://i48.servimg.com/u/f48/15/88/79/24/loadin10.gif') no-repeat center center;
  overflow: hidden; }
#featured>img, 
#featured>div,
#featured>a { display: none; }




/* CONTAINER
  ================================================== */

div.orbit-wrapper {
    width: 1px;
    height: 1px;
    position: relative; }

div.orbit {
    width: 1px;
    height: 1px;
    position: relative;
    overflow: hidden }

div.orbit>img {
    position: absolute;
    top: 0;
    left: 0;
    display: none; }

div.orbit>a {
    border: none;
    position: absolute;
    top: 0;
    left: 0;
    line-height: 0;
    display: none; }

.orbit>div {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }

/* Note: If your slider only uses content or anchors, you're going to want to put the width and height declarations on the ".orbit>div" and "div.orbit>a" tags in addition to just the .orbit-wrapper */


/* TIMER
  ================================================== */

div.timer {
    width: 40px;
    height: 40px;
    overflow: hidden;
    position: absolute;
    top: 10px;
    right: 10px;
    opacity: .6;
    cursor: pointer;
    z-index: 1001; }

span.rotator {
    display: block;
    width: 40px;
    height: 40px;
    position: absolute;
    top: 0;
    left: -20px;
    background: url(http://i48.servimg.com/u/f48/15/88/79/24/rotato10.png) no-repeat;
    z-index: 3; }

span.mask {
    display: block;
    width: 20px;
    height: 40px;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 2;
    overflow: hidden; }

span.rotator.move {
    left: 0 }

span.mask.move {
    width: 40px;
    left: 0;
    background: url(http://i48.servimg.com/u/f48/15/88/79/24/timer-10.png) repeat 0 0; }

span.pause {
    display: block;
    width: 40px;
    height: 40px;
    position: absolute;
    top: 0;
    left: 0;
    background: url(http://i48.servimg.com/u/f48/15/88/79/24/pause-10.png) no-repeat;
    z-index: 4;
    opacity: 0; }

span.pause.active {
    background: url(http://i48.servimg.com/u/f48/15/88/79/24/pause-10.png) no-repeat 0 -40px }

div.timer:hover span.pause,
span.pause.active {
    opacity: 1 }


/* CAPTIONS
  ================================================== */

.orbit-caption {
    display: none;
    font-family: "HelveticaNeue", "Helvetica-Neue", Helvetica, Arial, sans-serif; }

.orbit-wrapper .orbit-caption {
    background: #000;
    background: rgba(0,0,0,.6);
    z-index: 1000;
    color: #fff;
  text-align: center;
  padding: 7px 0;
    font-size: 13px;
    position: absolute;
    right: 0;
    bottom: 0;
    width: 100%; }


/* DIRECTIONAL NAV
  ================================================== */

div.slider-nav {
    display: block }

div.slider-nav span {
    width: 78px;
    height: 100px;
    text-indent: -9999px;
    position: absolute;
    z-index: 1000;
    top: 50%;
    margin-top: -50px;
    cursor: pointer; }

div.slider-nav span.right {
    background: url(http://i48.servimg.com/u/f48/15/88/79/24/right-10.png);
    right: 0; }

div.slider-nav span.left {
    background: url(http://i48.servimg.com/u/f48/15/88/79/24/left-a10.png);
    left: 0; }

/* BULLET NAV
  ================================================== */

.orbit-bullets {
    position: absolute;
    z-index: 1000;
    list-style: none;
    bottom: -40px;
    left: 50%;
  margin-left: -50px;
    padding: 0; }

.orbit-bullets li {
    float: left;
    margin-left: 5px;
    cursor: pointer;
    color: #999;
    text-indent: -9999px;
    background: url(http://i48.servimg.com/u/f48/15/88/79/24/bullet10.jpg) no-repeat 4px 0;
    width: 13px;
    height: 12px;
    overflow: hidden; }

.orbit-bullets li.active {
    color: #222;
    background-position: -8px 0; }
   
.orbit-bullets li.has-thumb {
    background: none;
    width: 100px;
    height: 75px; }

.orbit-bullets li.active.has-thumb {
    background-position: 0 0;
    border-top: 2px solid #000; }

</style> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js?ver=1.5.1" type="text/javascript"></script><script type="text/javascript">
/*
 * jQuery Orbit Plugin 1.2.3
 * www.ZURB.com/playground
 * Copyright 2010, ZURB
 * Free to use under the MIT license.
 * http://www.opensource.org/licenses/mit-license.php
*/

(function(d){d.fn.orbit=function(a){a=d.extend({animation:"horizontal-push",animationSpeed:600,timer:!0,advanceSpeed:6E3,pauseOnHover:!1,startClockOnMouseOut:!1,startClockOnMouseOutAfter:1E3,directionalNav:!0,captions:!0,captionAnimation:"fade",captionAnimationSpeed:600,bullets:!1,bulletThumbs:!1,bulletThumbLocation:"",afterSlideChange:function(){}},a);return this.each(function(){function q(){if(!a.timer||a.timer=="false")return!1;else r.is(":hidden")?s=setInterval(function(){l("next")},a.advanceSpeed):
(o=!0,x.removeClass("active"),s=setInterval(function(){var a="rotate("+m+"deg)";m+=3;t.css({"-webkit-transform":a,"-moz-transform":a,"-o-transform":a});m>180&&(t.addClass("move"),y.addClass("move"));m>360&&(t.removeClass("move"),y.removeClass("move"),m=0,l("next"))},a.advanceSpeed/180))}function n(){if(!a.timer||a.timer=="false")return!1;else o=!1,clearInterval(s),x.addClass("active")}function z(){if(!a.captions||a.captions=="false")return!1;else{var c=e.eq(b).data("caption");(_captionHTML=d(c).html())?
(j.attr("id",c).html(_captionHTML),a.captionAnimation=="none"&&j.show(),a.captionAnimation=="fade"&&j.fadeIn(a.captionAnimationSpeed),a.captionAnimation=="slideOpen"&&j.slideDown(a.captionAnimationSpeed)):(a.captionAnimation=="none"&&j.hide(),a.captionAnimation=="fade"&&j.fadeOut(a.captionAnimationSpeed),a.captionAnimation=="slideOpen"&&j.slideUp(a.captionAnimationSpeed))}}function A(){if(a.bullets)C.children("li").removeClass("active").eq(b).addClass("active");else return!1}function l(c){function d(){e.eq(f).css({"z-index":1});
u=!1;a.afterSlideChange.call(this)}var f=b,g=c;if(f==g)return!1;if(e.length=="1")return!1;u||(u=!0,c=="next"?(b++,b==p&&(b=0)):c=="prev"?(b--,b<0&&(b=p-1)):(b=c,f<b?g="next":f>b&&(g="prev")),A(),e.eq(f).css({"z-index":2}),a.animation=="fade"&&e.eq(b).css({opacity:0,"z-index":3}).animate({opacity:1},a.animationSpeed,d),a.animation=="horizontal-slide"&&(g=="next"&&e.eq(b).css({left:h,"z-index":3}).animate({left:0},a.animationSpeed,d),g=="prev"&&e.eq(b).css({left:-h,"z-index":3}).animate({left:0},a.animationSpeed,
d)),a.animation=="vertical-slide"&&(g=="prev"&&e.eq(b).css({top:v,"z-index":3}).animate({top:0},a.animationSpeed,d),g=="next"&&e.eq(b).css({top:-v,"z-index":3}).animate({top:0},a.animationSpeed,d)),a.animation=="horizontal-push"&&(g=="next"&&(e.eq(b).css({left:h,"z-index":3}).animate({left:0},a.animationSpeed,d),e.eq(f).animate({left:-h},a.animationSpeed)),g=="prev"&&(e.eq(b).css({left:-h,"z-index":3}).animate({left:0},a.animationSpeed,d),e.eq(f).animate({left:h},a.animationSpeed))),z())}var b=0,
p=0,h,v,u,f=d(this).addClass("orbit"),c=f.wrap('<div class="orbit-wrapper" />').parent();f.add(h).width("1px").height("1px");var e=f.children("img, a, div");e.each(function(){var a=d(this),b=a.width(),a=a.height();b>f.width()&&(f.add(c).width(b),h=f.width());a>f.height()&&(f.add(c).height(a),v=f.height());p++});if(e.length==1)a.directionalNav=!1,a.timer=!1,a.bullets=!1;e.eq(b).css({"z-index":3}).fadeIn(function(){e.css({display:"block"})});if(a.timer){c.append('<div class="timer"><span class="mask"><span class="rotator"></span></span><span class="pause"></span></div>');
var r=c.children("div.timer"),o;if(r.length!=0){var t=d("div.timer span.rotator"),y=d("div.timer span.mask"),x=d("div.timer span.pause"),m=0,s;q();r.click(function(){o?n():q()});if(a.startClockOnMouseOut){var B;c.mouseleave(function(){B=setTimeout(function(){o||q()},a.startClockOnMouseOutAfter)});c.mouseenter(function(){clearTimeout(B)})}}}a.pauseOnHover&&c.mouseenter(function(){n()});if(a.captions){c.append('<div class="orbit-caption"></div>');var j=c.children(".orbit-caption");z()}if(a.directionalNav){if(a.directionalNav==
"false")return!1;c.append('<div class="slider-nav"><span class="right">Right</span><span class="left">Left</span></div>');var k=c.children("div.slider-nav").children("span.left"),w=c.children("div.slider-nav").children("span.right");k.click(function(){n();l("prev")});w.click(function(){n();l("next")})}if(a.bullets){c.append('<ul class="orbit-bullets"></ul>');var C=c.children("ul.orbit-bullets");for(i=0;i<p;i++){k=d("<li>"+(i+1)+"</li>");if(a.bulletThumbs&&(w=e.eq(i).data("thumb")))k=d('<li class="has-thumb">'+
i+"</li>"),k.css({background:"url("+a.bulletThumbLocation+w+") no-repeat"});c.children("ul.orbit-bullets").append(k);k.data("index",i);k.click(function(){n();l(d(this).data("index"))})}A()}})}})(jQuery);
</script><script type="text/javascript">
    jQuery(window).load(function() {
        jQuery('#featured').orbit();
    });
</script>
  <div id="featured"> <a href=""><img style="height: 310px;" alt="" src="IMG LINK" /></a><a href="URL"><img style="width: 750px;" alt="" src="IMG LINK" /></a><a href="URL"><img style="width: 750px;" malt="" src="IMG LINK" /></a><a href="URL"><img style="width: 750px;" alt="" src="IMG LINK" /></a>
  </div>
</center>

See if it works.

Regards,
Pizza Boi

Pizza Boi
Hyperactive

Male Posts : 2016
Reputation : 160
Language : French
Location : Pizza Hut!

http://redlustempire.forumtl.com/

Back to top Go down

In progress Re: that slide show code is hase problem

Post by Michael_vx on March 31st 2014, 12:51 pm

Sad
still bad height
height is still to much
wont change
i feel like it height with about 1200
if you know a way to other slide code let me know then

Michael_vx
Forumember

Male Posts : 655
Reputation : 29
Language : Arabic and some English
Location : Egypt

Back to top Go down

In progress Re: that slide show code is hase problem

Post by Pizza Boi on March 31st 2014, 12:55 pm

Hi Very Happy

I actually adjusted it to what you said... try adjusting these part yourself: (Targets the height and width only with BIG numbers)

Code:
/* PUT IN YOUR SLIDER ID AND SIZE TO MAKE LOAD BEAUTIFULLY
  ================================================== */
#featured {
  width: 850px;
  height: 160px;
  background: #000 url('http://i48.servimg.com/u/f48/15/88/79/24/loadin10.gif') no-repeat center center;
  overflow: hidden; }

/* CONTAINER
  ================================================== */
.orbit>div {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }

/* Note: If your slider only uses content or anchors, you're going to want to put the width and height declarations on the ".orbit>div" and "div.orbit>a" tags in addition to just the .orbit-wrapper */

I deleted the other parts following it for you to track them down easier, but REMEMBER, you still have to put them in the actual code. I repeat, I just deleted them to make tracking easier.

If you still cannot understand, please give ALL the links that you need in the slideshow.

Regards,
Pizza Boi

Pizza Boi
Hyperactive

Male Posts : 2016
Reputation : 160
Language : French
Location : Pizza Hut!

http://redlustempire.forumtl.com/

Back to top Go down

In progress Re: that slide show code is hase problem

Post by Michael_vx on March 31st 2014, 1:06 pm

Shit
i give up now look at this image

confused

Michael_vx
Forumember

Male Posts : 655
Reputation : 29
Language : Arabic and some English
Location : Egypt

Back to top Go down

In progress Re: that slide show code is hase problem

Post by Pizza Boi on March 31st 2014, 8:08 pm

Hi Very Happy

Can you please just post the images you want? I'll manually adjust them for you (Including the links if you want them redirected).

Regards,
Pizza Boi

Pizza Boi
Hyperactive

Male Posts : 2016
Reputation : 160
Language : French
Location : Pizza Hut!

http://redlustempire.forumtl.com/

Back to top Go down

In progress Re: that slide show code is hase problem

Post by Michael_vx on April 1st 2014, 1:39 am

@Pizza Boi wrote:Hi Very Happy

Can you please just post the images you want? I'll manually adjust them for you (Including the links if you want them redirected).

Regards,
Pizza Boi
i still didnt make images ready yet so lets use this image for now
Code:
http://micsoft.xp3.biz/image.php?id=63BD_53393C10
i`m looking for the code and after have i mght get images ready because i still wander what better to be used for Mr. Green

Michael_vx
Forumember

Male Posts : 655
Reputation : 29
Language : Arabic and some English
Location : Egypt

Back to top Go down

In progress Re: that slide show code is hase problem

Post by Pizza Boi on April 1st 2014, 1:54 am

Hi Very Happy

Hey, I'm sorry, but I have to give you an answer later, for some reason, whenever I attempt to hit "Send", an avira add always pops in. I'll fix my pc for now, sorry for the delay.

Regards,
Pizza Boi

Pizza Boi
Hyperactive

Male Posts : 2016
Reputation : 160
Language : French
Location : Pizza Hut!

http://redlustempire.forumtl.com/

Back to top Go down

In progress Re: that slide show code is hase problem

Post by Michael_vx on April 1st 2014, 2:22 am

hmmm do yo think i might be in hurry ?
100% no
and i hope you PC get fix so you wont have any problems with it
make that code later
i will wiat even for whole my life Very Happy

Michael_vx
Forumember

Male Posts : 655
Reputation : 29
Language : Arabic and some English
Location : Egypt

Back to top Go down

In progress Re: that slide show code is hase problem

Post by Pizza Boi on April 1st 2014, 4:37 am

Hi Very Happy

Please give me 10-24 hours to complete this request as I will revise the code (I found out there are some bugs in it). Please by then, hopefully the images will be prepared so that I can manually put them for you Smile .

Regards,
Pizza Boi

Pizza Boi
Hyperactive

Male Posts : 2016
Reputation : 160
Language : French
Location : Pizza Hut!

http://redlustempire.forumtl.com/

Back to top Go down

In progress Re: that slide show code is hase problem

Post by Michael_vx on April 1st 2014, 7:36 am

Very Happy
i told i will wait take the time you need
even if 1 year Basketball
and i`m still thinking of the images i should use
confused

Michael_vx
Forumember

Male Posts : 655
Reputation : 29
Language : Arabic and some English
Location : Egypt

Back to top Go down

In progress Re: that slide show code is hase problem

Post by Pizza Boi on April 2nd 2014, 5:29 pm

Hi Very Happy

My apologies but the slideshow for me isn't working, I tried applying it to my different forums but it doesn't work as well. It's either my computer or the slideshow is now buggy, so if ever, you might as well have someone else post another slideshow or you can use the one in TheShaka's profile.

My apologies for this sudden error '-'

Regards,
Pizza Boi

Pizza Boi
Hyperactive

Male Posts : 2016
Reputation : 160
Language : French
Location : Pizza Hut!

http://redlustempire.forumtl.com/

Back to top Go down

In progress Re: that slide show code is hase problem

Post by Michael_vx on April 2nd 2014, 8:21 pm

@Pizza Boi wrote:Hi Very Happy

My apologies but the slideshow for me isn't working, I tried applying it to my different forums but it doesn't work as well. It's either my computer or the slideshow is now buggy, so if ever, you might as well have someone else post another slideshow or you can use the one in TheShaka's profile.

My apologies for this sudden error '-'

Regards,
Pizza Boi
there is no need to apologies i understand
you tried your best and that`s is the great part
its okea i`m the one who should apologies for that hard request
thanks again

Michael_vx
Forumember

Male Posts : 655
Reputation : 29
Language : Arabic and some English
Location : Egypt

Back to top Go down

View previous topic View next topic Back to top


 
Permissions in this forum:
You cannot reply to topics in this forum