<?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,2020-01-14:3603748</id>
  <title>Kill The Cake</title>
  <subtitle>That Cake's Still Lying</subtitle>
  <author>
    <name>That Cake's Still Lying</name>
  </author>
  <link rel="alternate" type="text/html" href="https://killthecake.dreamwidth.org/"/>
  <link rel="self" type="text/xml" href="https://killthecake.dreamwidth.org/data/atom"/>
  <updated>2024-02-25T20:00:28Z</updated>
  <dw:journal username="killthecake" type="community"/>
  <entry>
    <id>tag:dreamwidth.org,2020-01-14:3603748:30055</id>
    <author>
      <name>𝔦𝔱'𝔰-𝔞 𝔪𝔢 🌠</name>
    </author>
    <dw:poster user="lina_trinch"/>
    <link rel="alternate" type="text/html" href="https://killthecake.dreamwidth.org/30055.html"/>
    <link rel="self" type="text/xml" href="https://killthecake.dreamwidth.org/data/atom/?itemid=30055"/>
    <title>[Gmail] Gradient Labels! &amp; Other Add-Ons</title>
    <published>2023-09-27T21:23:52Z</published>
    <updated>2024-02-25T20:00:28Z</updated>
    <category term="tutorials"/>
    <dw:security>public</dw:security>
    <dw:reply-count>2</dw:reply-count>
    <content type="html">Posted by: &lt;span lj:user='lina_trinch' style='white-space: nowrap;' class='ljuser'&gt;&lt;a href='https://lina-trinch.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://lina-trinch.dreamwidth.org/'&gt;&lt;b&gt;lina_trinch&lt;/b&gt;&lt;/a&gt;&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;&lt;center&gt;&lt;img src="https://images.plurk.com/5vu2t8z7ycf9VhxCGakEHn.png"&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://killthecake.dreamwidth.org/30055.html#cutid1"&gt;What do you even tag this as?&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;/center&gt;&lt;br /&gt;&lt;br /&gt;&lt;img src="https://www.dreamwidth.org/tools/commentcount?user=killthecake&amp;ditemid=30055" width="30" height="12" alt="comment count unavailable" style="vertical-align: middle;"/&gt; comments</content>
  </entry>
  <entry>
    <id>tag:dreamwidth.org,2020-01-14:3603748:12420</id>
    <author>
      <name>𝔦𝔱'𝔰-𝔞 𝔪𝔢 🌠</name>
    </author>
    <dw:poster user="lina_trinch"/>
    <link rel="alternate" type="text/html" href="https://killthecake.dreamwidth.org/12420.html"/>
    <link rel="self" type="text/xml" href="https://killthecake.dreamwidth.org/data/atom/?itemid=12420"/>
    <title>[3] Tutorial: How to Make a Gradient (Advanced Edition? Kinda?)</title>
    <published>2020-03-22T20:30:11Z</published>
    <updated>2020-03-22T20:30:11Z</updated>
    <category term="tutorials"/>
    <dw:security>public</dw:security>
    <dw:reply-count>0</dw:reply-count>
    <content type="html">Posted by: &lt;span lj:user='lina_trinch' style='white-space: nowrap;' class='ljuser'&gt;&lt;a href='https://lina-trinch.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://lina-trinch.dreamwidth.org/'&gt;&lt;b&gt;lina_trinch&lt;/b&gt;&lt;/a&gt;&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;Gradients are those different colors or rainbows or whatever that all blend together, like so:&lt;br /&gt;&lt;br /&gt;&lt;center&gt;&lt;div style="width: 400px;height: 50px;background: linear-gradient(90deg, red,orange,yellow,green,cyan,blue,purple);"&gt;&lt;/div&gt;&lt;/center&gt;&lt;br /&gt;&lt;br /&gt;And now we're going to learn how to do them. But before we get started, you should know that they won't work everywhere. Like you can't use a gradient as a font color or something. They do work in places you can make css work, though, like journal entries or layouts.&lt;br /&gt;&lt;br /&gt;Anyway, let's go ahead and get started. There's a surprising amount to it.&lt;br /&gt;&lt;br /&gt;&lt;b&gt;&lt;font color="red"&gt;However!&lt;/font&gt;&lt;/b&gt; &lt;a href="https://www.w3schools.com/css/css3_gradients.asp"&gt;This guide at w3schools&lt;/a&gt; will cover all of the basics. You'll learn about how to make them, how angles work, repeating patterns, transparency, and linear/radial shapes.&lt;br /&gt;&lt;br /&gt;In here, we're going to cover a few other things.&lt;br /&gt;&lt;br /&gt;&lt;center&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://killthecake.dreamwidth.org/12420.html#cutid1"&gt;Read more...&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;/center&gt;&lt;br /&gt;&lt;br /&gt;&lt;img src="https://www.dreamwidth.org/tools/commentcount?user=killthecake&amp;ditemid=12420" width="30" height="12" alt="comment count unavailable" style="vertical-align: middle;"/&gt; comments</content>
  </entry>
  <entry>
    <id>tag:dreamwidth.org,2020-01-14:3603748:12202</id>
    <author>
      <name>𝔦𝔱'𝔰-𝔞 𝔪𝔢 🌠</name>
    </author>
    <dw:poster user="lina_trinch"/>
    <link rel="alternate" type="text/html" href="https://killthecake.dreamwidth.org/12202.html"/>
    <link rel="self" type="text/xml" href="https://killthecake.dreamwidth.org/data/atom/?itemid=12202"/>
    <title>[2] Tutorial: RGBA Color Codes</title>
    <published>2020-03-22T19:49:23Z</published>
    <updated>2020-03-22T19:51:34Z</updated>
    <category term="tutorials"/>
    <dw:security>public</dw:security>
    <dw:reply-count>0</dw:reply-count>
    <content type="html">Posted by: &lt;span lj:user='lina_trinch' style='white-space: nowrap;' class='ljuser'&gt;&lt;a href='https://lina-trinch.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://lina-trinch.dreamwidth.org/'&gt;&lt;b&gt;lina_trinch&lt;/b&gt;&lt;/a&gt;&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;So we all know what &lt;b&gt;&lt;font color="red"&gt;C&lt;/font&gt;&lt;font color="orange"&gt;O&lt;/font&gt;&lt;font color="green"&gt;L&lt;/font&gt;&lt;font color="blue"&gt;O&lt;/font&gt;&lt;font color="purple"&gt;R&lt;/font&gt;&lt;font color="red"&gt;S&lt;/font&gt;&lt;/b&gt; are and most of us know what hex codes are. As a refresher, they're those color codes that look like &lt;b&gt;&lt;font color="#f70202"&gt;#f70202&lt;/font&gt;&lt;/b&gt; or &lt;b&gt;&lt;font color="#2f00ff"&gt;#2f00ff&lt;/font&gt;&lt;/b&gt;.&lt;br /&gt;&lt;br /&gt;But RGBA codes are something that are still relatively new to me. I explained how they worked in a post for an old code of mine but I'm going to repeat that here.&lt;br /&gt;&lt;br /&gt;&lt;center&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://killthecake.dreamwidth.org/12202.html#cutid1"&gt;Read more...&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;/center&gt;&lt;br /&gt;&lt;br /&gt;&lt;img src="https://www.dreamwidth.org/tools/commentcount?user=killthecake&amp;ditemid=12202" width="30" height="12" alt="comment count unavailable" style="vertical-align: middle;"/&gt; comments</content>
  </entry>
  <entry>
    <id>tag:dreamwidth.org,2020-01-14:3603748:11967</id>
    <author>
      <name>𝔦𝔱'𝔰-𝔞 𝔪𝔢 🌠</name>
    </author>
    <dw:poster user="lina_trinch"/>
    <link rel="alternate" type="text/html" href="https://killthecake.dreamwidth.org/11967.html"/>
    <link rel="self" type="text/xml" href="https://killthecake.dreamwidth.org/data/atom/?itemid=11967"/>
    <title>[1] Tutorial: How to Make Your Sticky Entry Stand Out</title>
    <published>2020-03-22T17:26:29Z</published>
    <updated>2020-03-22T19:17:26Z</updated>
    <category term="tutorials"/>
    <dw:security>public</dw:security>
    <dw:reply-count>2</dw:reply-count>
    <content type="html">Posted by: &lt;span lj:user='lina_trinch' style='white-space: nowrap;' class='ljuser'&gt;&lt;a href='https://lina-trinch.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://lina-trinch.dreamwidth.org/'&gt;&lt;b&gt;lina_trinch&lt;/b&gt;&lt;/a&gt;&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;So you've probably noticed on &lt;a href="https://killthecake.dreamwidth.org/"&gt;this comm&lt;/a&gt;, that I have a message pinned at the top about coding requests. It looks all fancy and is there to catch the eye. In fact, you've probably noticed similar things on other comms and journals.&lt;br /&gt;&lt;br /&gt;All of those messages are sticky entries with a little css help involved. I'm going to tell you how to make your own, but you might need to know a &lt;i&gt;little bit&lt;/i&gt; about css to customize your entry however you prefer. All I know is that it took me forever to figure out, so I thought I might as well tell you guys about it, too.&lt;br /&gt;&lt;br /&gt;For some extra css help, check out &lt;a href="http://w3schools.com/"&gt;w3schools&lt;/a&gt;.&lt;br /&gt;&lt;center&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://killthecake.dreamwidth.org/11967.html#cutid1"&gt;Read more...&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;/center&gt;&lt;br /&gt;&lt;br /&gt;&lt;img src="https://www.dreamwidth.org/tools/commentcount?user=killthecake&amp;ditemid=11967" width="30" height="12" alt="comment count unavailable" style="vertical-align: middle;"/&gt; comments</content>
  </entry>
</feed>
