Link to home
Start Free TrialLog in
Avatar of protechzm
protechzmFlag for Zambia

asked on

how to add login/Register option on agora forum

Hi,
I would like to know how i can add the login/register option to agora forum.If there is someone that knows,i have seen it added on the following site;http://battlestations.eu/index.php/forum, please help me.
thanks in advance;
Avatar of Allan Nisbet
Allan Nisbet
Flag of United Kingdom of Great Britain and Northern Ireland image

You can achive something like that by either having a position assigned to the top of the forum

http://battlestations.eu/index.php/en/forum/index.php?tp=1

Use that link to see how they used that position aurora_1

NOw look at the css for it and lay it out the same

Then simply use one of the many horizontal logins available at extensions.joomla.org

And assign it to your position and voila you have the site login just like theres

Storm
Avatar of protechzm

ASKER

Hi Storm,
Am not so familiar with what you are advising me to do,which css file am i supposed to look at?I have very little knowledge about what you are asking me to do,maybe with your proper guidance i will manage.The site on which i want to put this forum is:www.ntbc.co.zm
Thanks
Ah if you have a look at the "view source" of the site or use one of the developer consoles on firefox or chrome you can  select anywhere on the page and see the code of how it is made, and also the corresponding css powering it

ive copied the css file for you

its in the attachment below

Ok ill actually talk you through this

I looked at your site so you have the main column div on your homepage
say we wanted to add that login above there

add this code

<div id="loginholder">
                <jdoc:include type="modules" name="login"  style="xhtml" />
            </div>

directly under the main column div

nw you have your position setup, download a horizontal login module and assign it to the position "login"
it wont be on your drop down selector but you can type in login and it will work

now in your css file add this

#loginholder {

put in the css of your choice like font size, colour, backround image etc

}

Now yo uhave what they have you can use the css file i included for some ideas or if you want the exact one they have copy the css and download the icons from there site to use but due to copyright I suggest you create your own or use the joomla standard icons

Storm
/**
 * Neo - Agora Forum 3.x Template/Style
 * by Elvis Vinicius 
 * JoomlaClube - open source brazil http://www.joomlaclube.com.br
 */
/*** -----------------------------------------------------------------------------------------------
 COMMON
----------------------------------------------------------------------------------------------- ***/
#ag_agora { padding: 0; margin: 0; }
.ag_agora { font: normal normal 12px/1em Verdana, sans-serif; }
.ag_agora pre,
.ag_agora textarea { font: normal normal 14px/1.4em sans-mono; }
.ag_agora * { color: #cccccc; font-size: 1em; line-height: 1em; /*font inheritance*/ }
.ag_agora pre,
.ag_agora div,
.ag_agora form,
.ag_agora h1,
.ag_agora h2,
.ag_agora h3,
.ag_agora h4,
.ag_agora h5,
.ag_agora h6,
.ag_agora table,
.ag_agora tr,
.ag_agora th,
.ag_agora td,
.ag_agora ul,
.ag_agora ol,
.ag_agora li,
.ag_agora dl,
.ag_agora dt,
.ag_agora dd,
.ag_agora fieldset,
.ag_agora img { padding: 0; margin: 0; background: none; }
.ag_agora table { border-collapse: separate; border-spacing: 0; }
.ag_agora p { padding: 0; margin: 0 0 5px 0; }
.ag_agora blockquote { padding: 4px; margin: 0 0 5px 0; }
.ag_agora h1 { font: bold normal 1.6em/1.2em Tahoma, Verdana, sans-serif; }
.ag_agora h2 { font: bold normal 1.1em/1.1em Tahoma, Verdana, sans-serif; }
.ag_agora h3 { font: bold normal 1.2em/1.2em Tahoma, Verdana, sans-serif; }
.ag_agora h4 { font: bold normal 1.1em/1.2em Tahoma, Verdana, sans-serif; }
.ag_agora h5 { font: bold normal 1.0em/1.1em Tahoma, Verdana, sans-serif; }
.ag_agora h6 { font: bold normal 0.85em/1.2em Tahoma, Verdana, sans-serif; }
.ag_agora strong, .ag_agora b { color: #cccccc; font-weight: bold; }
.ag_agora em, .ag_agora i { font-style: oblique; }
.ag_agora legend { font-family: Verdana; font-weight: bold; }

/* misc */
html > br { display: none !important; } /*opera fix*/
#ag_agorawrap { padding: 5px; margin: 0; }
.ag_outerwrap { padding: 5px; margin: 0 0 5px 0; }
.ag_agora .ag_outerwrap { overflow: hidden; }
div.ag_postwrap .ag_outerwrap {}
.ag_clearer { width: 0; min-height: 0; height: 0; line-height: 0; font-size: 0; overflow: hidden; clear: right; }
.ag_floatleft  { padding: 0; margin: 0; height: 38px; line-height: 38px; float: left; }
.ag_floatright { padding: 0; margin: 0; height: 38px; line-height: 38px; float: right; }
.ag_left    { text-align: left; }
.ag_center  { text-align: center; }
.ag_right   { text-align: right; }
.ag_center1 { text-align: left; } /*@todo*/

div.ag_button {}
div.ag_postlinksTop,
div.ag_postlinksBottom { padding: 0; margin: 0; clear: right; }
div.ag_forumButtons_wrap { padding: 0; margin: 0; clear: right; height: 50px; }

img.ag_upload_preview { padding: 2px; }
div.ag_hint { padding: 8px 8px 8px 26px; margin: 3px 10px; line-height: 1.5em; }
.ag_agora fieldset div.ag_hint { margin: 3px 0; }

/* links */
.ag_agora a:link,
.ag_agora a:visited { outline: none; /* remove dotted border from gecko's browser */ text-decoration: none; }
.ag_agora a:hover   { outline: none; /* remove dotted border from gecko's browser */ text-decoration: underline; }
span.ag_good_link a:link,
span.ag_good_link a:visited { text-decoration: none; }
span.ag_good_link a:hover   { text-decoration: underline; }

/*** header ***/
div.ag_rightend { padding: 0; margin: 0; clear: right; }
div.ag_headerbar { width: inherit; padding: 2px 0; text-align: center !important;}
h2.ag_headerbar { width: inherit; font-weight: bold; text-align: center !important;}
h2.ag_headerbar a.ag_good_link:link,
h2.ag_headerbar a.ag_good_link:visited { width: inherit; font-weight: bold; }
h2.ag_headerbar a.ag_good_link:hover { text-decoration: underline; }
h2.ag_headerbar span.ag_middle { padding: 8px; line-height: 1.2em;  text-transform:uppercase; !important;}
span.ag_headerbar a { display: block; }
span.ag_middle { padding: 3px 6px; display: block; overflow: hidden; }
span.ag_middle strong { padding: 10px 0; display: block; }

/*** form elements ***/
.ag_agora fieldset { padding: 12px; margin: 15px 10px; width: auto; clear: right; }
.ag_agora legend   { padding: 4px 8px; margin: 0; }
legend.ag_color {}
legend.ag_color_warning { padding-left: 22px; }
label.ag_label { text-align: left; display: block; }
label.ag_label strong { color: #ff7700; padding: 5px 0; display: block; }
label.rate { line-height: 20px; }
label.rate img { vertical-align: middle; }
textarea#req_message { width: 99%; min-height: 150px; line-height: 1.6em; }
.ag_textresize       { float: right; line-height: 2em; font-size: 12px;}
.ag_textresize img   { padding: 0; margin: 0; vertical-align:text-top; cursor: pointer; font-size: 12px;}
.ag_agora input.ag_characterstyped { width: 60px; font: normal normal 18px/1em Georgia, serif; text-align: right; cursor: default; font-size: 12px;}
div.ag_characterstyped {}
input.ag_button {}
input.ag_button.ag_btn_submit,
input.ag_button.ag_btn_preview,
input.ag_button.ag_btn_edit,
input.ag_button.ag_btn_button { padding: 3px 9px; font-weight: bold; cursor: pointer; }
input.ag_button.ag_btn_submit {}
input.ag_button.ag_btn_preview,
input.ag_button.ag_btn_edit,
input.ag_button.ag_btn_button {}
.ag_agora a.ag_btn_goback:link,
.ag_agora a.ag_btn_goback:visited,
.ag_agora a.ag_btn_goback:hover { font-weight: bold; text-decoration: underline; }
div.ag_blockform { margin-bottom: 6px }
div.ag_postbuttons { padding: 2px 10px 17px 10px !important; text-align: center !important; }
div.ag_qjump,
div.ag_groups { padding-left: 5px; margin-top: 6px; float: left; }
select.ag_qjump,
select.ag_groups { width: 295px; font-size: 12px; }
.ag_agora optgroup { font-style: normal; font-weight: bold; }
.ag_agora option   { font-style: normal; font-weight: normal; }

/*** bbcode ***/
.ag_bbcode { padding: 0; margin: 0; }
.ag_bbcodewrap { padding: 0; margin: 0; }
#bbtoolbar,
#bbtoolbar2 { position: relative; padding: 4px; margin: 0; width: auto; text-align: center !important; }
.bbtitle {}
div.bbcode { padding: 3px; margin: 0; width: auto; height: auto; text-align: center; }
img.bbcode { padding: 2px; margin-right: 2px; cursor: pointer; }
img.bbcode:hover { padding: 2px; margin-right: 2px; cursor: pointer; }
#bbsmiley,
#bbmovies,
#bblinkurl,
#bblinkemail,
#bblinkimages {
	position: relative;
	padding: 4px;
	margin: 0;
	width: auto;
	text-align: center !important;
	display: none;
	overflow: hidden;
}
#bbcolor {
	position: absolute;
	left: 15%;
	z-index: 2;
	padding: 4px 3px 3px 4px;
	margin: 0;
	width: 360px;
	text-align: center !important;
	display: none;
	overflow: hidden;
}
#bbmovies_divider { margin: 3px 0 4px 0; height: 0; clear: both; }
#bbsmiley img.bbcode { padding: 1px; }
img.spacer, img.vid_spacer { margin-left: -2px; }
span.bbcolor { padding: 0; margin: 0 2px 2px 0; cursor: pointer; width: 16px; height: 16px; display: block; float: left; }
#bbcode_fontsize { margin: 0 2px; width: 100px; height: 18px; line-height: 12px; font-size: 12px; vertical-align: bottom; }
#bblinkurl span,
#bblinkimages span,
#bblinkemail span {
	font-size: 10px;
}
.ag_bbcode h5 { padding: 4px; margin: 0 0 4px 0; text-align: left; }
/*** -----------------------------------------------------------------------------------------------
 MAIN MENU style
 - Menu structure on js_css/dropdown.css
----------------------------------------------------------------------------------------------- ***/
#ag_headerbar_menu {
	position: relative;
	padding: 8px 0 0 0;
	width: 100%;
	float: left;
	font-size: 11px;
}

/*** -----------------------------------------------------------------------------------------------
 FORUMS
----------------------------------------------------------------------------------------------- ***/
.ag_tablewrap { padding: 0; margin: 0 0 5px 0; }
.ag_tablewrap table {}
.ag_forum_separator { height: 5px; clear: both; }
.ag_forumcat {}

th.ag_leftend,
th.ag_rightend,
th.ag_column,
th.ag_topic,
th.ag_topic2,
th.ag_topic3,
th.ag_lastpost,
th.ag_spacer,
th.ag_userlist,
th.ag_pms { padding: 6px 2px; text-align: center; font-size: 11px; font-weight: normal; }
td.ag_leftend,
td.ag_rightend,
td.ag_column,
td.ag_topic,
td.ag_topic2,
td.ag_topic3,
td.ag_lastpost,
td.ag_spacer,
td.ag_userlist,
td.ag_pms { padding: 4px 8px; line-height: 1.35em; }
th.ag_leftend { width: 48px; }
td.ag_leftend { width: 48px; }
th.ag_rightend { width: 25px; }
td.ag_rightend { width: 25px; }
th.ag_column { text-align: left; }
td.ag_column { vertical-align: top; }
th.ag_topic { width: 90px; text-align: right; }
td.ag_topic { width: 90px; text-align: right; vertical-align: top; font-size: 11px; }
th.ag_topic3 { width: 80px; }
td.ag_topic3 { width: 80px; text-align: center; }
th.ag_spacer {}
td.ag_spacer { text-align: center; }
th.ag_lastpost { width: 200px; }
td.ag_lastpost { width: 200px; vertical-align: top; }
th.ag_userlist {}
td.ag_userlist {}
th.ag_pms {}
td.ag_pms {}

table.ag_subForums {}
th.ag_subForums { padding: 4px 0; font-size: 11px; text-align: left; }
td.ag_subForums { padding: 3px 0; vertical-align: top; }
td.ag_subForums img { vertical-align: middle; }
td.ag_subForums a { font-size: 11px; }
td.ag_empty_forum { padding: 5px 0; text-align: center; font-size: 16px; }

div.ag_forum,
div.ag_icon,
div.ag_hot,
div.ag_closed,
div.ag_closedhot,
div.ag_new,
div.ag_newhot,
div.ag_newclosed,
div.ag_newsticky,
div.ag_sticky, 
div.ag_stickyhot,
div.ag_stickyclosed,
div.ag_stickyclosedhot,
div.ag_search_goto,
div.ag_newstickyclosed /* @todo */
{ width: 50px; height: 50px; }

div.ag_forum 			{ background: url('img/icon.png') 50% 50% no-repeat; }
div.ag_icon 			{ background: url('img/icon.png') 50% 50% no-repeat; }
div.ag_hot 				{ background: url('img/icon_hot.png') 50% 50% no-repeat; }
div.ag_closed 			{ background: url('img/icon_locked.png') 50% 50% no-repeat; }
div.ag_closedhot 		{ background: url('img/icon_lockedhot.png') 50% 50% no-repeat; }
div.ag_new 				{ background: url('img/icon_new.png') 50% 50% no-repeat; }
div.ag_newhot 			{ background: url('img/icon_newhot.png') 50% 50% no-repeat; }
div.ag_newclosed 		{ background: url('img/icon_newlocked.png') 50% 50% no-repeat; }
div.ag_newsticky 		{ background: url('img/icon_newsticky.png') 50% 50% no-repeat; }
div.ag_sticky 			{ background: url('img/icon_sticky.png') 50% 50% no-repeat; }
div.ag_stickyhot 		{ background: url('img/icon_stickyhot.png') 50% 50% no-repeat; }
div.ag_stickyclosed 	{ background: url('img/icon_stickylocked.png') 50% 50% no-repeat; }
div.ag_stickyclosedhot  { background: url('img/icon_stickylockedhot.png') 50% 50% no-repeat; }
div.ag_newstickyclosed 	{ background: url('img/icon_stickylocked.png') 50% 50% no-repeat; } /* @todo */
div.ag_search_goto  	{ background: url('img/icon_searchgoto.png') 50% 50% no-repeat; }

/* FOR UNIQUE FORUM OR CATEGORY ICON SETS PLEASE FOLLOW THE INSTRUCTIONS BELLOW
BELOW ARE SETTINGS FOR 4 ICON SETS. IN ORDER TO USE THESE SETTINGS MAKE SURE YOU REMOVE THE / * AT THE BEGINNING OF EACH SET AND * /  AT THE END OF EACH SET. 
#pp_# IS THE ID USED TO WRAP FORUMS AND OR ENTIRE CATEGORIES. IN THE AGORA ADMIN PANEL, GO TO CONFIGURATION TAB AND SELECT STYLE IN THE SIDE MENU. IN THE TOP BOX ENTER THE CODE YOU WANT TO USE SUCH AS pp_2 OR pp_3, IN THE LOWER BOX IS FOR EXPERIENCED CSS CODERS TO ADD FURTHER STYLING BASED ON A CATEGORY OR FORUM BASIS. ONCE DONE, CLICK SAVE. NOW GO TO THE FORUM TAB, CLICK TO EDIT A FORUM OR CATEGORY, AND IN THE LEFT COLUMN OF OPTIONS FIND THE DROP LIST OF ICONS TO USE. CLICK SAVE. ONLY THE DEFAULT ICONS HAVE BEEN SUPPLIED WITH com_agora_3.0.x. SO GO TO root/components/com_agora/style/Neo/img/ AND FIND THE FOLDER icon_set_1 ADD YOUR NEW ICONS AND YOU ARE DONE. IF YOU HAVE SELECTED TO USE #pp_2 OR ANY OTHER, MAKE SURE TO CREATE THE FOLDER SET FOR IT AS IS SUPPLIED FOR ICON SET 1. FOR ADDITIONA QUESTIONS AND SUPPORT, VISIT http://www.jvitals.com

WARNING: DO NOT USE #pp_1
 */

/*
#pp_2 div.ag_forum 				{ background: url('img/icon_set_2/icon.png') 50% 50% no-repeat; }
#pp_2 div.ag_icon 				{ background: url('img/icon_set_2/icon.png') 50% 50% no-repeat; }
#pp_2 div.ag_hot 				{ background: url('img/icon_set_2/icon_hot.png') 50% 50% no-repeat; }
#pp_2 div.ag_closed 			{ background: url('img/icon_set_2/icon_locked.png') 50% 50% no-repeat; }
#pp_2 div.ag_closedhot 			{ background: url('img/icon_set_2/icon_lockedhot.png') 50% 50% no-repeat; }
#pp_2 div.ag_new 				{ background: url('img/icon_set_2/icon_new.png') 50% 50% no-repeat; }
#pp_2 div.ag_newhot 			{ background: url('img/icon_set_2/icon_newhot.png') 50% 50% no-repeat; }
#pp_2 div.ag_newclosed 			{ background: url('img/icon_set_2/icon_newlocked.png') 50% 50% no-repeat; }
#pp_2 div.ag_newsticky 			{ background: url('img/icon_set_2/icon_newsticky.png') 50% 50% no-repeat; }
#pp_2 div.ag_sticky 			{ background: url('img/icon_set_2/icon_sticky.png') 50% 50% no-repeat; }
#pp_2 div.ag_stickyhot 			{ background: url('img/icon_set_2/icon_stickyhot.png') 50% 50% no-repeat; }

#pp_2 div.ag_stickyclosed 		{ background: url('img/icon_set_2/icon_stickylocked.png') 50% 50% no-repeat; }
#pp_2 div.ag_stickyclosedhot  	{ background: url('img/icon_set_2/icon_stickylockedhot.png') 50% 50% no-repeat; }
#pp_2 div.ag_newstickyclosed 	{ background: url('img/icon_set_2/icon_stickylocked.png') 50% 50% no-repeat; }
#pp_2 div.ag_search_goto  		{ background: url('img/icon_set_2/icon_searchgoto.png') 50% 50% no-repeat; }
*/

/*
#pp_3 div.ag_forum 			{ background: url('img/icon_set_3/icon.png') 50% 50% no-repeat; }
#pp_3 div.ag_icon 			{ background: url('img/icon_set_3/icon.png') 50% 50% no-repeat; }
#pp_3 div.ag_hot 				{ background: url('img/icon_set_3/icon_hot.png') 50% 50% no-repeat; }
#pp_3 div.ag_closed 			{ background: url('img/icon_set_3/icon_locked.png') 50% 50% no-repeat; }
#pp_3 div.ag_closedhot 		{ background: url('img/icon_set_3/icon_lockedhot.png') 50% 50% no-repeat; }
#pp_3 div.ag_new 				{ background: url('img/icon_set_3/icon_new.png') 50% 50% no-repeat; }
#pp_3 div.ag_newhot 			{ background: url('img/icon_set_3/icon_newhot.png') 50% 50% no-repeat; }
#pp_3 div.ag_newclosed 		{ background: url('img/icon_set_3/icon_newlocked.png') 50% 50% no-repeat; }
#pp_3 div.ag_newsticky 		{ background: url('img/icon_set_3/icon_newsticky.png') 50% 50% no-repeat; }
#pp_3 div.ag_sticky 			{ background: url('img/icon_set_3/icon_sticky.png') 50% 50% no-repeat; }
#pp_3 div.ag_stickyhot 		{ background: url('img/icon_set_3/icon_stickyhot.png') 50% 50% no-repeat; }
#pp_3 div.ag_stickyclosed 	{ background: url('img/icon_set_3/icon_stickylocked.png') 50% 50% no-repeat; }
#pp_3 div.ag_stickyclosedhot  { background: url('img/icon_set_3/icon_stickylockedhot.png') 50% 50% no-repeat; }
#pp_3 div.ag_newstickyclosed 	{ background: url('img/icon_set_3/icon_stickylocked.png') 50% 50% no-repeat; }
#pp_3 div.ag_search_goto  	{ background: url('img/icon_set_3/icon_searchgoto.png') 50% 50% no-repeat; }
*/

/*
#pp_4 div.ag_forum 			{ background: url('img/icon_set_4/icon.png') 50% 50% no-repeat; }
#pp_4 div.ag_icon 			{ background: url('img/icon_set_4/icon.png') 50% 50% no-repeat; }
#pp_4 div.ag_hot 				{ background: url('img/icon_set_4/icon_hot.png') 50% 50% no-repeat; }
#pp_4 div.ag_closed 			{ background: url('img/icon_set_4/icon_locked.png') 50% 50% no-repeat; }
#pp_4 div.ag_closedhot 		{ background: url('img/icon_set_4/icon_lockedhot.png') 50% 50% no-repeat; }
#pp_4 div.ag_new 				{ background: url('img/icon_set_4/icon_new.png') 50% 50% no-repeat; }
#pp_4 div.ag_newhot 			{ background: url('img/icon_set_4/icon_newhot.png') 50% 50% no-repeat; }
#pp_4 div.ag_newclosed 		{ background: url('img/icon_set_4/icon_newlocked.png') 50% 50% no-repeat; }
#pp_4 div.ag_newsticky 		{ background: url('img/icon_set_4/icon_newsticky.png') 50% 50% no-repeat; }
#pp_4 div.ag_sticky 			{ background: url('img/icon_set_4/icon_sticky.png') 50% 50% no-repeat; }
#pp_4 div.ag_stickyhot 		{ background: url('img/icon_set_4/icon_stickyhot.png') 50% 50% no-repeat; }
#pp_4 div.ag_stickyclosed 	{ background: url('img/icon_set_4/icon_stickylocked.png') 50% 50% no-repeat; }
#pp_4 div.ag_stickyclosedhot  { background: url('img/icon_set_4/icon_stickylockedhot.png') 50% 50% no-repeat; }
#pp_4 div.ag_newstickyclosed 	{ background: url('img/icon_set_4/icon_stickylocked.png') 50% 50% no-repeat; }
#pp_4 div.ag_search_goto  	{ background: url('img/icon_set_4/icon_searchgoto.png') 50% 50% no-repeat; }
*/

/*#pp_5 div.ag_forum 				{ background: url('img/icon_set_5/icon.png') 50% 50% no-repeat; }
#pp_5 div.ag_icon 				{ background: url('img/icon_set_5/icon.png') 50% 50% no-repeat; }
#pp_5 div.ag_hot 				{ background: url('img/icon_set_5/icon_hot.png') 50% 50% no-repeat; }
#pp_5 div.ag_closed 			{ background: url('img/icon_set_5/icon_locked.png') 50% 50% no-repeat; }
#pp_5 div.ag_closedhot 			{ background: url('img/icon_set_5/icon_lockedhot.png') 50% 50% no-repeat; }
#pp_5 div.ag_new 				{ background: url('img/icon_set_5/icon_new.png') 50% 50% no-repeat; }
#pp_5 div.ag_newhot 			{ background: url('img/icon_set_5/icon_newhot.png') 50% 50% no-repeat; }
#pp_5 div.ag_newclosed 			{ background: url('img/icon_set_5/icon_newlocked.png') 50% 50% no-repeat; }
#pp_5 div.ag_newsticky 			{ background: url('img/icon_set_5/icon_newsticky.png') 50% 50% no-repeat; }
#pp_5 div.ag_sticky 			{ background: url('img/icon_set_5/icon_sticky.png') 50% 50% no-repeat; }
#pp_5 div.ag_stickyhot 			{ background: url('img/icon_set_5/icon_stickyhot.png') 50% 50% no-repeat; }
#pp_5 div.ag_stickyclosed 		{ background: url('img/icon_set_5/icon_stickylocked.png') 50% 50% no-repeat; }
#pp_5 div.ag_stickyclosedhot  	{ background: url('img/icon_set_5/icon_stickylockedhot.png') 50% 50% no-repeat; }
#pp_5 div.ag_newstickyclosed 	{ background: url('img/icon_set_5/icon_stickylocked.png') 50% 50% no-repeat; }
#pp_5 div.ag_search_goto  		{ background: url('img/icon_set_5/icon_searchgoto.png') 50% 50% no-repeat; }*/

p.ag_color,
div.ag_color {}
p.ag_color_warning,
div.ag_color_warning {}
span.ag_byuser { color: #999999; line-height: 1.35em; font-size: 11px; }
span.ag_byuser a { padding: 0 0 0 16px; margin: 0; line-height: 1.5em; }
span.ag_post_score { display: block; font-family: Georgia; font-size: 21px; }

div.ag_forumName,
div.ag_forumDesc { padding: 3px 0 0 0; margin: 0; }
div.ag_forumName a:link,
div.ag_forumName a:visited,
div.ag_forumName a:hover { font-weight: bold; }
div.ag_forumDesc { line-height: 1.35em; font-size: 11px; }
span.ag_forum_collapse { width: 16px; height: 16px; float: right; display: block; }

div.ag_inbox { padding: 0; margin: 0;}

/*** forum buttons ***/
div.ag_forumButtons { padding: 5px 0; float: left; width: 100%; }

span.ag_newTopic,
span.ag_newPoll { padding: 0; float: left; height: 32px; line-height: 32px; }

span.ag_newTopic a:link,
span.ag_newTopic a:visited,
span.ag_newPoll a:link,
span.ag_newPoll a:visited {
	padding: 0 6px 0 16px;
	margin: 0 10px 0 0;
	text-decoration: none;
	text-align: center;
	font-weight: bold;
	display: block;
	line-height: 32px;
	font-size: 12px;
}

span.ag_newTopic a:link,
span.ag_newTopic a:visited,
span.ag_newPoll a:link,
span.ag_newPoll a:visited,
span.ag_newTopic a:hover,
span.ag_newPoll a:hover { text-decoration: none; }

.ag_forum-closed { padding: 10px 10px 10px 30px !important; font-weight: bold; clear: both; }
.ag_closed-mesg { font-style: italic; }

/*** forum tools ***/
div.ag_forumTools {
	position: absolute;
	top: 0;
	right: 5px;
	padding: 4px 0;
	margin: 0;
	height: 20px;
	line-height: 20px;
	z-index: 98; /* fix */
}

/*** pagination ***/
div.ag_pagelink { position: relative; padding: 0 5px; margin: 0; clear: right; height: 32px; }
span.ag_page_num { padding: 0; margin: 0 2px 0 0; line-height: 32px; }
span.ag_page_num span,
span.ag_page_num a:link,
span.ag_page_num a:visited,
span.ag_page_num a:hover { padding: 3px 6px; margin: 0; line-height: 32px; }
span.ag_page_num span {}
span.ag_page_num a:link,
span.ag_page_num a:visited,
span.ag_page_num a:hover { text-decoration: none; }

/*** -----------------------------------------------------------------------------------------------
 TOPICS
----------------------------------------------------------------------------------------------- ***/
ul.ag_topic_icons { padding: 0 0 5px 0; margin: 0 0 5px 0; width: 100%; float: left; list-style: none; }
ul.ag_topic_icons li { width: 50px; float: left; text-align: center; }
ul.ag_topic_icons li span { width: 50px; height: 50px; display: block; }
ul.ag_topic_icons li img { margin-top: 8px; }

/*** -----------------------------------------------------------------------------------------------
 POSTS
----------------------------------------------------------------------------------------------- ***/
/*** structure ***/
/* column container */
.ag_blockpostroweven, .ag_blockpostrowodd { padding: 0; margin: 0 0 2px 0; overflow: hidden; }
.ag_postrow { position: relative; width: 100%; float: left; overflow: hidden; clear: both; }

/* right column settings */
.ag_right_column {}
.ag_right_column .ag_postrow_container { position: relative; right: 100%; margin-left: -200px; width: 200%; float: left; }
.ag_right_column .ag_postrow_wrap { position: relative; left: 50%; padding-bottom: 1em; width: 50%; float: left; }
.ag_right_column .ag_postrow_col1 { margin: 0 15px 0 215px; overflow: hidden; }
.ag_right_column .ag_postrow_col2 { position: relative; left: 185px; width: 170px; float: right; }

/* left column settings */
.ag_left_column {}
.ag_left_column .ag_postrow_container { position: relative; left: 200px; width: 200%; float: left; }
.ag_left_column .ag_postrow_wrap { position: relative; right: 200px; padding-bottom:1em; width: 50%; float: right; }
.ag_left_column .ag_postrow_col1 { position: relative; right: 100%; margin: 0 15px 0 215px; overflow: hidden; }
.ag_left_column .ag_postrow_col2 { position: relative; right: 185px; width: 170px; float: left; }

/*** misc ****/
.ag_agora .ag_post_preview { padding: 10px; }
.ag_postarea { padding: 0; margin: 0; white-space: normal; }
.ag_avatararea { padding: 0; margin: 0; }
.ag_postdate   { padding: 2px 0; float: left; }
.ag_postdate a { font-size: 11px; }
.ag_postnum   { float: right; }
.ag_postnum a { text-decoration: none !important; }
.ag_postnum a img { vertical-align: middle; }

/* administrator has disabled public posting */
.ag_post_tools strong { padding: 5px 0; display: block; text-transform: uppercase; text-align: right; font-size: 10px; font-weight: normal; margin-right: 10px;}
.ag_post_separator { height: 0; clear: both; }

/*** post text ***/
h3.ag_posttitle { padding: 10px 0; margin: 0 0 8px 0; font: bold normal 12px/1em Verdana, sans-serif; }
h3.ag_posttitle a { font-weight: bold; }
.ag_postright { width: auto; text-align: left; overflow: hidden; white-space: normal; min-height: 100px; }
div.ag_postmsg, .newtext,
div.ag_postmsg { width: auto !important; overflow: hidden; white-space: normal; }
div.ag_postmsg, div.ag_postmsg p,
div.ag_postmsg blockquote, div.ag_postmsg .incqbox { line-height: 1.85em; }
div.ag_postmsg p { width: auto; overflow: hidden; }
div.ag_postmsg blockquote, div.ag_postmsg .ag_codebox { padding: 4px; margin: 0 0 5px 0; }
div.ag_postmsg .incqbox, div.ag_postmsg .ag_incqbox { padding: 5px 10px; font-style: italic; }
div.ag_postmsg .incqbox h4, div.ag_postmsg .ag_incqbox h4 { padding: 0 0 5px 0; margin: 0; font-size: 12px; }
div.ag_postmsg .incqbox2, div.ag_postmsg .ag_incqbox2 { padding: 5px 10px; font-style: italic; }
div.ag_postmsg .incqbox2 h4, div.ag_postmsg .ag_incqbox2 h4 { padding: 0 0 5px 0; margin-left: 58px; font-size: 12px; }
div.ag_postmsg blockquote.HideText {}
div.ag_postmsg blockquote.HideText h4 { padding: 0 0 5px 24px; margin: 0 0 4px 0; font-size: 12px; }
div.ag_postmsg h4.HideText { padding: 4px 4px 5px 24px; margin: 0; font-size: 12px; }
div.ag_postmsg .ag_scrollbox {}
div.ag_postmsg img { vertical-align: middle; }
div.ag_postmsg img.ag_postimage { padding: 2px; }
div.ag_postmsg .bbcenter  { text-align: center; }
div.ag_postmsg .bbleft    { text-align: left; }
div.ag_postmsg .bbright   { text-align: right; }
div.ag_postmsg .bbjustify { text-align: justify; }
div.ag_postmsg .bbindent  { margin-left: 35px; }
div.ag_postmsg span.bbu   { text-decoration: underline; }
div.ag_postmsg span.bbs   { text-decoration: line-through; }
div.ag_postmsg span.bbhighlight { padding: 2px 3px; }
div.ag_postmsg ol, div.ag_postmsg ul { margin-left: 40px; height: auto; }
div.ag_postmsg li    { margin-left: 40px; padding: 0; line-height: 1.8em; }
div.ag_postmsg ol li { margin: 0; height: auto; list-style-type: decimal; }
div.ag_postmsg ul li { margin: 0; height: auto; list-style-type: disc; }
div.ag_postmsg .bbtable { border-collapse: separate; border-spacing: 0; }
div.ag_postmsg .bbtr {}
div.ag_postmsg .bbth { padding: 5px; font-weight: normal; text-align: center; }
div.ag_postmsg .bbtd { padding: 5px !important; margin: 0 !important; font-weight: normal; }
div.ag_postmsg pre { padding: 10px; margin: 0; width: 96%; overflow: auto; white-space: normal; }
div.ag_postmsg hr { width: 100%; height: 1px; text-align: center; }
div.ag_postmsg .bbvideo { padding: 0; margin: 10px 0; width: auto; height: auto; clear: both; text-align: center; }
div.ag_postmsg .bbvideo object {}
.ag_agora .ag_postedited { padding: 5px; margin: 10px 0 0 0; font-size: 11px; }

/*** signature ***/
.ag_agora .ag_signature {  color: #999 !important; padding: 5px 0; overflow: visible; }
.ag_agora .ag_postsignature { color: #999 !important; margin-top:30px; padding: 5px; }
.ag_agora .ag_postsignature img { width: auto; height: auto; max-width: 486px; max-height: 200px; }

/*** post buttons ***/
.ag_agora .ag_post_tools { padding: 5px 0; margin: 0; width: 100%; float: left; clear: both; }
.ag_agora .ag_post_buttons { padding: 1px 5px 1px 0; margin: 0; float: right; }
span.ag_bttn, span.ag_bttn a { padding: 0; float: left; height: 24px; line-height: 24px; }
span.ag_bttn a:link,
span.ag_bttn a:visited { padding: 0 3px 0 8px; margin: 0 5px 0 0; text-decoration: none; text-align: center; display: block; font-size: 11px; }
span.ag_bttn a:hover { text-decoration: none; }
span.ag_bttn img { vertical-align: middle; }
span.ag_bttn_r { margin: 4px 4px 4px 0;}

/*** user info ***/
.ag_avatararea.userimg { padding: 0; margin: 0; }
div.ag_avatararea dl,
div.ag_avatararea dt,
div.ag_avatararea dd {
	padding: 3px 6px;
	margin: 0;
	text-align: center;
	display: block;
	font-size: 11px;
	line-height: 1.5em;
}
div.ag_avatararea dt,
div.ag_avatararea dd {}
div.ag_avatararea dt.ag_username { padding: 6px; font-size: 12px; font-weight: bold; }
dd.ag_usertitle { margin-top: 5px; }
dd.ag_userrank {}
dd.ag_postavatar {}
dd.ag_useractive {}
dd.ag_userpost_count {}
dd.ag_userinfo {}
dd.ag_postavatar img { padding: 2px; }
dd.ag_userpost_count span { font-family: Georgia; font-size: 16px; }

/*** polls ***/
/* question */
.ag_infldset { line-height: 1.6em; }

/* result */
div.ag_poll_question { padding: 6px 0; margin: 6px 0; font-weight: bold; }
p.ag_poll_info { padding: 6px 0; margin: 0; }
div.ag_poll_result,
div.ag_poll_result_yesno {
	padding: 0;
	margin: 0;
	height: 32px;
}
div.ag_poll_result .ag_poll_bar,
div.ag_poll_result_yesno .ag_poll_bar {
	padding: 0;
	margin: 0;
	height: 32px;
	float: left;
}
div.ag_poll_result .ag_poll_votes,
div.ag_poll_result_yesno .ag_poll_votes {
	padding: 0;
	margin: 0 0 0 10px;
	height: 28px;
	line-height: 28px;
	display: inline;
	font-size: 15px;
}
div.ag_poll_result .ag_poll_votes small,
div.ag_poll_result_yesno .ag_poll_votes small { font-size: 11px; }
div.ag_poll_result_yesno strong {
	padding: 0;
	margin: 0 10px 0 0;
	width: 150px;
	height: 28px;
	line-height: 28px;
	text-align: right;
	display: block;
	float: left;
}

/*** -----------------------------------------------------------------------------------------------
 USERLIST
----------------------------------------------------------------------------------------------- ***/
td.ag_userlist.ag_userlistStats { width: 140px; font-size: 11px; }
td.ag_userlist.ag_userlistStats p { padding: 5px 0; margin: 0; }
td.ag_userlist.ag_userlistAvatar { width: 120px; text-align: center; }
td.ag_userlist.ag_userlistAvatar img { padding: 2px; }
td.ag_userlist.ag_userlist_Registered { width: 150px; font-size: 11px; }
td.ag_userlist_empty { padding: 15px 0; text-align: center; font-size: 16px; }

form#ag_userlist select { width: 200px; }

p.ag_user_numPosts {}
div.ag_userName,
div.ag_userTitle,
div.ag_userName_DeletedMember { padding: 3px 0 0 0; margin: 0; }
div.ag_userName a:link,
div.ag_userName a:visited,
div.ag_userName a:hover { font-weight: bold; }
div.ag_userTitle { line-height: 1.35em; font-size: 11px; }
span.ag_userTitle { line-height: 1.35em; font-size: 11px; }
span.ag_userTitle a { padding: 0 0 0 16px; margin: 0; line-height: 1.5em; }
div.ag_userName_DeletedMember {}

/*** -----------------------------------------------------------------------------------------------
 PMS
----------------------------------------------------------------------------------------------- ***/
sup.ag_new_message { position: relative; top: -5px; right: -5px; padding: 1px 4px; font-size: 10px; }
th.ag_pms_subject { text-align: center; }
td.ag_pms_subject { text-align: left; }
th.ag_pms_sender,
td.ag_pms_sender { width: 200px; text-align: center; }
td.ag_pms.ag_pms_sender {}
th.ag_pms_date,
td.ag_pms_date { width: 80px; text-align: center; font-size: 11px; }
th.ag_pms.ag_pms_delete,
td.ag_pms.ag_pms_delete { width: 40px; text-align: center; }
td.ag_pms.ag_pms_empty { padding: 15px 0; text-align: center; font-size: 16px; }

.ag_agora form.ag_floatleft_preview { display: inline; margin: 0 4px 0 0; }

div.ag_pms_toolbar { padding: 10px 0; margin:0; overflow: hidden; clear: right; }
ul.ag_pms_toolbar { padding: 0; margin:0; float: left; width: 100%; height: 50px; list-style: none; }
ul.ag_pms_toolbar li { margin: 0 0 0 15px; float: left; width: 50px; height: 50px; }
ul.ag_pms_toolbar a { display: block; text-decoration: none; }
ul.ag_pms_toolbar img {}

/* select user */
#select_pms, td.select_pms { width: 350px; }
#select_pms { padding: 0; margin: 0; resize: none; overflow: auto; height: 400px; }
#select_pms .innertxt { display: inherit; }
#select_pms .innertxt li { font-size: 11px; font-weight: normal; margin: -15px 0 -15px 0; text-align: left; list-style-type: none;
}
#select_pms .pms_add {
	padding-left: 24px;
	font-size: 11px;
	line-height: 2.4em;
	font-weight: bold;
	cursor: pointer;
}
#ag_queueTop { padding: 2px 0; }
#ag_queueBot {}
#list_pms { padding: 5px; }
#list_pms img { vertical-align: middle; }
#list_pms .pms_remove {
	padding: 0 5px;
	font-size: 11px;
	line-height: 2.4em;
	font-weight: bold;
	cursor: pointer;
}
h2.pms_linkbar { padding: 5px; margin: 0; font-size: 11px; }
span.pms_link { padding: 0 8px; cursor: pointer; }
span.pms_link:hover { text-decoration: underline; }
#search-wrap input { padding: 2px; margin: 0; width: 200px; font-size: 16px; float: left; }
#results {
	width: 240px;
	height: 100%;
	line-height: normal;
	display: none;
	overflow: auto;
}
#results ul,
#results li { padding: 0; margin: 0; height: auto; list-style: none; }
#results li {}
#results li a {
	padding-left: 24px;
	font-size: 11px;
	line-height: 2.4em;
	font-weight: bold;
	cursor: pointer;
	display: block;
	text-decoration: none;
}
#results li a small { display: block; text-decoration: none; font-weight: normal; }
.ag_agora .pms_sender_reset { padding-left: 18px; font-weight: bold; }

/*** -----------------------------------------------------------------------------------------------
 PROFILE
----------------------------------------------------------------------------------------------- ***/
p.ag_user_banned { }
div.ag_postavatar img {}
table.ag_avatars_select td {}
table.ag_avatars_select td img {}

/*** -----------------------------------------------------------------------------------------------
 BOARD STATS
----------------------------------------------------------------------------------------------- ***/
#ag_boardstats { overflow: hidden; }
.ag_boardstats_column { position: relative; padding: 0; width: 100%; float: left; overflow: hidden; clear: both; }
.ag_boardstats_column .ag_boardstats_container { position: relative; right: 100%; margin-left: -325px; width: 200%; float: left; }
.ag_boardstats_column .ag_boardstats_wrap { position: relative; left: 50%; padding-bottom: 1em; width: 50%; float: left; }
.ag_boardstats_column .ag_boardstats_col1 { padding: 10px 0; margin: 0 15px 0 340px; overflow: hidden; font-size: 11px; }
.ag_boardstats_column .ag_boardstats_col2 { position: relative; left: 310px; padding: 10px 0; width: 295px; float: right; font-size: 11px; }

/*** board info ***/
#ag_brdinfo { padding: 3px 0 10px 0; margin: 0; }
div.ag_brdinfo_boardstats { width: 48%; float: left; }
div.ag_brdinfo_users { width: 48%; float: right; }
div.ag_brdinfo_boardstats dt,
div.ag_brdinfo_users dt {
	padding: 3px 0;
	margin: 0;
	width: 48%;
	float: left;
	clear: left;
	text-align: right;
}
div.ag_brdinfo_boardstats dd,
div.ag_brdinfo_users dd {
	padding: 3px 0 3px 10px;
	margin: 0 0 0 49%;
	display: block;
	text-align: left;
}
* html div.ag_brdinfo_boardstats dd,
* html div.ag_brdinfo_users dd
{ height: 1%; /* ie6 fix against the 3px jog bug */ }

/*** most active ***/
#ag_most_active { padding: 10px 0; }
#ag_most_active dd,
#ag_most_active dt { display: inline; line-height: 15px; }

#ag_most_active dd a,
#ag_most_active dt a { line-height: 15px; }

/*** online ***/
#ag_online { padding: 10px 0; }
#ag_online dd,
#ag_online dt { display: inline; line-height: 15px;  }
#ag_online dd a,
#ag_online dt a { line-height: 15px;  }

/*** icon legend ***/
div.ag_iconSetWrap { padding: 0 0 10px 0; margin: 0 0 10px 0; overflow: hidden; }
div.ag_iconSetWrap p { padding: 4px 0; margin: 0; }
.ag_iconset { width: 50%; float: left; }
.ag_iconset dl dd { padding: 0; line-height: 24px; }
.ag_iconset dl dd img { vertical-align: middle; }

/*** footer ***/
#ag_footer {
	padding: 0;
	margin: 0;
	text-align: center;
	font-size: 11px;
}
#ag_footer p {
	padding: 5px 0;
	margin: 0;
	text-align: center;
}
#ag_footer p,
#ag_footer a:link,
#ag_footer a:visited,
#ag_footer a:hover {
	line-height: 1.5em;
}

/*** -----------------------------------------------------------------------------------------------
 OTHERS
----------------------------------------------------------------------------------------------- ***/
/*** rules ***/
div.ag_rules { padding: 10px; }

/*** announcement ***/
#ag_announcement {
	padding: 10px;
	margin: 0;
	height: auto;
	clear: both;
}

/*** adsense ***/
.ag_adsense, .ag_adsense2 { padding: 0; margin: 0; clear: both; }
.ag_adsenseFooter   { text-align: center; }
.ag_adsenseFooter a { text-align: center; margin-bottom: 5px; }

/*** social bookmarks ***/
#ag_socialbookmarks {
	padding: 10px;
	margin: 0 0 10px 0;
	text-align: center;
	clear: both;
}
#ag_socialbookmarks a:link,
#ag_socialbookmarks a:visited
#ag_socialbookmarks a:hover {
	padding: 2px;
	text-decoration: none;
}
#ag_socialbookmarks img { vertical-align: middle; }

/*** breadcrumbs ***/
.ag_bcrumbs { padding: 5px 0; clear: right; }
.ag_bcrumbs ul {
	padding: 0;
	margin: 0 5px;
	line-height: 25px;
	text-align: left;
	list-style: none;
	display: inline;
}
.ag_bcrumbs ul li {
	padding: 0;
	margin: 0 2px 0 0;
	display: inline;
	line-height: 25px;
}

/*** bblinks ***/
ul.bblinks    { padding: 0; margin: 0; width: 100%; float: left; overflow: hidden; list-style: none; }
ul.bblinks li { padding: 0 15px 0 0; margin: 0; float: left; line-height: 25px; }
ul.bblinks li span,
ul.bblinks li span a.ag_good_link { line-height: 25px; }
.ag_icon_attach { padding-left: 20px; }

/*** search ***/
table.ag_search {}
table.ag_search tr {}
table.ag_search td { padding: 3px; }
select.ag_search { width: 180px; }
a.ag_goto_post { padding: 2px 0 2px 18px; }




}

Open in new window

Hi Storm,
Now am completely confused,though i think i will pull through this;i have settled for this  login module
http://www.joomlathemepro.com/en/extensions/8-modules/8-horizontale-inlogmodule-voor-joomla-15
but they also asked me to put some code that will make it work properly and i did,it now comes on top of the banner,i changed the name of the position to that you gave me and hey everything has just gone mad!!
Please help me!
ASKER CERTIFIED SOLUTION
Avatar of Allan Nisbet
Allan Nisbet
Flag of United Kingdom of Great Britain and Northern Ireland image

Link to home
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
Start Free Trial
Hi Storm,
Thanks for all the help you have given me.I have found a component called kunena,it comes with the login,register and lost password,i dont like the design but i think its less confusing than the agora component when it comes to intergrating the login module.
Am how ever awarding you all the points becuase you deserve them.

Many thanks.