The forum of the forums
Welcome to the Official Support Forum of Forumotion!

To take full advantage of everything offered by our forum, please log in if you are already a member, or join our community if you've not yet.



Create a free forum like this one.

code this home

View previous topic View next topic Go down

code this home

Post by Azure91 on April 26th 2012, 11:20 pm

Please I want the code this home:






http://tugatech.com.pt/

excuse me for my english

Azure91
New Member

Posts : 11
Reputation : 1
Language : Portuguese

Back to top Go down

Re: code this home

Post by +Fusion- on April 27th 2012, 1:55 am

im not sure if this is possible on forumotion forums

+Fusion-
Forumember

Male Posts : 252
Reputation : 4
Language : English
Location : Flying

http://www.xcodezz.com

Back to top Go down

Re: code this home

Post by Ryanette on April 27th 2012, 2:01 am


Ryanette
Forumember

Male Posts : 135
Reputation : 2
Language : English (British)
Location : England, United Kingdom

http://www.devforumz.com

Back to top Go down

Re: code this home

Post by +Fusion- on April 27th 2012, 2:15 am

idk if that will work, i dont think forumotion has a filebase to upload downloaded files to

+Fusion-
Forumember

Male Posts : 252
Reputation : 4
Language : English
Location : Flying

http://www.xcodezz.com

Back to top Go down

Re: code this home

Post by Ryanette on April 27th 2012, 2:49 am

Nope, just copy/paste the java script in a javascript page, add the HTML some where, then the CSS.

Ryanette
Forumember

Male Posts : 135
Reputation : 2
Language : English (British)
Location : England, United Kingdom

http://www.devforumz.com

Back to top Go down

Re: code this home

Post by Azure91 on April 27th 2012, 3:03 am

Ryanz
It did not work

Code:
<!--

   Copyright 2009 Jeremie Tisseau

   "Sliding Login Panel with jQuery 1.3.2" is distributed under the GNU General Public License version 3:

   http://www.gnu.org/licenses/gpl-3.0.html

-->



<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"

    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">



<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">



<head>

     <title>GTX TEAM</title>

     <meta name="description" content="GTX TEAM2" />

     <meta name="keywords" content="jquery, sliding, toggle, slideUp, slideDown, login, login form, register" />

   <meta http-equiv="content-type" content="text/html; charset=utf-8" />   



   <!-- stylesheets -->

     <link rel="stylesheet" href="http://gtxteam.6te.net/Paginainicial4/css/style.css" type="text/css" media="screen" />

     <link rel="stylesheet" href="http://gtxteam.6te.net/Paginainicial4/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="http://gtxteam.6te.net/Paginainicial4/js/supersleight-min.js"></script>

   <![endif]-->

   

    <!-- jQuery - the core -->

   <script src="http://gtxteam.6te.net/Paginainicial4/js/jquery-1.3.2.min.js" type="text/javascript"></script>

   <!-- Sliding effect -->

   <script src="http://gtxteam.6te.net/Paginainicial4/js/slide.js" type="text/javascript"></script>



</head>



<body>

<!-- Panel -->

<div id="toppanel">

   <div id="panel">

      <div class="content clearfix">

         <div class="left">

            <h1>Bem vindo ao GTX TEAM</h1>

            <p class="grey">Seja bem vindo ao GTX TEAM, o fórum do clan de Counter Strike Source.
Entre com o login e a senha para se conectar ou registre-se no nosso fórum.</p>

      </div>

         <div class="left">

            <!-- Login Form -->

            <form class="clearfix" action="#" method="post">

               <h1>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" />


                 <div class="clear"></div>

               <input type="submit" name="submit" value="Login" class="bt_login" />

               <a class="lost-pwd" href="#">Esqueci minha senha!</a>

            </form>

         </div>

         <div class="left right">         

            <!-- Register Form -->

            <form action="#" method="post">

               <h1>Não é membro do GTX TEAM?</h1>            

                     

               <label>Ainda não é membro do GTX TEAM? Registe-se clicando no botão em baixo.</label>

               <input type="submit" name="submit" value="Registrar" class="bt_register" />

            </form>

         </div>

      </div>

</div> <!-- /login -->   



   <!-- The tab on top -->   

   <div class="tab">

      <ul class="login">

         <li class="left"> </li>

         <li>Login/Registro</li>

         <li class="sep">|</li>

         <li id="toggle">

            <a id="open" class="open" href="#">Abrir</a>

            <a id="close" style="display: none;" class="close" href="#">Fechar</a>         

         </li>

         <li class="right"> </li>

      </ul>

   </div> <!-- / top -->

   

</div> <!--panel -->



    <div id="container">

      <div id="content" style="padding-top:100px;">

      </div><!-- / content -->      

   </div><!-- / container -->

</body>

</html>

Azure91
New Member

Posts : 11
Reputation : 1
Language : Portuguese

Back to top Go down

Re: code this home

Post by LGforum on April 27th 2012, 3:50 am

It is possible. You need to get the CSS and put it in your style sheet. However, you need to remove any common CSS things like 'body' and stuff, since they do not apply to the slider.

Then the JS in a javascript file and HTML in an announcement or widget.

I did have a tutorial for this... which I planned on linking too in this post... but I must have deleted it.

LGforum
Hyperactive

Male Posts : 2254
Reputation : 254
Language : English
Location : UK

http://www.avacweb.com/

Back to top Go down

Re: code this home

Post by Azure91 on April 27th 2012, 3:53 am

I already tried that and it does not work, test LGforum

Azure91
New Member

Posts : 11
Reputation : 1
Language : Portuguese

Back to top Go down

Re: code this home

Post by LGforum on April 27th 2012, 3:54 am

it does work.

But you must filter out the parts of the css which will clash and collide with other things on your board.

LGforum
Hyperactive

Male Posts : 2254
Reputation : 254
Language : English
Location : UK

http://www.avacweb.com/

Back to top Go down

Re: code this home

Post by +Fusion- on April 27th 2012, 4:41 am

LG can u help me with my other topic i bumped, ur pretty good with this stuff

+Fusion-
Forumember

Male Posts : 252
Reputation : 4
Language : English
Location : Flying

http://www.xcodezz.com

Back to top Go down

Re: code this home

Post by Ryanette on April 27th 2012, 12:55 pm

There's multiple tutorials on here, and one on LG's forum, go look.

Ryanette
Forumember

Male Posts : 135
Reputation : 2
Language : English (British)
Location : England, United Kingdom

http://www.devforumz.com

Back to top Go down

View previous topic View next topic Back to top


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