Portal issues

Hello, I tried to add the portal to my forum. But all the forum widgets disappear from the forum and onto the portal. I want to put different widgets on the portal. How can I do this?

hello 

for your portal go to admin panel - modules-portal management 
show the portal YES - structure 
and add the widgets you want 
(activate portal nav link from admin panel -display- homepage- headers-portal)


for your forum widgets go to admin panel - modules - forum widgets management
display forum widgets YES
add the widgets you want

Ok, thank you. Also on the portal widgets, the ones in the center, the words, or print are all black. The ones on the sides lettering are white. How can I make the center ones white as well. Also can I make it so people can post in the portal? Can I make it so the ads people make appear in the portal. Is this possible to be done through the widgets or some other way.

There is a default ads widget.

Ok, thank you. Also as for the gallery widgets, is there anyway to expand the pictures within it? They are so small. I could also put the gallery widget in the center, but then how can I get gallery pictures to display in a row on the widget.

admin panel-modules-gallery-display and set your gallery images dimensions

skouliki wrote:admin panel-modules-gallery-display and set your gallery images dimensions

That doesn't change anything?

By the way, thanks for all the help so far you guys.

I believe if you click the image in the widget, it opens a popup.

Yeah, but when I have people click on the page i want it to look nice. If there isn't really any other way thats ok. If anyone does have any ideas just reply to this thread. I will mark it solved either way here soon. I just wan to make sure there isn't another way.

Thanks

Another idea is to put a slider in your forum ( Ex.as html page ) you can set each frame to the dimensins you want

skouliki wrote:Another idea is to put a slider in your forum ( Ex.as html page ) you can set each frame to the dimensins you want

How should a person go about doing this?

Check this thread https://help.forumotion.com/t148331-please-help-me-to-put-this-slider?highlight=add+slider

Ok, the post view kano made. I want to try that. Why is there two codes though. Do I add those both into a new javascript?

try add only this

Code:

<div id="page-body">
          <script type="text/javascript" src="http://mangchiase24h.macsboard.com/12324.js"></script>
<script type="text/javascript" src="http://mangchiase24h.macsboard.com/11313.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;
    width:47px;  
    height:61px;
    border:0px;
    }
 
    div.jMyCarousel .next{
    background: url(http://i58.servimg.com/u/f58/14/80/95/87/right10.png) center center no-repeat;
    width:47px;  
    height:61px;
    border:0px;
    }
    div.jMyCarousel ul li{
    border:1px solid #000;
    line-height:0px;
    margin:0 1px;
    }
    </style>    <br /><br />
 
  <div class="jMyCarousel">
 
    <ul>
 
        <li>
            <a href="http://link" target="_blank" title="01"><img style="width: 70px; height: 100px;" src="http://s017.radikal.ru/i433/1501/95/5eb2a0d4dae2.png" border="0" />
            </a>
        </li>
 
        <li>
            <a href="http://link" target="_blank" title="02"><img style="width: 70px; height: 100px;" src="http://s012.radikal.ru/i320/1501/b9/e817bd5b9c9e.png" border="0" />
            </a>
        </li>
 
        <li>
            <a href="http://link" target="_blank" title="03"><img style="width: 70px; height: 100px;" src="http://s013.radikal.ru/i322/1501/e7/4b00db688980.png" border="0" />
            </a>
        </li>
 
        <li>
            <a href="http://link" target="_blank" title="04"><img style="width: 70px; height: 100px;" src="http://s017.radikal.ru/i431/1501/d4/cadad0f7f25d.png" border="0" />
            </a>
        </li>
 
        <li>
            <a href="http://link" target="_blank" title="05"><img style="width: 70px; height: 100px;" src="http://s009.radikal.ru/i309/1501/a2/e76a7b78bc38.png" border="0" />
            </a>
        </li>
 
        <li>
            <a href="http://link" target="_blank" title="06"><img style="width: 70px; height: 100px;" src="http://s020.radikal.ru/i701/1501/43/9fc97c97c115.png" border="0" />
            </a>
        </li>
 
        <li>
            <a href="http://link" target="_blank" title="07"><img style="width: 70px; height: 100px;" src="http://s017.radikal.ru/i443/1501/b4/3f24d5fa571e.png" border="0" />
            </a>
        </li>
 
        <li>
            <a href="http://link" target="_blank" title="08"><img style="width: 70px; height: 100px;" src="http://s017.radikal.ru/i403/1501/56/620c932634e0.png" border="0" />
            </a>
        </li>
 
        <li>
            <a href="http://link" target="_blank" title="09"><img style="width: 70px; height: 100px;" src="http://s016.radikal.ru/i336/1501/cf/13093a673aee.png" border="0" />
            </a>
        </li>
 
        <li>
            <a href="http://link" target="_blank" title="10"><img style="width: 70px; height: 100px;" src="http://s015.radikal.ru/i332/1501/38/ab604bde29b2.png" border="0" />
            </a>
        </li>
 
        <li>
            <a href="http://link" target="_blank" title="11"><img style="width: 70px; height: 100px;" src="http://s017.radikal.ru/i406/1501/e6/28be552887e0.png" border="0" />
            </a>
        </li>
 
        <li>
            <a href="http://link" target="_blank" title="12"><img style="width: 70px; height: 100px;" src="http://s020.radikal.ru/i707/1501/89/227ce27391ff.png" border="0" />
            </a>
        </li>
 
    </ul>
 
</div>

inside the code you will see this

Code:

<a href="http://link" target="_blank" title="01"><img style="width: 70px; height: 100px;" src="http://s017.radikal.ru/i433/1501/95/5eb2a0d4dae2.png" border="0" />  

replace the image with you own url image "http..........png"
replace the htrp..link (target) and the 01 (title) with your own links
and increase if you want the image window width/height

see in my forum the result i have the code not in my homepage or overall header but as an html page

http://iconskouliki.forumgreek.com/h2-page

Well that didn't work. I entered all the gallery links into the place of the title one image like you said. But wouldn't it make more sense to then put the second image link in the title 2 spot, then the third image in title three line and so on? Sorry I don't know a whole lot about it.

The small code you see above is for one image only ....

The original code has many of these codes

Yes as you said it this is the right way not all links together that is what i meant

Ok, I have like six images I want to insert. I don't need to fill in all 12 lines do I?

Of course no

And... and it didn't work. This is the code I put in there. The last 6 titles was i supposed to delete them or leave them? If you want to look through it, there it is.

Code:

        <div id="page-body">
                  <script type="text/javascript" src="http://mangchiase24h.macsboard.com/12324.js"></script>
        <script type="text/javascript" src="http://mangchiase24h.macsboard.com/11313.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;
            width:47px; 
            height:61px;
            border:0px;
            }
       
            div.jMyCarousel .next{
            background: url(http://i58.servimg.com/u/f58/14/80/95/87/right10.png) center center no-repeat;
            width:47px; 
            height:61px;
            border:0px;
            }
            div.jMyCarousel ul li{
            border:1px solid #000;
            line-height:0px;
            margin:0 1px;
            }
            </style>    <br /><br />
       
          <div class="jMyCarousel">
       
            <ul>
       
                <li>
                    <a href="http://link" target="_blank" title="01"><img style="width: 70px; height: 100px;" src="http://www.insectboards.com/gallery/Community-Pictures/Poecilotheria-regalis-pic_4.htm
" border="0" />
                    </a>
                </li>
       
                <li>
                    <a href="http://link" target="_blank" title="02"><img style="width: 70px; height: 100px;" src="http://www.insectboards.com/gallery/Community-Pictures/Avicularia-avicularia-pic_5.htm
" border="0" />
                    </a>
                </li>
       
                <li>
                    <a href="http://link" target="_blank" title="03"><img style="width: 70px; height: 100px;" src="http://www.insectboards.com/gallery/Personal-album-of-mothman27/058-pic_7.htm
" border="0" />
                    </a>
                </li>
       
                <li>
                    <a href="http://link" target="_blank" title="04"><img style="width: 70px; height: 100px;" src="http://www.insectboards.com/gallery/Personal-album-of-mothman27/sdc18712-pic_8.htm
" border="0" />
                    </a>
                </li>
       
                <li>
                    <a href="http://link" target="_blank" title="05"><img style="width: 70px; height: 100px;" src="http://www.insectboards.com/gallery/Personal-album-of-mothman27/sdc18712-pic_8.htm
" border="0" />
                    </a>
                </li>
       
                <li>
                    <a href="http://link" target="_blank" title="06"><img style="width: 70px; height: 100px;" src="http://www.insectboards.com/gallery/Personal-album-of-Praxibetelix/arilus-cristatus-molt-pic_2.htm
" border="0" />
                    </a>
                </li>
       
                <li>
                    <a href="http://link" target="_blank" title="07"><img style="width: 70px; height: 100px;" src="http://s017.radikal.ru/i443/1501/b4/3f24d5fa571e.png" border="0" />
                    </a>
                </li>
       
                <li>
                    <a href="http://link" target="_blank" title="08"><img style="width: 70px; height: 100px;" src="http://s017.radikal.ru/i403/1501/56/620c932634e0.png" border="0" />
                    </a>
                </li>
       
                <li>
                    <a href="http://link" target="_blank" title="09"><img style="width: 70px; height: 100px;" src="http://s016.radikal.ru/i336/1501/cf/13093a673aee.png" border="0" />
                    </a>
                </li>
       
                <li>
                    <a href="http://link" target="_blank" title="10"><img style="width: 70px; height: 100px;" src="http://s015.radikal.ru/i332/1501/38/ab604bde29b2.png" border="0" />
                    </a>
                </li>
       
                <li>
                    <a href="http://link" target="_blank" title="11"><img style="width: 70px; height: 100px;" src="http://s017.radikal.ru/i406/1501/e6/28be552887e0.png" border="0" />
                    </a>
                </li>
       
                <li>
                    <a href="http://link" target="_blank" title="12"><img style="width: 70px; height: 100px;" src="http://s020.radikal.ru/i707/1501/89/227ce27391ff.png" border="0" />
                    </a>
                </li>
       
            </ul>
       
        </div>

http://www.insectboards.com/gallery/Personal-album-of-mothman27/sdc18712-pic_8.htm

this not the correct image url 
you have to upload your picture first with servimg and take the correct png url 



or just right click on the image and copy the url




example this your correct spider photo url (huge !! cute  )
https://2img.net/u/3717/66/06/19/album/img_2010.jpg


with the rest 6 you can do whatever you like delete them or leave them for future uploads

-------------------- 
another thing is if you are creating an html page for the code choose the simple mode cause i dont know why the slider dont work with the advanced mode 

Ok, first I want to say I am really sorry to be causing all of this trouble. The code I used is below. So first I want this to appear in the portal which at this point I relabeled as Insect Boards temorarily if that makes any difference. Which I don't see as a option? When making it it gives a guy two options....
Do you wish to use your forum header and footer ? I have it checked as yes.
Use this page as homepage ? I had it checked as no, but I changed it and when I changed it to yes a big code appeared where my forum was. So I changed it back.


I haven't messed with making HTML pages until now, so I may or may not be missing something here.

Code:

<div id="page-body">
          <script type="text/javascript" src="http://mangchiase24h.macsboard.com/12324.js"></script>
<script type="text/javascript" src="http://mangchiase24h.macsboard.com/11313.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;
    width:47px; 
    height:61px;
    border:0px;
    }
 
    div.jMyCarousel .next{
    background: url(http://i58.servimg.com/u/f58/14/80/95/87/right10.png) center center no-repeat;
    width:47px; 
    height:61px;
    border:0px;
    }
    div.jMyCarousel ul li{
    border:1px solid #000;
    line-height:0px;
    margin:0 1px;
    }
    </style>    <br /><br />
 
  <div class="jMyCarousel">
 
    <ul>
 
        <li>
            <a href="http://link" target="_blank" title="01"><img style="width: 70px; height: 100px;" src="https://2img.net/u/3717/66/06/19/album/img_2010.jpg" border="0" />
            </a>
        </li>
 
        <li>
            <a href="http://link" target="_blank" title="02"><img style="width: 70px; height: 100px;" src="https://2img.net/u/3717/66/06/19/album/sdc18710.jpg" border="0" />
            </a>
        </li>
 
        <li>
            <a href="http://link" target="_blank" title="03"><img style="width: 70px; height: 100px;" src="https://2img.net/u/3717/66/06/19/album/sdc18710.jpg" border="0" />
            </a>
        </li>
 
        <li>
            <a href="http://link" target="_blank" title="04"><img style="width: 70px; height: 100px;" src="https://2img.net/u/3717/66/06/19/album/05810.jpg" border="0" />
            </a>
        </li>
 
        <li>
            <a href="http://link" target="_blank" title="05"><img style="width: 70px; height: 100px;" src="https://2img.net/u/3717/66/06/19/album/sdc17410.jpg" border="0" />
            </a>
        </li>
 
        <li>
            <a href="http://link" target="_blank" title="06"><img style="width: 70px; height: 100px;" src="https://2img.net/u/3717/66/06/19/album/sdc10911.jpg" border="0" />
            </a>
        </li>
 
        <li>
            <a href="http://link" target="_blank" title="07"><img style="width: 70px; height: 100px;" src="https://2img.net/u/3717/66/06/19/album/arilus11.jpg" border="0" />
            </a>
        </li>
 
        <li>
            <a href="http://link" target="_blank" title="08"><img style="width: 70px; height: 100px;" src="http://s017.radikal.ru/i403/1501/56/620c932634e0.png" border="0" />
            </a>
        </li>
 
        <li>
            <a href="http://link" target="_blank" title="09"><img style="width: 70px; height: 100px;" src="http://s016.radikal.ru/i336/1501/cf/13093a673aee.png" border="0" />
            </a>
        </li>
 
        <li>
            <a href="http://link" target="_blank" title="10"><img style="width: 70px; height: 100px;" src="http://s015.radikal.ru/i332/1501/38/ab604bde29b2.png" border="0" />
            </a>
        </li>
 
        <li>
            <a href="http://link" target="_blank" title="11"><img style="width: 70px; height: 100px;" src="http://s017.radikal.ru/i406/1501/e6/28be552887e0.png" border="0" />
            </a>
        </li>
 
        <li>
            <a href="http://link" target="_blank" title="12"><img style="width: 70px; height: 100px;" src="http://s020.radikal.ru/i707/1501/89/227ce27391ff.png" border="0" />

And... somehow messing around, my portal is my forum and when I click home it's my forum too.

again, Thanks for all the help so far.

ok both ways your code is ok 

see as a html 


see as a widget


so create a new widget
admin panel-modules - portal management ..structure and create new widget and put the code inside
and drag the widget to the position you want

THANK YOU SOOO much! Now it is way too long though. You can see yourself what I mean. How do I make it so it is just as wide as something like the banner, and make it a little taller?

http://www.insectboards.com/portal

you very welcome

if you have more than 12 images in the slider you need to insert the first part of the code again to have this result as mine see here please  rows ( just put the code and i will fix it for you)
http://iconskouliki.forumgreek.com/h2-page

the other thing is the widget position i think its better to be at the end - test it 



now to make the photo bigger each photo element /code has this width: 70px; height: 100px;
change the values to the number you wish ..make sure to do that to all images same size to all

Ok, here's the code. I will mess with the photo size after you fix the code. Thanks

Code:

<div id="page-body">
                     <script type="text/javascript" src="http://mangchiase24h.macsboard.com/12324.js"></script>        <script type="text/javascript" src="http://mangchiase24h.macsboard.com/11313.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;
            width:47px;
            height:61px;
            border:0px;
            }
       
            div.jMyCarousel .next{
            background: url(http://i58.servimg.com/u/f58/14/80/95/87/right10.png) center center no-repeat;
            width:47px;
            height:61px;
            border:0px;
            }
            div.jMyCarousel ul li{
            border:1px solid #000;
            line-height:0px;
            margin:0 1px;
            }
            </style>    <br /><br />                   
   <div class="jMyCarousel">
                           
      <ul>
                                  
         <li>
                                <a href="http://link" target="_blank" title="01"><img style="width: 70px; height: 100px;" src="https://2img.net/u/3717/66/06/19/album/img_2010.jpg" border="0" />                    </a>               
         </li>
                                  
         <li>
                                <a href="http://link" target="_blank" title="02"><img style="width: 70px; height: 100px;" src="https://2img.net/u/3717/66/06/19/album/sdc18710.jpg" border="0" />                    </a>               
         </li>
                                  
         <li>
                                <a href="http://link" target="_blank" title="03"><img style="width: 70px; height: 100px;" src="https://2img.net/u/3717/66/06/19/album/img_2011.jpg" border="0" />                    </a>               
         </li>
                                  
         <li>
                                <a href="http://link" target="_blank" title="04"><img style="width: 70px; height: 100px;" src="https://2img.net/u/3717/66/06/19/album/05810.jpg" border="0" />                    </a>               
         </li>
                                  
         <li>
                                <a href="http://link" target="_blank" title="05"><img style="width: 70px; height: 100px;" src="https://2img.net/u/3717/66/06/19/album/sdc17410.jpg" border="0" />                    </a>               
         </li>
                                  
         <li>
                                <a href="http://link" target="_blank" title="06"><img style="width: 70px; height: 100px;" src="https://2img.net/u/3717/66/06/19/album/sdc10911.jpg" border="0" />                    </a>               
         </li>
                                  
         <li>
                                <a href="http://link" target="_blank" title="07"><img style="width: 70px; height: 100px;" src="https://2img.net/u/3717/66/06/19/album/arilus11.jpg" border="0" />                    </a>               
         </li>
                                  
         <li>
                                <a href="http://link" target="_blank" title="08"><img style="width: 70px; height: 100px;" src="https://2img.net/u/3717/66/06/19/album/arilus11.jpg" border="0" />                    </a>               
         </li>
                                  
         <li>
                                <a href="http://link" target="_blank" title="09"><img style="width: 70px; height: 100px;" src="https://2img.net/u/3717/66/06/19/album/2dvysz10.jpg" border="0" />                    </a>               
         </li>
                                  
         <li>
                                <a href="http://link" target="_blank" title="10"><img style="width: 70px; height: 100px;" src="https://2img.net/u/3717/66/06/19/album/yw5ide10.jpg" border="0" />                    </a>               
         </li>
                                  
         <li>
                                <a href="http://link" target="_blank" title="11"><img style="width: 70px; height: 100px;" src="https://2img.net/u/3717/66/06/19/album/nbsqgb10.jpg" border="0" />                    </a>               
         </li>
                                  
         <li>
                                <a href="http://link" target="_blank" title="12"><img style="width: 70px; height: 100px;" src="https://2img.net/u/3717/66/06/19/album/sdc10910.jpg" border="0" /></a>
         </li>
      </ul>
   </div>
</div>

your code has only 12 images like the default so first try to change it position i think thats the problem
cause i insert the slider to the position i mentioned above and seems ok to me 
check example

Ok, so I moved it down like you said, and it's the same thing as when I moved it to the top. ( I want it to display at the top)

Sorry, this is turning out to be a lot of work.

you didnt change any slider width ? only the images width right?

I just changed all the pictures in the slider to 140 * 200