Solved

how to add login/Register option on agora forum

Posted on 2010-08-12
6
913 Views
Last Modified: 2012-05-10
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;
0
Comment
Question by:protechzm
  • 3
  • 3
6 Comments
 
LVL 13

Expert Comment

by:StormITSolutions
ID: 33426429
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
0
 

Author Comment

by:protechzm
ID: 33427024
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
0
 
LVL 13

Expert Comment

by:StormITSolutions
ID: 33427452
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

0
Optimizing Cloud Backup for Low Bandwidth

With cloud storage prices going down a growing number of SMBs start to use it for backup storage. Unfortunately, business data volume rarely fits the average Internet speed. This article provides an overview of main Internet speed challenges and reveals backup best practices.

 

Author Comment

by:protechzm
ID: 33428295
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!
0
 
LVL 13

Accepted Solution

by:
StormITSolutions earned 400 total points
ID: 33429923
the login module is probably longer than the space you have

You could try using the code I sent you right under the menu which extends across the full width of site

Storm
0
 

Author Comment

by:protechzm
ID: 33432435
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.
0

Featured Post

Best Practices: Disaster Recovery Testing

Besides backup, any IT division should have a disaster recovery plan. You will find a few tips below relating to the development of such a plan and to what issues one should pay special attention in the course of backup planning.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

This is our step by step to setting up and configuring a Joomla Install on a Windows 2003 Server. This is the perfect solution for an Intranet Website using Joomla. What you need (only use the following versions) : A fresh copy of Joomla http…
Have you ever wanted to use that sweet jQuery gallery plugin on your Joomla site but couldn't get it working due to jQuery conflicts or your lack of knowledge about what's under the Joomla hood? This article will step you through the process of impl…
This Micro Tutorial will teach you how to censor certain areas of your screen. The example in this video will show a little boy's face being blurred. This will be demonstrated using Adobe Premiere Pro CS6.

832 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question