Joomla - HELP PLEASE !! :)

adam1987 Well-Known Member

Messages:: 714

Likes Received:: 3

Best Answers:: 0

Trophy Points:: 110

#1

I have installed a joomla template, i just cant seem to get the layout positions correct.
Here is the site

I want the navigation bar on the right to be displayed on the left and i want all the text and main content to be displayed up the top next to the navigation.

I dont think it should be too much trouble !!

Please help

adam1987, Feb 12, 2007 IP

exit Peon

Messages:: 2

Likes Received:: 0

Best Answers:: 0

Trophy Points:: 0

#2

Just remove the modules u want from the frontpage position on the module admins!

exit, Feb 12, 2007 IP

Anghus Peon

Messages:: 510

Likes Received:: 13

Best Answers:: 0

Trophy Points:: 0

#3

adam1987 said: ↑

I have installed a joomla template, i just cant seem to get the layout positions correct.
Here is the site

I want the navigation bar on the right to be displayed on the left and i want all the text and main content to be displayed up the top next to the navigation.

I dont think it should be too much trouble !!

Please help
Click to expand...

Hi there,

You are using the template from TemplatePlazza.com right?

In the template you are using there is no feil for the right side. If you want to, you need to go in your Index and Css file and change it there.

Anghus, Feb 12, 2007 IP

adam1987 Well-Known Member

Messages:: 714

Likes Received:: 3

Best Answers:: 0

Trophy Points:: 110

#4

There are 4 css files , really not sure which one to edit !!!

custom.css
menu.css
template_css.css
joomla.css

adam1987, Feb 12, 2007 IP

Anghus Peon

Messages:: 510

Likes Received:: 13

Best Answers:: 0

Trophy Points:: 0

#5

adam1987 said: ↑

There are 4 css files , really not sure which one to edit !!!

custom.css
menu.css
template_css.css
joomla.css
Click to expand...

If i remember it the custom.CSS consist of only one or two lines of codes. Go for menu.css find the code about menus.

or if you need assistance, paste the code here.

Anghus, Feb 12, 2007 IP

trichnosis Prominent Member

Messages:: 13,785

Likes Received:: 333

Best Answers:: 0

Trophy Points:: 300

#6

you must change your theme and some module. it's giving "this is not a real adress" error

trichnosis, Feb 12, 2007 IP

skyjuice Peon

Messages:: 127

Likes Received:: 2

Best Answers:: 0

Trophy Points:: 0

#7

*to topic starter its better to ask template developer itself , or you can look your template layout by go to your backend and then at top menu look at

site >> preview in line position

and from that you can arrange your module position

skyjuice, Feb 12, 2007 IP

adam1987 Well-Known Member

Messages:: 714

Likes Received:: 3

Best Answers:: 0

Trophy Points:: 110

#8

This is what i see when i preview my site in line position...

I need the main content stuff to be displayed in user 5

adam1987, Feb 13, 2007 IP

Anghus Peon

Messages:: 510

Likes Received:: 13

Best Answers:: 0

Trophy Points:: 0

#9

Okay I see.

You got an easy soulution and the harder one.

First: If you are going to display same content there all the time, you can add the content through a HTML module. Won't look that nice though.

Harder one: Open up your index file. File the module position called module 5. swap it with mainbody. Not sure how the CSS files looks like for this template.

Anghus, Feb 13, 2007 IP

adam1987 Well-Known Member

Messages:: 714

Likes Received:: 3

Best Answers:: 0

Trophy Points:: 110

#10

Do you mean template index or joomla index ?

adam1987, Feb 13, 2007 IP

adam1987 Well-Known Member

Messages:: 714

Likes Received:: 3

Best Answers:: 0

Trophy Points:: 110

#11

I WILL GIVE a .com and .co.uk domain name to whoever sorts this out for me

this is my template index.php

<?php defined( "_VALID_MOS" ) or die( "Direct Access to this location is not allowed." );$iso = split( '=', _ISO );echo '<?xml version="1.0" encoding="'. $iso[1] .'"?' .'>';?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>

<?php mosShowHead(); ?>
<meta http-equiv="Content-Type" content="text/html;><?php echo _ISO; ?>" />
<?php if ( $my->id ) { initEditor(); } ?>

<link rel="stylesheet" href="templates/miniportola_plazza/css/template_css.css" type="text/css" />
<?php 
if (mosCountModules( 'left' )) {
	$type = 'short';
	$widthmbody = 530;
} else { 
	$type = 'wide';
	$widthmbody = 725;
}
if (mosCountModules( 'right' )) {
	$types = 'short';
	$widthextbody = 515;
	$typex = 'short';
	$widthmbodyx = 530;
} else { 
	$types = 'wide';
	$widthextbody = 725;
	$typex = 'wide';
	$widthmbodyx = 725;
}
?>

</head>
<body class="bodies">
<div id="wrapper" align="center">
	<div class="core" align="center">
		<div id="head">
			<div id="ticker" align="right">
			<?php mosLoadModules ( 'user6',-2 ); ?>
			</div>
		</div>
		<div id="smenu">
			<?php mosLoadModules ( 'user7',-2 ); ?>
			<div style="float:right; margin-top:-5px!important; margin-top:0;">
			<?php mosPathWay(); ?>
			</div>
		</div>
		<div style="clear:both"></div>
		
<?php if ((mosCountModules( 'banner' )) || (mosCountModules( 'user5' )) || (mosCountModules( 'left' ))) { ?>		
<!-- start top section -->		
		<div id="main<?php echo $type; ?>">
			<div class="maintop<?php echo $type; ?>">
			</div>
			<div class="mainmid<?php echo $type; ?>">
				<div style="width:<?php echo $widthmbody; ?>px; float:left;">
					<?php mosLoadModules( "banner", -2 ); ?>
					<?php mosLoadModules ( 'user5',-2 ); ?>

				</div>
				<?php if (mosCountModules( 'left' )) { ?>
				<div style="width:190px; float:right;">
					<?php mosLoadModules ( 'left',-2 ); ?>
				</div>
					<?php } ?>
			</div>
			<div style="clear:both"></div>
			<div class="mainbot<?php echo $type; ?>"></div>
		</div>
		<div style="clear:both"><br />
		</div>

<?php } ?>
		
<!--start bottom section -->
<?php if ((mosCountModules( 'banner' )) + (mosCountModules( 'user5' )) + (mosCountModules( 'left' ))==0) { ?>	

		<div id="main<?php echo $typex; ?>">
			<div class="maintop<?php echo $typex; ?>">
			</div>
			<div class="mainmid<?php echo $typex; ?>">
				<div style="width:<?php echo $widthmbodyx; ?>px; float:left;">
					<?php mosMainBody(); ?>
				</div>
				<?php if (mosCountModules( 'right' )) { ?>
				<div style="width:190px; float:right;">
					<?php mosLoadModules ( 'right',-2 ); ?>
				</div>
					<?php } ?>
			</div>
			<div style="clear:both"></div>
			<div class="mainbot<?php echo $typex; ?>"></div>
		</div>
		<div style="clear:both"><br />
	

<?php }else { ?>



		<div id="ext<?php echo $types; ?>">
			<div class="exttop<?php echo $types; ?>">
			</div>
			<div class="extmid<?php echo $types; ?>">
				<div style="width:<?php echo $widthextbody; ?>px; float:left;">
					<?php mosMainBody(); ?>
				</div>
				<?php if (mosCountModules( 'right' )) { ?>
				<div style="width:170px; float:right;margin-right:5px!important; margin-right:3px; margin-left:5px">
					<?php mosLoadModules ( 'right',-2 ); ?>
				</div>
					<?php } ?>
			</div>
			<div style="clear:both"></div>
			<div class="extbot<?php echo $types; ?>"></div>
		</div>
		
		<?php } ?>
<!-- end bottom sect -->

	</div></div><br />
	
<div class="footer" align="center">
<?php include_once('includes/footer.php'); ?></div><br />
</body>
</html>

Code (markup):

AND THIS IS MY joomla.cs

* {
	margin:0;
	padding:0;
}
/*general*/

html, body {
background: #000000;
	font-size:10px;
	font-weight:normal;
	color:#FFFFFF;

}

td,p,div,tr {
	font-family:'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif;
	font-size:11px;
	color:#666666;
	
		}
a:link, a:visited{
	color: #333333;
	text-decoration:none;
}
a:hover{
	color: #000000;
}
form { 
	display:inline;
	margin:0; padding:0;
}
h1{
	color: #00CC66  ;
	font-weight:normal;
	font-size:20px;
}
h2{
	color: #00CCCC;
	font-weight:normal;
	font-size:18px;
}
h3{
	color: #00CC66  ;
	font-weight:normal;
	font-size:16px;
}
h4{
	color: #00CCCC;
	font-weight:normal;
	font-size:16px;
}
h5{
	color:#00CCCC;
	font-weight:normal;
	font-size:14px;
}
ul {
}
li {
	margin-left:20px;

}
img {
	border:none;
}
ol{
	margin-left:40px;
	list-style-position:inherit;
}
blockquote {
	margin: 10px;
}

blockquote div {

}

pre {
	padding: 10px;
}

/* joomla - mambo css */
table.contenttoc{
	border:1px solid  #EED7C7;	
	margin:3px;
	padding:3px;
	background:#FFFFFF;
}
.contenttoc th{
	background-color: #996666;
	padding:3px;
	color:#FFFFFF;
	font-weight:bold;
}
.contenttoc a {
	font-size:10px;
	}
.contenttoc td {
	padding:3px;
	
	}
.contentpane{
	font-family:verdana,Trebuchet MS, Arial,Tahoma,  Helvetica, sans-serif;
	font-size:11px;
	line-height:18px;
	text-align:left;
	width:auto;
	color:#666666;

}
.contentpaneopen ul { 
	margin-left:20px;}
.contentpane ul { 
	margin-left:20px;}
table.contentpaneopen, table.contentpane {
	width:100%;

}
table.contentpaneopen li {
	margin-left:40px;
}

div.moduletable h3{
	font-size:12px;
	font-weight:bold;
	font-family:arial,'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif;
	color:#fff;
	background:url(../images/bgh3.gif) no-repeat;
	padding-left:28px;
	height:22px;
	text-transform:uppercase;
	padding-top:3px;
	text-align:left;
	
}
div.moduletable {
	width:100%;
	margin:0 0 8px 0}
#maintab div.moduletable {
	width:100%}
#smenu div.moduletable {
	width:auto
	}

table.moduletable {
	width: 100%;
}
table.moduletable td {

}
table.moduletable th {

}
.contentpaneopen fieldset{
	width:100%;
	border:none;

}
.contentpaneopen td{
	padding:0;
	text-align:left;
	color: #666666;
	line-height:18px;
	
}
.contentdescription td{

}
ul.latestnews  { 
	list-style-type:none; 
	font-family:arial,verdana,tahoma; 
	text-transform:lowercase; 
	font-weight:bold;}
li.latestnews  a {
	border-bottom:1px solid #999999;
	display:block;
	list-style-type:none;
	
}
li.latestnews a:hover {
	color:#000000;
}

ul.mostread  { 
	list-style-type:none; 
	font-family:arial,verdana,tahoma; 
	text-transform:lowercase; 
	font-weight:bold;
}
li.mostread  a {
	border-bottom:1px solid #999999;
	display:block;
	list-style-type:none;
	
	
}
li.mostread a:hover {
	color:#000000;
}
td.contentheading {
	font-size:12px;
	font-weight:bold;
	font-family:arial, Verdana, sans-serif;
	color:#fff;
	background:url(../images/bgcontenheadingb.gif) no-repeat;
	padding-left:28px;
	height:22px;
	text-transform:uppercase;
	padding-bottom:1px;

}
a.contentpagetitle {
	font-size:12px;
	font-weight:bold;
	font-family:arial, Verdana, sans-serif;
	color:#fff;
	background:none;
	height:22px;
	text-transform:uppercase;
	padding-bottom:1px;

}
a.contentpagetitle:hover{
	color: #003399;
}
.blog td.contentheading {
	font-size:12px;
	font-weight:bold;
	font-family:arial, Verdana, sans-serif;
	color:#fff;
	background:url(../images/bgcontenheading.gif) no-repeat;
	padding-left:28px;
	height:22px;
	text-transform:uppercase;
	padding-top:2px;


}
div.componentheading {
	font-size:12px;
	font-weight:bold;
	font-family:arial,Verdana, sans-serif;
	color:#fff;
	background:url(../images/bgcontenheadingb.gif) no-repeat;
	padding-left:28px;
	height:22px;
	text-transform:uppercase;
	padding-top:4px;
	text-align:left;
}
table td.contentheading .contentpane {
	font-size:12px;
	font-weight:bold;
	font-family:arial, Verdana, sans-serif;
	color:#fff;
	background:url(../images/bgh3b.gif) no-repeat;
	padding-left:28px;
	height:22px;
	text-transform:uppercase;
	padding-top:0px;
}

a.category{ font-size:14px;}

td.createdate{
	background: url(../images/date.gif) no-repeat;
	padding:1px 1px 1px 20px;
	color:#333;
	font-size:9px;
	font-weight:normal;
	height:10px;
	text-transform:lowercase;
	
}
.modifydate,.small{
	color:#666;
	font-size:10px;
	font-weight:normal;
	text-transform:uppercase;
}
.highlight { 

	background-color: #009900;
	color:#FFFFFF;
}
.mosimage {
	background:#FFFFFF;
	margin:5px;
	padding:5px;
	border:1px #cccccc solid;
	
}
.mosimage_caption {
	background: #f3f3f3;
	padding:1px 2px;
	color:#666;
	font-size:10px;
}
.contentpaneopen img { margin:5px;}
.contentpane img { margin:5px;}
a.mainlevel:link, a.mainlevel:visited {

	display:block;
	height:20px;
	vertical-align:middle;
	font-size:11px;
	font-weight: bold;
	color: #666666;
	text-align:left;
	text-decoration:none;
	font-family:arial,verdana,tahoma;
	text-transform:lowercase;
	border-bottom:1px solid #cccccc;


}
a.mainlevel:hover {
	text-decoration:none;
	color: #000000;
	font-weight:bold;
	background:url(../images/bgmenu.gif) no-repeat right top;
	
}
a.mainlevel#active_menu {
	color:#000000;
	font-weight:bold;
	background:url(../images/bgmenu-active.gif) no-repeat right top;

}
a.mainlevel#active_menu:hover {
	color: #000000;
}
a.sublevel:link, a.sublevel:visited {
	padding-left:10px;
	padding-bottom:3px;
	line-height:16px;
	display:block;
	margin-left:20px;
	font-family:Arial, Verdana,Tahoma;
	color: #666666;
	text-transform:lowercase;
}
a.sublevel:hover {
	color: #333333;
	text-decoration:underline;
}

#mod_login_username{
	width:95%;
	padding: 2px ;
	border: 1px solid #999999;
	font-size: 10px;
	margin:0px 10px 5px 0;
	border-right:1px solid #333;
	border-bottom:1px solid #333;

}
#mod_login_password{
	width:95%;
	padding: 2px ;
	border: 1px solid #999999;
	font-size: 10px;
	margin:0px 10px 5px 0;
	border-right:1px solid #333;
	border-bottom:1px solid #333;
}
#mod_login_remember{
	border:none;
	background:none;
}
#mod_search_searchword {
	font-size:11px;
	margin-left:600px;
	margin-bottom:20px;
	background:#FFFFFF;
	padding:3px;}

ul#mainlevel-nav {       
	list-style : none; 
	font-size : 11px;
       
} 
ul#mainlevel-nav li {
	float : left;
	font-size : 11px; 
	font-weight : normal;
	text-transform : lowercase;
	text-align : center; 
	line-height : 20px; 
	font-family : Arial,Tahoma, Helvetica, sans-serif; 
	display : block;
	background:none;
	padding-left:10px;       
} 
ul#mainlevel-nav li a {
	display : block; 
	padding-left : 5px; 
	padding-right : 5px;
	padding-top:0px; 
	text-decoration : none; 
	color : #fff;
	font-weight :bold;

   } 
ul#mainlevel-nav li a:hover {
	display : block; 
	padding-left : 5px; 
	padding-right : 5px;
	text-decoration : none; 
	color : #666666;
	font-weight:bold;
}
.inputbox {
	border:1px solid #333;
	background:#fff;
	}
.button {
	background-color: #666666;
	padding:1px;padding:2px !important;
	color:#ffffff;
	font-size:11px;
	border-bottom:1px solid #666666 ;
	border-right:1px solid #666666 ;
	border-top:1px solid #999 ;
	border-left:1px solid #999 ;}

.sectiontableheader {
	font-weight:bold;
	background: #3295ca;
	padding:4px;
	color:#FFFFFF
}
.sectiontableentry1 td {
	padding:3px;
	border-bottom:1px solid #D79D96;
}
.sectiontableentry2 td{
	padding:3px;
	border-bottom:1px solid #D79D96;

}
.sectiontableentry1 {
	padding:2px;}
.sectiontableentry2 {
	padding:2px;}

ul.latestnews li{
	padding:2px 2px 5px 0px;
	margin-left:0px;
	color:#c28279;
	width:auto;
	text-align:left;
}
.latestnews a:link{
	text-transform: lowercase;
	color: #c28279;
}
.latestnews a:visited{
	color: #c28279;
}
.latestnews a:hover {
	color: #99FF99;
}
ul.mostread li{
	padding:2px 2px 5px 0px;
	margin-left:0px;
	color:#c28279;
	width:auto;
	text-align:left;
}
.mostread a:link{
	text-transform: lowercase;
	color: #c28279;
}
.mostread a:visited{
	color: #c28279;
}

.readon {
	color:#006633;
	font-size:11px;
	line-height:16px;
	font-weight:bold;
	font-family:arial, verdana,tahoma;
	background:url(../images/readmore.gif) no-repeat;
	display:block;
	width:74px;
	height:21px;
	text-indent:-5000px;}

.back_button a { 
	padding:2px 5px 2px 5px; 
	background:#3295ca;
	color:#FFFFFF;
	border-right:1px solid #333;
	border-bottom:1px solid #333;
	font-size:11px;}
.back_button a:hover { 
	padding:2px 5px 2px 5px; 
	background: #00CCCC;

	color:#ffffff;
}

.pagenav {
	text-align: center;
	color: #ffffff;
	background-color: #3295ca;
	border-right:1px solid #333;
	border-bottom:1px solid #333;
	margin: 0px -2px 0px 0px;
	padding: 1px 6px 1px 6px;
	font-size:11px;
	font-family:arial,verdana,tahoma;
	
	}
a.pagenav, a.pagenav:visited {
	color:#ffffff;
}
a.pagenav:hover {
	color: #ffffff;
	background-color:  #00CCCC;

}

span.pathway { 
	color:#FFFFFF;}
span.pathway a:link,
span.pathway a:visited { 
 	color:#FFFFFF; font-weight:bold;}

Code (markup):

adam1987, Feb 13, 2007 IP

Log in or Sign up

Joomla - HELP PLEASE !! :)

adam1987 Well-Known Member

exit Peon

Anghus Peon

adam1987 Well-Known Member

Anghus Peon

trichnosis Prominent Member

skyjuice Peon

adam1987 Well-Known Member

Anghus Peon

adam1987 Well-Known Member

adam1987 Well-Known Member

Useful Searches