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

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

WebArtz - The Web Design Forum » Web Designing & Coding » HTML (Hyper Text Markup Language) » Stacker Script not working :(

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

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

latchy

latchy
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/

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

dballerp

dballerp
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

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

ankillien

ankillien
Administrator
Administrator
Hello,

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

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

latchy

latchy
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/

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

ankillien

ankillien
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.

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

latchy

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

http://www.graphiccentral.org/

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

ankillien

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

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

latchy

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

http://www.graphiccentral.org/

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

Emilio

Emilio
Registered Member
Registered Member
Thats mine!

http://www.graphilicious.forumotion.Com

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

latchy

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

She actually created it...

http://www.graphiccentral.org/

11Stacker Script not working :( Empty Re: Stacker Script not working :( 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

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

iJerick

iJerick
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

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

latchy

latchy
Registered Member
Registered Member
> Solved

http://www.graphiccentral.org/

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

Russel

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

Solved > Locked

~ Russel

https://www.twitter.com/russeltubo

Sponsored content


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

WebArtz - The Web Design Forum » Web Designing & Coding » HTML (Hyper Text Markup Language) » Stacker Script not working :(

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