In Desolation
(?)Community Member
Offline
- Posted: Mon, 18 Nov 2013 02:25:40 +0000
THIS IS EVERYTHING YOU NEED TO KNOW ABOUT MAKING YOUR OWN POST LAYOUT. LINKS AND FREE CODES TO HELP WITH CONSTRUCTION AND EXPERIMENTS. L-SHAPE AND FRAME TUTORIALS INCLUDED. BEST VIEWED ON A BROWSER OTHER THAN FIREFOX. SCROLL DOWN TO SEE IT ALL OR...
NAVIGATION
0. List of Resources, Links To Graphics & Photo Editors
1. Code Skeletons (Reference/Resource Sheet for Intermediate and Experts)
2. Step by Step Code Construction Instructions
3. How To Crop L-Shape Post Layouts (instructions for GIMP)
4. Advanced L-Shape Post Layouts (in Pic Monkey)
5. How To Add A Realistic Picture Frame (in Pic Monkey)
6. Tektek Gradient Trick Part I and Part II
7. Three Ways to Collage in GIMP
8. How To Get Rid of White in Photoshop with Magic Eraser Tool
9. How to Code Fancy Text
10. Simplifying Header Code
11. How to Push Text Body from the Right with a Spacer
12. Collaging in GIMP What to do if your shape image isn't black and white. And where the Snap to Grid options are. Use them
13. How To Code Bookend Style Post Layouts An image on the left and an image on the right. Text in the middle
14. Free RP Thread Template It's a skeleton for creating your own RP thread. Customize with colored text and your own graphics
UPDATE 03/08 LAST PAGE ALWAYS HAS UPDATES
*Scroll all the way down in this thread for more premade code sets AND A SMALL TUTORIAL on how to construct an L-Shape Corner Graphic
NAVIGATION
0. List of Resources, Links To Graphics & Photo Editors
1. Code Skeletons (Reference/Resource Sheet for Intermediate and Experts)
2. Step by Step Code Construction Instructions
3. How To Crop L-Shape Post Layouts (instructions for GIMP)
4. Advanced L-Shape Post Layouts (in Pic Monkey)
5. How To Add A Realistic Picture Frame (in Pic Monkey)
6. Tektek Gradient Trick Part I and Part II
7. Three Ways to Collage in GIMP
8. How To Get Rid of White in Photoshop with Magic Eraser Tool
9. How to Code Fancy Text
10. Simplifying Header Code
11. How to Push Text Body from the Right with a Spacer
12. Collaging in GIMP What to do if your shape image isn't black and white. And where the Snap to Grid options are. Use them
13. How To Code Bookend Style Post Layouts An image on the left and an image on the right. Text in the middle
14. Free RP Thread Template It's a skeleton for creating your own RP thread. Customize with colored text and your own graphics
UPDATE 03/08 LAST PAGE ALWAYS HAS UPDATES
- THE BASIC POST LAYOUT FORMAT
It gets the job done cleanly and well. Easy to customize from here. Text by default goes left. Use the ImgRight instead of regular Img and it will place your image out of the way of your text. Try it out now in a test thread!
(Best used with images that have a thin white border added around them which you can do in picmonkey with the "Frames" options)
[imgright]Insert an image link here. No spaces.[/imgright][align=right][color=charactercolor][size=15][b]NAME[/b][/size][/color]
[size=11]
Descriptive text, descriptive text, descriptive text. [color=charactercolor][b]"Character dialogue in colored bold."[/b][/color] Some sort of text going on here. [color=charactercolor][i]Thoughts in colored italics.[/i][/color] Descriptive text, descriptive text, descriptive text.
[/size]
[size=9]WWWHW: Who, what, where, how, why?
OOC: Blank.
[/size]
[size=11]
Descriptive text, descriptive text, descriptive text. [color=charactercolor][b]"Character dialogue in colored bold."[/b][/color] Some sort of text going on here. [color=charactercolor][i]Thoughts in colored italics.[/i][/color] Descriptive text, descriptive text, descriptive text.
[/size]
[size=9]WWWHW: Who, what, where, how, why?
OOC: Blank.
[/size]
*Scroll all the way down in this thread for more premade code sets AND A SMALL TUTORIAL on how to construct an L-Shape Corner Graphic
Become an affiliate! Post to inquire with link to where. You link to me. I'll link to you!
[url=http://www.gaiaonline.com/forum/gaia-guides-and-resources/rp-post-layout-guide-tutorial-sources-codes-tips/t.88997643/][img]http://i1070.photobucket.com/albums/u485/doublefrappuccino/rppostlayoutguide_zpswzsor15z.png[/img][/url]