Account name:
Password:
(Forgot it?)
(OpenID?)
Remember me
You're viewing
gnash
's journal
Create a Dreamwidth Account
Learn More
Interest
Region
Site and Account
FAQ
Email
Reload page in style:
light
Recent Entries
Archive
Friends
Tags
Memories
User Info
(prelude in a minor)
January 2026
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
22 December 2011 @ 11:20 pm
(oo1) housekeeping.
friends only
previously gnash @ livejournal.
Leave a comment
14 January 2026 @ 09:04 pm
( mitsuru nav coding )
Information
Permissions
Visuals
Opt-out
Open RP
NAME
code
<lj-raw><div style="box-sizing:border-box;max-width:375px;width:100%;margin:0 auto;display:grid;grid-template-columns:1fr auto;justify-content:center;align-items:start;gap:2px 5px;line-height:1;"> <!-- IMAGE (elegant) --> <div style="box-sizing:border-box;min-width:240px;max-width:250px;width:100%;height:400px;padding:15px;display:grid;grid-template:columns:auto;grid-template-rows:auto;align-content:center;justify-content:stretch;border-radius:75px 0 75px;background:#ccc url('https://64.media.tumblr.com/a0d4aa65bb38b3dede2d82525e6023ba/ffe9463d5620132a-e8/s540x810/983908bc7bd755f72b06e2c3223e780b7b594b11.gif')center;background-size:cover;"> <div style="box-sizing:border-box;height:370px;border-radius:75px 0 75px;border:3px solid #fff;opacity:.75"></div> </div> <!-- IMAGE (elegant); end --> <!-- NAV & HEADER; plain text --> <div style="flex-grow:1;max-width:115px;display:grid;gap: 5px 0;font-family:georgia, serif;font-size:clamp(13px, 3vw, 16px);line-height:1;"> <!-- links --> <a href="#URLHERE" style="display:flex;justify-content:start;align-items:center;gap:5px;text-decoration:none;color:#c32148"><div style="min-width:30px;height:30px;background:#c32148;"></div>Information</a> <a href="#URLHERE" style="display:flex;justify-content:start;align-items:center;gap:5px;text-decoration:none;color:#c32148"><div style="min-width:30px;height:30px;background:#c32148;"></div>Permissions</a> <a href="#URLHERE" style="display:flex;justify-content:start;align-items:center;gap:5px;text-decoration:none;color:#c32148"><div style="min-width:30px;height:30px;background:#c32148;"></div>Visuals</a> <a href="#URLHERE" style="display:flex;justify-content:start;align-items:center;gap:5px;text-decoration:none;color:#c32148"><div style="min-width:30px;height:30px;background:#c32148;"></div>Opt-out</a> <a href="#URLHERE" style="display:flex;justify-content:start;align-items:center;gap:5px;text-decoration:none;color:#c32148"><div style="min-width:30px;height:30px;background:#c32148;"></div>Open RP</a> <!-- label --> <div style="width:30px;margin-top:5px;line-height:2;text-align:left;font-size:22px;font-weight:bold;writing-mode: vertical-rl;color:#c32148"> NAME </div> </div> <!-- NAVE & HEADER; end --> <!-- CREDIT --> <div style="font-family:helvetica;text-align:left;font-size:8px"><a title="code credit!" href="http://10billionghosts.dreamwidth.org" style="text-decoration:none;color:rgba(0,0,0,.4);">code</a></div> <!-- CREDIT; end --> </div></lj-raw>
Information
Permissions
Visuals
Opt-out
Open RP
NAME
code
<lj-raw><div style="box-sizing:border-box;max-width:375px;width:100%;margin:0 auto;display:grid;grid-template-columns:1fr auto;justify-content:center;align-items:start;gap:2px 5px;line-height:1;"> <!-- IMAGE (elegant) --> <div style="box-sizing:border-box;min-width:240px;max-width:250px;width:100%;height:400px;padding:15px;display:grid;grid-template:columns:auto;grid-template-rows:auto;align-content:center;justify-content:stretch;border-radius:75px 0 75px;background:#ccc url('https://64.media.tumblr.com/a36858b5f2cb93afceac94ff01ac3157/6e1a5760ed71fad8-ae/s540x810/a078afb8c1ba39017e7283abeaf7c02d7a7f18d4.gif')center;background-size:cover;"> <div style="box-sizing:border-box;height:370px;border-radius:75px 0 75px;border:3px solid #fff;opacity:.75"></div> </div> <!-- IMAGE (elegant); end --> <!-- NAV & HEADER; plain text --> <div style="flex-grow:1;max-width:115px;display:grid;gap: 5px 0;font-family:georgia, serif;font-size:clamp(13px, 3vw, 16px);line-height:1;"> <!-- links --> <a href="#URLHERE" style="display:flex;justify-content:start;align-items:center;gap:5px;text-decoration:none;color:#1190cc"><div style="min-width:30px;height:30px;border-radius:5px;background:#1190cc;"></div>Information</a> <a href="#URLHERE" style="display:flex;justify-content:start;align-items:center;gap:5px;text-decoration:none;color:#1190cc"><div style="min-width:30px;height:30px;border-radius:5px;background:#1190cc;"></div>Permissions</a> <a href="#URLHERE" style="display:flex;justify-content:start;align-items:center;gap:5px;text-decoration:none;color:#1190cc"><div style="min-width:30px;height:30px;border-radius:5px;background:#1190cc;"></div>Visuals</a> <a href="#URLHERE" style="display:flex;justify-content:start;align-items:center;gap:5px;text-decoration:none;color:#1190cc"><div style="min-width:30px;height:30px;border-radius:5px;background:#1190cc;"></div>Opt-out</a> <a href="#URLHERE" style="display:flex;justify-content:start;align-items:center;gap:5px;text-decoration:none;color:#1190cc"><div style="min-width:30px;height:30px;border-radius:5px;background:#1190cc;"></div>Open RP</a> <!-- label --> <div style="width:30px;margin-top:5px;line-height:2;text-align:left;font-size:22px;font-weight:bold;writing-mode: vertical-rl;color:#c32148"> NAME </div> </div> <!-- NAVE & HEADER; end --> <!-- CREDIT --> <div style="font-family:helvetica;text-align:left;font-size:8px"><a title="code credit!" href="http://10billionghosts.dreamwidth.org" style="text-decoration:none;color:rgba(0,0,0,.4);">code</a></div> <!-- CREDIT; end --> </div></lj-raw>
text
text
text
text
text
text
code
<lj-raw><div style="max-width:300px;width:100%;height:430px;margin:0 auto;display:grid;grid-template-columns:75px .7fr 1.4fr;grid-template-rows:1fr 10px;color:var(--text); --text:#000; --imgurl: url(https://images.plurk.com/21qipVoybhNM62KmmYiiZk.png); --ovr:#B22222; --lnk:#fff; --lnkbg:#000; "> <!-- PORTRAIT: difference --> <div style="box-sizing:border-box;overflow:hidden;grid-column-start:2;grid-column-end:4;grid-row-start:1;grid-row-end:2;display:grid;grid-template-columns:1fr;grid-template-rows:1fr;"> <div style="grid-column-start:1;grid-column-end:2;grid-row-start:1;grid-row-end:2;background:#ccc var(--imgurl)center;background-size:cover;filter: grayscale(0.8);"></div> <div style="grid-column-start:1;grid-column-end:2;grid-row-start:1;grid-row-end:2;width:250%;height:75%;margin-top:75px;opacity:.8;transform:rotate(45deg);background:var(--ovr);mix-blend-mode:difference;border:10px solid #000;outline:10px solid var(--ovr);"></div> </div> <!-- LINK LIST --> <div style="grid-column-start:1;grid-column-end:3;grid-row-start:1;grid-row-end:2;margin-bottom:40px;transform:rotate(0deg);display:flex;justify-content:center;align-items:end;"> <div style="min-width:150px;display:grid;grid-template-columns:auto;grid-template-rows:auto;gap:3px;line-height:1;font-variant:small-caps;"> <!-- bracket image, delete if unwanted --> <img src="https://i.ibb.co/bMgZxqfC/bracket.png"> <!-- links below here --> <a href="#url_here" style="padding:4px 0;text-decoration:none;text-align:center;background:var(--lnkbg);color:var(--lnk)">text</a> <a href="#url_here" style="padding:4px 0;text-decoration:none;text-align:center;background:var(--lnkbg);color:var(--lnk)">text</a> <a href="#url_here" style="padding:4px 0;text-decoration:none;text-align:center;background:var(--lnkbg);color:var(--lnk)">text</a> <a href="#url_here" style="padding:4px 0;text-decoration:none;text-align:center;background:var(--lnkbg);color:var(--lnk)">text</a> <a href="#url_here" style="padding:4px 0;text-decoration:none;text-align:center;background:var(--lnkbg);color:var(--lnk)">text</a> <a href="#url_here" style="padding:4px 0;text-decoration:none;text-align:center;background:var(--lnkbg);color:var(--lnk)">text</a> <!-- links above here --> </div> </div> <!-- CREDIT --> <div style="grid-column-start:3;grid-column-end:4;grid-row-start:2;grid-row-end:3;text-align:right;font-size:10px;"><a title="code credit!" href="http://10billionghosts.dreamwidth.org" style="text-decoration:none;color:#ddd;">code</a></div> <!-- CREDIT; end --> </div></lj-raw>
Leave a comment