InsaneJournal

Tweak says, "This... is my boomstick!"

lisa rowe. (nightmares) wrote in rp_tutorials,
@ 2011-10-21 08:47:00

okay, this is probably extremely easy but for the life of me i can not figure it out. i am trying to figure out how to get the words like this next to the iphone picture that i used the code from here and i can not seem to do it. am i supposed to save the picture or something? cause every time i try to save the entire picture it only shows the slide part. it's frustrating me to no end and i'd really appreciate it if someone could help me figure this out. :(

(Post a new comment)

	puck 2011-10-21 01:56 pm UTC (link)
	where is the code you're using? (Reply to this) (Thread)

nightmares
2011-10-21 02:09 pm UTC (link)

i don't know how to make one of those boxes to put the code into but ummm
< lj-raw>
< div style="background:url('http://i.imgur.com/97DA5.jpg') no-repeat;height:427px;width:193px;">
< img src="http://i.imgur.com/qHcoR.png" style="width:160px;height:230px;margin:71px 0 0 16px;float:left;">
< img src="http://i.imgur.com/feei8.jpg" style="width:161px;height:242px;margin:-240px 0 0 15px;float:left;" />
< div style="color:#FFF;font-family:Franklin Gothic, Arial, sans-serif;font-size:28px;line-height:18px;text-shadow: rgba(0,0,0,0.5) -1px 0, rgba(0,0,0,0.3) 0 -1px, rgba(255,255,255,0.5) 0 1px, rgba(0,0,0,0.3) -1px -1px;margin:-220px 0 0 60px;float:left;text-align:center;">06:00

< span style="font-size:8px;text-shadow:none;">Friday, October 21st < /span ></div>
< div style="color:#FFF;font-family:Franklin Gothic, Arial, sans-serif;font-weight:bold;font-size:8px;margin:-242px 0 0 35px;float:left;text-align:center;" >AT&T</ div >
< img src="http://i.imgur.com/PHHe3.jpg" style="width67:px;height:138px;margin:-243px 0 0 111px;float:left;" />
< /div >
< /lj-raw >

(Reply to this) (Parent) (Thread)

	puck 2011-10-21 02:11 pm UTC (link)
	you just want to have text next to it? (Reply to this) (Parent) (Thread)

	nightmares 2011-10-21 02:16 pm UTC (link)
	yeah (Reply to this) (Parent) (Thread)

puck
2011-10-21 02:21 pm UTC (link)

the easiest way i can see to do it is to wrap it all in a table, with separate TDs. A div floating left could also work, but in order to avoid having the comments bar crop up beside the picture, you'd need to wrap it in a table, anyway. I hope this works!

<lj-raw>
<table><tr><td>

06:00

Friday, October 21st

</span></div>

AT&T

</div>

</div>

</td><td valign="top">

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.

</td></tr></table>
</lj-raw>

(Reply to this) (Parent) (Thread)

	nightmares 2011-10-21 02:28 pm UTC (link)
	it didn't seem to work :/ (Reply to this) (Parent)

	kapule 2011-10-21 02:29 pm UTC (link)
	i copied it wrong, it works! thank you! (Reply to this) (Parent)