InsaneJournal

Tweak says, "It's easy, Mmkay!"

la belle damoiselle sans vie (damosel) wrote in rp_tutorials,
@ 2011-03-06 15:48:00

Entry tags:

layouts: storyline

Icon Showcase table

Live Preview • Live Preview w/3 icons

Notes:
Suitable for CDJs or profile entries. Not recommended for userinfos. Possibly loosely inspired by

embodimentof.

Customizing:
Replace ICON1, ICON2, etc. with the URLs of your chosen icons, and the various placeholders with your own text.

To change colors, replace #dcc with your chosen top and footer background, #cbb with your chosen heading background, and #633 with your footer link color.

If it looks weird, try checking "Disable auto-formatting" on the entry.

Code (4 icons):

<div style="background:#dcc;color:#000;width:590px;margin:auto;font-family:verdana,sans-serif;">
     <div align="center">
     <img src="ICON1" width="100" height="100" style="background:#fff;padding:10px;border:1px solid black;margin:10px;">
     <img src="ICON2" width="100" height="100" style="background:#fff;padding:10px;border:1px solid black;margin:10px;">
     <img src="ICON3" width="100" height="100" style="background:#fff;padding:10px;border:1px solid black;margin:10px;">
     <img src="ICON4" width="100" height="100" style="background:#fff;padding:10px;border:1px solid black;margin:10px;">
     </div>
<div style="background:#cbb;color:#000;padding:10px;font-size:20pt;">HEADERTEXT</div>

<div style="background:#fff;text-align:justify;padding:10px;font-size:10pt;">
     
     TEXTGOESHERE
     
     </div>

<div style="background:#cbb;color:#000;padding:10px;font-size:20pt;">HEADERTEXT</div>

<div style="background:#fff;text-align:justify;padding:10px;font-size:10pt;">
     
      TEXTGOESHERE
     
     </div>

<div style="background:#dcc;color:#000;padding:10px;font-size:8pt;text-align:right;">profile by damosel @ <a href="http://rp-tutorials.insanejournal.com/" style="color:#633;">rp_tutorials</a></div>
</div>

Code (3 icons):

<div style="background:#dcc;color:#000;width:440px;margin:auto;font-family:verdana,sans-serif;">
     <div align="center">
     <img src="ICON1" width="100" height="100" style="background:#fff;padding:10px;border:1px solid black;margin:10px;">
     <img src="ICON2" width="100" height="100" style="background:#fff;padding:10px;border:1px solid black;margin:10px;">
     <img src="ICON3" width="100" height="100" style="background:#fff;padding:10px;border:1px solid black;margin:10px;">
     </div>
<div style="background:#cbb;color:#000;padding:10px;font-size:20pt;">HEADERTEXT</div>

<div style="background:#fff;text-align:justify;padding:10px;font-size:10pt;">
     
     TEXTGOESHERE
     
     </div>

<div style="background:#cbb;color:#000;padding:10px;font-size:20pt;">HEADERTEXT</div>

<div style="background:#fff;text-align:justify;padding:10px;font-size:10pt;">
     
      TEXTGOESHERE
     
     </div>