Need to change template width ! Please help - Joomla! Forum - community, help and support
hello , i'm new in programming . can anyoane please me change layout position width.
i'm using ciruss green template . http://www.hurricanemedia.net/wp-conten ... _fullc.jpg
i change right menu module position , make larger .
here templatedetails xml code
<br />
<div style="border: 1px solid #c3c3c3;width:340px;overflow:auto;font-weight:normal;font-size:0.9em;background-color:#f8f8f8">
<div style="float:right;width:240px;border: 1px solid #c3c3c3;margin:2px;padding:3px;background-color:#e6e6e6">position-13 (top navigation)</div>
<div style="float:right;width:140px;border: 1px solid #c3c3c3;margin:2px;padding:3px;background-color:#e6e6e6">position-0 (search)</div>
<div style="clear:both;width:328px;border: 1px solid #c3c3c3;margin:2px;padding:3px;background-color:#e6e6e6">position-1 (topmenu)</div>
<div style="clear:both;width:328px;border: 1px solid #c3c3c3;margin:2px;padding:3px;background-color:#e6e6e6">position-2 (breadcrumbs)</div>
<div style="float:left;width:70px;margin:0;padding:0">
<div style="float:left;border: 1px solid #c3c3c3;margin:2px;padding:3px;background-color:#e6e6e6;width:60px;height:30px">position-7</div>
<div style="float:left;border: 1px solid #c3c3c3;margin:2px;padding:3px;background-color:#e6e6e6;width:60px;height:30px">position-4</div>
<div style="float:left;border: 1px solid #c3c3c3;margin:2px;padding:3px;background-color:#e6e6e6;width:60px;height:30px">position-5</div>
</div>
<div style="float:left;width:198px;margin:0;padding:0">
<div style="border: 1px solid #c3c3c3;margin:2px;padding:3px;background-color:#e6e6e6;width:188px;height:170px">content (message/component)</div>
</div>
<div style="float:right;width:70px;margin:0;padding:0">
<div style="float:right;border: 1px solid #c3c3c3;margin:2px;padding:3px;background-color:#e6e6e6;width:60px;height:30px">position-6</div>
<div style="float:right;border: 1px solid #c3c3c3;margin:2px;padding:3px;background-color:#e6e6e6;width:60px;height:30px">position-8</div>
<div style="float:right;border: 1px solid #c3c3c3;margin:2px;padding:3px;background-color:#e6e6e6;width:60px;height:30px">position-3</div>
</div>
<div style="clear:both;width:328px;border: 1px solid #c3c3c3;margin:2px;padding:3px;background-color:#e6e6e6">position-14 (footer)</div>
<div style="float:left;;width:101px;border: 1px solid #c3c3c3;margin:2px;padding:3px;background-color:#e6e6e6">position-9 (box 1)</div>
<div style="float:left;;width:101px;border: 1px solid #c3c3c3;margin:2px;padding:3px;background-color:#e6e6e6">position-10 (box 2)</div>
<div style="float:left;;width:101px;border: 1px solid #c3c3c3;margin:2px;padding:3px;background-color:#e6e6e6">position-11 (box 3)</div>
</div>
]]>
</description>
<files>
<folder>css</folder>
<folder>images</folder>
<folder>js</folder>
<folder>language</folder>
<filename>component.php</filename>
<filename>index.php</filename>
<filename>template_preview.png</filename>
<filename>template_thumbnail.png</filename>
<filename>templatedetails.xml</filename>
</files>
<positions>
<position>debug</position>
<position>position-0</position>
<position>position-1</position>
<position>position-2</position>
<position>position-3</position>
<position>position-4</position>
<position>position-5</position>
<position>position-6</position>
<position>position-7</position>
<position>position-8</position>
<position>position-9</position>
<position>position-10</position>
<position>position-11</position>
<position>position-12</position>
<position>position-13</position>
<position>position-14</position>
<position>position-15</position>
</positions>
<languages folder="language">
<language tag="en-gb">en-gb/en-gb.tpl_cirrus-green.ini</language>
<language tag="en-gb">en-gb/en-gb.tpl_cirrus-green.sys.ini</language>
</languages>
<config>
i need make positions right ( 3,6 , 8 ) larger 40%.
please me , have tried million ways change no results . grateful .
thank in advance!
i'm using ciruss green template . http://www.hurricanemedia.net/wp-conten ... _fullc.jpg
i change right menu module position , make larger .
here templatedetails xml code
<br />
<div style="border: 1px solid #c3c3c3;width:340px;overflow:auto;font-weight:normal;font-size:0.9em;background-color:#f8f8f8">
<div style="float:right;width:240px;border: 1px solid #c3c3c3;margin:2px;padding:3px;background-color:#e6e6e6">position-13 (top navigation)</div>
<div style="float:right;width:140px;border: 1px solid #c3c3c3;margin:2px;padding:3px;background-color:#e6e6e6">position-0 (search)</div>
<div style="clear:both;width:328px;border: 1px solid #c3c3c3;margin:2px;padding:3px;background-color:#e6e6e6">position-1 (topmenu)</div>
<div style="clear:both;width:328px;border: 1px solid #c3c3c3;margin:2px;padding:3px;background-color:#e6e6e6">position-2 (breadcrumbs)</div>
<div style="float:left;width:70px;margin:0;padding:0">
<div style="float:left;border: 1px solid #c3c3c3;margin:2px;padding:3px;background-color:#e6e6e6;width:60px;height:30px">position-7</div>
<div style="float:left;border: 1px solid #c3c3c3;margin:2px;padding:3px;background-color:#e6e6e6;width:60px;height:30px">position-4</div>
<div style="float:left;border: 1px solid #c3c3c3;margin:2px;padding:3px;background-color:#e6e6e6;width:60px;height:30px">position-5</div>
</div>
<div style="float:left;width:198px;margin:0;padding:0">
<div style="border: 1px solid #c3c3c3;margin:2px;padding:3px;background-color:#e6e6e6;width:188px;height:170px">content (message/component)</div>
</div>
<div style="float:right;width:70px;margin:0;padding:0">
<div style="float:right;border: 1px solid #c3c3c3;margin:2px;padding:3px;background-color:#e6e6e6;width:60px;height:30px">position-6</div>
<div style="float:right;border: 1px solid #c3c3c3;margin:2px;padding:3px;background-color:#e6e6e6;width:60px;height:30px">position-8</div>
<div style="float:right;border: 1px solid #c3c3c3;margin:2px;padding:3px;background-color:#e6e6e6;width:60px;height:30px">position-3</div>
</div>
<div style="clear:both;width:328px;border: 1px solid #c3c3c3;margin:2px;padding:3px;background-color:#e6e6e6">position-14 (footer)</div>
<div style="float:left;;width:101px;border: 1px solid #c3c3c3;margin:2px;padding:3px;background-color:#e6e6e6">position-9 (box 1)</div>
<div style="float:left;;width:101px;border: 1px solid #c3c3c3;margin:2px;padding:3px;background-color:#e6e6e6">position-10 (box 2)</div>
<div style="float:left;;width:101px;border: 1px solid #c3c3c3;margin:2px;padding:3px;background-color:#e6e6e6">position-11 (box 3)</div>
</div>
]]>
</description>
<files>
<folder>css</folder>
<folder>images</folder>
<folder>js</folder>
<folder>language</folder>
<filename>component.php</filename>
<filename>index.php</filename>
<filename>template_preview.png</filename>
<filename>template_thumbnail.png</filename>
<filename>templatedetails.xml</filename>
</files>
<positions>
<position>debug</position>
<position>position-0</position>
<position>position-1</position>
<position>position-2</position>
<position>position-3</position>
<position>position-4</position>
<position>position-5</position>
<position>position-6</position>
<position>position-7</position>
<position>position-8</position>
<position>position-9</position>
<position>position-10</position>
<position>position-11</position>
<position>position-12</position>
<position>position-13</position>
<position>position-14</position>
<position>position-15</position>
</positions>
<languages folder="language">
<language tag="en-gb">en-gb/en-gb.tpl_cirrus-green.ini</language>
<language tag="en-gb">en-gb/en-gb.tpl_cirrus-green.sys.ini</language>
</languages>
<config>
i need make positions right ( 3,6 , 8 ) larger 40%.
please me , have tried million ways change no results . grateful .
thank in advance!
you need change in css came template. can't advise change without seeing actual site in webpage rather image.
Comments
Post a Comment