\ Testing a formatting Idea... | unlimitedi.net
Home » Forums » Game: New York by Night » NYBN: Game Discussion

Testing a formatting Idea...

mrdave2176's picture
Submitted by mrdave2176 on Fri, 01/07/2011 - 15:22
Posted in


 
  2021-05-10 19:30 Monday Night
Outdoors
Bluewater Grill
31 Union Square West at 16th St

The post continues here  Is this too artsy?  Since we can do full HTML I was curious to try something more stylish.

EDIT: Here is another sample:


 
 
2021-05-11 22:40 Tuesday
Sláinte Pub

 

AttachmentSize
s949e6dx.jpg119.11 KB
slainte-top.jpg22.3 KB
‹ Pending Posts Tracking of actors and characters ›

Ahhh, me likes! Would that be

Submitted by Allyana on Fri, 01/07/2011 - 17:19.
Allyana's picture

Ahhh, me likes! Would that be a fixed image or can we change it according to the location/situation/whatever?

<code> <p style="text-align:

Submitted by mrdave2176 on Fri, 01/07/2011 - 18:44.
mrdave2176's picture 
<code>


<p style="text-align: right; padding: 25px 75px; background: url(&quot;http://unlimitedi.net/sites/default/files/s949e6dx.jpg&quot;) no-repeat scroll 0px -300px transparent;">

    <br />

    &nbsp;<br />

    &nbsp; <span style="font-family: trebuchet ms,helvetica,sans-serif; font-size: 14px; font-weight: bold; color: white;">2021-05-10 19:30 Monday Night<br />

    Outdoors<br />

    <a href="http://www.bluewatergrillnyc.com" style="color: white;">Bluewater Grill<br />

    31 Union Square West at 16th St</a></span></p>


</code>


So I tried to help Ally use

Submitted by Kaarin on Sun, 01/09/2011 - 11:06.
Kaarin's picture

So I tried to help Ally use this this morning for one of her posts, and had something interesting happen. I copied the above directly to the source code, changed everything around. The result was, roughly, a lack of image, and white text; it would have been viewable by highlighting everything, but the banner refused to show.

Heather and I have been

Submitted by mrdave2176 on Sun, 01/09/2011 - 12:20.
mrdave2176's picture

Heather and I have been having this happen too.  The problem is the editor.  It insists that the url(image url) command have quotes inside the brackets.  They aren't required, but it is adamant.  It will accept single quotes:

url('image.url') and that will work.  But if you open it to edit it it will put entity characters &quot; in their place and so they have to be fixed before you save it.

It is a bit fiddly, in other words. It is an advanced technique to be sure.

Thanks for the help on that;

Submitted by Kaarin on Sun, 01/09/2011 - 12:42.
Kaarin's picture

Thanks for the help on that; I'll try to get it to work for Ally again. :)

And still having trouble; for

Submitted by Kaarin on Sun, 01/09/2011 - 12:53.
Kaarin's picture

And still having trouble; for reference, tis this post: http://unlimitedi.net/node/3286

The most annoying thing being that I'm following directions preciesly.

The image can be set

Submitted by mrdave2176 on Sat, 01/08/2011 - 12:20.
mrdave2176's picture

The image can be set per-post.

 

Submitted by Allyana on Fri, 01/07/2011 - 20:17.
Allyana's picture

mm, just testing it

 

where do we put that code?

 

You click "Source" and past

Submitted by mrdave2176 on Sat, 01/08/2011 - 12:18.
mrdave2176's picture

You click "Source" and past the code (minus the <code> brackets) at the top of the post.  To analyze the code for you:

It starts here.  I right-aligned the text because that is where it was darkest|<p style="text-align: right; 
Padding is an inside margin and thi smakes the text a fair way from the edge   |padding: 25px 75px; 
This positions the background image. opx=left -300px =shifted 300 pixels up.  |background: url(&quot;http://...&quot;) no-repeat scroll 0px -300px transparent;"
transparent is so the text shows through.  This code is just a spacer.        |<br /> &nbsp;<br /> &nbsp;
Always a good idea to seperate your content from presentation, so a new tag.  |<span style="font-family: trebuchet ms,helvetica,sans-serif; 
I opted for a slightly larger font and chose a different font that the default|font-size: 14px; 
becasue I was going for more of a title-page look.                            |font-weight: bold; 
It had to be reveresed text to show up.                                       |color: white;">
This is the test that appears.  the BR> tags are just breaks so that the text |2021-05-10 19:30 Monday Night<br /> 
flows to the next line.                                                       |Outdoors<br /> 
I actually linked this line but I have omitted the link here.                 |Bluewater Grill<br /> 
                                                                              |31 Union Square West at 16th St</a></span></p>

Okay.  I hope that made more sense.  If not then I may have to make some sort of tool to do this for you.

(or refer you to a tool where you can do it yourself)

Since this whole thing is

Submitted by Heather on Sat, 01/08/2011 - 08:31.
Heather's picture

Since this whole thing is living on our home server, I thought you were worried about space? If space isn't an issue with this, it looks very cool. I may go mad finding appropriate images for all my posts though. :)

 

 

They can always be stored off

Submitted by Kaarin on Sat, 01/08/2011 - 08:41.
Kaarin's picture

They can always be stored off site (e.g. photobucket). And more importantly, we'd only need the odd banner, or at least, ones for common locations we have our characters visit - I hardly think we need a banner for "random vamp attack in little germany" for example.

If it is just the posts that

Submitted by mrdave2176 on Sat, 01/08/2011 - 12:19.
mrdave2176's picture

If it is just the Story posts that should not be an issue. I was thinking it would be for particularly large posts (like out 4-way collab).  I just used this particular post because I found a great picture.

   

Submitted by Allyana on Sat, 01/08/2011 - 12:42.
Allyana's picture

well, i'll give it a try later. Have to go now :)

I did a nice banner for the

Submitted by Allyana on Sun, 01/09/2011 - 12:19.
Allyana's picture

I did a nice banner for the Slainte, but i couldnt place it as banner. so i just put it as a picture at teh beginning of the post. (i shall learn, i shall)

Hope you like it. 

Blagh, got logged

Submitted by Meredith Bell on Sun, 01/09/2011 - 12:37.
Meredith Bell's picture

Blagh, got logged out!

Gotta say I love that Ally, it's way cool. I may have to do one for the newly renamed Grindhouse (aka AB). Just need to find a piccie that's not too, erm, rude lol  rude

Facebook Share