The forum of the forums
Would you like to react to this message? Create an account in a few clicks or log in to continue.

How to fix this script to the size of forum

3 posters

Go down

Solved How to fix this script to the size of forum

Post by sunshine_222 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)
avatar
sunshine_222
Forumember

Posts : 99
Reputation : 3
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 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
Ange Tuteur
Forumaster

Male Posts : 13207
Reputation : 3000
Language : English & 日本語
Location : Pennsylvania

https://fmdesign.forumotion.com

Back to top Go down

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

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

Thank you very much! It works! Very Happy
avatar
sunshine_222
Forumember

Posts : 99
Reputation : 3
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 January 7th 2015, 12:17 pm

Solved => Archived
Base
Base
Forumaster

Male Posts : 10383
Reputation : 1695
Language : English and French
Location : United Kingdom, England

http://forumotionhub.net

Back to top Go down

Back to top

- Similar topics

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