Reply to thread

Message

<blockquote data-quote="Sean" data-source="post: 209176" data-attributes="member: 10142">HTML / PHP :&nbsp;[PHP]&lt;html&gt;&nbsp; &nbsp; &lt;head&gt;&nbsp; &nbsp; &nbsp; &nbsp; &lt;title&gt;LiquidCCMS&lt;/title&gt;&nbsp; &nbsp; &nbsp; &nbsp; &lt;link href=&quot;{url}/templates/default/style.css&quot; type=&quot;text/css&quot; rel=&quot;stylesheet&quot; /&gt;&nbsp; &nbsp; &lt;/head&gt;&nbsp; &nbsp; &lt;body&gt;&nbsp; &nbsp; &nbsp; &nbsp; &lt;div id=&quot;banner&quot;&gt; &lt;/div&gt;&nbsp; &nbsp; &nbsp; &nbsp; &lt;div id=&quot;wrapper&quot;&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;!-- START SIDEBAR --&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;div id=&quot;sidebar&quot;&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;div class=&quot;title&quot;&gt; Navigation &lt;/div&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;div class=&quot;content&quot;&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;ul&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;li&gt;&lt;a href=&quot;#&quot;&gt;Home&lt;/a&gt;&lt;/li&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;li&gt;&lt;a href=&quot;#&quot;&gt;Test&lt;/a&gt;&lt;/li&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;li&gt;&lt;a href=&quot;#&quot;&gt;Test&lt;/a&gt;&lt;/li&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;li&gt;&lt;a href=&quot;#&quot;&gt;Test&lt;/a&gt;&lt;/li&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;/ul&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;/div&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;/div&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;!-- END SIDEBAR --&gt;&nbsp; &nbsp; &nbsp; &nbsp;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;!-- START MAIN CONTAINER --&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;div id=&quot;container&quot;&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;div class=&quot;title&quot;&gt; Welcome &lt;/div&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;div class=&quot;content&quot;&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;p&gt; Hello &lt;/p&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;/div&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;/div&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;!-- END MAIN CONTAINER --&gt;&nbsp; &nbsp; &nbsp; &nbsp; &lt;/div&gt;&nbsp; &nbsp; &lt;/body&gt;&lt;/html&gt;[/PHP]&nbsp;CSS :[CODE]body {&nbsp; &nbsp; background-image: url('bg.png');&nbsp; &nbsp; margin: 0 auto;}&nbsp;#banner { &nbsp; &nbsp; background: #19A3D1 url('banner.png') no-repeat top left;&nbsp; &nbsp; padding-top: 62px; }&nbsp;#wrapper {&nbsp; &nbsp; width: 80%;&nbsp; &nbsp; height: auto;&nbsp; &nbsp; margin: 20px auto;&nbsp; &nbsp; min-width: 600px;&nbsp;}&nbsp;#sidebar {&nbsp; &nbsp; background: #FFFFFF;&nbsp; &nbsp; border: 2px solid #19A3D1;&nbsp; &nbsp; float: left;&nbsp; &nbsp; width: 20%;}&nbsp;#container {&nbsp; &nbsp; background: #FFFFFF;&nbsp; &nbsp; border: 2px solid #19A3D1;&nbsp; &nbsp; float: right;&nbsp; &nbsp; width: calc(80% - 20px);}&nbsp;.title {&nbsp; &nbsp; width: calc(100% - 18px);&nbsp; &nbsp; background: #19A3D1;&nbsp; &nbsp; font-family: Helvetica;&nbsp; &nbsp; color: #FFFFFF;&nbsp; &nbsp; font-weight: bold;&nbsp; &nbsp; height: 30px;&nbsp; &nbsp; line-height: 30px;&nbsp; &nbsp; padding: 0px 10px 0px 10px;}&nbsp;.content {&nbsp; &nbsp; padding: 0px 10px 20px 10px;}[/CODE]</blockquote>

[QUOTE="Sean, post: 209176, member: 10142"] HTML / PHP : [PHP]<html> <head> <title>LiquidCCMS</title> <link href="{url}/templates/default/style.css" type="text/css" rel="stylesheet" /> </head> <body> <div id="banner"> </div> <div id="wrapper">  <div id="sidebar"> <div class="title"> Navigation </div> <div class="content"> <ul> <li><a href="#">Home</a></li> <li><a href="#">Test</a></li> <li><a href="#">Test</a></li> <li><a href="#">Test</a></li> </ul> </div> </div>   <div id="container"> <div class="title"> Welcome </div> <div class="content"> Hello </div> </div>  </div> </body> </html>[/PHP] CSS : [CODE]body { background-image: url('bg.png'); margin: 0 auto; } #banner { background: #19A3D1 url('banner.png') no-repeat top left; padding-top: 62px; } #wrapper { width: 80%; height: auto; margin: 20px auto; min-width: 600px; } #sidebar { background: #FFFFFF; border: 2px solid #19A3D1; float: left; width: 20%; } #container { background: #FFFFFF; border: 2px solid #19A3D1; float: right; width: calc(80% - 20px); } .title { width: calc(100% - 18px); background: #19A3D1; font-family: Helvetica; color: #FFFFFF; font-weight: bold; height: 30px; line-height: 30px; padding: 0px 10px 0px 10px; } .content { padding: 0px 10px 20px 10px; }[/CODE] [/QUOTE]

Verification

Reply to thread

Connect with us

Newest members