WebArtz - The Web Design Forum
Welcome to WebArtz, Guest!

WebArtz is a nice place for discussions related to web designing and coding. We help our members to code their own website templates with HTML and CSS. We give them advice on various issues.

To know more about WebArtz Forum, visit the About Us page.

At the moment, you are viewing the forum as a guest. As a guest you can't make post and participate in discussions. You need to register and become a member of the forum. Click the register link below and become a part of this forum.

Thank You


You are not connected. Please login or register

View previous topic View next topic Go down  Message [Page 1 of 1]

1 Stacker Script not working :( on Tue May 18, 2010 4:59 am

latchy

avatar
Registered Member
Registered Member
Can anyone tell me why this is not working?

Code:
<div class="stack">  <img src="http://i67.servimg.com/u/f67/14/87/55/48/stack110.png" alt="stack">  <ul id="stack">  <li><a href="LINK GOES HERE/"><span>Contests</span><img src="http://cdn.iconfinder.net/data/icons/SUPERVISTA/graphics/png/72/palette.png" alt="Contests"></a></li>  <li><a href="LINK%20GOES%20HERE"><span>Chatbox</span><img src="http://cdn.iconfinder.net/data/icons/m8/LumaQQ.png" alt="Donate"></a></li>  <li><a href="LINK GOES HERE"><span>Donate</span><img src="http://cdn.iconfinder.net/data/icons/SOPHISTIQUE/accounting/png/72/taxes.png" alt="Donate"></a></li>  <li><a href="LINK%20GOES%20HERE"><span>Tutorials</span><img src="http://cdn.iconfinder.net/data/icons/IMPRESSIONS/business/png/72/pie_chart.png" alt="Tutorials"></a></li>  <li><a href="LINK%20GOES%20HERE"><span>Achievements</span><img src="http://i60.servimg.com/u/f60/13/60/65/23/achiev10.png" alt="Achievements"></a></li>  </ul>  </div> <p></p><script type="text/javascript">//<![CDATA[fa_endpage();//]]></script>

Thanks,
Rob Cool

http://www.graphiccentral.org/

2 Re: Stacker Script not working :( on Tue May 18, 2010 5:04 am

dballerp

avatar
Registered Member
Registered Member
Before I can help you, i need to to know what is the problem

Is it just not showing up, says error, etc

3 Re: Stacker Script not working :( on Tue May 18, 2010 1:33 pm

ankillien

avatar
Administrator
Administrator
Hello,

Please tell what is that script for and where do you use it?

4 Re: Stacker Script not working :( on Tue May 18, 2010 3:38 pm

latchy

avatar
Registered Member
Registered Member
OK. This what is happening, and I have not used it yet. I was going to ask how I could put it on my forum in the bottom-right Razz

But here is is what i'm getting Sad

http://www.graphiccentral.org/stackerscript-h12.htm

It's basicly a basket with all of those other icons in it, when you click on it, it expands with some fancy effects when you roll-over the images Razz

http://www.graphiccentral.org/

5 Re: Stacker Script not working :( on Tue May 18, 2010 5:35 pm

ankillien

avatar
Administrator
Administrator
If there are some fancy effects, hen I'm sure you are missing some parts in the script you are using, and it is incomplete.

Where did you get it from? Please check if they profile additional JS files with it. You might need to use them in order to make the thing work properly.

6 Re: Stacker Script not working :( on Tue May 18, 2010 6:11 pm

latchy

avatar
Registered Member
Registered Member
I got it of a friend, it works on her website but not mine Sad

http://www.graphiccentral.org/

7 Re: Stacker Script not working :( on Tue May 18, 2010 7:41 pm

ankillien

avatar
Administrator
Administrator
Your script is plain HTML and it is surely missing some JavaScript parts for the fancy effects.

8 Re: Stacker Script not working :( on Tue May 18, 2010 10:27 pm

latchy

avatar
Registered Member
Registered Member
OK, I'll tell her to send it again Smile

http://www.graphiccentral.org/

9 Re: Stacker Script not working :( on Wed May 19, 2010 12:55 am

Emilio

avatar
Registered Member
Registered Member
Thats mine!

http://www.graphilicious.forumotion.Com

10 Re: Stacker Script not working :( on Wed May 19, 2010 3:28 am

latchy

avatar
Registered Member
Registered Member
I got that off of a friend, and shes a girl....

She actually created it...

http://www.graphiccentral.org/

11 Re: Stacker Script not working :( on Wed May 19, 2010 6:19 am

Krazy


Registered Member
Registered Member
Latchy, there is no way she is the only one who created it. Many people could have created it, an just altered the code a little. Wink

12 Re: Stacker Script not working :( on Tue May 25, 2010 9:18 pm

iJerick

avatar
Registered Member
Registered Member
Here is the Properway of installing that script.. xD ..


1. Add this to the Head.. If you are using phpBB/Punbb, Here is the head.. "overall_header_new"..
Code:
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
</script>
   <script type="text/javascript">
    $(function () {
   // Stack initialize
   var openspeed = 300;
   var closespeed = 300;
   $('.stack>img').toggle(function(){
      var vertical = 0;
      var horizontal = 0;
      var $el=$(this);
      $el.next().children().each(function(){
         $(this).animate({top: '-' + vertical + 'px', left: horizontal + 'px'}, openspeed);
         vertical = vertical + 55;
         horizontal = (horizontal+.75)*2;
      });
      $el.next().animate({top: '-50px', left: '10px'}, openspeed).addClass('openStack')
        .find('li a>img').animate({width: '50px', marginLeft: '9px'}, openspeed);
      $el.animate({paddingTop: '0'});
   }, function(){
      //reverse above
      var $el=$(this);
      $el.next().removeClass('openStack').children('li').animate({top: '55px', left: '-10px'}, closespeed);
      $el.next().find('li a>img').animate({width: '79px', marginLeft: '0'}, closespeed);
      $el.animate({paddingTop: '35px'});
   });
   
   // Stacks additional animation
   $('.stack li a').hover(function(){
      $("img",this).animate({width: '56px'}, 100);
      $("span",this).animate({marginRight: '30px'});
   },function(){
      $("img",this).animate({width: '50px'}, 100);
      $("span",this).animate({marginRight: '0'});
   });
});
    </script>

2. Add this to your CSS..
Code:

.stack { position: fixed; bottom: 28px; right: 40px; }
.stack > img { position: relative; cursor: pointer; padding-top: 35px; z-index: 2; }
.stack ul { list-style: none; position: absolute; top: 5px; cursor: pointer; z-index: 1; }
.stack ul li { position: absolute;   right:-40px; }
.stack ul li img { border: 0; }
.stack ul li span { display: none; }
.stack .openStack li span {
   font-family: "Lucida Grande", Lucida, Verdana, sans-serif;
   display:block;
   height: 14px;
   position:absolute;
   top: 17px;
   right:60px;
   line-height: 14px;
   border: 0;
   background-color:#000;
   padding: 3px 10px;
   border-radius: 10px;
   -webkit-border-radius: 10px;
   -moz-border-radius: 10px;
   color: #fcfcfc;
   text-align: center;
   text-shadow: #000 1px 1px 1px;
   opacity: .85;
   filter: alpha(opacity = 85);
}

/* IE Fixes */
.stack { _position: absolute; }
.stack ul { _z-index:-1; _top:-15px; }
.stack ul li { *right:5px; }

3. Add this to the Body..

Code:

   <div class="stack">
      <img src="http://i50.tinypic.com/23gxp2p.png" alt="stack"/>
      <ul id="stack">
         <li><a href=""><span>Aperture</span><img src="http://img109.imageshack.us/img109/1750/apertures.png" alt="Aperature" /></a></li>
         <li><a href="#"><span>All&nbsp;Examplsssssssses</span><img src="http://img63.imageshack.us/img63/987/photoshopy.png" alt="Photoshop" /></a></li>
         <li><a href="example3.html"><span>Example&nbsp;3</span><img src="http://img190.imageshack.us/img190/7320/safariw.png" alt="Safari" /></a></li>
         <li><a href="example2.html"><span>Example&nbsp;2</span><img src="http://img404.imageshack.us/img404/943/codaz.png" alt="Coda" /></a></li>
         <li><a href="index.html"><span>Example&nbsp;1</span><img src="http://img339.imageshack.us/img339/7783/finder.png" alt="Finder" /></a></li>         
      </ul>
   </div>

and that's it.. xD..

If you encounter any bugs.. Just reply this thread.. And We will help you to fix it.. xD

~ ijerick

13 Re: Stacker Script not working :( on Sun May 30, 2010 1:29 am

latchy

avatar
Registered Member
Registered Member
> Solved

http://www.graphiccentral.org/

14 Re: Stacker Script not working :( on Sun May 30, 2010 6:58 am

Russel

avatar
Moderator
Moderator
Since this thread appears to be solved, I will lock and mark it as solved.

Solved > Locked

~ Russel


_________________





No Support Via PM
https://www.twitter.com/russeltubo

Sponsored content


View previous topic View next topic Back to top  Message [Page 1 of 1]

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