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 » CSS (Cascading Style Sheets) » Slider problem

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

1 Slider problem on Thu May 20, 2010 5:23 pm

Guest


Guest
Hey folks,
this is a slider which Jalokim installed at Premium Styles.You can clearly see it at the right of the page.I try to find out how i can make this code by following the steps,but i just cant figure out cause the info it gives me makes me a little dizzy!Can someone help?

2 Re: Slider problem on Thu May 20, 2010 8:21 pm

ankillien


Administrator
Administrator
Hello!

Well, we can't come to your site and install it for you :0
Please tell where are you stuck at so that we can help you further.

3 Re: Slider problem on Thu May 20, 2010 8:46 pm

Guest


Guest
the first step is ok,then it says: inside the body of our document...
what body?i didnt find any <body></body> tags.. Crying or Very sad

4 Re: Slider problem on Thu May 20, 2010 9:02 pm

ankillien


Administrator
Administrator
Are you trying to install it on your forum?
<body> tag is found right after </head> one.

You can put the code in a widget or homepage message or forum description.

5 Re: Slider problem on Thu May 20, 2010 10:48 pm

Guest


Guest
no i am trying to install it to a single HTML page.

6 Re: Slider problem on Fri May 21, 2010 4:39 am

Krazy


Registered Member
Registered Member
Cool Processor, just follow each step. Your HTML page should have something like this (basic tags).

Code:
<html>
<head>
<title></title>
<script></script>
</head>
<body>
</body>
</html>


Just make sure you scroll all the way down after you have done all that and add the jquerry part of the code, it is towards the bottom of the page.

7 Re: Slider problem on Fri May 21, 2010 7:31 am

ankillien


Administrator
Administrator
Cool-Processor wrote:no i am trying to install it to a single HTML page.


It your HTML page and you can't find body tags? Shocked
I advice you to learn basic HTML first, before you start using jQuery Razz

8 Re: Slider problem on Fri May 21, 2010 8:17 am

Krazy


Registered Member
Registered Member
Ankillien, I also think he is missing the jQuery part of the code also. It is at the very bottom of the website right before the comments begin. Wink

9 Re: Slider problem on Fri May 21, 2010 12:30 pm

Guest


Guest
ankillien wrote:
Cool-Processor wrote:no i am trying to install it to a single HTML page.


It your HTML page and you can't find body tags? Shocked
I advice you to learn basic HTML first, before you start using jQuery Razz


hahahahahahahahahahahaha nice joke Razz
hahahahaha ok i know i have to put myself the <body></body> tags i just want to be sure so just i dont mess the code.I know HTML my friend! Very Happy

10 Re: Slider problem on Sun May 23, 2010 4:04 am

latchy


Registered Member
Registered Member
OK, here is what I got.

http://www.graphiccentral.org/Slider-problem-CP-WA-h6.htm

If this is what you would like here is the complete code.
Code:
<head>
<link rel="stylesheet" href="http://graphiccentral.bravehost.com/css4.css" type="text/css" media="screen" />
<script type="text/javascript" src="http://jqueryjs.googlecode.com/files/jquery-1.3.2.js"></script>

<script type="text/javascript">
$(document).ready(function(){
   $(".trigger").click(function(){
      $(".panel").toggle("fast");
      $(this).toggleClass("active");
      return false;
   });
});
</script>

</head>

<body>

<div class="panel">
   <h3>Sliding Panel</h3>
   <p>Here's our sliding panel/drawer made using jQuery with the toggle function and some CSS3 for the rounded corners</p>

   <p>This panel could also be placed on the right. This could be particularly useful if, <a href="http://spyrestudios.com" title="SpyreStudios">like me</a>, you have a left-aligned website layout.</p>

   <h3>A Little Something About Me</h3>
      <img class="right" src="images/jon_image.jpg" alt="Jon Phillips" />
   <p>My name's Jon, I'm a freelance designer, blogger, musician. I run SpyreStudios and I specialize in WordPress blogs, CSS, XHTML and PHP</p>

<div style="clear:both;"></div>

   <div class="columns">
      <div class="colleft">
      <h3>Navigation</h3>

         <ul>
            <li><a href="http://spyrestudios.com/" title="home">Home</a></li>
            <li><a href="http://spyrestudios.com/about/" title="about">About</a></li>
            <li><a href="http://spyrestudios.com/portfolio/" title="portfolio">Portfolio</a></li>
            <li><a href="http://spyrestudios.com/contact/" title="contact">Contact</a></li>
            <li><a href="http://spyrestudios.com" title="blog">Blog</a></li>

         </ul>
      </div>
   
      <div class="colright">
         <h3>Social Stuff</h3>
         <ul>
            <li><a href="http://twitter.com/jophillips" title="Twitter">Twitter</a></li>
            <li><a href="http://designbump.com/user/147" title="DesignBump">DesignBump</a></li>

            <li><a href="http://digg.com/users/jophillips" title="Digg">Digg</a></li>
            <li><a href="http://delicious.com/jon.phillips" title="Del.Icio.Us">Del.Icio.Us</a></li>
            <li><a href="http://designmoo.com/users/jonphillips" title="DesignMoo">DesignMoo</a></li>
         </ul>
      </div>
   </div>
<div style="clear:both;"></div>

</div>
<a class="trigger" href="#">infos</a>

</body>
</html>


It might be an idea to host you own CSS and images as I clean out the account every month.

http://www.graphiccentral.org/

11 Re: Slider problem on Sun May 23, 2010 12:25 pm

Guest


Guest
yea thats what i want!
thanks i will host my images to my own host. Smile

12 Re: Slider problem on Sun May 23, 2010 1:20 pm

Russel


WebArtz Moderator
WebArtz Moderator
Solved | Locked


_________________





No Support Via PM
http://facebook.com/russelpuge

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

WebArtz - The Web Design Forum » Web Designing & Coding » CSS (Cascading Style Sheets) » Slider problem

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