Go Back   Literotica Discussion Board > Main Literotica Forums > Authors' Hangout

Reply
 
Thread Tools

Old 11-04-2013, 03:26 AM   #1
LaRascasse
I dream, therefore I am
 
LaRascasse's Avatar
 
LaRascasse is offline
Join Date: Jul 2011
Location: A kite dancing in a hurricane.
Posts: 1,468
How much HTML/CSS can you put into a story?

From what I've seen, <i> <b> <u> <s> <blockquote> <a href=> work.

Can I put more stuff in as well? I'm curious about colours and fonts, but also if I can use <div> with some CSS to create partitions within the text where I can highlight important lines (think of magazines which have long articles, but a couple of blocks in the text where some catchy/key sentences are highlighted).
__________________
My stories in case you are interested. Offbeat, unconventional and just a bit dark. Just a bit, I swear


To see a World in a Grain of Sand
And a Heaven in a Wild Flower
Hold Infinity in the palm of your hand
And Eternity in an hour
-William Blake
  Reply With Quote

Old 11-04-2013, 03:39 AM   #2
Weird Harold
Opinionated Old Fart
 
Weird Harold's Avatar
 
Weird Harold is offline
Join Date: Mar 2000
Location: "Lost Wages", NV USA
Posts: 23,478
Quote:
Originally Posted by LaRascasse View Post
From what I've seen, <i> <b> <u> <s> <blockquote> <a href=> work.
Almost any HTML code will work; five of the six you list are allowed. <a href=> is NOT allowed and can get your story removed if reported.

Basically the other five are what is permissible within the desired "look and feel" of Literotica.

PS: anything beyond those five can be negotiated on a case by case basis, but you will need a very strong argument to deviate from Lit's standardized look.
__________________
Answers! I got lots of answers!

(Now if I could just figure out which questions they go to. )

Last edited by Weird Harold : 11-04-2013 at 03:42 AM.
  Reply With Quote

Old 11-04-2013, 05:53 AM   #3
LaRascasse
I dream, therefore I am
 
LaRascasse's Avatar
 
LaRascasse is offline
Join Date: Jul 2011
Location: A kite dancing in a hurricane.
Posts: 1,468
Quote:
Originally Posted by Weird Harold View Post
Almost any HTML code will work; five of the six you list are allowed. <a href=> is NOT allowed and can get your story removed if reported.

Basically the other five are what is permissible within the desired "look and feel" of Literotica.

PS: anything beyond those five can be negotiated on a case by case basis, but you will need a very strong argument to deviate from Lit's standardized look.
<a href=> is allowed as long as you link back to other Literotica pages. See the start of this story.
__________________
My stories in case you are interested. Offbeat, unconventional and just a bit dark. Just a bit, I swear


To see a World in a Grain of Sand
And a Heaven in a Wild Flower
Hold Infinity in the palm of your hand
And Eternity in an hour
-William Blake
  Reply With Quote

Old 11-04-2013, 06:30 AM   #4
Handley_Page
Draco interdum Vincit
 
Handley_Page's Avatar
 
Handley_Page is offline
Join Date: Aug 2007
Location: UK
Posts: 57,285
Bearing in mind this is essentially 'simple' board, particularly one for people to practice the craft of writing upon, why would one NEED to put all manner of codes into the text.
We're telling stories, not demonstrating HTML skills.
__________________
.
If it ain't broke, don't fix it.

Handley Page

Incident at Cemetery Junction.
" Pest Control."
"Mavis's Car Trip."
"Norman-the-dragon. "
"Stacy & the Angel. "
" Earth Tremor on Stage ? "
" Charlie's Story. "
" How to do Audio. "
http://www.literotica.com/stories/me...php?uid=883259
  Reply With Quote

Old 11-04-2013, 07:47 AM   #5
LaRascasse
I dream, therefore I am
 
LaRascasse's Avatar
 
LaRascasse is offline
Join Date: Jul 2011
Location: A kite dancing in a hurricane.
Posts: 1,468
Quote:
Originally Posted by Handley_Page View Post
Bearing in mind this is essentially 'simple' board, particularly one for people to practice the craft of writing upon, why would one NEED to put all manner of codes into the text.
We're telling stories, not demonstrating HTML skills.
There is the story, then there is the presentation of the story. While the latter is not nearly as important as the former, if given an option, I'd like to incorporate it.

Think of it this way, Lit has a certain flexibility with the way you place text. See the Illustrated stories, you can have a small segment with text on one side and an image beside. I'm just saying instead of an image, I want to keep a catchy sentence from that same page (in larger font) over there.

Again, there are other areas which can be explored without making it an exhibition of HTML skills. For instance, wouldn't you like to put part of a text in a font which looks like a handwritten note? (As of now I just italicize it). Maybe for Halloween, have bloody notes in red with dripping fonts. It's all possible, if it is allowed.
__________________
My stories in case you are interested. Offbeat, unconventional and just a bit dark. Just a bit, I swear


To see a World in a Grain of Sand
And a Heaven in a Wild Flower
Hold Infinity in the palm of your hand
And Eternity in an hour
-William Blake
  Reply With Quote

Old 11-04-2013, 08:17 AM   #6
Laurel
Kitty Mama
 
Laurel's Avatar
 
Laurel is offline
Join Date: Aug 1999
Location: This and That
Posts: 23,508
We allow bolds, italics, underlines, blockquotes, and centered text. We do not do indentation, tabs, justified text, font face/color/size changes, formatted indices, boxes, columns, tables, or background color changes.

People read Lit on a variety of devices, as well as through our Android App. We need text to be as easy to read on as many platforms for as many people as possible.
__________________
"A great future doesn't require a great past." - William Chapman
  Reply With Quote

Old 11-04-2013, 08:21 AM   #7
Laurel
Kitty Mama
 
Laurel's Avatar
 
Laurel is offline
Join Date: Aug 1999
Location: This and That
Posts: 23,508
Quote:
Originally Posted by LaRascasse View Post
Again, there are other areas which can be explored without making it an exhibition of HTML skills. For instance, wouldn't you like to put part of a text in a font which looks like a handwritten note? (As of now I just italicize it). Maybe for Halloween, have bloody notes in red with dripping fonts. It's all possible, if it is allowed.
Such font changes are not allowed. If having the special text is crucial, you can do what may authors do and create the text as an image. Instructions for doing so can be found here:
http://literotica.com/faq/05238710.shtml#06028542
__________________
"A great future doesn't require a great past." - William Chapman
  Reply With Quote

Old 11-04-2013, 09:10 AM   #8
i_would
Really Experienced
 
i_would is offline
Join Date: Jul 2012
Location: Planet Earth
Posts: 296
Quote:
Originally Posted by Laurel View Post
We allow bolds, italics, underlines, blockquotes, and centered text.
Centred text used to be the <center> tag, however this was deprecated from HTML 4.01 (published 1999), and has been completely removed from HTML 5. It has to be done using CSS now, making that one a little more complicated than the others.

So to properly format text in a story we should add the following tags:
<b>Bold text</b>
<i>Italic text</i>
<u>Underlined text</u>
<blockquote>Blockquoted text</blockquote>
<div style="margin: auto; text-align: center;">centred text</div>
  Reply With Quote

Old 11-04-2013, 09:16 AM   #9
LaRascasse
I dream, therefore I am
 
LaRascasse's Avatar
 
LaRascasse is offline
Join Date: Jul 2011
Location: A kite dancing in a hurricane.
Posts: 1,468
Quote:
Originally Posted by i_would View Post
Centred text used to be the <center> tag, however this was deprecated from HTML 4.01 (published 1999), and has been completely removed from HTML 5. It has to be done using CSS now, making that one a little more complicated than the others.

So to properly format text in a story we should add the following tags:
<b>Bold text</b>
<i>Italic text</i>
<u>Underlined text</u>
<blockquote>Blockquoted text</blockquote>
<div style="margin: auto; text-align: center;">centred text</div>
<center>Heading</center> still works. I once had a remnant of that tag on a story for a few hours before it was cleaned up.

<s>Text to strikethrough</s> also works on Lit.
__________________
My stories in case you are interested. Offbeat, unconventional and just a bit dark. Just a bit, I swear


To see a World in a Grain of Sand
And a Heaven in a Wild Flower
Hold Infinity in the palm of your hand
And Eternity in an hour
-William Blake
  Reply With Quote

Old 11-04-2013, 09:48 AM   #10
Handley_Page
Draco interdum Vincit
 
Handley_Page's Avatar
 
Handley_Page is offline
Join Date: Aug 2007
Location: UK
Posts: 57,285
All very interesting, not to say entertaining.
But without actually trying to put a story up with such things,
how does one practice getting it right ?
__________________
.
If it ain't broke, don't fix it.

Handley Page

Incident at Cemetery Junction.
" Pest Control."
"Mavis's Car Trip."
"Norman-the-dragon. "
"Stacy & the Angel. "
" Earth Tremor on Stage ? "
" Charlie's Story. "
" How to do Audio. "
http://www.literotica.com/stories/me...php?uid=883259
  Reply With Quote

Old 11-04-2013, 11:59 AM   #11
sr71plt
Literotica Guru
 
sr71plt's Avatar
 
sr71plt is offline
Join Date: Jul 2006
Location: Mid-Atlantic, USA
Posts: 51,576
I don't think that Literotica permits much window dressing, just like any publisher. The design is the purview of the publisher, not the author. What it permits is the internally functional tailoring--primarily italics. Like any publisher, it wants its product to look uniform across the set and it doesn't want all of the silly bells and whistles formatting that distracts readers from the content.
__________________
______________________
  Reply With Quote

Old 11-04-2013, 12:10 PM   #12
Cruel2BKind
Not Quite Here
 
Cruel2BKind's Avatar
 
Cruel2BKind is offline
Join Date: Feb 2011
Location: Minnesota
Posts: 2,996
Quote:
Originally Posted by Handley_Page View Post
All very interesting, not to say entertaining.
But without actually trying to put a story up with such things,
how does one practice getting it right ?
Practice in the forum? I think it's the same rules and format.
__________________
http://www.literotica.com/stories/me...ge=submissions


These be my stories, if you be interested!

Most are gay male, though I have two that are straight, and one that is a How to.

I tend to go for the darker stuff... But people seem to like it okay!
  Reply With Quote

Old 11-04-2013, 12:14 PM   #13
sr71plt
Literotica Guru
 
sr71plt's Avatar
 
sr71plt is offline
Join Date: Jul 2006
Location: Mid-Atlantic, USA
Posts: 51,576
Quote:
Originally Posted by Cruel2BKind View Post
Practice in the forum? I think it's the same rules and format.
The forum uses different format for tags than the story file does: [ ] rather than < >.
__________________
______________________
  Reply With Quote

Old 11-04-2013, 01:48 PM   #14
i_would
Really Experienced
 
i_would is offline
Join Date: Jul 2012
Location: Planet Earth
Posts: 296
Quote:
Originally Posted by Handley_Page View Post
All very interesting, not to say entertaining.
But without actually trying to put a story up with such things,
how does one practice getting it right ?
How about using the submission preview function?
  Reply With Quote

Old 11-04-2013, 03:54 PM   #15
Zeb_Carter
.-- - ..-.
 
Zeb_Carter's Avatar
 
Zeb_Carter is offline
Join Date: Jun 2006
Location: In a state...
Posts: 15,591
What's to practice?
When you what something bold in your story you type <b>text to be bold</b>.
When you what it in italics you type <i>text to be in italics</i>.
When you what that text to be centered you type <center>text to be centered</center>.
The same for strikeout <s>text</s>.
The same for block quote <blockquote>text to blockquote</blockquote>

Then when you cut and paste your story into the submission window you check everything in the preview window and fix anything that you might have screwed up. Like leaving a </i> out so you whole story is now in italics.

And as you can see...html does not work in the forums, they have that functionality turned off.
  Reply With Quote

Old 11-04-2013, 04:18 PM   #16
Bramblethorn
Mallory Heart Surgeon.
 
Bramblethorn's Avatar
 
Bramblethorn is offline
Join Date: Feb 2012
Posts: 7,015
One thing to keep in mind: some readers like to customise their viewing experience via browser settings etc, either for aesthetic reasons or just for readability. Depending on which overrides which, fancy formatting may either really annoy those readers or just not be visible to them (in which case it's better if the story doesn't rely on it).
  Reply With Quote

Old 11-04-2013, 04:49 PM   #17
TxRad
Dirty Old Man
 
TxRad's Avatar
 
TxRad is offline
Join Date: Jan 2005
Location: Texas
Posts: 35,227
How much HTML/CSS can you put into a story?

The real question might be, how much HTML/CSS do you really need?
__________________
Why yes, I am a dirty old man. Thanks for asking.

All Stories By TxRad
  Reply With Quote

Old 11-04-2013, 06:53 PM   #18
Zeb_Carter
.-- - ..-.
 
Zeb_Carter's Avatar
 
Zeb_Carter is offline
Join Date: Jun 2006
Location: In a state...
Posts: 15,591
Quote:
Originally Posted by Bramblethorn View Post
One thing to keep in mind: some readers like to customise their viewing experience via browser settings etc, either for aesthetic reasons or just for readability. Depending on which overrides which, fancy formatting may either really annoy those readers or just not be visible to them (in which case it's better if the story doesn't rely on it).
Right. But the text prints on the screen like the text is gonna print. An 80 character or so wide column of text that scrolls down quite a ways before you go to the next page. Sure you can increase the size of the font or decrease it, but it's still going to be the 80 character column of text. Make it too big and you have to scroll left and right, too small you can't read it. Oh and the text is always black on a white background.

So where does the customized look come in?
  Reply With Quote

Old 11-04-2013, 09:31 PM   #19
i_would
Really Experienced
 
i_would is offline
Join Date: Jul 2012
Location: Planet Earth
Posts: 296
Quote:
Originally Posted by Zeb_Carter View Post
Right. But the text prints on the screen like the text is gonna print. An 80 character or so wide column of text that scrolls down quite a ways before you go to the next page. Sure you can increase the size of the font or decrease it, but it's still going to be the 80 character column of text. Make it too big and you have to scroll left and right, too small you can't read it. Oh and the text is always black on a white background.

So where does the customized look come in?
The Android app will have very different layout (haven't tried that one).

Or when using greasmonkey scripts like Pagerize Literotica or Readable Literotica.
  Reply With Quote

Old 11-04-2013, 10:02 PM   #20
Zeb_Carter
.-- - ..-.
 
Zeb_Carter's Avatar
 
Zeb_Carter is offline
Join Date: Jun 2006
Location: In a state...
Posts: 15,591
Quote:
Originally Posted by i_would View Post
The Android app will have very different layout (haven't tried that one).

Or when using greasmonkey scripts like Pagerize Literotica or Readable Literotica.
Well not all of us use FireFox. And now I will definitely stop using it. Never did like that it couldn't stop popups very well, now I have another reason.
  Reply With Quote

Old 11-05-2013, 01:06 AM   #21
Bramblethorn
Mallory Heart Surgeon.
 
Bramblethorn's Avatar
 
Bramblethorn is offline
Join Date: Feb 2012
Posts: 7,015
Quote:
Originally Posted by Zeb_Carter View Post
Right. But the text prints on the screen like the text is gonna print. An 80 character or so wide column of text that scrolls down quite a ways before you go to the next page. Sure you can increase the size of the font or decrease it, but it's still going to be the 80 character column of text. Make it too big and you have to scroll left and right, too small you can't read it.
Maybe in your browser, but it certainly doesn't work that way for me in Firefox. On mine, Lit wraps to a fixed width not a fixed character count; if I increase the font size it just means fewer characters per line, for the same width. No left-right scrolling required. (And ditto in Safari, now I check.) Though the line spacing starts to look bad if I use really large fonts.

Quote:
Oh and the text is always black on a white background.
Nope. I can set my preferences to view the site in any combination of font, size, text and background colours that I choose. Even phosphor-green Courier on black, if I want to relive my misspent youth - see screenshots attached.

Quote:
So where does the customized look come in?
On Firefox, it comes in under Firefox->Preferences->Content->Fonts & Colors.
Attached Images
File Type: png lit small.png (84.2 KB, 4 views)
File Type: png lit retro.png (90.2 KB, 4 views)
  Reply With Quote

Old 11-05-2013, 03:02 AM   #22
Zeb_Carter
.-- - ..-.
 
Zeb_Carter's Avatar
 
Zeb_Carter is offline
Join Date: Jun 2006
Location: In a state...
Posts: 15,591
Quote:
Originally Posted by Bramblethorn View Post
Maybe in your browser, but it certainly doesn't work that way for me in Firefox. On mine, Lit wraps to a fixed width not a fixed character count; if I increase the font size it just means fewer characters per line, for the same width. No left-right scrolling required. (And ditto in Safari, now I check.) Though the line spacing starts to look bad if I use really large fonts.



Nope. I can set my preferences to view the site in any combination of font, size, text and background colours that I choose. Even phosphor-green Courier on black, if I want to relive my misspent youth - see screenshots attached.



On Firefox, it comes in under Firefox->Preferences->Content->Fonts & Colors.
And like I said, not everyone uses FireFox

  Reply With Quote

Old 11-05-2013, 04:03 AM   #23
Bramblethorn
Mallory Heart Surgeon.
 
Bramblethorn's Avatar
 
Bramblethorn is offline
Join Date: Feb 2012
Posts: 7,015
Quote:
Originally Posted by Zeb_Carter View Post
And like I said, not everyone uses FireFox
Nope. But you were addressing me, and I do.

Even if that was intended as a generic "you"... AFAICT most major browsers offer similar options for customisation, either out of the box or via extensions/plugins. Chrome and IE certainly do - between those three that's already 80-90% of the browser market.

I'm curious - which browser are you using that doesn't let you customise, and that forces Lit to display at ~ 80 characters per line regardless of font?
  Reply With Quote

Old 11-05-2013, 01:03 PM   #24
Zeb_Carter
.-- - ..-.
 
Zeb_Carter's Avatar
 
Zeb_Carter is offline
Join Date: Jun 2006
Location: In a state...
Posts: 15,591
Quote:
Originally Posted by Bramblethorn View Post
Nope. But you were addressing me, and I do.

Even if that was intended as a generic "you"... AFAICT most major browsers offer similar options for customisation, either out of the box or via extensions/plugins. Chrome and IE certainly do - between those three that's already 80-90% of the browser market.

I'm curious - which browser are you using that doesn't let you customise, and that forces Lit to display at ~ 80 characters per line regardless of font?
The best there is Chrome and it has served me well. A lot better than IE and Firefox. As for apps to modify what I see in my browser...no thank you, I like it just the way it is, as it is supposed to be.

Actually, it doesn't force lit to display at 80 char. Lit forces it to display at 80 char. There is a difference.
  Reply With Quote

Old 11-05-2013, 04:59 PM   #25
Bramblethorn
Mallory Heart Surgeon.
 
Bramblethorn's Avatar
 
Bramblethorn is offline
Join Date: Feb 2012
Posts: 7,015
Quote:
Originally Posted by Zeb_Carter View Post
The best there is Chrome and it has served me well. A lot better than IE and Firefox. As for apps to modify what I see in my browser...no thank you, I like it just the way it is, as it is supposed to be.
You've got things the way you like - I'm happy for you.

But my point was that many people (including quite a few who use Chrome) do customise their browsing to tweak fonts, sizes, colours, and backgrounds, and that authors who want to do fancy formatting may want to consider how that interacts with viewer customisation.

If the whole point of your response is that you personally don't use your browser's customisation options, I guess that's relevant to authors whose target audience is "Zeb Carter", but otherwise it just doesn't seem like it makes much difference. There are still many other readers who do.

Quote:
Actually, it doesn't force lit to display at 80 char. Lit forces it to display at 80 char. There is a difference.
This seemed weird to me - why would it wrap to a fixed width on two browsers but a fixed character count on a third? So I installed Chrome and tried it out, and... I have no idea what you're talking about. Lit does not "force it to display at 80 char". When I adjust the font size, it handles it gracefully - just like the other browsers - by wrapping to a fixed column width: larger font = fewer character per line. (Screenshots attached - for the largest font it works out at about 50 char/line.) Still no left-right scrolling required.

Where are you getting this "forces to display at 80 char" from?
Attached Images
File Type: png chrome_screenshot_1.png (59.0 KB, 4 views)
File Type: png chrome_screenshot_2.png (64.9 KB, 4 views)
  Reply With Quote
Reply


Thread Tools

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

vB code is On
Smilies are On
[IMG] code is On
HTML code is Off
Forum Jump



All times are GMT -4. The time now is 12:04 AM.

Copyright 1998-2013 Literotica Online. Literotica is a registered trademark.