Home Blog pc-software joomla | trojsloupcový layout

joomla | trojsloupcový layout

Popis: upravený originální rhuk_milkyway front end z joomla! 1.5.22 na pravý trojsloupcový layout
Klíčová slova:
Hits: 3197
Hodnocení uživatelů: / 0
NejhoršíNejlepší 
Blog - pc-software
Napsal uživatel Administrator   
Neděle, 17 Duben 2011 17:42

upravený originální rhuk_milkyway front end z joomla! 1.5.22

struktura - vzhled upraveneho layoutu v firebugu

joomla-rhuk-milkway-main-column

upravené soubory

html

joomla/templates/rhuk_milkyway/index.php


	<div id="area">

	

	<!-- main column -->

	<?php if($this->countModules('right')) : ?>

	<div id="maincolumn">

	<?php else: ?>

	<div id="maincolumn_full">

	<?php endif; ?>

	// tvuj obsah hlavniho sloupce

	</div>

	<!-- konec - main column -->

	

	<!-- right column -->

	<?php if($this->countModules('right') and JRequest::getCmd('layout') != 'form') : ?>

	<div id="rightcolumn">

	<jdoc:include type="modules" name="right" style="rounded"/>

	</div>

	<?php endif; ?>

	<!-- konec - right column -->

	

	<!-- left column -->

	<div id="leftcolumn">

	<?php if($this->countModules('left')) : ?>

	<jdoc:include type="modules" name="left" style="rounded" />

	<?php endif; ?>

	</div>

	<!-- konec - left column -->

	

	<div class="clr"></div>

	</div>

	

styl

joomla/templates/rhuk_milkyway/css/template.css


	#leftcolumn {

	padding: 0;

	margin-top: 5px;

	 margin-left: 10px;

	 width: 150px;

	position: absolute;

	/* float:left; */

	}

	

	#rightcolumn {

	padding: 0;

	margin-top: 5px;

	/* margin-left: 1%; */

	width: 17%;

	float:left;

	}

	

	#maincolumn {

	float:left;

	margin-left: 19%;

	margin-right: 1%;

	/*padding-left: 10px;*/

	width: 62%;

	min-height:180px;

	}

	

	#maincolumn_full {

	float:left;

	margin-left: 19%;

	width: 80%;

	min-height:180px;

	}

	

joomla/templates/rhuk_milkyway/css/orange.css

světlý rámeček stylu _menu

joomla/templates/rhuk_milkyway/images/orange/mw_box_bl.png
joomla/templates/rhuk_milkyway/images/orange/mw_box_br.png
joomla/templates/rhuk_milkyway/images/orange/mw_box_tl.png
joomla/templates/rhuk_milkyway/images/orange/mw_box_tr.png

úprava specific chrome to module rendering

/joomla/templates/rhuk_milkyway/html/modules.php - pro template
/joomla/templates/system/html/modules.php - základní

Aktualizováno Pondělí, 25 Duben 2011 20:19