Custom Theme Example Posted 9 months ago
digg
delicious
stumble
reddit

* THIS EXAMPLE IS OUTDATED, SEE MY GALLERY SECTION FOR THEME PREVIEWS AND CODE *

I've been playing around a bit with option of adding a "custom theme" to my profile page. Since there doesn't appear to be much documentation on this feature yet, I thought I'd share my customizations. Below is my first stab at a custom template.

<style type="text/css">
.code {list-style-type: none; padding: 5px; margin: 0; }
.code code { display: block; padding: 3px; margin-bottom: 0; }
.code li { margin: 0; }
.indent1 { padding-left: 1em; }
.indent2 { padding-left: 2em; }
</style>
<ul class="code">
<li><code>&lt;style type=&quot;text/css&quot;&gt;</code></li>
<li><code>&lt;!--</code></li>
<li><code>body {</code></li>
<li><code>background:#FFFFFF url() repeat-y scroll center top;</code></li>
<li><code>}</code></li>
<li></li>
<li><code>p {</code></li>
<li><code>margin-bottom:.5em;</code></li>
<li><code>}</code></li>
<li></li>
<li><code>#header {</code></li>
<li><code>background:transparent url(http://www.quartzmtn.com/cre8buzz/cre8buzz_logo.gif) no-repeat scroll left top;</code></li>
<li><code>margin:10px 0px 0px;</code></li>
<li><code>border:none;</code></li>
<li><code>}</code></li>
<li></li>
<li><code>#navigation {</code></li>
<li><code>background:transparent url(http://www.quartzmtn.com/cre8buzz/navbg.gif) no-repeat center top;</code></li>
<li><code>height:33px;</code></li>
<li><code>margin:0px;</code></li>
<li><code>}</code></li>
<li></li>
<li><code>#content_header {</code></li>
<li><code>background:transparent url(http://www.quartzmtn.com/cre8buzz/navbg2.gif) no-repeat center top;</code></li>
<li><code>height:27px;</code></li>
<li><code>margin:0;</code></li>
<li><code>padding:0 0 15px;</code></li>
<li><code>}</code></li>
<li></li>
<li><code>#profile_wrap {</code></li>
<li><code>background:transparent url(http://www.quartzmtn.com/cre8buzz/profilebg.gif) no-repeat center top;</code></li>
<li><code>margin:0;</code></li>
<li><code>padding:0px 15px 0px 15px;</code></li>
<li><code>clear:both;</code></li>
<li><code>}</code></li>
<li><code>#profile_foot {</code></li>
<li><code>background:transparent url(http://www.quartzmtn.com/cre8buzz/profilebg.gif) no-repeat center bottom;</code></li>
<li><code>text-align:center;</code></li>
<li><code>font-size:10px;</code></li>
<li><code>clear:both;</code></li>
<li><code>margin:0 0 20px 0;</code></li>
<li><code>}</code></li>
<li></li>
<li><code>#content.profilecontent #main, #content.profilecontent #leftsidebar, #content.profilecontent #right_sidebar {</code></li>
<li><code>padding: 0px;</code></li>
<li><code>font-size: 12px;</code></li>
<li><code>margin: 0;</code></li>
<li><code>width: 280px;</code></li>
<li><code>}</code></li>
<li></li>
<li><code>#content.profilecontent #leftsidebar {</code></li>
<li><code>float: left;</code></li>
<li><code>}</code></li>
<li></li>
<li><code>#content.profile_content #main {</code></li>
<li><code>margin: 0 15px 0 0;</code></li>
<li><code>float: right;</code></li>
<li><code>}</code></li>
<li></li>
<li><code>#content.profilecontent #rightsidebar {</code></li>
<li><code>float: right;</code></li>
<li><code>}</code></li>
<li></li>
<li><code>ul.profiles li {</code></li>
<li><code>margin:5px 4.5px;</code></li>
<li><code>width:auto;</code></li>
<li><code>}</code></li>
<li></li>
<li><code>ul.profiles li h4{</code></li>
<li><code>text-align:center;</code></li>
<li><code>}</code></li>
<li></li>
<li><code>.whitebox, .bluebox, .simplebox {</code></li>
<li><code>background:transparent url(http://www.quartzmtn.com/cre8buzz/profilebox.jpg) no-repeat center bottom;</code></li>
<li><code>margin: 15px 0;</code></li>
<li><code>border:none;</code></li>
<li><code>}</code></li>
<li></li>
<li><code>.whitebox h2, .bluebox h2, .simplebox h2 {</code></li>
<li><code>text-transform:none;</code></li>
<li><code>font-size:18px;</code></li>
<li><code>height: 24px;</code></li>
<li><code>padding: 6px 2px 6px 10px;</code></li>
<li><code>font-weight: normal;</code></li>
<li><code>letter-spacing:normal !important;</code></li>
<li><code>margin: 0;</code></li>
<li><code>color: #666666 !important;</code></li>
<li><code>text-align: left;</code></li>
<li><code>background:transparent url(http://www.quartzmtn.com/cre8buzz/profilebox.jpg) no-repeat center top;</code></li>
<li><code>border:none;</code></li>
<li><code>}</code></li>
<li></li>
<li><code>.whitebox .boxcontent, .bluebox .boxcontent, .simplebox .boxcontent {</code></li>
<li><code>padding: 0 10px 10px 10px;</code></li>
<li><code>font-size: 14px;</code></li>
<li><code>}</code></li>
<li></li>
<li><code>#footer .footerimg {</code></li>
<li><code>background:none;</code></li>
<li><code>height:1px;</code></li>
<li><code>}</code></li>
<li></li>
<li><code>#khenney {</code></li>
<li><code>text-align:center;</code></li>
<li><code>}</code></li>
<li></li>
<li><code>#khenney img.avatar {</code></li>
<li><code>border:none;</code></li>
<li><code>float:left;</code></li>
<li><code>margin:0 20px 5px 0;</code></li>
<li><code>}</code></li>
<li></li>
<li><code>#khenney input {</code></li>
<li><code>clear:both;</code></li>
<li><code>float:left;</code></li>
<li><code>width:75px;</code></li>
<li><code>margin:0 20px 5px 0;</code></li>
<li><code>}</code></li>
<li></li>
<li><code>form textarea#comment_content {</code></li>
<li><code>width:250px !important;</code></li>
<li><code>}</code></li>
<li></li>
<li><code>#recent_comments form input {</code></li>
<li><code>text-align:center;</code></li>
<li><code>}</code></li>
<li></li>
<li><code>#recent_comments .button-to {</code></li>
<li><code>margin-bottom:10px;</code></li>
<li><code>}</code></li>
<li></li>
<li><code>--&gt;</code></li>
<li><code>&lt;/style&gt;</code></li>
<li></li>
<li><code>&lt;div id=&quot;profile_wrap&quot;&gt;</code></li>
<li class="indent0"><code>&lt;div id=&quot;right_sidebar&quot;&gt;</code></li>
<li class="indent1"><code>&lt;cre8Buzz-my-friends /&gt;</code></li>
<li class="indent1"><code>&lt;cre8Buzz-my-comments /&gt;</code></li>
<li class="indent0"><code>&lt;/div&gt;</code></li>
<li class="indent0"><code>&lt;div id=&quot;main&quot;&gt;</code></li>
<li class="indent1"><code>&lt;div id=&quot;profile_10&quot; class=&quot;profile&quot;&gt;</code></li>
<li class="indent2"><code>&lt;cre8Buzz-my-link-gallery /&gt;</code></li>
<li class="indent2"><code>&lt;cre8Buzz-my-blogs /&gt;</code></li>
<li class="indent2"><code>&lt;cre8Buzz-my-audio /&gt;</code></li>
<li class="indent2"><code>&lt;cre8Buzz-my-video /&gt;</code></li>
<li class="indent2"><code>&lt;cre8Buzz-my-photo-gallery /&gt;</code></li>
<li class="indent1"><code>&lt;/div&gt;</code></li>
<li class="indent0"><code>&lt;/div&gt;</code></li>
<li class="indent0"><code>&lt;div id=&quot;left_sidebar&quot;&gt;</code></li>
<li class="indent1"><code>&lt;cre8Buzz-personal-profile /&gt;</code></li>
<li class="indent1"><code>&lt;cre8Buzz-about-me /&gt;</code></li>
<li class="indent1"><code>&lt;cre8Buzz-contact-me /&gt;</code></li>
<li class="indent0"><code>&lt;/div&gt;</code></li>
<li class="indent0"><code>&lt;div style=&quot;clear:both&quot;&gt;&amp;nbsp;&lt;/div&gt;</code></li>
<li><code>&lt;/div&gt;</code></li>
<li><code>&lt;div id=&quot;profile_foot&quot;&gt;Modified profile theme by &lt;a href=&quot;http://www.quartzmtn.com&quot;&gt;Quartz Mountain Communications&lt;/a&gt;&lt;/div&gt;</code></li>
</ul>

Recent Comments

Ijh
ijhedges said (9 months ago)
Sorry, didn't see you post before I added mine. Regards, Ian

Please login to comment.

Back