× Joomla Facebook Connect support forum

Topic-icon Horizontal

Active Subscriptions:

None
14 years 7 months ago #1932 by johnnydement
Horizontal was created by johnnydement
Can't an horizontal version of the plugin be made please?
I used to have the login besides logo, showing only username/pass fields, with links to register/forgots under them, taking pretty little space, and looking awesome, now I have a crowded right column I didn't wanted there to start with :P

pretty please? ;)
The topic has been locked.
Support Specialist
14 years 7 months ago #1944 by alzander
Replied by alzander on topic Horizontal
You can modify the module template itself. Did you create your 'original' login horizontal module? If so, you should be able to handle this. The file is in /modules/mod_jfbclogin/tmpl/default.php

Let us know if you have any questions. We really don't want to create different versions of the module or layouts because its extra effort and is never a 'one-size-fits-all' type of venture.
The topic has been locked.
Active Subscriptions:

None
14 years 7 months ago #1946 by johnnydement
Replied by johnnydement on topic Horizontal
No, I'm just usiing the standard login, I think there is some override on the template ;)

Will check editing ;)
The topic has been locked.
Active Subscriptions:

None
14 years 7 months ago #1994 by johnnydement
Replied by johnnydement on topic Horizontal
I have finally pick some time for this :)

This is the css in my template for the login position using standart mod_login, what should I modify/add to use jfbconnectlogin? just put mod_jfblogin istead of mod_login? don't I need to add any other form?
/* Login */
#ja-login {
	position: absolute;
	right: 30px;
	top: 25px;
	color: #666666;
}

label.ja-login-user span,
label.ja-login-password span {
	display: block;
	width: 25px;
	height: 24px;
	float: left;
	text-indent: -5000px;
}

label.ja-login-user span {
	background: url(../images/icon-user.png) no-repeat;
}

label.ja-login-password span {
	background: url(../images/icon-key.png) no-repeat;
}

#ja-login label {
	float: left;
}

#ja-login form #mod_login_username,
#ja-login form #mod_login_password {
	width: 100px;
	margin: 2px 0 0 5px;
	font-size: 11px !important;
	border: 1px solid #CCCCCC;
}

#ja-login form #mod_login_password {
	margin-right: 5px;
}

#ja-login form .button {
	margin-top: 2px;
	border: 1px outset #CCCCCC;
}

.ja-login-links {
	display: block;
	clear: both;
	padding: 6px 0 0;
	font-size: 92%;
}

.ja-login-links a {
	padding: 0 5px;
	color: #666666;
}

This code makes this from mod_login:


I think I just need to add a FB connect button there no?


Thanks!
The topic has been locked.