InsaneJournal

Tweak says, "HEY HEY YOU YOU~"

🖕 (ex_aveline919) wrote in rp_tutorials,
@ 2014-09-25 22:31:00

Entry tags:

layouts: media

Daily Bugle Online Article
And another code! This one modeled after an online newspaper article. It's Daily Bugle themed, but if you want to make another header to take the place of the newspaper header, you can go ahead and do that. Please enjoy it and I'm aware it's wide, but it's meant to be because a lot of articles online are like that. :)

Article title goes here, dudes

By AUTHOR NAME
Posted: XX/XX/XXXX XX:XX EDT

You can put two lines of text here and it should work pretty well, but don't put anymore than two lines, otherwise it doesn't look as nice and it's just weird

CITY, STATE — Text for your article will go here. Don't worry about break tags, you should be fine just pressing enter a couple of times so long as you are within the closing lj-raw tag and the opening lj-raw tags at the beginning and end of the space.

code by terrychu

CODE:

<lj-cut><lj-raw><center><table border=0 cellpadding=0 cellspacing=0 width="800" style="border:1px solid #ccc;"><tr><td width="800" align="center"><img src="http://i.imgur.com/BWDa7ZQ.jpg"><br><img src="http://i.imgur.com/Jp65x3N.jpg"><br><br><div style="height:1px;background-color:#c0c0c0;width:750px;"></div>

<!-- ARTICLE HEADER --!>
<div style="text-align:left;font-size:18pt;font-family:arial;padding-left:20px;padding-right:20px;padding-top:10px;padding-bottom:10px;font-weight:bold;width:730px;">Article title goes here, dudes</div>

<!-- AUTHOR & DATE INFO --!>
<div style="text-align:left;font-size:8pt;color:#888;font-family:arial;width:730px;padding-left:20px;padding-right:20px;padding-top:0px;padding-bottom:10px;">By AUTHOR NAME
<br>Posted: XX/XX/XXXX XX:XX EDT</div>

<!-- ARTICLE IMAGE --!>
<div style="clear:both;width:730px;height:250px;background-image:url(YOURIMAGEHERE 730 X 230PX);line-height:10px;"><div style="height:220px;"></div><div style="background-color:#eee;opacity: 0.9;filter: alpha(opacity=90);font-size:8pt;font-family:arial;color:#333;padding-left:5px;padding-right:5px;text-align:left;line-height:15px;">You can put two lines of text here and it should work pretty well, but don't put anymore than two lines, otherwise it doesn't look as nice and it's just weird</div></div>

<!-- ARTICLE TEXT --!>
<div style="text-align:justify;font-size:10pt;font-family:georgia;width:730px;padding:20px;color:#333;"></lj-raw>CITY, STATE — Text for your article will go here.  Don't worry about break tags, you should be fine just pressing enter a couple of times so long as you are within the closing lj-raw tag and the opening lj-raw tags at the beginning and end of the space.<lj-raw></div>

</td></tr></table>

<!-- CREDIT : DO NOT REMOVE --!>
<div style="padding-top:5px;clear:both;font-size:6pt;font-family:helvetica;letter-spacing:1px;text-transform:uppercase;text-align:center;">code by <a href="http://terrychu.insanejournal.com" style="text-decoration:none;color:#c0c0c0;">terrychu</a></div></center></lj-raw>

	affictitious 2014-09-26 06:27 am UTC (link)
	Holy shit! o_o (Reply to this)

	webdesign 2014-09-27 06:13 am UTC (link)
	(Reply to this)

	potential 2014-09-27 06:15 am UTC (link)
	Oh captain, my captain! (Reply to this)

	wearestardust 2014-09-27 06:18 am UTC (link)
	squeals I love this!! (Reply to this)