galvantula: (CUTEST SIBLINGS)
ELECTRIC SPIDER BOOGALOO ([personal profile] galvantula) wrote in [community profile] lhunarwings2014-01-09 05:49 am

Layout Request | FIERY BRICK




Live previews behind the cut! (Warning: kinda big.) This table will NOT work with Dreamwidth Profile Coding, sorry! Tested in Chrome


FIERY BRICK, transparent version:







All your text should go in here; try not to make it any longer than this if you can help it, but you can always adjust the HEIGHT portion of the DIV above and the table size itself if you need to. :) DUMMY TEXT, AWAY!

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur aliquet adipiscing faucibus. Sed mauris justo, sollicitudin sit amet condimentum in, accumsan sit amet est. Praesent vulputate ipsum nulla, a pellentesque tortor accumsan at. Nulla vel quam et orci tempor accumsan ut vitae ipsum. Sed eleifend est turpis, in auctor tellus dignissim sed. Proin tristique massa a semper lacinia. Mauris nec ligula vel risus suscipit dictum et eget lectus. Morbi congue nisi ac convallis viverra. Nam fermentum rutrum lacinia. Mauris facilisis vitae purus at gravida. Nullam a felis posuere turpis malesuada luctus at at libero. Ut dictum ipsum et neque hendrerit, id bibendum eros feugiat. Vestibulum egestas ornare vestibulum.

Aliquam tellus erat, aliquam nec vehicula at, semper ac metus. Maecenas sit amet eros arcu. Integer id ligula ante. Praesent at posuere diam. Curabitur lacinia accumsan fermentum. Cras rhoncus, enim ut ornare rhoncus, tortor nulla sagittis quam, aliquet suscipit purus ipsum non ligula. Nam dignissim augue dolor, vitae pharetra ipsum hendrerit vitae. Quisque eget imperdiet magna. Pellentesque quis diam diam.





FIERY BRICK, NON-TRANSPARENT VERSION:







All your text should go in here; try not to make it any longer than this if you can help it, but you can always adjust the HEIGHT portion of the DIV above and the table size itself if you need to. :) DUMMY TEXT, AWAY!

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur aliquet adipiscing faucibus. Sed mauris justo, sollicitudin sit amet condimentum in, accumsan sit amet est. Praesent vulputate ipsum nulla, a pellentesque tortor accumsan at. Nulla vel quam et orci tempor accumsan ut vitae ipsum. Sed eleifend est turpis, in auctor tellus dignissim sed. Proin tristique massa a semper lacinia. Mauris nec ligula vel risus suscipit dictum et eget lectus. Morbi congue nisi ac convallis viverra. Nam fermentum rutrum lacinia. Mauris facilisis vitae purus at gravida. Nullam a felis posuere turpis malesuada luctus at at libero. Ut dictum ipsum et neque hendrerit, id bibendum eros feugiat. Vestibulum egestas ornare vestibulum.

Aliquam tellus erat, aliquam nec vehicula at, semper ac metus. Maecenas sit amet eros arcu. Integer id ligula ante. Praesent at posuere diam. Curabitur lacinia accumsan fermentum. Cras rhoncus, enim ut ornare rhoncus, tortor nulla sagittis quam, aliquet suscipit purus ipsum non ligula. Nam dignissim augue dolor, vitae pharetra ipsum hendrerit vitae. Quisque eget imperdiet magna. Pellentesque quis diam diam.





****************************************************************************

MISC. NOTES


This table is designed to basically stretch infinitely downwards, so the length SHOULD just keep goin' like the energizer bunny. However, the DIV (the red block inside) will NOT, so if you need more length, adjust the "height: 350px;" into something bigger. Try not to make the inner DIV exceed 700px, though, IF you can help it. If not, you'll need to adjust the table height and POSSIBLY the DIV height itself (the table should probably be at least 50px bigger than that DIV; the first DIV code needs to be over 100px bigger at least, as a guideline), which might bork the code, so be careful.

If you dislike the text color you can replace "#93171a" with whatever you want; just make it super light or super dark, 'cause it'll be hard to read otherwise, and I don't recommend blues. For pages without images, delete the thingy I have in the < and > and all the proceeding img="blah blah blah" code.

THE CODE:


TRANSPARENT BG:


NON-TRANSPARENT BG:


PAGE-RELATED STUFF


For those who want to make their own text and such, the font I use for the title (ie, the "CAMPUS" up there) is called "Cheap Fire".

REPLACE THE "<img src="http://i.imgur.com/tYcBDS4.png">" WITH THE FOLLOWING FOR EACH PAGE:

THIS PART IS FOR ANA:


CAMPUS TEXT:

FAQ TEXT:

RULES:

MOD CONTACT:

NPCs:


Edit #1: changed the font/center DIV for eyestrain issues.
Edit #2: Added a non-transparent version. Made this layout originally for like, literally one person but hey, you never know! Someone may use it.
Edit#34098540985: I AM NEVER TOUCHING THIS AGAIN. Fixed the glow so it didn't leak out of the table; added padding and fixed some vague annoyances. DONE.

CREDIT


Please credit [personal profile] galvantula if you use or alter this... somewhere. Or comment. Either or. Neither is required, but it would be kinda nice. Edit my code as you see fit.

Post a comment in response:

From:
Anonymous( )Anonymous This account has disabled anonymous posting.
OpenID( )OpenID You can comment on this post while signed in with an account from many other sites, once you have confirmed your email address. Sign in using OpenID.
User
Account name:
Password:
If you don't have an account you can create one now.
Subject:
HTML doesn't work in the subject.

Message:

 
Notice: This account is set to log the IP addresses of people who comment anonymously.
Links will be displayed as unclickable URLs to help prevent spam.