<?xml version="1.0" encoding="UTF-8"?>
<feed xmlns="http://www.w3.org/2005/Atom" xmlns:dw="https://www.dreamwidth.org">
  <id>tag:dreamwidth.org,2009-02-23:332</id>
  <title>Dreamwidth Styles</title>
  <subtitle>Dreamwidth Styles</subtitle>
  <author>
    <name>Dreamwidth Styles</name>
  </author>
  <link rel="alternate" type="text/html" href="https://dw-styles.dreamwidth.org/"/>
  <link rel="self" type="text/xml" href="https://dw-styles.dreamwidth.org/data/atom"/>
  <updated>2011-09-28T00:00:34Z</updated>
  <dw:journal username="dw_styles" type="community"/>
  <entry>
    <id>tag:dreamwidth.org,2009-02-23:332:13219</id>
    <author>
      <name>afuna</name>
    </author>
    <dw:poster user="afuna"/>
    <link rel="alternate" type="text/html" href="https://dw-styles.dreamwidth.org/13219.html"/>
    <link rel="self" type="text/xml" href="https://dw-styles.dreamwidth.org/data/atom/?itemid=13219"/>
    <title>How to create a theme layer for advanced customization</title>
    <published>2009-12-03T11:07:45Z</published>
    <updated>2009-12-03T11:09:05Z</updated>
    <category term="s2"/>
    <category term="tutorial"/>
    <dw:security>public</dw:security>
    <dw:reply-count>1</dw:reply-count>
    <content type="html">Posted by: &lt;span lj:user='afuna' style='white-space: nowrap;' class='ljuser'&gt;&lt;a href='https://afuna.dreamwidth.org/profile'&gt;&lt;img src='https://www.dreamwidth.org/img/silk/identity/user.png' alt='[personal profile] ' width='17' height='17' style='vertical-align: text-bottom; border: 0; padding-right: 1px;' /&gt;&lt;/a&gt;&lt;a href='https://afuna.dreamwidth.org/'&gt;&lt;b&gt;afuna&lt;/b&gt;&lt;/a&gt;&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;This entry is a basic how to; it's meant to answer the question "How do you create and use a theme layer" and (very briefly) "What are layers?", "Why use a theme layer?". &lt;br /&gt;&lt;br /&gt;The basic settings to customize your theme can be accessed and modified via &lt;a href="http://www.dreamwidth.org/customize/options"&gt;the Customize Journal Style&lt;/a&gt; page. However, if you're doing something more complicated, you may need to modify code snippets or manually set some variables. For these, you will need to know how to create a theme layer and attach it to your style.&lt;br /&gt;&lt;br /&gt;First of all, a quick rundown of terms:&lt;br /&gt;&lt;br /&gt;A &lt;strong&gt;style&lt;/strong&gt; is what is applied to your journal, and it is made up of several layers. A &lt;strong&gt;layout layer&lt;/strong&gt; is the basic structure or framework of the style. Customizations via the Customize Journal Style page will be saved as auto-generated customizations in a &lt;strong&gt;user layer&lt;/strong&gt;. Any other modifications you make, you should do in a theme layer. A &lt;strong&gt;theme layer&lt;/strong&gt; can contain system-provided default color settings; it can also contain any additional advanced customizations you wish to apply to your journal.&lt;br /&gt;&lt;br /&gt;Technically, you can just modify a user layer, and it seems easier to do that, because it's already been created for you and you can skip the few steps required to create and attach a  new theme layer to your style. However, this is a bad idea, because hand-edited changes to a user layer may be erased the next time you use the wizard. To be safe, always create a separate theme layer if you need to edit something manually. &lt;br /&gt;&lt;br /&gt;&lt;ul&gt;&lt;br /&gt;&lt;li&gt;&lt;a href="http://dw-styles.dreamwidth.org/13219.html#style"&gt;Find your current style information&lt;/a&gt;&lt;br /&gt;&lt;li&gt;&lt;a href="http://dw-styles.dreamwidth.org/13219.html#theme"&gt;Create a new theme layer&lt;/a&gt;&lt;br /&gt;&lt;li&gt;&lt;a href="http://dw-styles.dreamwidth.org/13219.html#copy"&gt;Copy existing theme layer settings to your new theme layer&lt;/a&gt;&lt;br /&gt;&lt;li&gt;&lt;a href="http://dw-styles.dreamwidth.org/13219.html#apply"&gt;Apply the new theme layer to your style&lt;/a&gt;&lt;br /&gt;&lt;li&gt;&lt;a href="http://dw-styles.dreamwidth.org/13219.html#tips"&gt;Tips&lt;/a&gt;&lt;br /&gt;&lt;/li&gt;&lt;/li&gt;&lt;/li&gt;&lt;/li&gt;&lt;/li&gt;&lt;/ul&gt;&lt;br /&gt;&lt;br /&gt;&lt;span class="cut-wrapper"&gt;&lt;span style="display: none;" id="span-cuttag___1" class="cuttag"&gt;&lt;/span&gt;&lt;b class="cut-open"&gt;(&amp;nbsp;&lt;/b&gt;&lt;b class="cut-text"&gt;&lt;a href="https://dw-styles.dreamwidth.org/13219.html#cutid1"&gt;on with the how to&lt;/a&gt;&lt;/b&gt;&lt;b class="cut-close"&gt;&amp;nbsp;)&lt;/b&gt;&lt;/span&gt;&lt;div style="display: none;" id="div-cuttag___1" aria-live="assertive"&gt;&lt;/div&gt;&lt;br /&gt;&lt;br /&gt;&lt;img src="https://www.dreamwidth.org/tools/commentcount?user=dw_styles&amp;ditemid=13219" width="30" height="12" alt="comment count unavailable" style="vertical-align: middle;"/&gt; comments</content>
  </entry>
  <entry>
    <id>tag:dreamwidth.org,2009-02-23:332:11389</id>
    <author>
      <name>still kind of a stealthy love ninja</name>
    </author>
    <dw:poster user="zvi"/>
    <link rel="alternate" type="text/html" href="https://dw-styles.dreamwidth.org/11389.html"/>
    <link rel="self" type="text/xml" href="https://dw-styles.dreamwidth.org/data/atom/?itemid=11389"/>
    <title>The Quick and Dirty Guide to Creating a Color Theme</title>
    <published>2009-09-15T02:20:57Z</published>
    <updated>2011-09-28T00:00:34Z</updated>
    <category term="tutorial"/>
    <dw:security>public</dw:security>
    <dw:reply-count>33</dw:reply-count>
    <content type="html">Posted by: &lt;span lj:user='zvi' style='white-space: nowrap;' class='ljuser'&gt;&lt;a href='https://zvi.dreamwidth.org/profile'&gt;&lt;img src='https://www.dreamwidth.org/img/silk/identity/user.png' alt='[personal profile] ' width='17' height='17' style='vertical-align: text-bottom; border: 0; padding-right: 1px;' /&gt;&lt;/a&gt;&lt;a href='https://zvi.dreamwidth.org/'&gt;&lt;b&gt;zvi&lt;/b&gt;&lt;/a&gt;&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;&lt;p&gt;The purpose of this guide is to help you change the colors on a style using only the wizard; then save the color settings in a way (as a theme layer) that allows you to re-use them; and, last but not least, share your color settings for other people to use. Remember, if your theme is accepted as an official theme, you get two months of paid time.&lt;/p&gt;

&lt;p&gt;You do not have to know any HTML, CSS, S2, or programming to use this method. The most advanced technical skill involved is cut and paste.

&lt;p&gt;NB: This procedure will not work with Zesty. Zesty has to be rewritten to be a real official style.&lt;/p&gt;

&lt;span class="cut-wrapper"&gt;&lt;span style="display: none;" id="span-cuttag___1" class="cuttag"&gt;&lt;/span&gt;&lt;b class="cut-open"&gt;(&amp;nbsp;&lt;/b&gt;&lt;b class="cut-text"&gt;&lt;a href="https://dw-styles.dreamwidth.org/11389.html#cutid1"&gt;On to the guide!&lt;/a&gt;&lt;/b&gt;&lt;b class="cut-close"&gt;&amp;nbsp;)&lt;/b&gt;&lt;/span&gt;&lt;div style="display: none;" id="div-cuttag___1" aria-live="assertive"&gt;&lt;/div&gt;&lt;/p&gt;&lt;br /&gt;&lt;br /&gt;&lt;img src="https://www.dreamwidth.org/tools/commentcount?user=dw_styles&amp;ditemid=11389" width="30" height="12" alt="comment count unavailable" style="vertical-align: middle;"/&gt; comments</content>
  </entry>
  <entry>
    <id>tag:dreamwidth.org,2009-02-23:332:2595</id>
    <author>
      <name>I don't want to fake it but I gotta know</name>
    </author>
    <dw:poster user="dani_the_girl"/>
    <link rel="alternate" type="text/html" href="https://dw-styles.dreamwidth.org/2595.html"/>
    <link rel="self" type="text/xml" href="https://dw-styles.dreamwidth.org/data/atom/?itemid=2595"/>
    <title>So you don't want to have to write your own sidebar code*</title>
    <published>2009-04-17T15:15:43Z</published>
    <updated>2009-04-17T15:34:45Z</updated>
    <category term="core"/>
    <category term="s2"/>
    <category term="tutorial"/>
    <dw:security>public</dw:security>
    <dw:reply-count>14</dw:reply-count>
    <content type="html">Posted by: &lt;span lj:user='dani_the_girl' style='white-space: nowrap;' class='ljuser'&gt;&lt;a href='https://dani-the-girl.dreamwidth.org/profile'&gt;&lt;img src='https://www.dreamwidth.org/img/silk/identity/user.png' alt='[personal profile] ' width='17' height='17' style='vertical-align: text-bottom; border: 0; padding-right: 1px;' /&gt;&lt;/a&gt;&lt;a href='https://dani-the-girl.dreamwidth.org/'&gt;&lt;b&gt;dani_the_girl&lt;/b&gt;&lt;/a&gt;&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;* Or header code or footer code....&lt;br /&gt;&lt;br /&gt;And who can blame you!  Fortunately, &lt;a href="http://www.dreamwidth.org/customize/advanced/layerbrowse.bml?id=core2"&gt;Core v2&lt;/a&gt; is here to help :)  Yes, you can now get a whole batch of juicy sidebar modules for free along with some EXTREMELY SHINY wizard options to go with them (and then you will bow down and kiss the ground under &lt;span style='white-space: nowrap;'&gt;&lt;a href='https://afuna.dreamwidth.org/profile'&gt;&lt;img src='https://www.dreamwidth.org/img/silk/identity/user.png' alt='[personal profile] ' width='17' height='17' style='vertical-align: text-bottom; border: 0; padding-right: 1px;' /&gt;&lt;/a&gt;&lt;a href='https://afuna.dreamwidth.org/'&gt;&lt;b&gt;afuna&lt;/b&gt;&lt;/a&gt;&lt;/span&gt;s feet).  The process is simple, assuming you know the basics of what S2 is and what writing your own layout layer involves. If you do and you want to get in on the action, read on and I will explain it &lt;span class="cut-wrapper"&gt;&lt;span style="display: none;" id="span-cuttag___1" class="cuttag"&gt;&lt;/span&gt;&lt;b class="cut-open"&gt;(&amp;nbsp;&lt;/b&gt;&lt;b class="cut-text"&gt;&lt;a href="https://dw-styles.dreamwidth.org/2595.html#cutid1"&gt;herein.&lt;/a&gt;&lt;/b&gt;&lt;b class="cut-close"&gt;&amp;nbsp;)&lt;/b&gt;&lt;/span&gt;&lt;div style="display: none;" id="div-cuttag___1" aria-live="assertive"&gt;&lt;/div&gt;&lt;br /&gt;&lt;br /&gt;&lt;img src="https://www.dreamwidth.org/tools/commentcount?user=dw_styles&amp;ditemid=2595" width="30" height="12" alt="comment count unavailable" style="vertical-align: middle;"/&gt; comments</content>
  </entry>
</feed>
