Joomla Templates Club 406,261 posts

[Menalto Friend MenaltoJoin date: May 2007Posts: 4736Downloads:0Uploads:43 Thanks: 2 Thanked: 531 times in 361 posts]

#126194

First download the ja-teline package, unzip it and browse to ja_telinescripts/ and copy the ja.hiddenpanel.js to your template folder.
Then open up the index.php from ja-teline, find line 98:


<script language="javascript" type="text/javascript" src="<?php echo $ja_template_path;?>/scripts/ja.hiddenpanel.js"></script>


Copy that line and add it below this line in your template:


<script language="javascript" type="text/javascript" src="<?php echo $ja_template_path;?>/scripts/ja.script.js"></script>


Then you find the </head> tag and paste this above:


<script type="text/javascript">
/*<!]>*/
</script>


Add this below the first wrapper div(this can be a little tricky to get right, just ask if any help needed):


<div id="ja-hpwrap">
<div id="ja-hp">
<?php if (mosCountModules('ja-hpanel')) { ?>
<div class="ja-hpmodule">
<?php mosLoadModules('ja-hpanel',-1); ?>
</div>
<?php } ?>
</div>


Then you add this where you want the “Member Area” button should be placed:


<span id="ja-hp-switch">Member Area</span>


Save the index.php and open the template_css.css file and add this at the bottom:


/* JA Hidden Log In Panel */
#ja-hpwrap {
clear: both;
width: 100%;
}
#ja-hp-switch {
float: right;
color: #CCCCCC;
display: none;
font-weight: bold;
cursor: pointer;
padding: 2px 5px 3px;
margin-top: 1px;
}

.ja-hp-active {
color: #FFFFFF !important;
background: #006DA3;
border-bottom: 1px solid #000000;
}

#ja-hpwrap {
background: #EFEFEF;
font-size: 11px;
}

#ja-hp {
line-height: normal;
}

div.ja-hpmodule {
float: right;
padding: 3px 0 2px;
}

html>body div.ja-hpmodule {
float: right;
padding: 5px 0 5px;
}

div.ja-hpmodule form {
float: left;
}

div.ja-hpmodule form label {
float: left;
padding: 0 5px;
}

div.ja-hpmodule form input.button {
padding: 0px 3px;
background: #333333;
border: 1px solid #333333;
color: #CCCCCC;
font-size: 11px !important;
}

div.ja-hpmodule form #mod_login_username,
div.ja-hpmodule form #mod_login_password {
background: #F7F7F7;
border: 1px solid #CCCCCC;
width: 70px;
margin-bottom: 0;
}

div.ja-hpmodule form #mod_login_remember {
margin-bottom: 0;
}

div.ja-hpmodule form a {
padding-left: 5px;
border-left: 1px solid #CCCCCC;
}


Note: I have not tested this in this tempalte but it should work, so please just try it and post here if you cant get it to work and i will help you out in the way i can.

What can go wrong?

Before you start with this, please do a backup of your files before you start up just in case.

This wont work, nothing shows up?

You need to go to Site Configuration>Templates Manager>Module Positions and add a new module position called ja-hpanel and publish the log in module in that position. Remember to use the log in module from teline or if you use CB you can set that to horizontal instead of vertical.

****,the whole site is messed up? What went wrong?

Then you added this code at the wrong place, and you have a >/div> to much or to less:

<div id="ja-hpwrap">
<div id="ja-hp">
<?php if (mosCountModules('ja-hpanel')) { ?>
<div class="ja-hpmodule">
<?php mosLoadModules('ja-hpanel',-1); ?>
</div>
<?php } ?>
</div>

So try to revert the changes you did and add it in another place.

Is this script correct? I didnt find it in the ja-teline

<script type="text/javascript">
/*<!]>*/
</script>

I just removed the tabs option from it…….

Will this work on all templates?

In basic yes, as long as you add the codes correct.

I cant make it work? I must do something wrong, what can i do? Can you do it for me?

Sure:)

[Michael Casha Friend Michael CashaJoin date: September 2014Posts: 2561Downloads:1Uploads:32 Thanks: 41 Thanked: 119 times in 1 posts]

#241019

Stickied .

[imprimadom Friend imprimadomJoin date: February 2007Posts: 4Downloads:0Uploads:2]

#247373

I followed the installation method, but I have an error
Parse error: syntax error, unexpected $ end in …..

Can you tell me to or it may come?

thank you in advance
yougos

[unixboymd Friend unixboymdJoin date: February 2006Posts: 95Downloads:0Uploads:5 Thanks: 13 Thanked: 22 times in 1 posts]

#252239

Is is possible to get this to work in TELINE II?

I’ve followed the instructions, but the activation MEMBER AREA is not showing up. I’ve placed it in several different areas and it just does not appear.

I also used the ja.script.js that was included with TELINE II instead of downloading it from TELINE.

[Menalto Friend MenaltoJoin date: May 2007Posts: 4736Downloads:0Uploads:43 Thanks: 2 Thanked: 531 times in 361 posts]

#256192

<em>@unixboymd 57400 wrote:</em><blockquote>Is is possible to get this to work in TELINE II?

I’ve followed the instructions, but the activation MEMBER AREA is not showing up. I’ve placed it in several different areas and it just does not appear.

I also used the ja.script.js that was included with TELINE II instead of downloading it from TELINE.</blockquote>

Can you give us your site url?

[Author]

Posts