How should I create Custome Page Template

[Zaheer Shaikh, módosítva 11 év-val korábban]

Hi,
Please find attachment of png file. I want make custom page template ,
Where should i create custom page.




Your help is highly appreciated,
Thank You,
Best Regards
Zaheer Shaikh

[Anil Sunkari, módosítva 11 év-val korábban]

Hi Zaheer,

You can create it through plugins. (or) follow the below urls

http://www.liferay.com/documentation/liferay-portal/6.1/development/-/ai/lp-6-1-dgen05-creating-a-layout-template-0

http://www.liferay.com/documentation/liferay-portal/6.1/development/-/ai/lp-6-1-dgen05-creating-liferay-layout-templates-0

Regards,
Anil Sunkari

[Zaheer Shaikh, módosítva 11 év-val korábban]

Thank you Anil,

It helps me. But still I have problem to create structure whatever I want. I able to create template but not exactly what i want. Which i attach in mu previous post.
Is there are custom method or whether i define size of row. I Attache file what i created. I need red area as single column.

Thnks again.
Zaheer Shaikh

[Vaibhav Mittal, módosítva 11 év-val korábban]

Follow below post and all queries of yours regarding layout will get solved.
http://www.liferay.com/community/forums/-/message_boards/message/14504635

[Manish Kumar, módosítva 11 év-val korábban]

Hello Zaheer,
I created this type of layout using html table, will be much easier if you will be using rowspan and colspan.
Then i created 1 layout plugin and and you can put this table structure in your .tlp file.
For any other help you needed can post here.
Thanks,
Manish Kumar

[Zaheer Shaikh, módosítva 11 év-val korábban]

Thanks for Reply,
I tried it with table structure, eclipse replace the code when i move to Visual tab, i uses liferay 6.1
This was my code, i unable to understand how i merge two rows & two coloumn (like rowspan and colspan ) using div.

<div class="NewPlugins" id="main-content" role="main">
	<div class="portlet-layout">
		<div class="portlet-column portlet-column-only" id="column-1">
			$processor.processColumn("column-1", "portlet-column-content portlet-column-content-only")
		</div>
	</div>
	<div class="portlet-layout">
		<div class="aui-w33 portlet-column portlet-column-first" id="column-2">
			$processor.processColumn("column-2", "portlet-column-content portlet-column-content-first")
		</div>
		<div class="aui-w33 portlet-column" id="column-3">
			$processor.processColumn("column-3", "portlet-column-content")
		</div>
		<div class="aui-w33 portlet-column portlet-column-last" id="column-4">
			$processor.processColumn("column-4", "portlet-column-content portlet-column-content-last")
		</div>
	</div>
	<div class="portlet-layout">
		<div class="aui-w33 portlet-column portlet-column-first" id="column-5">
			$processor.processColumn("column-5", "portlet-column-content portlet-column-content-first")
		</div>
		<div class="aui-w33 portlet-column" id="column-6">
			$processor.processColumn("column-6", "portlet-column-content")
		</div>
		<div class="aui-w33 portlet-column portlet-column-last" id="column-7">
			$processor.processColumn("column-7", "portlet-column-content portlet-column-content-last")
		</div>
	</div>
	<div class="portlet-layout">
		<div class="aui-w33 portlet-column portlet-column-first" id="column-8">
			$processor.processColumn("column-8", "portlet-column-content portlet-column-content-first")
		</div>
		<div class="aui-w33 portlet-column" id="column-9">
			$processor.processColumn("column-9", "portlet-column-content")
		</div>
		<div class="aui-w33 portlet-column portlet-column-last" id="column-10">
			$processor.processColumn("column-10", "portlet-column-content portlet-column-content-last")
		</div>
	</div>
	<div class="portlet-layout">
		<div class="portlet-column portlet-column-only" id="column-11">
			$processor.processColumn("column-11", "portlet-column-content portlet-column-content-only")
		</div>
	</div>
</div>

Thanks Again,
Regards,
Zaheer Shaikh