42 CMS.FullPageCSS Full page Full page layout with one full width column using CSS. <div> <cms:CMSWebPartZone ZoneID="zoneA" runat="server" /> </div> <div style="width: 100%;"> <cms:CMSWebPartZone ZoneID="zoneB" runat="server" /> </div> <div> <cms:CMSWebPartZone ZoneID="zoneC" runat="server" /> </div> 23d5186f-42ae-4e6c-821e-bf8cc350fa4b 15ab078b-bdd6-4913-9255-0c6c59be7a65 2012-08-28T16:35:44.53+08:00 ascx 28c8dd2a-a348-4885-8908-ad897b735029 3 true 20 CMS.Grid2CSS Grid 2x2 cells Grid 2x2 of web part zones using CSS. <div> <cms:CMSWebPartZone ZoneID="zoneA" runat="server" /> </div> <div style="width: 100%;"> <div style="width: 50%; float: left;"> <cms:CMSWebPartZone ZoneID="zoneB" runat="server" /> </div> <div style="width: 50%; float: right;"> <cms:CMSWebPartZone ZoneID="zoneC" runat="server" /> </div> </div> <div style="clear: both"> <div style="width: 50%; float: left;"> <cms:CMSWebPartZone ZoneID="zoneD" runat="server" /> </div> <div style="width: 50%; float: right;"> <cms:CMSWebPartZone ZoneID="zoneE" runat="server" /> </div> </div> <div style="clear: both;"> <cms:CMSWebPartZone ZoneID="zoneF" runat="server" /> </div> bfa68f3a-3a8a-46e0-96f2-519e0a762fcb 3400c02b-4681-47a4-af16-43c67a9b4013 2012-08-28T16:35:44.553+08:00 ascx b9cbc27d-d217-4ba5-9c64-5a1c0b83a851 6 true 21 CMS.Grid3CSS Grid 3x2 cells Grid 3x2 of web part zones using CSS. <div> <cms:CMSWebPartZone ZoneID="zoneA" runat="server" /> </div> <div style="width: 100%;"> <div style="width: 33%; float: left;"> <cms:CMSWebPartZone ZoneID="zoneB" runat="server" /> </div> <div style="width: 34%; float: left;"> <cms:CMSWebPartZone ZoneID="zoneC" runat="server" /> </div> <div style="width: 33%; float: right;"> <cms:CMSWebPartZone ZoneID="zoneD" runat="server" /> </div> </div> <div style="clear: both"> <div style="width: 33%; float: left;"> <cms:CMSWebPartZone ZoneID="zoneE" runat="server" /> </div> <div style="width: 34%; float: left;"> <cms:CMSWebPartZone ZoneID="zoneF" runat="server" /> </div> <div style="width: 33%; float: right;"> <cms:CMSWebPartZone ZoneID="zoneG" runat="server" /> </div> </div> <div style="clear: both"> <cms:CMSWebPartZone ZoneID="zoneH" runat="server" /> </div> 2a6fcdbf-3bfe-4ea1-9b7d-f46793796381 775aae79-222c-4e6d-838f-93a0262bdb78 2012-08-28T16:35:44.567+08:00 ascx 6437bb97-f136-4d8e-8bf5-0b500f8a5a55 8 true 19 CMS.ThreeColumnsCSS Three columns Three columns with web part zones using CSS. <div> <cms:CMSWebPartZone ZoneID="zoneA" runat="server" /> </div> <div style="width: 100%;"> <div style="width: 33%; float: left;"> <cms:CMSWebPartZone ZoneID="zoneB" runat="server" /> </div> <div style="width: 34%; float: left;"> <cms:CMSWebPartZone ZoneID="zoneC" runat="server" /> </div> <div style="width: 33%; float: right;"> <cms:CMSWebPartZone ZoneID="zoneD" runat="server" /> </div> </div> <div style="clear: both"> <cms:CMSWebPartZone ZoneID="zoneE" runat="server" /> </div> e39c9564-4b45-4cd0-8982-7fe1a907c709 a96ae4bf-f02b-4b2f-ac84-f49cf2c83a1e 2012-08-28T16:35:44.913+08:00 ascx 91d3274b-26a4-4dc8-a13e-67be1766c1fa 5 true 44 CMS.ThreeColumns20_60_20CSS Three columns - 20/60/20 Three columns in ratio 20%/60%/20% using CSS. <div> <cms:CMSWebPartZone ZoneID="zoneA" runat="server" /> </div> <div> <div style="width: 20%; float: left;"> <cms:CMSWebPartZone ZoneID="zoneB" runat="server" /> </div> <div style="width: 60%; float: left;"> <div class="Content"><cms:CMSWebPartZone ZoneID="zoneC" runat="server" /></div> </div> <div style="width: 20%; float: left;"> <cms:CMSWebPartZone ZoneID="zoneD" runat="server" /> </div> </div> <div style="clear: both"> <cms:CMSWebPartZone ZoneID="zoneE" runat="server" /> </div> 6cd85ecf-ba3d-40a4-b586-ea113db3821c 112dddcd-8f96-48bb-9e50-eceada4fe3a5 2012-08-28T16:35:44.923+08:00 ascx 812fbc16-28e1-4bc6-8382-371503f00e2c 5 true 43 CMS.ThreeColumns25_50_25CSS Three columns - 25/50/25 Three columns in ratio 25%/50%/25% using CSS. <div> <cms:CMSWebPartZone ZoneID="zoneA" runat="server" /> </div> <div> <div style="width: 25%; float: left;"> <cms:CMSWebPartZone ZoneID="zoneB" runat="server" /> </div> <div style="width: 50%; float: left;"> <div class="Content"><cms:CMSWebPartZone ZoneID="zoneC" runat="server" /></div> </div> <div style="width: 25%; float: left;"> <cms:CMSWebPartZone ZoneID="zoneD" runat="server" /> </div> </div> <div style="clear: both"> <cms:CMSWebPartZone ZoneID="zoneE" runat="server" /> </div> c68cad81-e0b2-48d1-9165-9075aa45f79b 8fcf2126-e2c2-40cf-b0a7-6694526cc076 2012-08-28T16:35:44.93+08:00 ascx f00e41c5-d1ee-435a-b3e6-cd6bd4c58b3b 5 true 45 CMS.ThreeColumns33_33_33CSS Three columns - 33/33/33 Three columns with web part zones using CSS. <div> <cms:CMSWebPartZone ZoneID="zoneA" runat="server" /> </div> <div> <div style="width: 33%; float: left;"> <cms:CMSWebPartZone ZoneID="zoneB" runat="server" /> </div> <div style="width: 34%; float: left;"> <div class="Content"><cms:CMSWebPartZone ZoneID="zoneC" runat="server" /></div> </div> <div style="width: 33%; float: right;"> <cms:CMSWebPartZone ZoneID="zoneD" runat="server" /> </div> </div> <div style="clear: both"> <cms:CMSWebPartZone ZoneID="zoneE" runat="server" /> </div> 877c7e3d-a7cb-44d3-b55c-fec72ccd052f 686194bc-7f23-4a48-bfdd-e1161cfd64f1 2012-08-28T16:35:44.937+08:00 ascx 44490e4b-3b00-41e3-a85c-cef61ce8bb14 5 true 13 CMS.TwoColumnsCSS Two columns Two column layout using CSS <div> <cms:CMSWebPartZone ZoneID="zoneA" runat="server" /> </div> <div style="width: 100%;"> <div style="width: 50%; float: left;"> <cms:CMSWebPartZone ZoneID="zoneB" runat="server" /> </div> <div style="width: 50%; float: right;"> <cms:CMSWebPartZone ZoneID="zoneC" runat="server" /> </div> </div> <div style="clear: both"> <cms:CMSWebPartZone ZoneID="zoneD" runat="server" /> </div> 3465d799-4f32-43a3-95b7-5c37f8b50288 550a79a7-95ba-453b-801f-683892a2b365 2012-08-28T16:35:44.943+08:00 ascx 5e1a2652-4279-420b-bea4-3b5e2e36da30 4 true 14 CMS.TwoColumns20_80CSS Two columns - 20/80 Two columns in ratio 20%/80% using CSS. <div> <cms:CMSWebPartZone ZoneID="zoneA" runat="server" /> </div> <div style="width: 100%;"> <div style="width: 20%; float: left;"> <cms:CMSWebPartZone ZoneID="zoneB" runat="server" /> </div> <div style="width: 80%; float: right;"> <cms:CMSWebPartZone ZoneID="zoneC" runat="server" /> </div> </div> <div style="clear: both"> <cms:CMSWebPartZone ZoneID="zoneD" runat="server" /> </div> b8594568-5040-48a1-9271-68299ecebb35 7ab5c1f8-3ec3-452f-85cc-c33dc2b712eb 2012-08-28T16:35:44.95+08:00 ascx 9b19e3ff-4646-4b7b-a9c0-bb2feabafbd0 4 true 15 CMS.TwoColumns30_70CSS Two columns - 30/70 Two columns in ratio 30%/70% using CSS. <div> <cms:CMSWebPartZone ZoneID="zoneA" runat="server" /> </div> <div style="width: 100%;"> <div style="width: 30%; float: left;"> <cms:CMSWebPartZone ZoneID="zoneB" runat="server" /> </div> <div style="width: 70%; float: right;"> <cms:CMSWebPartZone ZoneID="zoneC" runat="server" /> </div> </div> <div style="clear: both"> <cms:CMSWebPartZone ZoneID="zoneD" runat="server" /> </div> eeb3698e-092e-4c97-ab69-a8108e5ed327 1e6331ed-3091-4bf2-adc0-e27e8f5489be 2012-08-28T16:35:44.953+08:00 ascx c3636e45-f3c6-46bb-bbf9-80b8bc6f86a4 4 true 16 CMS.TwoColumns70_30CSS Two columns - 70/30 Two columns in ratio 70%/30% using CSS. <div> <cms:CMSWebPartZone ZoneID="zoneA" runat="server" /> </div> <div style="width: 100%;"> <div style="width: 70%; float: left;"> <cms:CMSWebPartZone ZoneID="zoneB" runat="server" /> </div> <div style="width: 30%; float: right;"> <cms:CMSWebPartZone ZoneID="zoneC" runat="server" /> </div> </div> <div style="clear: both"> <cms:CMSWebPartZone ZoneID="zoneD" runat="server" /> </div> e2f49d5f-fc5f-43cf-8b11-92662aff2d95 68916806-2b60-43ae-ac8a-b0b741cf9e6e 2012-08-28T16:35:44.957+08:00 ascx 9f22a28d-6d44-4ec4-b740-eea9a35dff4c 4 true 17 CMS.TwoColumns80_20CSS Two columns - 80/20 Two columns in ratio 80%/20% using CSS. <div> <cms:CMSWebPartZone ZoneID="zoneA" runat="server" /> </div> <div style="width: 100%;"> <div style="width: 80%; float: left;"> <cms:CMSWebPartZone ZoneID="zoneB" runat="server" /> </div> <div style="width: 20%; float: right;"> <cms:CMSWebPartZone ZoneID="zoneC" runat="server" /> </div> </div> <div style="clear: both"> <cms:CMSWebPartZone ZoneID="zoneD" runat="server" /> </div> 0e81a4ab-cbce-41f9-a64b-1d03af9eb99d 80d21b69-dfd0-4648-9571-36f2dbf1500e 2012-08-28T16:35:44.96+08:00 ascx ed62c94f-178e-4e37-86e0-e7501850dfe7 4 true 911 13 cms.layout Thumbnail 5.png .png 1013 image/png 64 49 5e1a2652-4279-420b-bea4-3b5e2e36da30 2010-08-04T21:48:54.657+08:00 912 14 cms.layout Thumbnail 2c_20_80.png .png 1158 image/png 64 49 9b19e3ff-4646-4b7b-a9c0-bb2feabafbd0 2010-08-04T21:48:54.807+08:00 913 15 cms.layout Thumbnail 2c_30_70.png .png 1168 image/png 64 49 c3636e45-f3c6-46bb-bbf9-80b8bc6f86a4 2010-08-04T21:48:54.967+08:00 914 16 cms.layout Thumbnail 2c_70_30.png .png 1078 image/png 64 49 9f22a28d-6d44-4ec4-b740-eea9a35dff4c 2010-08-04T21:48:55.12+08:00 915 17 cms.layout Thumbnail 2c_80_20.png .png 1068 image/png 64 49 ed62c94f-178e-4e37-86e0-e7501850dfe7 2010-08-04T21:48:55.26+08:00 917 19 cms.layout Thumbnail 3columns.png .png 1293 image/png 64 49 91d3274b-26a4-4dc8-a13e-67be1766c1fa 2010-08-04T21:48:55.587+08:00 918 20 cms.layout Thumbnail grid_2x2.png .png 988 image/png 64 49 b9cbc27d-d217-4ba5-9c64-5a1c0b83a851 2010-08-04T21:48:55.737+08:00 919 21 cms.layout Thumbnail grif_3x2.png .png 1336 image/png 64 49 6437bb97-f136-4d8e-8bf5-0b500f8a5a55 2010-08-04T21:48:55.9+08:00 2690 42 cms.layout Thumbnail FullPage.png .png 622 image/png 64 49 28c8dd2a-a348-4885-8908-ad897b735029 2011-01-14T01:41:58.187+08:00 2691 43 cms.layout Thumbnail 3c_25_50_25.png .png 1132 image/png 64 49 f00e41c5-d1ee-435a-b3e6-cd6bd4c58b3b 2011-01-14T01:41:58.303+08:00 2692 44 cms.layout Thumbnail 3c_20_60_20.png .png 1132 image/png 64 49 812fbc16-28e1-4bc6-8382-371503f00e2c 2011-01-14T01:41:58.443+08:00 2693 45 cms.layout Thumbnail 3columns.png .png 1293 image/png 64 49 44490e4b-3b00-41e3-a85c-cef61ce8bb14 2011-01-14T01:41:58.557+08:00