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.

How to fix this script to the size of forum

View previous topic View next topic Go down

Solved How to fix this script to the size of forum

Post by sunshine_222 on January 6th 2015, 6:32 pm

How to fix this script to the size of forum

Please, help me with some script to make something like frame where this script (carousel) could appear in the forum. The problem now is that it expand the browser window and it's difficult to see the whole forum. I've placed it in the Homepage/Generalities/Homepage message.

Is it possible and how to move it below the horizontal main menu and upward of the widgets+forum body, appearing in the whole horizontal length of the forum?

the script is



Code:
<script type="text/javascript" src="http://www.patmax.eu/J1/120404181157.js"></script>
  <script type="text/javascript" src="http://www.patmax.eu/J1/120330112609.js"></script>
  <script type="text/javascript">
  jQuery(function() {
  jQuery(".jMyCarousel").jMyCarousel({
  visible: '100%'
  });
  });
  </script>
  <style>
  div.jMyCarousel .prev{
  background: url('http://i58.servimg.com/u/f58/14/80/95/87/left10.png') center center no-repeat; /* button to the left*/
  width:47px; /* width of the button */
  height:61px; /* hight of the button */
  border:0px;
  }

  div.jMyCarousel .next{
  background: url('http://i58.servimg.com/u/f58/14/80/95/87/right10.png') center center no-repeat; /* button to the right */
  width:47px; /* width of the button */
  height:61px; /* hight of the button */
  border:0px;
  }
  div.jMyCarousel ul li{
  border:1px solid #000; /* frame of the pix */
  line-height:0px;
  margin:0 1px; /* indentation between pix */
  }
  </style>

  <br/><br/><div class="jMyCarousel">
  <ul>
  <li><img src="link of the pic" width="160" height="107"></li>
  <li><img src="link of the pic" width="160" height="107"></li>
  <li><img src="link of the pic" width="160" height="107"></li>
  <li><img src="link of the pic" width="160" height="107"></li>
  <li><img src="link of the pic" width="160" height="107"></li>
  <li><img src="link of the pic" width="160" height="107"></li>
  <li><img src="link of the pic" width="160" height="107"></li>
  </ul>
  </div>


Last edited by sunshine_222 on January 7th 2015, 9:31 am; edited 2 times in total (Reason for editing : add script)

sunshine_222
Forumember

Posts : 91
Reputation : 2
Language : english

http://thaimagic.forum2x2.eu

Back to top Go down

Solved Re: How to fix this script to the size of forum

Post by Ange Tuteur on January 7th 2015, 2:55 am

Hello @sunshine_222,

Try adding the following rule to your stylesheet.
Display > Colors > CSS stylesheet
Code:
.jMyCarousel ul { position:absolute !important }

Ange Tuteur
Forumaster

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

http://fmdesign.forumotion.com

Back to top Go down

Solved Re: How to fix this script to the size of forum

Post by sunshine_222 on January 7th 2015, 9:29 am

Thank you very much! It works! Very Happy

sunshine_222
Forumember

Posts : 91
Reputation : 2
Language : english

http://thaimagic.forum2x2.eu

Back to top Go down

Solved Re: How to fix this script to the size of forum

Post by Base on January 7th 2015, 12:17 pm

Solved => Archived

Base
Forumaster

Male Posts : 10386
Reputation : 1687
Language : English and French
Location : United Kingdom, England

http://forumotionhub.net

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