Rp Tutorials

Currently, I'm working on revamping the look of this journal (as well as the character information), but I've come across a some issues with the layout I'm using.

1. How do I hide my name?
2. How do I make my icon round, give it a border, etc.?
3. How do I get a dashed border around Navigation?
4. How do I link Customs, Threads, and Phone?

And this last one isn't coding related, but where does everyone go to find those nifty previews of iPhone covers like this?

Here's the coding I'm working with:

FRIENDS_WEBSITE<= <style> table table table table .meta {visibility:hidden; position:absolute; top:1px;} table table table table table .meta {visibility:visible; position:relative; top:1px;} .shadowed {border-style:dotted;border-width:1px;border-color:#907351;background-image:url(http://i1103.photobucket.com/albums/g464/mandychuu/bgs/66_zpsa50c9c9f.gif); background-repeat:repeat;} tr.caption {display:none;}, .shadowed td div {display:none;}, .shadowed img {display:normal; width:100px; height:100px; border-radius:50px;} .supguys {font-family:'Alex Brush', cursive; font-size:22px; color:#5F3C38; font-style:italic; font-weight:900; line-height:8px; letter-spacing:1px; text-transform: lowercase; background-color:none; indent-right: 5px;} .supdude {font-family:'Garamond'; font-size:30px; line-height:14px; letter-spacing:-3px; color:#EF978D; text-transform: uppercase; text-shadow: # 0px 0px 0px; background-color:#FBF6F1; indent-right: 5px;} .links {font-family:Times New Roman; font-size:9px; font-weight:bold; line-height:1px; letter-spacing:1px; text-transform: uppercase; background-color:#FBF6F1; indent-right: 5px;} </style> <tr><td colspan="0" width="590"> <table align="right"> <tr><td width="0"></td> <p align = "right"><font class="supdude">PICTURE PERFECT MEMORIES</font><br><br> <font class="supguys">Scattered all around the floor</font><br><br><br><font class = "links"><a href = "http://hrstanton.insanejournal.com/profile">profile</a> • <a href = "http://hrstanton.insanejournal.com/friends">friends</a> • <a href = "http://hrstanton.insanejournal.com">customs</a> • <a href = "http://hrstanton.insanejournal.com">threads</a> • <a href = "http://.insanejournal.com/">ooc</a> • <a href = "http://hrstanton.insanejournal.com">phone</a></font><br> </td></tr></table></td></tr> <=FRIENDS_WEBSITE DAY_TALK_LINKS<= <tr> <td align="right" colspan="2" width="100%" bgcolor="%%color:weak_back%%" class="comments"> %%readlink%%<a href="%%urlpost%%">comment</a> </td> </tr> <=DAY_TALK_LINKS DAY_WEBSITE<= <style> table table table table .meta {visibility:hidden; position:absolute; top:1px;} table table table table table .meta {visibility:visible; position:relative; top:1px;} .shadowed {border-style:dotted;border-width:1px;border-color:#907351;background-image:url(http://i1103.photobucket.com/albums/g464/mandychuu/bgs/66_zpsa50c9c9f.gif); background-repeat:repeat;} tr.caption {display:none;}, .shadowed td div {display:none;}, .shadowed img {display:normal; width:100px; height:100px; border-radius:50px;} .supguys {font-family:'Alex Brush', cursive; font-size:22px; color:#5F3C38; font-style:italic; font-weight:900; line-height:8px; letter-spacing:1px; text-transform: lowercase; background-color:none; indent-right: 5px;} .supdude {font-family:'Garamond'; font-size:30px; line-height:14px; letter-spacing:-3px; color:#EF978D; text-transform: uppercase; text-shadow: # 0px 0px 0px; background-color:#FBF6F1; indent-right: 5px;} .links {font-family:Times New Roman; font-size:9px; font-weight:bold; line-height:1px; letter-spacing:1px; text-transform: uppercase; background-color:#FBF6F1; indent-right: 5px;} </style> <tr><td colspan="0" width="590"> <table align="right"> <tr><td width="0"></td> <p align = "right"><font class="supdude">PICTURE PERFECT MEMORIES</font><br><br> <font class="supguys">Scattered all around the floor</font><br><br><br><font class = "links"><a href = "http://hrstanton.insanejournal.com/profile">profile</a> • <a href = "http://hrstanton.insanejournal.com/friends">friends</a> • <a href = "http://hrstanton.insanejournal.com">customs</a> • <a href = "http://hrstanton.insanejournal.com">threads</a> • <a href = "http://.insanejournal.com/">ooc</a> • <a href = "http://hrstanton.insanejournal.com">phone</a></font><br> </td></tr></table></td></tr> <=DAY_WEBSITE LASTN_TALK_LINKS<= <tr> <td align="right" colspan="2" width="100%" bgcolor="%%color:weak_back%%" class="comments"> %%readlink%%<a href="%%urlpost%%">comment</a> </td> </tr> <=LASTN_TALK_LINKS GLOBAL_HEAD<= <link href='http://fonts.googleapis.com/css?family=Alex+Brush' rel='stylesheet' type='text/css'> <style> body, td { font-family: Times New Roman, serif; font-size: 10pt; } tt, pre { font-family: monospace; } a { text-decoration: none; } a:hover { text-decoration: underline; } .shadowed, .ljadshadowed { font-size: 1pt; background:none; } .ljadshadowed div { visibility: visible; position: relative; } .meta { font-size: 8pt; } .index { font-size: 8pt; } .caption, .index { color: #FBF6F1; } .comments { font-size: 8pt; } </style> <style> /* Layout credit: ~coding@insanejournal.com; join/contact with any questions! */ body { background-color:#FFFFFF; background-attachment:no-repeat;} table {border:0; padding:0px; margin-bottom: -1px;} table table {border:0;} .entrybox {background-color:#FBF6F1; border-style:dotted; border-width:1px; border-color:#907351; padding:3px;} body, td {line-height:11pt;} /* top bar background. */ .shadowed {background-color:none; height:90px; padding-top:25px;} /* link effects. */ a {color:#EF978D; text-decoration:none;} a:hover {color:#907351; background-color: #; text-decoration:none; color:#907351; text-shadow: #FFFFFF 2px 2px 0px; -moz-transition: all 0.9s ease-out; -o-transition: all 0.9s ease-out; -webkit-transition: all 0.9s ease-out; transition: all 0.9s ease-out;} /* top right navigation links. */ .index, .meta {font-family:Times New Roman; font-size:9px; color:#000000; background-color:#FBF6F1; line-height:10px; text-transform:uppercase; letter-spacing: 1px; padding:0px} / /* top banner main navigation links. */ table table table table td.meta {background-color:#FFFFFF; font-family:Times New Roman; font-size:9px; line-height:8px; text-transform:uppercase; letter-spacing: 1px;} /* subject lines. */ p table table td.caption {font-family:Times New Roman; font-size:12px; color:#907351; text-shadow: #FFFFFF 0px 0px 1px; background-color:none; line-height:8px; border-bottom:0px dashed #000000; text-transform:uppercase; letter-spacing: 1px; padding:5px;} /* date & time. */ .entrybox td.index {font-family: Times New Roman; font-size:9px; color:#000000; background-color:#FBF6F1; line-height:8px; border-bottom:0px dashed #000000; text-transform:uppercase; letter-spacing: 1px; padding:5px;} /* mood & music. */ .entrybox td.meta {background-color:none; font-family:Times New Roman; font-size:9px; line-height:8px; text-transform:uppercase; letter-spacing: 1px;} /* comments. */ .comments {font-family:Times New Roman; font-size:9px; font-weight:bold; line-height:8px; letter-spacing:1px; text-transform:uppercase;} /* usericons & locks. */ .ljuser img {display:none;} .ljuser:before {content: "@";} .caption img {width:8px; height:8px;} </style> <=GLOBAL_HEAD FRIENDS_TALK_LINKS<= <tr> <td align="right" colspan="2" width="100%" bgcolor="%%color:weak_back%%" class="comments"> %%readlink%%<a href="%%urlpost%%">comment</a> </td> </tr> <=FRIENDS_TALK_LINKS LASTN_OPT_ITEMS=>3 LASTN_TALK_READLINK=><a href="%%urlread%%">%%messagecount%%</a> FRIENDS_TALK_READLINK=><a href="%%urlread%%">%%messagecount%%</a> LASTN_WEBSITE<= <style> table table table table .meta {visibility:hidden; position:absolute; top:1px;} table table table table table .meta {visibility:visible; position:relative; top:1px;} .shadowed {border-style:dotted;border-width:1px;border-color:#907351;background-image:url(http://i1103.photobucket.com/albums/g464/mandychuu/bgs/66_zpsa50c9c9f.gif); background-repeat:repeat;} tr.caption {display:none;}, .shadowed td div {display:none;}, .shadowed img {display:normal; width:100px; height:100px; border-radius:50px;} .supguys {font-family:'Alex Brush', cursive; font-size:22px; color:#5F3C38; font-style:italic; font-weight:900; line-height:8px; letter-spacing:1px; text-transform: lowercase; background-color:none; indent-right: 5px;} .supdude {font-family:'Garamond'; font-size:30px; line-height:14px; letter-spacing:-3px; color:#EF978D; text-transform: uppercase; text-shadow: # 0px 0px 0px; background-color:#FBF6F1; indent-right: 5px;} .links {font-family:Times New Roman; font-size:9px; font-weight:bold; line-height:1px; letter-spacing:1px; text-transform: uppercase; background-color:#FBF6F1; indent-right: 5px;} </style> <tr><td colspan="0" width="590"> <table align="right"> <tr><td width="0"></td> <p align = "right"><font class="supdude">PICTURE PERFECT MEMORIES</font><br><br> <font class="supguys">Scattered all around the floor</font><br><br><br><font class = "links"><a href = "http://hrstanton.insanejournal.com/profile">profile</a> • <a href = "http://hrstanton.insanejournal.com/friends">friends</a> • <a href = "http://hrstanton.insanejournal.com">customs</a> • <a href = "http://hrstanton.insanejournal.com">threads</a> • <a href = "http://hrstanton.insanejournal.com/">ooc</a> • <a href = "http://hrstanton.insanejournal.com">phone</a></font><br> </td></tr></table></td></tr> <=LASTN_WEBSITE FRIENDS_DATE_FORMAT=><span style="font-family: arial; font-size: 8px; line-height: 11pt; letter-spacing: 1px; text-transform: uppercase; font-weight: none;color: #392E20;">%%monlong%% %%d%% @ %%12h%%:%%min%%%%ampm%%</span> DAY_TALK_READLINK=><a href="%%urlread%%">%%messagecount%%</a>

A fellow RP buddy, themplusme, was in need of an easy-to-edit-later cast table. Seeing that the old floating table is either dead or disappeared, I went and made a new one for her to use and thought other RPers would find it useful. Included are variations in size and uses:


100x100 icon » Click for Live Preview


250x155 icon » Click for Live Preview


250x250 icon/The Great Houses of Westeros » Click for Live Preview

Does anyone know of a way to re-set a journal? For example, remove friends, remove icons, delete journal entries, delete notifications?

Click for Live Preview & Instructions

I know there's a way to set the precedence in the admin console to f-lock every post in a community after executing the command. I just don't remember what it is. Does anyone know?

EDIT So for a community, it's

set for <*community*> newpost_minsecurity friends

just replacing with the community's name (no <* or *>)

Tags: codes, coding, coding help, coding question, extras, guides: accessibility, question, questions, resources: communities

i am not sure if this has been asked before and for some reason ij keeps failing when i go back too far on entries. would anyone know how to get the shape of the gif in the second entry as well as the entry itself in this journal. any help would be great thanks.

Help! I need somebody!

I am hopeless when it comes to finding journals for layouts, so any and all suggestions would be absolute love. Especially if they have a layout like this. Where do you people find these things?! I'm so jealous.

Please help!

I've been sitting on this a while and finally decided to post it. It's based on an app template I made for a game I ran and has a matching post template that will be forthcoming. Click the image above

What is the easiest way to make a website into a usable code? For example, kickstarter.com I want to make a kickstarter project page for a character that's a musician but I've never made a code from scratch before. As of right now I just have a bunch of screencapped images for his page, but it's getting to be a pain to edit and reupload the pictures every time. I can give a link to a project page if need be.

( Code + Guide + Info )

Live Preview & Code

( Code + Guide + Info )

This is probably a stupid question and already answered someplace here but I can't find it. Does anyone know how to write an entry with two ( or more) columns?

THIS POST HAS MOVED!
It can now be found here.

Click for Live Preview & Instructions

Hey guys! So, normally, I send people to DRAAC to live-test their HTML and div styled codes but, recently, they've added, uh.

( This really ugly sidebar. )

And, idk about you guys, but for me it's super distracting. I was getting a bit sick of all the text on the page anyway, so here you go. A new code tester based on their code (because I'm lazy lmao), with a clean, un-distracting page layout.

Just like DRAAC's, my code tester is good for HTML codes, div styled codes, and full HTML/CSS pages (but not CSS alone). Oh and, even after previewing, CTRL+Z still works, which is always a big bonus for me.

Hey all! This is my first time posting here, but I've lurked for ages. I finally got around to starting up some RP resources on my LJ code comm, layouttesst, so I thought I should probably post them here too!



( Live Preview + Code + Info + Rules )

Since I'm supposed to be working on apps for ironforest , my brain, of course, is telling me to work on other stuff. Voila:



This is my first character layout I've built from scratch so I'm sure it's pretty terrible. Pointers would be lovely as well as letting me know if the explanation/instructions for the code was clear. Or if it was confusing or where it could use improvement, etc. ♥

How can I make a taken list for a celeb comm on scribbld?

OR Everyone's favourite SO PRETTY BUT SO FRUSTRATING web design technology in the history of the universe. Okay, not really, but whatever. I've seen a lot of people asking questions about Google Web Fonts, which is one of the coolest things I've learned this semester in my web classes. Aside from Aurora, of course. And I noticed that most of these questions were difficulties with Scribbld or the font just not wanting to work, so after talking to ~chaperoned briefly, I figured I'd go ahead and come write up a quick tutorial on how to use Google Web Fonts, and trouble-shooting some common errors. There are screenshots, although primarily this is a text-based tutorial. Bridget rambles a bit a lot.

Please note that this is a tutorial that assumes you have a bit of HTML/CSS under your belt, but no experience whatsoever with Google Web Fonts. If the instructions seem rudimentary, again, it's assuming that this is your first time looking at Google Web Fonts.

I feel like the tags on this may need some help BECAUSE I SUCK AT TAGS D:

( SO! Let's use some web fonts! )

I've run into a bit of a hiccup with a Scribbld layout and I'm hoping someone might be able to point me in the right direction to correct whatever error/mistake I did. The character layout has been tweaked to look like the character journal and the problem I've run into is that the webfont for all the headers is not showing up and I'm not really sure why since I haven't fiddled with the link one iota. So . . . I'm really not sure what's going on with it. :T