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

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

1Slider problem Empty Slider problem Thu May 20, 2010 6:53 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?

2Slider problem Empty Re: Slider problem Thu May 20, 2010 9:51 pm

ankillien

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.

3Slider problem Empty Re: Slider problem Thu May 20, 2010 10:16 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

4Slider problem Empty Re: Slider problem Thu May 20, 2010 10:32 pm

ankillien

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.

5Slider problem Empty Re: Slider problem Fri May 21, 2010 12:18 am

Guest


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

6Slider problem Empty Re: Slider problem Fri May 21, 2010 6:09 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.

7Slider problem Empty Re: Slider problem Fri May 21, 2010 9:01 am

ankillien

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

8Slider problem Empty Re: Slider problem Fri May 21, 2010 9:47 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

9Slider problem Empty Re: Slider problem Fri May 21, 2010 2:00 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

10Slider problem Empty Re: Slider problem Sun May 23, 2010 5:34 am

latchy

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/

11Slider problem Empty Re: Slider problem Sun May 23, 2010 1:55 pm

Guest


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

12Slider problem Empty Re: Slider problem Sun May 23, 2010 2:50 pm

Russel

Russel
Moderator
Moderator
Solved | Locked

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

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