Joomla Templates Club 406,261 posts

[russh Friend russhJoin date: July 2009Posts: 57Downloads:0Uploads:6 Thanks: 13 Thanked: 4 times in 1 posts]

#176811

I’d like to collapse the login module so that it appears within the right hand side of the navbar – I’m guessing for this I’d have to use a different login module that’s more compact – preferably only got a single line’s worth of content rather than the default Edenite one that’s fairly wordy.

Any advice?

Thx, Russ

---

Attachments:

1. 

[Sherlock Friend SherlockJoin date: September 2014Posts: 11453Downloads:0Uploads:88 Thanks: 221 Thanked: 2478 times in 2162 posts]

#451969

Hi russh,

Do you want the login module is opened as the way it was here http://templates.joomlart.com/ja_social/ ?, if that you can download the Ja login module here http://www.joomlart.com/forums/downloads.php?do=file&id=2528 install it and then assign it to the position you wish.

[russh Friend russhJoin date: July 2009Posts: 57Downloads:0Uploads:6 Thanks: 13 Thanked: 4 times in 1 posts]

#452099

Hiya Sherlock 🙂

Okay yes that looks fantastic.. however I’m on J1.5.x and the login module from ja_social for 1.5.x doesn’t display as per the demo;

what’ve I missed?!

---

Attachments:

1. 

[Sherlock Friend SherlockJoin date: September 2014Posts: 11453Downloads:0Uploads:88 Thanks: 221 Thanked: 2478 times in 2162 posts]

#452155

Hi russh,

you also need to add an extra css into your template.css file, open the file templatesja_edenitecsstemplate.css you add this css at it’s bottom

/* ja-login css */
/* ja-login css */

#ja-user-register, #ja-user-login {
background: url(../images/ja-login-bg.gif) repeat-x left bottom ;
border: 1px solid #A1D5E9;
color: #333;
display: none;
height: auto;
overflow: hidden;
padding: 10px 15px;
position: absolute;
right: -15px;
text-align: left;
top: 21px;
z-index: 9999;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
box-shadow: 0 3px 5px rgba(0,0,0,.4);
-moz-box-shadow: 0 3px 5px rgba(0,0,0,.4);
-webkit-box-shadow: 0 3px 5px rgba(0,0,0,.4);
}

#ja-user-login .ja-login-user,
#ja-user-login .ja-login-password,
#ja-user-login .mod_login_remember {
float: left;
width: 145px;
display: block;
margin: 0 10px 0 5px;
}
#ja-user-register, #ja-user-login{
width:394px !important;
}
#ja-user-login .button,
#ja-user-register .button {
color: #fff;
background: url(../images/button_bg.png) 0 50% repeat-x #238db4;
border: 1px solid #238db4;
text-shadow: 0 1px 1px #4a4a4a;
}

#ja-user-login .button:hover,
#ja-user-register .button:hover {
border: 1px outset #fff;
}

.ja-login-links {
margin-top: 10px;
}

#ja-headtools .ja-login-links a {
color: #238db4;
padding: 0;
}

#ja-headtools li a.logout-switch {
display: inline;
float: none;
margin-left: 3px;
}
#ja-login{
right:15px;
top:15px;
position:absolute;
background:none !important;
border:none !important;
}
#ja-login li {
background: none repeat scroll 0 0 transparent;
display: inline;
line-height: normal;
margin: 0;
padding: 0;
}

I hope this change would help !

<em>@russh 318500 wrote:</em><blockquote>Hiya Sherlock 🙂

Okay yes that looks fantastic.. however I’m on J1.5.x and the login module from ja_social for 1.5.x doesn’t display as per the demo;

what’ve I missed?!</blockquote>

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

#452233

Hey Sherlock,

I tried this with the JA Teline IV template and it didn’t display properly. Would it be a different code added to the css file for this one?

I’m trying to add the module to the search llocation.

Thanks!

[Sherlock Friend SherlockJoin date: September 2014Posts: 11453Downloads:0Uploads:88 Thanks: 221 Thanked: 2478 times in 2162 posts]

#452309

<em>@barologist 318665 wrote:</em><blockquote>Hey Sherlock,

I tried this with the JA Teline IV template and it didn’t display properly. Would it be a different code added to the css file for this one?

I’m trying to add the module to the search llocation.

Thanks!</blockquote>

Hi barologist,

For the JA Teline IV you can try with this css

/* ja-login css */

#ja-user-register, #ja-user-login {
background-color: #e5eef3 ;
border: 1px solid #A1D5E9;
color: #333;
display: none;
height: auto;
overflow: hidden;
padding: 10px 15px;
position: absolute;
right: -15px;
text-align: left;
top: 21px;
z-index: 9999;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
box-shadow: 0 3px 5px rgba(0,0,0,.4);
-moz-box-shadow: 0 3px 5px rgba(0,0,0,.4);
-webkit-box-shadow: 0 3px 5px rgba(0,0,0,.4);
}

#ja-user-login .ja-login-user,
#ja-user-login .ja-login-password,
#ja-user-login .mod_login_remember {
float: left;
width: 145px;
display: block;
margin: 0 10px 0 5px;
}
#ja-user-register, #ja-user-login{
width:394px !important;
}
#ja-user-login .button,
#ja-user-register .button {
color: #fff;
background: url(../images/button_bg.png) 0 50% repeat-x #238db4;
border: 1px solid #238db4;
text-shadow: 0 1px 1px #4a4a4a;
}

#ja-user-login .button:hover,
#ja-user-register .button:hover {
border: 1px outset #fff;
}

.ja-login-links {
margin-top: 10px;
}

#ja-headtools .ja-login-links a {
color: #238db4;
padding: 0;
}

#ja-headtools li a.logout-switch {
display: inline;
float: none;
margin-left: 3px;
}
#ja-search{
right:15px;
top:15px;
position:absolute;
background:none !important;
border:none !important;
z-index:13px !important;

}
#ja-search li {
background: none repeat scroll 0 0 transparent;
display: inline;
line-height: normal;
margin: 0;
padding: 0;
}
#ja-search label{
display:block !important;
}
#ja-search .inputbox {
background-color: #fff !important;
border: 1px solid transparent;
color: #000000;
font-size: 100%;
padding: 0;
width: 120px;
}
#ja-topbar{
z-index:13 !important;
}

I hope it help !

[russh Friend russhJoin date: July 2009Posts: 57Downloads:0Uploads:6 Thanks: 13 Thanked: 4 times in 1 posts]

#452387

I’ve applied the CSS – and dropped the referenced images into the image folder, but its still not giving me the menu whne I set the ja_login module to be active in position User4 … (see screenshot)

Aything else I need to do to get this applied?

---

Attachments:

1. 

[Sherlock Friend SherlockJoin date: September 2014Posts: 11453Downloads:0Uploads:88 Thanks: 221 Thanked: 2478 times in 2162 posts]

#452480

Hi russh,

Please try again with this css

/* ja-login css */
/* ja-login css */

#ja-user-register, #ja-user-login {
background: url(../images/ja-login-bg.gif) repeat-x left bottom ;
border: 1px solid #A1D5E9
color: #333
display: none;
height: auto;
overflow: hidden;
padding: 10px 15px;
position: absolute;
right: -15px;
text-align: left;
top: 21px;
z-index: 9999;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
box-shadow: 0 3px 5px rgba(0,0,0,.4);
-moz-box-shadow: 0 3px 5px rgba(0,0,0,.4);
-webkit-box-shadow: 0 3px 5px rgba(0,0,0,.4);
}

#ja-user-login .ja-login-user,
#ja-user-login .ja-login-password,
#ja-user-login .mod_login_remember {
float: left;
width: 145px;
display: block;
margin: 0 10px 0 5px;
}
#ja-user-register, #ja-user-login{
width:394px !important;
}
#ja-user-login .button,
#ja-user-register .button {
color: #fff
background: url(../images/button_bg.png) 0 50% repeat-x #238db4
border: 1px solid #238db4
text-shadow: 0 1px 1px #4a4a4a
}

#ja-user-login .button:hover,
#ja-user-register .button:hover {
border: 1px outset #fff
}

.ja-login-links {
margin-top: 10px;
}

#ja-headtools .ja-login-links a {
color: #238db4
padding: 0;
}

#ja-headtools li a.logout-switch {
display: inline;
float: none;
margin-left: 3px;
}
#ja-login{
right:15px;
top:15px;
position:absolute;
background:none !important;
border:none !important;
}
#ja-login li {
background: none repeat scroll 0 0 transparent;
display: inline;
line-height: normal;
margin: 0;
padding: 0;
}

If it still does not help just pm me your url, the FTP info I will have further checking for you.

[russh Friend russhJoin date: July 2009Posts: 57Downloads:0Uploads:6 Thanks: 13 Thanked: 4 times in 1 posts]

#452973

Hi Sherlock, not sure if it’s an existing custom login module on JA Edenite that’s conflicting, but this isn’t working! Have PM’d you – no doubt I’ve missed something :-/

[Sherlock Friend SherlockJoin date: September 2014Posts: 11453Downloads:0Uploads:88 Thanks: 221 Thanked: 2478 times in 2162 posts]

#453065

<em>@russh 319621 wrote:</em><blockquote>Hi Sherlock, not sure if it’s an existing custom login module on JA Edenite that’s conflicting, but this isn’t working! Have PM’d you – no doubt I’ve missed something :-/</blockquote>

Hi russh,

We might misunderstood each other but my above css would work well if the module is assigned to the top module position, your is assigned to the user4 position, you should assign the module to the top position mate 🙂

[russh Friend russhJoin date: July 2009Posts: 57Downloads:0Uploads:6 Thanks: 13 Thanked: 4 times in 1 posts]

#453243

ahh… okay that may work instead 🙂

That said…

have just tried it and it’s still the same (sorry!!)

I’ve enabled it only on this internal page (as it’s a live site!) so it’s not too disruptive;
http://goo.gl/Oy3EO

---

Attachments:

1. 

[Sherlock Friend SherlockJoin date: September 2014Posts: 11453Downloads:0Uploads:88 Thanks: 221 Thanked: 2478 times in 2162 posts]

#453253

<em>@russh 319979 wrote:</em><blockquote>ahh… okay that may work instead 🙂

That said…

have just tried it and it’s still the same (sorry!!)

I’ve enabled it only on this internal page (as it’s a live site!) so it’s not too disruptive;
http://goo.gl/Oy3EO</blockquote>

Hi russh,

What do you mean ? Did it get solved ?

1 user says Thank You to Sherlock for this useful post

1. russh

[russh Friend russhJoin date: July 2009Posts: 57Downloads:0Uploads:6 Thanks: 13 Thanked: 4 times in 1 posts]

#466019

<em>@Sherlock Holmes 319990 wrote:</em><blockquote>Hi russh,

What do you mean ? Did it get solved ?</blockquote>

Yesss, I was being incredibly thick.. thanks 🙂

[Author]

Posts