|
Right position 4 Years, 7 Months ago
|
Karma: 0
|
Hi from spain, is cool your template, but i would like to show the right position because i need this position to show more components.
i have change some codes... this is the original..
| Code: |
<?php defined( '_VALID_MOS' ) or die
( 'Direct Access to this location is not allowed.'
); ?>
<!DOCTYPE html PUBLIC "-//W3C//
DTD XHTML 1.0 Transitional//EN" "http://
www.w3.org/TR/xhtml1/DTD/
xhtml1-transitional.dtd">
<?php $iso = split( '=', _ISO ); echo '
<?xml version="1.0" encoding="
'. $iso[1] .'"?' .'>'; ?>
<html xmlns="http://www.w3.org/1999/
xhtml">
<head>
<meta http-equiv="Content-Type"
content="text/html; <?php echo _ISO; ?
>" />
<?php mosShowHead(); ?>
<?php if ( $my->id ) { initEditor(); } ?>
<meta http-equiv="Content-Type"
content="text/html; <?php echo _ISO; ?
>" />
<link href="<?
php echo $GLOBALS[mosConfig_live_site]; ?>/
templates/<?php echo $GLOBALS[cur_template]; ?
>/NiftyLayout.css" rel="
stylesheet" type="text/css" />
<link href="<?
php echo $GLOBALS[mosConfig_live_site]; ?>/
templates/<?php echo $GLOBALS[cur_template]; ?
>/niftyCorners.css" rel="
stylesheet" type="text/css" />
<script defer type="text/javascript"
src="<?
php echo $GLOBALS[mosConfig_live_site];?>/
templates/<?php echo $GLOBALS[cur_template];?
>/niftycube.js"></script>
<script defer type="text/javascript"
src="<?
php echo $GLOBALS[mosConfig_live_site];?>/
templates/<?php echo $GLOBALS[cur_template];?
>/niftyLayout.js"></script>
<!--[if lt IE 7.]>
<script defer type="text/javascript"
src="<?
php echo $GLOBALS[mosConfig_live_site];?>/
templates/<?php echo $GLOBALS[cur_template];?
>/pngfix.js"></script>
<![endif]-->
</head>
<body>
<div id="header">
<div id="logo"><img src="
<?php echo $GLOBALS[mosConfig_live_site];?>/
templates/<?php echo $GLOBALS[cur_template];?
>/images/logo.png" alt="
JoomlaBear" width="384"
height="73" border="0"
class="floatlogo" />
</div>
<div id="menu">
<ul id="nav">
<?php mosLoadModules ( 'top', -1); ?>
</ul>
</div>
</div>
<div id="container">
<div id="content">
<?php mosMainBody(); ?>
</div>
<div id="left">
<?php if (mosCountModules('user1',-2)) { ?>
<div id="first" >
<?php mosLoadModules ( 'user1' ); ?>
</div>
<?php } ?>
<?php if (mosCountModules('user2')) { ?>
<div id="second" >
<?php mosLoadModules ( 'user2',-2 ); ?
>
</div>
<?php } ?>
<?php if (mosCountModules('user3')) { ?>
<div id="third" >
<?php mosLoadModules ( 'user3',-2 ); ?
>
</div>
<?php } ?>
<?php if (mosCountModules('user4')) { ?>
<div id="fourth" >
<?php mosLoadModules ( 'user4',-2 ); ?
>
</div>
<?php } ?>
<?php if (mosCountModules('user5')) { ?>
<div id="fith" >
<?php mosLoadModules ( 'user5',-2 ); ?
>
</div>
<?php } ?>
<?php if (mosCountModules('user6')) { ?>
<div id="sixth" >
<?php mosLoadModules ( 'user6',-2 ); ?
>
</div>
<?php } ?>
<?php if (mosCountModules('user7')) { ?>
<div id="seventh" >
<?php mosLoadModules ( 'user7',-2 ); ?
>
</div>
<?php } ?>
<?php if (mosCountModules('user8')) { ?>
<div id="eighth" >
<?php mosLoadModules ( 'user8',-2 ); ?
>
</div>
<?php } ?>
<?php if (mosCountModules('user9')) { ?>
<div id="ninth" >
<?php mosLoadModules ( 'user9',-2 ); ?
>
</div>
<?php } ?>
</div>
<div id="footer">
<p> </p>
<?php mosLoadModules ( 'footer',-2 ); ?>
</div>
</div>
</div>
</body>
</html>
|
and this comes with the changes in the index.php
| Code: |
<?php defined( '_VALID_MOS' ) or die
( 'Direct Access to this location is not allowed.'
); ?>
<!DOCTYPE html PUBLIC "-//W3C//
DTD XHTML 1.0 Transitional//EN" "http://
www.w3.org/TR/xhtml1/DTD/
xhtml1-transitional.dtd">
<?php $iso = split( '=', _ISO ); echo '
<?xml version="1.0" encoding="
'. $iso[1] .'"?' .'>'; ?>
<html xmlns="http://www.w3.org/1999/
xhtml">
<head>
<meta http-equiv="Content-Type"
content="text/html; <?php echo _ISO; ?
>" />
<?php mosShowHead(); ?>
<?php if ( $my->id ) { initEditor(); } ?>
<meta http-equiv="Content-Type"
content="text/html; <?php echo _ISO; ?
>" />
<link href="<?
php echo $GLOBALS[mosConfig_live_site]; ?>/
templates/<?php echo $GLOBALS[cur_template]; ?
>/NiftyLayout.css" rel="
stylesheet" type="text/css" />
<link href="<?
php echo $GLOBALS[mosConfig_live_site]; ?>/
templates/<?php echo $GLOBALS[cur_template]; ?
>/niftyCorners.css" rel="
stylesheet" type="text/css" />
<script defer type="text/javascript"
src="<?
php echo $GLOBALS[mosConfig_live_site];?>/
templates/<?php echo $GLOBALS[cur_template];?
>/niftycube.js"></script>
<script defer type="text/javascript"
src="<?
php echo $GLOBALS[mosConfig_live_site];?>/
templates/<?php echo $GLOBALS[cur_template];?
>/niftyLayout.js"></script>
<!--[if lt IE 7.]>
<script defer type="text/javascript"
src="<?
php echo $GLOBALS[mosConfig_live_site];?>/
templates/<?php echo $GLOBALS[cur_template];?
>/pngfix.js"></script>
<![endif]-->
</head>
<body>
<div id="header">
<div id="logo"><img src="
<?php echo $GLOBALS[mosConfig_live_site];?>/
templates/<?php echo $GLOBALS[cur_template];?
>/images/logo.png" alt="
JoomlaBear" width="384"
height="73" border="0"
class="floatlogo" />
</div>
<div id="menu">
<ul id="nav">
<?php mosLoadModules ( 'top', -1); ?>
</ul>
</div>
</div>
<div id="container">
<div id="content">
<?php mosMainBody(); ?>
</div>
<div id="left">
<?php if (mosCountModules('user1',-2)) { ?>
<div id="first" >
<?php mosLoadModules ( 'user1' ); ?>
</div>
<?php } ?>
<?php if (mosCountModules('user2')) { ?>
<div id="second" >
<?php mosLoadModules ( 'user2',-2 ); ?
>
</div>
<?php } ?>
<?php if (mosCountModules('user3')) { ?>
<div id="third" >
<?php mosLoadModules ( 'user3',-2 ); ?
>
</div>
<?php } ?>
<?php if (mosCountModules('user4')) { ?>
<div id="fourth" >
<?php mosLoadModules ( 'user4',-2 ); ?
>
</div>
<?php } ?>
<?php if (mosCountModules('user5')) { ?>
<div id="fith" >
<?php mosLoadModules ( 'user5',-2 ); ?
>
</div>
<?php } ?>
<?php if (mosCountModules('user6')) { ?>
<div id="sixth" >
<?php mosLoadModules ( 'user6',-2 ); ?
>
</div>
<?php } ?>
<?php if (mosCountModules('user7')) { ?>
<div id="seventh" >
<?php mosLoadModules ( 'user7',-2 ); ?
>
</div>
<?php } ?>
<?php if (mosCountModules('user8')) { ?>
<div id="eighth" >
<?php mosLoadModules ( 'user8',-2 ); ?
>
</div>
<?php } ?>
<?php if (mosCountModules('user9')) { ?>
<div id="ninth" >
<?php mosLoadModules ( 'user9',-2 ); ?
>
</div>
<?php } ?>
</div>
<div id="right">
<?php if (mosCountModules('derecha1',-2)) { ?
>
<div id="first" >
<?php mosLoadModules ( 'derecha1' ); ?
>
</div>
<?php } ?>
<?php if (mosCountModules('derecha2')) { ?>
<div id="second" >
<?php mosLoadModules ( 'derecha2',-2 ); ?
>
</div>
<?php } ?>
<?php if (mosCountModules('derecha3')) { ?>
<div id="third" >
<?php mosLoadModules ( 'derecha3',-2 ); ?
>
</div>
<?php } ?>
<?php if (mosCountModules('derecha4')) { ?>
<div id="fourth" >
<?php mosLoadModules ( 'derecha4',-2 ); ?
>
</div>
<?php } ?>
<?php if (mosCountModules('derecha5')) { ?>
<div id="fith" >
<?php mosLoadModules ( 'derecha5',-2 ); ?
>
</div>
<?php } ?>
<?php if (mosCountModules('derecha6')) { ?>
<div id="sixth" >
<?php mosLoadModules ( 'derecha6',-2 ); ?
>
</div>
<?php } ?>
<?php if (mosCountModules('user7')) { ?>
<div id="seventh" >
<?php mosLoadModules ( 'derecha',-2 ); ?
>
</div>
<?php } ?>
<?php if (mosCountModules('derecha8')) { ?>
<div id="eighth" >
<?php mosLoadModules ( 'derecha8',-2 ); ?
>
</div>
<?php } ?>
<?php if (mosCountModules('user9')) { ?>
<div id="ninth" >
<?php mosLoadModules ( 'derecha9',-2 ); ?
>
</div>
<?php } ?>
</div>
<div id="footer">
<p> </p>
<?php mosLoadModules ( 'footer',-2 ); ?>
</div>
</div>
</div>
</body>
</html>
|
Derecha is right in spanish. i don´t know what i need to change more...
Best regards
Post edited by: Big Bear, at: 2007/10/07 23:50<br><br>Post edited by: Big Bear, at: 2007/10/07 23:51 |
|
efra
Junior Boarder
Posts: 24
|
|
|
|
|
Re:Right position 4 Years, 7 Months ago
|
Karma: 41
|
|
Hi Efra,
Do you want a right column instead of a left column or do you want both?
Most of the important code for this change would be in layout.css.
If you want the left column on the right you would simply change the float to right in the CSS and change the content div to float left. Then adjust the padding/margins.
If you want an additional column the only change you would need to make to index.php is to add another DIV, something like: <div id="rightColumn"> <?php mosLoadModules ( 'right', -2 ); ?> </div>
Then in the stylesheet (layout.css) add a rule for this div: #rightColumn { float:right;}
You will want to add some padding/margin and you will need to adjust the width of the content div - subtracting whatever width you have applied to the new right column.
Thats the jist of it anyway.
Hope this helps - If not we're releasing a pro version of the bear themes with 3 column options, colours, etc very soon.
|
|
|
|
|
|
|
Re:Right position 4 Years, 7 Months ago
|
Karma: 0
|
|
Thanks a lot, when i coming back of my job i´ll try this...
Best regards
|
|
efra
Junior Boarder
Posts: 24
|
|
|
|
|
Re:Right position 4 Years, 7 Months ago
|
Karma: 41
|
|
How did you get on?
|
|
|
|
|
|
|
Re:Right position 4 Years, 7 Months ago
|
Karma: 0
|
|
thanks a lot, i can see the right side, but i am trying to put the background same color and the same limits that in left side... i hope i can do it...
|
|
efra
Junior Boarder
Posts: 24
|
|
|
|
|
Re:Right position 4 Years, 7 Months ago
|
Karma: 0
|
|
and i have make a new one like banner possition, now is on...
Can you hep me with the backgrounf of the right position?¿?¿?
best regards :laugh: :laugh:
|
|
efra
Junior Boarder
Posts: 24
|
|
|
|
|
Re:Right position 4 Years, 7 Months ago
|
Karma: 41
|
You'll need to edit the body.png in an image editor and create the right column to your desired width.
Let me know how you get on.
Gimp is a free image editor www.gimp.org/ |
|
|
|
|
|
|
Re:Right position 4 Years, 7 Months ago
|
Karma: 0
|
|
edit?¿ i beleive that it was just edit the Niftylayout.css like this...
div#first, div#second, div#third, div#fourth, div#fith, div#sixth, div#seventh, div#eighth, div#ninth{
background-color:#BBD9EE;
margin-bottom:10px;
padding: 10px;
list-style-type: none;
and to make the corners in the niftyconers.css add something like this (this one is for ths left side)
b.t1{border-width: 0 5px}
b.t2{border-width: 0 3px}
b.t3{border-width: 0 2px}
b.t4{height: 2px}<br><br>Post edited by: efra, at: 2007/10/14 09:50
|
|
efra
Junior Boarder
Posts: 24
|
|
|
|
|
Re:Right position 4 Years, 7 Months ago
|
Karma: 41
|
|
Ahh yes, my apologies - I thought you were working on one of the bear themes...
Ignore my last post about image editing - I think you are on the right track.
|
|
|
|
|
|
|
Re:Right position 4 Years, 7 Months ago
|
Karma: 0
|
|
i hope to do, but i had try a lot of time but i can´t to put the background... do you know how to do?
|
|
efra
Junior Boarder
Posts: 24
|
|
|
|
|
Re:Right position 4 Years, 4 Months ago
|
Karma: 0
|
|
Hola Efra, yo tambien soy Español y creo que tengo el mismo problema que tenias tu, no me aparece el menu de la parte izquierda ni el banner, por favor si lo has conseguido solucionar respondeme please.
Gracias de antemano.
|
|
|
|
|
|
|
Re:Right position 4 Years, 2 Months ago
|
Karma: 0
|
|
hi all,
I try to make the option of having a right position, which works fine. However, if the right position is empty, I want it to shrink, and make room for #content.
My right and content positions look like this now:
#right {
float: left;
width: 166px;
height:100%;
position:relative;
}
#content {
width: 472px;
float: left;
position: relative;
padding-top: 15px;
padding-right: 30px;
padding-bottom: 15px;
padding-left: 14px;
}
If you want to keep the right position at all times, this works fine. but shrinking does not work.. any tips? :-)
thanks.
L
|
|
larsss
Junior Boarder
Posts: 29
|
|
|
|
|
Re:Right position 4 Years, 2 Months ago
|
Karma: 0
|
|
never mind.. guess I can wait until the 3 col version of black bear is ready.
|
|
larsss
Junior Boarder
Posts: 29
|
|
|
|
|
Re:Right position 4 Years, 2 Months ago
|
Karma: 41
|
Hi Efra,
Can you post a link to your dev site so I can see what your after.
If you are using blackbear we have a new 3 column layout almost ready to go.
http://blackbear3column.joomlabear.com/ |
|
|
|
|
|
|
Re:Right position 4 Years, 2 Months ago
|
Karma: 0
|
|
i am using the nifty corners 2 columns.
|
|
efra
Junior Boarder
Posts: 24
|
|
|
|
|
