33rd: say it

[yanyan]

A CR chart. Replace HEXCODE with the color of your choice. Speech bubble icons can be found here. (Click Item, Icon, then next to ワンポイント, click 04.) Adjust the position of the speech bubble by playing with this part of the code: top: 60px; right: 30px; Putting in text that goes beyond the limit gives it a scroll bar.

UPDATE (09/23): This code is no longer in a table. Simply copy and paste the code between ITEM START and ITEM END for more rows.

Hitagi Senjougahara Monogatari Series
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam congue arcu sem, at gravida est feugiat vel. Nullam quis nulla ut libero congue euismod. Mauris sodales sapien sit amet volutpat molestie. Suspendisse at diam non lectus tincidunt vestibulum ut in mi. Sed eu molestie arcu, ac fringilla turpis. Nullam ac arcu bibendum, tincidunt risus sit amet, porttitor purus. Suspendisse potenti.

Tsubasa Hanekawa Monogatari Series
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam congue arcu sem, at gravida est feugiat vel. Nullam quis nulla ut libero congue euismod. Mauris sodales sapien sit amet volutpat molestie. Suspendisse at diam non lectus tincidunt vestibulum ut in mi. Sed eu molestie arcu, ac fringilla turpis. Nullam ac arcu bibendum, tincidunt risus sit amet, porttitor purus. Suspendisse potenti.

Kaiki Deishuu Monogatari Series
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam congue arcu sem, at gravida est feugiat vel. Nullam quis nulla ut libero congue euismod. Mauris sodales sapien sit amet volutpat molestie. Suspendisse at diam non lectus tincidunt vestibulum ut in mi. Sed eu molestie arcu, ac fringilla turpis. Nullam ac arcu bibendum, tincidunt risus sit amet, porttitor purus. Suspendisse potenti.

code by cawaii

CODE
<raw-code><center> <!--ITEM START--> <div style="background: #ffffff; height: 100px; width: 640px; margin: 10px 0px; padding: 20px; border: 1px solid HEXCODE; border-radius: 100px; display: block;"> <!--ICON--> <img src="ICON URL 1" style="width: 100px; border-radius: 50%; float: left;"> <!--TEXT--> <div style="width: 400px; max-height: 100px; margin: 0px 20px; font: 11px arial, sans-serif; text-align: justify; float: left; overflow-y: auto;"><span style="font-size: 16px; font-weight: bold; color: HEXCODE;">Character Name</span> <span style="font-size: 12px; font-style: italic; color: #888888;">Canon</span> <br/>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam congue arcu sem, at gravida est feugiat vel. Nullam quis nulla ut libero congue euismod. Mauris sodales sapien sit amet volutpat molestie. Suspendisse at diam non lectus tincidunt vestibulum ut in mi. Sed eu molestie arcu, ac fringilla turpis. Nullam ac arcu bibendum, tincidunt risus sit amet, porttitor purus. Suspendisse potenti.</div> <!--ICON WITH SPEECH BUBBLE--> <div style="background: url(ICON URL 2); height: 100px; width: 100px; border-radius: 50%; position: relative; z-index: 1; float: left;"><img src="SPEECH BUBBLE" style="position: relative; top: 60px; right: 30px; z-index: 2;"></div> </div> <!--ITEM END--> <br/> <small>code by <user name=cawaii></small> </center></raw-code>

Comments

[toxic_tsarina]

Saved, thanks.

[playmakings]

Taking! Thank you so much, this is adorable.