llamaenterhear
Username: Password:

Author Topic: Pics and formatting  (Read 2067 times)

0 Members and 1 Lonely Barbarian are spying on this topic.

Offline Scrasamax

  • The Rogue Scholar
  • Emperor
  • ****
  • Posts: 3420
  • 20% Cooler
  • Awards 2013 Most Submissions 2012 Most Quest Submissions Elite Systems Guild Elite Questor Gold Creator 10 Hall of Heroes 10
    • Scras' Blog
    • Awards
Pics and formatting
« 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


Stout Lagerale of the Dwarven Guild
STR: 4 | END: 4 | CON: 4 | DEX: 2 | CHA: 2 | INT: 4

Tentacle Tentacle Sanity Schmanity

Offline Chaosmark

  • Harbringer of Segfaults
  • Strolenati
  • Emperor
  • *
  • Posts: 1222
  • Awards Master Questor Item Guild Hall of Heroes 10
    • The Sleepless Hacker
    • Awards
Re: Pics and formatting
« Reply #1 on: September 06, 2012, 10:55:10 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".
P(A|B) = P(B|A)*P(A)/P(B)

By the power of Bayes!

Acolyte Lithil Darkheart – Level 1 Necromancer
STR: 1 | END: 2 | CON: 3 | DEX: 3 | CHA: 3 | INT: 3

Current guild quest: --

Offline Strolen

  • Ignorance Incarnate
  • Guild Leader
  • Emperor
  • *
  • Posts: 7966
  • All your base are belong to us.
  • Awards Locations Guild Questor Locations Guild Elite Item Guild Hall of Heroes 10 Plot Guild
    • Strolen's Citadel
    • Awards
Re: Pics and formatting
« 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.

Flying Squirrel – Strolenati Guild
Grothar Rockfury - Dwarvish Guild
Minor Minion - Cartographer's Guild
Level 3
STR: 5 | END: 2 | CON: 3 | DEX: 2 | CHA: 2 | INT: 6
Authentic Strolenite™©® | Llama is as Llama does.


Offline Scrasamax

  • The Rogue Scholar
  • Emperor
  • ****
  • Posts: 3420
  • 20% Cooler
  • Awards 2013 Most Submissions 2012 Most Quest Submissions Elite Systems Guild Elite Questor Gold Creator 10 Hall of Heroes 10
    • Scras' Blog
    • Awards
Re: Pics and formatting
« 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.


Stout Lagerale of the Dwarven Guild
STR: 4 | END: 4 | CON: 4 | DEX: 2 | CHA: 2 | INT: 4

Tentacle Tentacle Sanity Schmanity

Offline Gossamer

  • Procrastinator Extraordinaire
  • Strolenati
  • Grand Master
  • *
  • Posts: 658
  • Status Quo is the DEVIL
  • Awards Hall of Heroes 2013 Best Play By Post Player 2013 Newbie of the Year
    • Awards
Re: Pics and formatting
« 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.
Samotny Osovjaltek - Dwarven Guild – Level 1
STR: 3 | END: 3 | CON: 3 | DEX: 5 | CHA: 2 | INT: 4

Offline Strolen

  • Ignorance Incarnate
  • Guild Leader
  • Emperor
  • *
  • Posts: 7966
  • All your base are belong to us.
  • Awards Locations Guild Questor Locations Guild Elite Item Guild Hall of Heroes 10 Plot Guild
    • Strolen's Citadel
    • Awards
Re: Pics and formatting
« 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.

Flying Squirrel – Strolenati Guild
Grothar Rockfury - Dwarvish Guild
Minor Minion - Cartographer's Guild
Level 3
STR: 5 | END: 2 | CON: 3 | DEX: 2 | CHA: 2 | INT: 6
Authentic Strolenite™©® | Llama is as Llama does.


Offline Gossamer

  • Procrastinator Extraordinaire
  • Strolenati
  • Grand Master
  • *
  • Posts: 658
  • Status Quo is the DEVIL
  • Awards Hall of Heroes 2013 Best Play By Post Player 2013 Newbie of the Year
    • Awards
Re: Pics and formatting
« Reply #6 on: June 11, 2013, 12:54:34 PM »
Attach your graphic in the forum which has bigger limits and let me take a look at it.

Okay.
Samotny Osovjaltek - Dwarven Guild – Level 1
STR: 3 | END: 3 | CON: 3 | DEX: 5 | CHA: 2 | INT: 4

Offline Dossta

  • Anti-Entropy Specialist
  • Squirrel Strolenati
  • Master
  • *
  • Posts: 481
  • Awards 2013 Society of the Year Item Guild 2012 Dungeon of the Year Elite Questor Hall of Heroes 10 Master Questor
    • Awards
Re: Pics and formatting
« 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.

Journeyman Strolenati – Strolenati Guild
Tale Spinner - Weavers Guild
Level 3
STR: 4 | END: 4 | CON: 3 | DEX: 6 | CHA: 3 | INT: 5
"The omniscient have no need for beliefs and no room for delusion."

Offline Strolen

  • Ignorance Incarnate
  • Guild Leader
  • Emperor
  • *
  • Posts: 7966
  • All your base are belong to us.
  • Awards Locations Guild Questor Locations Guild Elite Item Guild Hall of Heroes 10 Plot Guild
    • Strolen's Citadel
    • Awards
Re: Pics and formatting
« 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.

Flying Squirrel – Strolenati Guild
Grothar Rockfury - Dwarvish Guild
Minor Minion - Cartographer's Guild
Level 3
STR: 5 | END: 2 | CON: 3 | DEX: 2 | CHA: 2 | INT: 6
Authentic Strolenite™©® | Llama is as Llama does.


Offline Gossamer

  • Procrastinator Extraordinaire
  • Strolenati
  • Grand Master
  • *
  • Posts: 658
  • Status Quo is the DEVIL
  • Awards Hall of Heroes 2013 Best Play By Post Player 2013 Newbie of the Year
    • Awards
Re: Pics and formatting
« Reply #9 on: June 12, 2013, 02:12:54 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.
Samotny Osovjaltek - Dwarven Guild – Level 1
STR: 3 | END: 3 | CON: 3 | DEX: 5 | CHA: 2 | INT: 4

Offline Forganthus

  • Apprentice
  • *
  • Posts: 48
  • DM, Biochemist, and Boxer.
  • Awards Golden Creator 2013 Plot of the Year 2012 Plot of the Year 2013 Sub of the Year Lifeforms Guild Hall of Heroes 10
    • Awards
Re: Pics and formatting
« 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.
"Can I use a repair check to strap the trash can to my head?"

Offline Dossta

  • Anti-Entropy Specialist
  • Squirrel Strolenati
  • Master
  • *
  • Posts: 481
  • Awards 2013 Society of the Year Item Guild 2012 Dungeon of the Year Elite Questor Hall of Heroes 10 Master Questor
    • Awards
Re: Pics and formatting
« Reply #11 on: June 20, 2013, 01:52:10 PM »
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. 

Journeyman Strolenati – Strolenati Guild
Tale Spinner - Weavers Guild
Level 3
STR: 4 | END: 4 | CON: 3 | DEX: 6 | CHA: 3 | INT: 5
"The omniscient have no need for beliefs and no room for delusion."

Offline Dossta

  • Anti-Entropy Specialist
  • Squirrel Strolenati
  • Master
  • *
  • Posts: 481
  • Awards 2013 Society of the Year Item Guild 2012 Dungeon of the Year Elite Questor Hall of Heroes 10 Master Questor
    • Awards
Re: Pics and formatting
« 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. :)

Journeyman Strolenati – Strolenati Guild
Tale Spinner - Weavers Guild
Level 3
STR: 4 | END: 4 | CON: 3 | DEX: 6 | CHA: 3 | INT: 5
"The omniscient have no need for beliefs and no room for delusion."

Offline Strolen

  • Ignorance Incarnate
  • Guild Leader
  • Emperor
  • *
  • Posts: 7966
  • All your base are belong to us.
  • Awards Locations Guild Questor Locations Guild Elite Item Guild Hall of Heroes 10 Plot Guild
    • Strolen's Citadel
    • Awards
Re: Pics and formatting
« Reply #13 on: June 21, 2013, 11:01:16 AM »
Try again Dossta and let me know if it works.

Flying Squirrel – Strolenati Guild
Grothar Rockfury - Dwarvish Guild
Minor Minion - Cartographer's Guild
Level 3
STR: 5 | END: 2 | CON: 3 | DEX: 2 | CHA: 2 | INT: 6
Authentic Strolenite™©® | Llama is as Llama does.


Offline Strolen

  • Ignorance Incarnate
  • Guild Leader
  • Emperor
  • *
  • Posts: 7966
  • All your base are belong to us.
  • Awards Locations Guild Questor Locations Guild Elite Item Guild Hall of Heroes 10 Plot Guild
    • Strolen's Citadel
    • Awards
Re: Pics and formatting
« Reply #14 on: June 21, 2013, 11:14:58 AM »
Fixed editor too.

Flying Squirrel – Strolenati Guild
Grothar Rockfury - Dwarvish Guild
Minor Minion - Cartographer's Guild
Level 3
STR: 5 | END: 2 | CON: 3 | DEX: 2 | CHA: 2 | INT: 6
Authentic Strolenite™©® | Llama is as Llama does.


Offline Dossta

  • Anti-Entropy Specialist
  • Squirrel Strolenati
  • Master
  • *
  • Posts: 481
  • Awards 2013 Society of the Year Item Guild 2012 Dungeon of the Year Elite Questor Hall of Heroes 10 Master Questor
    • Awards
Re: Pics and formatting
« 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.

Journeyman Strolenati – Strolenati Guild
Tale Spinner - Weavers Guild
Level 3
STR: 4 | END: 4 | CON: 3 | DEX: 6 | CHA: 3 | INT: 5
"The omniscient have no need for beliefs and no room for delusion."

Offline Strolen

  • Ignorance Incarnate
  • Guild Leader
  • Emperor
  • *
  • Posts: 7966
  • All your base are belong to us.
  • Awards Locations Guild Questor Locations Guild Elite Item Guild Hall of Heroes 10 Plot Guild
    • Strolen's Citadel
    • Awards
Re: Pics and formatting
« 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.

Flying Squirrel – Strolenati Guild
Grothar Rockfury - Dwarvish Guild
Minor Minion - Cartographer's Guild
Level 3
STR: 5 | END: 2 | CON: 3 | DEX: 2 | CHA: 2 | INT: 6
Authentic Strolenite™©® | Llama is as Llama does.


Offline Dossta

  • Anti-Entropy Specialist
  • Squirrel Strolenati
  • Master
  • *
  • Posts: 481
  • Awards 2013 Society of the Year Item Guild 2012 Dungeon of the Year Elite Questor Hall of Heroes 10 Master Questor
    • Awards
Re: Pics and formatting
« 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.

Journeyman Strolenati – Strolenati Guild
Tale Spinner - Weavers Guild
Level 3
STR: 4 | END: 4 | CON: 3 | DEX: 6 | CHA: 3 | INT: 5
"The omniscient have no need for beliefs and no room for delusion."

Offline Gossamer

  • Procrastinator Extraordinaire
  • Strolenati
  • Grand Master
  • *
  • Posts: 658
  • Status Quo is the DEVIL
  • Awards Hall of Heroes 2013 Best Play By Post Player 2013 Newbie of the Year
    • Awards
Re: Pics and formatting
« 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...
Samotny Osovjaltek - Dwarven Guild – Level 1
STR: 3 | END: 3 | CON: 3 | DEX: 5 | CHA: 2 | INT: 4

Offline Strolen

  • Ignorance Incarnate
  • Guild Leader
  • Emperor
  • *
  • Posts: 7966
  • All your base are belong to us.
  • Awards Locations Guild Questor Locations Guild Elite Item Guild Hall of Heroes 10 Plot Guild
    • Strolen's Citadel
    • Awards
Re: Pics and formatting
« 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.

Flying Squirrel – Strolenati Guild
Grothar Rockfury - Dwarvish Guild
Minor Minion - Cartographer's Guild
Level 3
STR: 5 | END: 2 | CON: 3 | DEX: 2 | CHA: 2 | INT: 6
Authentic Strolenite™©® | Llama is as Llama does.


Offline valadaar

  • Lord Ascendant of Typos
  • Emperor
  • ****
  • Posts: 2945
  • Awards Locations Guild Elite Golden Creator Lifeforms Guild Elite Elite NPC Guild Hall of Heroes 10 Master Questor
    • Awards
Re: Pics and formatting
« Reply #20 on: June 21, 2013, 02:06:35 PM »
We can include classes? I thought those got stripped out :)
   
         Human Strolenati
         Strolenati Guild
         DwarvenGuild - Dorak Stonehammer
         Weavers Guild
         Level 3
         STR: 4| END: 4| CON: 4| DEX: 4 | CHA: 3 | INT: 7
         Authentic Strolenite™©®
      
   
            
         
                
         

Offline Dossta

  • Anti-Entropy Specialist
  • Squirrel Strolenati
  • Master
  • *
  • Posts: 481
  • Awards 2013 Society of the Year Item Guild 2012 Dungeon of the Year Elite Questor Hall of Heroes 10 Master Questor
    • Awards
Re: Pics and formatting
« 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 . . .

Journeyman Strolenati – Strolenati Guild
Tale Spinner - Weavers Guild
Level 3
STR: 4 | END: 4 | CON: 3 | DEX: 6 | CHA: 3 | INT: 5
"The omniscient have no need for beliefs and no room for delusion."

Offline valadaar

  • Lord Ascendant of Typos
  • Emperor
  • ****
  • Posts: 2945
  • Awards Locations Guild Elite Golden Creator Lifeforms Guild Elite Elite NPC Guild Hall of Heroes 10 Master Questor
    • Awards
Re: Pics and formatting
« Reply #22 on: June 21, 2013, 02:50:53 PM »
Oh, and can we have the option for a plain, borderless table?
   
         Human Strolenati
         Strolenati Guild
         DwarvenGuild - Dorak Stonehammer
         Weavers Guild
         Level 3
         STR: 4| END: 4| CON: 4| DEX: 4 | CHA: 3 | INT: 7
         Authentic Strolenite™©®
      
   
            
         
                
         

Offline Dossta

  • Anti-Entropy Specialist
  • Squirrel Strolenati
  • Master
  • *
  • Posts: 481
  • Awards 2013 Society of the Year Item Guild 2012 Dungeon of the Year Elite Questor Hall of Heroes 10 Master Questor
    • Awards
Re: Pics and formatting
« 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 :D

Journeyman Strolenati – Strolenati Guild
Tale Spinner - Weavers Guild
Level 3
STR: 4 | END: 4 | CON: 3 | DEX: 6 | CHA: 3 | INT: 5
"The omniscient have no need for beliefs and no room for delusion."

Offline Gossamer

  • Procrastinator Extraordinaire
  • Strolenati
  • Grand Master
  • *
  • Posts: 658
  • Status Quo is the DEVIL
  • Awards Hall of Heroes 2013 Best Play By Post Player 2013 Newbie of the Year
    • Awards
Re: Pics and formatting
« 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.
Samotny Osovjaltek - Dwarven Guild – Level 1
STR: 3 | END: 3 | CON: 3 | DEX: 5 | CHA: 2 | INT: 4