Author Topic: Pics and formatting (Read 2038 times)

Scrasamax · « **on:** September 06, 2012, 10:12:36 AM »

So I am interested in doing some posts with pics, what would be the best way to do this? Does linking directly to the source URL count as hotlinking? i know this is bad and frowned on, plus I don't want pics I link to suddenly turn into wagging finger, stop signs, or goatse.

Also: I want to put text next to a pic, so I could have a pic, and a column of text next to it. Is this possible, or am I having teh dumb?

Thanks

Chaosmark · « **Reply #1 on:** September 06, 2012, 10:55:10 AM »

Quote from: Scrasamax on September 06, 2012, 10:12:36 AM

So I am interested in doing some posts with pics, what would be the best way to do this? Does linking directly to the source URL count as hotlinking? i know this is bad and frowned on, plus I don't want pics I link to suddenly turn into wagging finger, stop signs, or goatse.

You should be able to use the editor "Insert Image" option to upload the image to the Citadel server and it should give you a link from there. Alternately, you can use one of the free image upload services, and then pull the raw image link from that. I've never encountered issues with those, though uploading to the Citadel server would still be best.

Quote

Also: I want to put text next to a pic, so I could have a pic, and a column of text next to it. Is this possible, or am I having teh dumb?

You want to make the image that you've inserted float to the left. To do so, click on the image when you've inserted it, then change the "Position" dropdown from "None" to "Left". Alternately, if you want the column of text to be on the left side of the image, change it to "Right".

Strolen · « **Reply #2 on:** September 06, 2012, 12:14:32 PM »

What he said.

You could also put the picture in a table but that will have ugly formatting involved with it. But that will put only the text you want next to it.

Scrasamax · « **Reply #3 on:** September 06, 2012, 01:15:04 PM »

much thanks guys!

I've got some ideas in my head that won't stop bouncing around and it's that sort of thing where a picture is worth about 1500 words.

Gossamer · « **Reply #4 on:** June 11, 2013, 06:56:10 AM »

When I tried inserting a pic, it became really low quality, which was a problem, because my pic contained only text, which became illegible.

I know pics auto-correct to 400pix. But how come Tundra's image looked so clear? Was it because she linked rather than uploaded?

I saved mine as a .png at 1200pix, which is the absolute maximum width.

Strolen · « **Reply #5 on:** June 11, 2013, 12:00:58 PM »

That is a direct link to the graphic. So if you upload it somewhere else and link to it, I believe it will grow with the content area. I think I made it so it didn't go outside.

1200px is very wide. A normal 15" to 17" monitor would default to 1024px wide so that image would go across the entire screen. Most monitors are bigger than that now, but the webpage useable area is the issue.

Attach your graphic in the forum which has bigger limits and let me take a look at it.

Gossamer · « **Reply #6 on:** June 11, 2013, 12:54:34 PM »

Quote from: Strolen on June 11, 2013, 12:00:58 PM

Attach your graphic in the forum which has bigger limits and let me take a look at it.

Okay.

Dossta · « **Reply #7 on:** June 12, 2013, 11:53:42 AM »

Incidentally, what is the Citadel's policy on images that we didn't create/commission? Sometimes random images on Google can inspire a whole sub, and I'd like to post links to them or upload them here, but don't want to accidentally create a problem by doing so.

Strolen · « **Reply #8 on:** June 12, 2013, 01:59:32 PM »

I slapped it in there. Text is somewhat difficult in the best of times. If you made it the same as you did but make the text bigger but keep the width the same, it would probably show better. For that, all I did was link directly to the forum image so it is easy to replace and test a bit.

My policy. Don't get me in trouble is my policy. Most graphics have linking permissions or reposting with a link as long as you don't do any type of editing beyond size. In most cases, if you use a picture, give credit and link back, the artist generally won't sue me about it. Generally.

Gossamer · « **Reply #9 on:** June 12, 2013, 02:12:54 PM »

Quote from: Strolen on June 12, 2013, 01:59:32 PM

I slapped it in there. Text is somewhat difficult in the best of times. If you made it the same as you did but make the text bigger but keep the width the same, it would probably show better. For that, all I did was link directly to the forum image so it is easy to replace and test a bit.

Hmm, thanks. It's not very big, but at least it's readable(for me at least). I think I'll keep the exerpt though for clarity. I dunno if I can make the text much bigger without the sentences cutting off weirdly though.

Forganthus · « **Reply #10 on:** June 12, 2013, 05:11:21 PM »

Goss:

Ah, you wrote it in Papyrus. The red letters are a little hard to pick out, at least on my monitor.

Dossta · « **Reply #11 on:** June 20, 2013, 01:52:10 PM »

Quote from: Chaosmark on September 06, 2012, 10:55:10 AM

Quote from: Scrasamax on September 06, 2012, 10:12:36 AM
Also: I want to put text next to a pic, so I could have a pic, and a column of text next to it. Is this possible, or am I having teh dumb?

You want to make the image that you've inserted float to the left. To do so, click on the image when you've inserted it, then change the "Position" dropdown from "None" to "Left". Alternately, if you want the column of text to be on the left side of the image, change it to "Right".

This is not currently working for me. I think the editor may still be a little borked from the Cataclysm. No matter how I try to set the image alignment, it reverts to centered when I save the sub (even though it appears like it's working while still on the "edit" page). Looking at the html, it appears to lose the style tags within images (as well as align tags within blockquotes, etc).

Also, The editor bar also no longer scrolls down the page with you while you edit, making it hard to add style tags to a long work.

Dossta · « **Reply #12 on:** June 20, 2013, 04:48:50 PM »

Grah. I don't want to submit this until I can get the formatting right. I'll keep working on the content until the editor is fixed, I guess, though it may end up much longer than I originally planned.

Strolen · « **Reply #13 on:** June 21, 2013, 11:01:16 AM »

Try again Dossta and let me know if it works.

Strolen · « **Reply #14 on:** June 21, 2013, 11:14:58 AM »

Fixed editor too.

Dossta · « **Reply #15 on:** June 21, 2013, 12:02:57 PM »

The editor is now floating down again when I scroll -- thanks! The picture and blockquote formatting is still not sticking, though. If it helps, I was also trying to resize a few of the images as well.

Strolen · « **Reply #16 on:** June 21, 2013, 12:48:53 PM »

Hmmm. Issue is that the style attribute is a large security risk and the editor uses the style tag instead of image attributes.

Will have to look deeper at this now.

Dossta · « **Reply #17 on:** June 21, 2013, 12:52:35 PM »

Many many thanks for looking into this. I won't submit it until I'm happy with the formatting, but this just gives me more time to iron out the content.

Gossamer · « **Reply #18 on:** June 21, 2013, 01:23:06 PM »

Speaking of formatting... Has the format of the subs changed? It just seems....smaller, or something. It just seems off somehow. Or is it just me? Been reworking my lost subs, but none of them look as good as they used to...

Strolen · « **Reply #19 on:** June 21, 2013, 01:41:47 PM »

Couple quick and dirty possible fixes.

You can use the align attribute: http://www.w3schools.com/tags/att_img_align.asp (I did them all align="left"

Or you can try and use bootstraps premade class class="pull-left" or pull-right http://twitter.github.io/bootstrap/components.html#misc

Causes a few issues with the end and blockquotes are not perfect either, but useable.

valadaar · « **Reply #20 on:** June 21, 2013, 02:06:35 PM »

We can include classes? I thought those got stripped out

Dossta · « **Reply #21 on:** June 21, 2013, 02:10:28 PM »

Will try that right after lunch. I did try using the align tags before, but maybe they're working now . . .

valadaar · « **Reply #22 on:** June 21, 2013, 02:50:53 PM »

Oh, and can we have the option for a plain, borderless table?

Dossta · « **Reply #23 on:** June 21, 2013, 04:19:40 PM »

The align tags are working now! Still can't get image sizes to stay consistent, so I'll just resize them myself before uploading. I don't know why the align tags aren't working in the blockquotes, but this definitely puts me one step closer

Gossamer · « **Reply #24 on:** June 24, 2013, 11:22:01 AM »

Okay, it's definately not just me. The Tab boxes don't work, and simply pressing space a few times won't align text the way I want it. The editor is awful now.