The forum of the forums
Would you like to react to this message? Create an account in a few clicks or log in to continue.

Show/hide

5 posters

Go down

Show/hide Empty Show/hide

Post by PrefiXman April 23rd 2010, 10:16 pm

Hello!
I know I'm a noob but
I have a problem...
I want to make a SHOW/HIDE button, but I don't know how.
So, can anyone help me?
Thanks Smile
PrefiXman
PrefiXman
New Member

Male Posts : 1
Reputation : 0
Language : English
Location : Sweden

http://sweetlife.all-up.com/

Back to top Go down

Show/hide Empty Re: Show/hide

Post by *Mare-SBK™* April 24th 2010, 12:07 am

Do you think a Sliding Panel ???

http://web-kreation.com/index.php/tutorials/nice-clean-sliding-login-panel-built-with-jquery/
Go to Templates->overal_header_new and paste this code under head
Code:

<!-- stylesheets -->
    <link rel="stylesheet" href="css/style.css" type="text/css" media="screen" />
    <link rel="stylesheet" href="css/slide.css" type="text/css" media="screen" />
 
    <!-- PNG FIX for IE6 -->
    <!-- http://24ways.org/2007/supersleight-transparent-png-in-ie6 -->
  <!--[if lte IE 6]>
      <script type="text/javascript" src="js/pngfix/supersleight-min.js"></script>
  <![endif]-->
 
    <!-- jQuery - the core -->
  <script src="js/jquery-1.3.2.min.js" type="text/javascript"></script>
  <!-- Sliding effect -->
  <script src="js/slide.js" type="text/javascript"></script>

and This under body
Code:

    <!-- Login -->
    <div id="toppanel">
      <div id="panel">
          <div class="content clearfix">
            <div class="left">
                <h1>Welcome to Web-Kreation</h1>
                <h2>Sliding login panel Demo with jQuery</h2>     
                <p class="grey">You can put anything you want in this sliding panel: videos, audio, images, forms... The only limit is your imagination!</p>
                <h2>Download</h2>
                <p class="grey">To download this script go back to <a href="http://web-kreation.com/index.php/tutorials/nice-clean-sliding-login-panel-built-with-jquery" title="Download">article &raquo;</a></p>
            </div>
            <div class="left">
                <form class="clearfix" action="#" method="post">
                  <h1 class="padlock">Member Login</h1>
                  <label class="grey" for="log">Username:</label>
                  <input class="field" type="text" name="log" id="log" value="" size="23" />
                  <label class="grey" for="pwd">Password:</label>
                  <input class="field" type="password" name="pwd" id="pwd" size="23" />
                      <label><input name="rememberme" id="rememberme" type="checkbox" checked="checked" value="forever" /> &nbsp;Remember me</label>
                    <div class="clear"></div>
                  <input type="submit" name="submit" value="Login" class="bt_login" />
                  <a class="lost-pwd" href="#">Lost your password?</a>
                </form>
            </div>
            <div class="left right">
                <form action="#" method="post">
                  <h1>Not a member yet? Sign Up!</h1>           
                  <label class="grey" for="signup">Username:</label>
                  <input class="field" type="text" name="signup" id="signup" value="" size="23" />
                  <label class="grey" for="email">Email:</label>
                  <input class="field" type="text" name="email" id="email" size="23" />
                  <label>A password will be e-mailed to you.</label>
                  <input type="submit" name="submit" value="Register" class="bt_register" />
                </form>
            </div>
          </div>
      </div> <!-- /login --> 

        <!-- The tab on top --> 
      <div class="tab">
          <ul class="login">
              <li class="left">&nbsp;</li>
              <li>Hello Guest!</li>
            <li class="sep">|</li>
            <li id="toggle">
                <a id="open" class="open" href="#">Log In | Register</a>
                <a id="close" style="display: none;" class="close" href="#">Close Panel</a>       
            </li>
              <li class="right">&nbsp;</li>
          </ul>
      </div> <!-- / top -->
     
    </div> <!--panel -->

But you must upload the .js and .css files that you download from the site above on some host example. www.webs.com
*Mare-SBK™*
*Mare-SBK™*
Forumember

Male Posts : 181
Reputation : 16
Language : Serbian, English, German

http://design4u.forumsr.com/

Back to top Go down

Show/hide Empty Re: Show/hide

Post by Hellrose April 24th 2010, 1:28 am

jquery rocks! where can i upload the files?
Hellrose
Hellrose
Forumember

Posts : 202
Reputation : 0
Language : English

Back to top Go down

Show/hide Empty Re: Show/hide

Post by ankillien April 24th 2010, 4:01 am

Hello,

You can upload the files to any web host. Just make a google search with keywords "web host" or may be, "free web host" Very Happy
ankillien
ankillien
Energetic

Posts : 5198
Reputation : 129
Language : English, XHTML, CSS, JS, PHP, SQL

Back to top Go down

Show/hide Empty Re: Show/hide

Post by Hellrose April 24th 2010, 4:59 am

i need help where to upload it, exact site. Very Happy
Hellrose
Hellrose
Forumember

Posts : 202
Reputation : 0
Language : English

Back to top Go down

Show/hide Empty Re: Show/hide

Post by ankillien April 24th 2010, 5:44 am

Hellrose wrote:i need help where to upload it, exact site. Very Happy

Making a search with Google isn't so hard.
Please visit google.com, search for free web host, find one that you like, create an account, upload your files and bingo!
ankillien
ankillien
Energetic

Posts : 5198
Reputation : 129
Language : English, XHTML, CSS, JS, PHP, SQL

Back to top Go down

Show/hide Empty Re: Show/hide

Post by jackalraymaiden April 24th 2010, 1:20 pm

wow thnx

where is the Templates anyway??
avatar
jackalraymaiden
Forumember

Posts : 47
Reputation : 0
Language : Tagalog

Back to top Go down

Show/hide Empty Re: Show/hide

Post by Hellrose April 24th 2010, 2:34 pm

can MediaFire host?
Hellrose
Hellrose
Forumember

Posts : 202
Reputation : 0
Language : English

Back to top Go down

Show/hide Empty Re: Show/hide

Post by ankillien April 24th 2010, 3:41 pm

No. You need to get a Web Host not a File Host.
ankillien
ankillien
Energetic

Posts : 5198
Reputation : 129
Language : English, XHTML, CSS, JS, PHP, SQL

Back to top Go down

Back to top

- Similar topics

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