Public Forums 71,145 posts

[labcorsionline Friend labcorsionlineJoin date: February 2014Posts: 3Downloads:2Uploads:0]

#194602

Hi All

How can I add ja-login module on purity ììì header like http://t3-framework.org/ demo site?

I try add custom position module in header.php in block template.

I add new position on tempalteDetails.xml …but not work

Thank you for your help.

[pavit Moderator pavitJoin date: September 2007Posts: 15749Downloads:199Uploads:2274 Thanks: 417 Thanked: 4028 times in 3778 posts]

#521827

Hi

In the header.php file add a module position before the head-search

[PHP] <?php if ($this->countModules(‘ja-login’)) : ?>[/PHP]

[labcorsionline Friend labcorsionlineJoin date: February 2014Posts: 3Downloads:2Uploads:0]

#521837

I Pavit

Thanks for the reply.

I added

<?php if ($this->countModules(‘ja-login’)) : ?>

<div class=”ja-login<?php $this->_c(‘ja-login’)?>”>
<jdoc:include type=”modules” name=”<?php $this->_p(‘ja-login’) ?>” style=”raw” />
</div>

<?php endif ?>

before the head-search still does not work.

Could you tell me where to insert the module into the header?

Could you send me all header.php?

Thank you

[pavit Moderator pavitJoin date: September 2007Posts: 15749Downloads:199Uploads:2274 Thanks: 417 Thanked: 4028 times in 3778 posts]

#521850

<div class=”ja-login<?php $this->_c(‘ja-login’)?>”>

The div is added before the head search – now you have to customize it with css to fix the responsiveness and position

---

Attachments:

1. 

1 user says Thank You to pavit for this useful post

1. mike1992

[labcorsionline Friend labcorsionlineJoin date: February 2014Posts: 3Downloads:2Uploads:0]

#521925

Hi Pavit

I have the question
Is possible add ja-login on top nav bar purity ììì tempalte?

Thank you

[Nazario A Friend Nazario AJoin date: April 2013Posts: 1183Downloads:0Uploads:406 Thanks: 91 Thanked: 284 times in 263 posts]

#521974

@labcorsionline,

As default, JA Purity III is using the Login Form. If you want to use the JA Login on top nav bar Purity III template, you need to customize css for that.

[barologist Friend barologistJoin date: June 2011Posts: 33Downloads:12Uploads:4 Thanks: 4]

#529226

Any chance you could provide the css code that would need to be added to make ja_login look like the T3 demo site? Also which css file does this need to be added to?

[Ninja Lead Moderator Ninja LeadJoin date: November 2014Posts: 16064Downloads:310Uploads:2864 Thanks: 341 Thanked: 3854 times in 3563 posts]

#529348

<em>@barologist 419549 wrote:</em><blockquote>Any chance you could provide the css code that would need to be added to make ja_login look like the T3 demo site? Also which css file does this need to be added to?</blockquote>

Below are css styles for head-login position on T3 demo:


.head-login {
height: 50px;
line-height: 50px;
padding-left: 10px;
position: absolute;
top: 0;
right: 60px;
}
.head-login a {
color: #bbe6ff
}
.head-login a:hover,
.head-login a:focus,
.head-login a:active {
color: #fff
text-decoration: none;
}
.head-login a.show {
color: #fff
}
.head-login .ja-login .login-greeting {
color: #07b
display: inline-block;
padding-right: 10px;
}
.head-login .ja-login .logout-button {
display: inline-block;
color: #999
}
.head-login .ja-login .logout-button input {
background: transparent;
border: 0;
color: #999
margin: 0;
padding: 0;
}
.head-login .ja-login .logout-button:hover {
color: #fff
}
.head-login .ja-login .logout-button:hover input {
color: #fff
}
.head-login ul.ja-login li #ja-user-login,
.head-login ul.ja-login li #ja-user-register {
border: 1px solid #999
right: 0;
left: auto;
top: 30px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
.head-login ul.ja-login li #ja-user-login .arrow,
.head-login ul.ja-login li #ja-user-register .arrow {
background: url(../images/arrow-top.gif) no-repeat left top;
display: block;
height: 7px;
position: absolute;
top: -7px;
right: 10px;
width: 13px;
}
.head-login ul.ja-login li #ja-user-login form,
.head-login ul.ja-login li #ja-user-register form {
margin-bottom: 0;
}
.head-login ul.ja-login li #ja-user-login label,
.head-login ul.ja-login li #ja-user-register label {
color: #666
}
.head-login ul.ja-login li #ja-user-login .btn,
.head-login ul.ja-login li #ja-user-register .btn {
margin-top: 0;
padding: 8px 20px;
}


Hope it helps to customize and work with ja-login position on your site.

2 users say Thank You to Ninja Lead for this useful post

1. thierry93
2. mike1992

[machizo Friend machizoJoin date: May 2010Posts: 9Downloads:291Uploads:2 Thanked: 1 times in 1 posts]

#537306

Hello I have used ‘JA Login’ it works. but after login , there is not link or avator to ‘Profile Page’ ( I am using CB Profile) . Could you please help me to add the Link at ( name or user name ) and or adding Avator after login?

Looking your support.

Cheers – Siraj
http://www.machizo.com

[Ninja Lead Moderator Ninja LeadJoin date: November 2014Posts: 16064Downloads:310Uploads:2864 Thanks: 341 Thanked: 3854 times in 3563 posts]

#537524

If you want to add link “name or username” after login, you can try this way

Open modules/mod_jalogin/tmpl/default.php file

find and change

<?php if ($params->get('greeting')) : ?>
<div class="login-greeting">
<?php if($params->get('name') == 0) :
echo JText::sprintf('HINAME', $user->get('username'));
else :
echo JText::sprintf('HINAME', $user->get('name'));
endif; ?>
</div>
<?php endif; ?>

To

<?php if ($params->get('greeting')) : ?>
<div class="login-greeting">
<a href="link_to">
<?php if($params->get('name') == 0) :
echo JText::sprintf('HINAME', $user->get('username'));
else :
echo JText::sprintf('HINAME', $user->get('name'));
endif; ?>
</a>
</div>
<?php endif; ?>

Let me know if it helps

[mike1992 Friend mike1992Join date: September 2014Posts: 4Downloads:0Uploads:0 Thanks: 3]

#549416

Hello guys , i am a newbie in this site. I wanted to say thank for this kinda extensions and your support. I was wondering if u could help me to download JA Login module or some links to download for free.

Thanks in advance 🙂

[pavit Moderator pavitJoin date: September 2007Posts: 15749Downloads:199Uploads:2274 Thanks: 417 Thanked: 4028 times in 3778 posts]

#549421

Hi

Here the link for all Joomlart extensions Free and paid
To download Ja Login module you should subscribe a membership JAEC Type

[mike1992 Friend mike1992Join date: September 2014Posts: 4Downloads:0Uploads:0 Thanks: 3]

#549447

Hi pavit!

Thanks for an answer.

However, Should i paid, when i want to download some other extension from this site . I mean , is there have some kinda free extensions , wanna download for free cuz i’m a student….:)

[pavit Moderator pavitJoin date: September 2007Posts: 15749Downloads:199Uploads:2274 Thanks: 417 Thanked: 4028 times in 3778 posts]

#549448

Hi

Here you can find Joomlart free extensions http://www.joomlart.com/joomla/extensions

[srv28 Friend srv28Join date: October 2014Posts: 2Downloads:4Uploads:0]

#554896

<em>@Ninja Lead 419700 wrote:</em><blockquote>Below are css styles for head-login position on T3 demo:


.head-login {
height: 50px;
line-height: 50px;
padding-left: 10px;
position: absolute;
top: 0;
right: 60px;
}
.head-login a {
color: #bbe6ff
}
.head-login a:hover,
.head-login a:focus,
.head-login a:active {
color: #fff
text-decoration: none;
}
.head-login a.show {
color: #fff
}
.head-login .ja-login .login-greeting {
color: #07b
display: inline-block;
padding-right: 10px;
}
.head-login .ja-login .logout-button {
display: inline-block;
color: #999
}
.head-login .ja-login .logout-button input {
background: transparent;
border: 0;
color: #999
margin: 0;
padding: 0;
}
.head-login .ja-login .logout-button:hover {
color: #fff
}
.head-login .ja-login .logout-button:hover input {
color: #fff
}
.head-login ul.ja-login li #ja-user-login,
.head-login ul.ja-login li #ja-user-register {
border: 1px solid #999
right: 0;
left: auto;
top: 30px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
.head-login ul.ja-login li #ja-user-login .arrow,
.head-login ul.ja-login li #ja-user-register .arrow {
background: url(../images/arrow-top.gif) no-repeat left top;
display: block;
height: 7px;
position: absolute;
top: -7px;
right: 10px;
width: 13px;
}
.head-login ul.ja-login li #ja-user-login form,
.head-login ul.ja-login li #ja-user-register form {
margin-bottom: 0;
}
.head-login ul.ja-login li #ja-user-login label,
.head-login ul.ja-login li #ja-user-register label {
color: #666
}
.head-login ul.ja-login li #ja-user-login .btn,
.head-login ul.ja-login li #ja-user-register .btn {
margin-top: 0;
padding: 8px 20px;
}


Hope it helps to customize and work with ja-login position on your site.</blockquote>

Where should I add this CSS code ?

I added to css/template.css, but still does not work…. 🙁

[Author]

Posts