topbanner_forum
  *

avatar image

Welcome, Guest. Please login or register.
Did you miss your activation email?

Login with username, password and session length
  • Wednesday December 11, 2024, 3:13 pm
  • Proudly celebrating 15+ years online.
  • Donate now to become a lifetime supporting member of the site and get a non-expiring license key for all of our programs.
  • donate

Last post Author Topic: Forum upgraded Nov 20, 2017  (Read 38125 times)

ConstanceJill

  • Supporting Member
  • Joined in 2012
  • **
  • Posts: 243
    • View Profile
    • Donate to Member
Re: Forum upgraded Nov 20, 2017
« Reply #25 on: November 22, 2017, 06:21 AM »
I think the only thing that really bothers me with the new appearance of quoting boxes is that there is a big opening quotation mark, but no closing one.

tomos

  • Charter Member
  • Joined in 2006
  • ***
  • Posts: 11,964
    • View Profile
    • Donate to Member
Re: Forum upgraded Nov 20, 2017
« Reply #26 on: November 22, 2017, 06:42 AM »
Re colour/s
another option would be the blue-grey + orange/ish type theme

here a couple of variations:


1) Shadow around quote removed, orangeish colour highlight - width reduced on the left:

Screenshot - 2017-11-22 , 13_20_54.pngForum upgraded Nov 20, 2017


2) a lighter shade of blue in quote (I didnt do that very well: I couldnt just make it brighter - it changed colour as well); and the orangeish colour highlight - width reduced on the left:

Screenshot - 2017-11-22 , 13_20_54 copy2.pngForum upgraded Nov 20, 2017

FWIW my vote would be for something like #1 above
Tom

cranioscopical

  • Friend of the Site
  • Supporting Member
  • Joined in 2006
  • **
  • Posts: 4,776
    • View Profile
    • Donate to Member
Re: Forum upgraded Nov 20, 2017
« Reply #27 on: November 22, 2017, 08:53 AM »
I prefer the quotation marks to be inside the panel.

What do you mean?

LowQuotationMark.png

(Also, to me the super-large opening quotation mark is indicative of a pull quote which doesn't quite suit this context.)

Don't miss the exciting next episodeā€¦ "The Comma"

mouser

  • First Author
  • Administrator
  • Joined in 2005
  • *****
  • Posts: 40,914
    • View Profile
    • Mouser's Software Zone on DonationCoder.com
    • Read more about this member.
    • Donate to Member
Re: Forum upgraded Nov 20, 2017
« Reply #28 on: November 22, 2017, 05:32 PM »
I prefer the quotation marks to be inside the panel.

Aren't they already the way you prefer them? Were they ever otherwise?

I see you what you mean about them possibly suggesting a "pull-quote".. That hadn't occurred to me..

Tuxman

  • Supporting Member
  • Joined in 2006
  • **
  • Posts: 2,508
    • View Profile
    • Donate to Member
Re: Forum upgraded Nov 20, 2017
« Reply #29 on: November 23, 2017, 05:30 AM »
The quotation is rather small here. My poor eyes!  :huh:

Unbenannt.pngForum upgraded Nov 20, 2017

mouser

  • First Author
  • Administrator
  • Joined in 2005
  • *****
  • Posts: 40,914
    • View Profile
    • Mouser's Software Zone on DonationCoder.com
    • Read more about this member.
    • Donate to Member
Re: Forum upgraded Nov 20, 2017
« Reply #30 on: November 23, 2017, 07:17 AM »
You need to Ctrl+F5 refresh on the page so the new css file is loaded.

Tuxman

  • Supporting Member
  • Joined in 2006
  • **
  • Posts: 2,508
    • View Profile
    • Donate to Member
Re: Forum upgraded Nov 20, 2017
« Reply #31 on: November 23, 2017, 07:24 AM »
Ah. I thought this was the first time I visit DC on this machine.  :huh:
Fixed!  :P

cranioscopical

  • Friend of the Site
  • Supporting Member
  • Joined in 2006
  • **
  • Posts: 4,776
    • View Profile
    • Donate to Member
Re: Forum upgraded Nov 20, 2017
« Reply #32 on: November 23, 2017, 09:08 AM »
Aren't they already the way you prefer them? Were they ever otherwise?

Nope, perhaps it's terminology. In reply #27 one set of marks is entirely within the white space, which I prefer (the first of the lower two examples).

Also, if one looks at a topic with a run of accumulated quote/response contributions, the quotations appear to look more important than the responses.

I think skwire's view (previous format was better) has considerable merit.
 

rgdot

  • Supporting Member
  • Joined in 2009
  • **
  • Posts: 2,193
    • View Profile
    • Donate to Member
Re: Forum upgraded Nov 20, 2017
« Reply #33 on: November 23, 2017, 09:15 AM »
the quotations appear to look more important than the responses.
-cranioscopical (November 23, 2017, 09:08 AM)

I get this impression as well

wraith808

  • Supporting Member
  • Joined in 2006
  • **
  • default avatar
  • Posts: 11,190
    • View Profile
    • Donate to Member
Re: Forum upgraded Nov 20, 2017
« Reply #34 on: November 23, 2017, 10:24 AM »
I think skwire's view (previous format was better) has considerable merit.
-cranioscopical (November 23, 2017, 09:08 AM)

Perhaps there's no way to easily go back to the previous format?  I would think that if he has not already considered that rather than making changes to the CSS, then perhaps that is a reason that it has less than considerable merit?

mouser

  • First Author
  • Administrator
  • Joined in 2005
  • *****
  • Posts: 40,914
    • View Profile
    • Mouser's Software Zone on DonationCoder.com
    • Read more about this member.
    • Donate to Member
Re: Forum upgraded Nov 20, 2017
« Reply #35 on: November 23, 2017, 11:22 AM »
It's easy to go back or change it in lots of ways -- it's just css.
I'm just thinking we need SOME improvement over the old style.  I kind of like this one but I'm still cogitating on the suggestions.
What would be nice is if someone made some alternative css styles for it and shared. Then we could see which we liked best.

wraith808

  • Supporting Member
  • Joined in 2006
  • **
  • default avatar
  • Posts: 11,190
    • View Profile
    • Donate to Member
Re: Forum upgraded Nov 20, 2017
« Reply #36 on: November 23, 2017, 11:46 AM »
It's easy to go back or change it in lots of ways -- it's just css.
I'm just thinking we need SOME improvement over the old style.  I kind of like this one but I'm still cogitating on the suggestions.
What would be nice is if someone made some alternative css styles for it and shared. Then we could see which we liked best.

So perhaps remove the quote, make the right and left bars something that goes more with the style of the site, and make the font a bit lighter?  Which CSS file is it?  Or can you just post the current CSS?

I see this in https://www.donation.../css/index.css?fin20

Code: CSS [Select]
  1. /* A quote, perhaps from another post. */
  2. .REN_DISABLE_blockquote.bbc_standard_quote, REN_DISABLE_blockquote.bbc_alternate_quote
  3. {
  4.         font-size: x-small;
  5.         color: #000;
  6.         line-height: 1.4em;
  7.         background: url(../images/theme/quote.png) 0.1em 0.1em no-repeat;
  8.         border-top: 2px solid #99A;
  9.         border-bottom: 2px solid #99A;
  10.         padding: 1.1em 1.4em;
  11.         margin: 0.1em 0 0.3em 0;
  12.         overflow: auto;
  13. }

Is that the CSS that would have to be played with?

mouser

  • First Author
  • Administrator
  • Joined in 2005
  • *****
  • Posts: 40,914
    • View Profile
    • Mouser's Software Zone on DonationCoder.com
    • Read more about this member.
    • Donate to Member
Re: Forum upgraded Nov 20, 2017
« Reply #37 on: November 23, 2017, 11:48 AM »
Here's the css in question -- note that the first set is overridden mostly by the second set:

Code: CSS [Select]
  1. /*
  2.  fancy block quote
  3.  https://codepen.io/maxds/pen/DcveB
  4. */
  5.  
  6.  
  7. blockquote {
  8.   display:inline-block;
  9.   background: #fff;
  10.   padding: 15px 20px 15px 45px;
  11.   margin: 5px 0 20px;
  12.   position: relative;
  13.  
  14.   /*Font*/
  15.   font-family: Georgia, serif;
  16.   font-size: 120%;
  17.   line-height: 1.2;
  18.   color: #666;
  19.   text-align: justify;
  20.  
  21.   /*Borders - (Optional)*/
  22.   border-left: 15px solid #c76c0c;
  23.   border-right: 2px solid #c76c0c;
  24.  
  25.   /*Box Shadow - (Optional)*/
  26.   -moz-box-shadow: 2px 2px 15px #ccc;
  27.   -webkit-box-shadow: 2px 2px 15px #ccc;
  28.   box-shadow: 2px 2px 15px #ccc;
  29. }
  30.  
  31. blockquote::before{
  32.   content: "\201C"; /*Unicode for Left Double Quote*/
  33.   /*Font*/
  34.   font-family: Georgia, serif;
  35.   font-size: 60px;
  36.   font-weight: bold;
  37.   color: #999;
  38.   /*Positioning*/
  39.   position: absolute;
  40.   left: 10px;
  41.   top:5px;
  42. }
  43.  
  44. blockquote::after{
  45.   /*Reset to make sure*/
  46.   content: "";
  47. }
  48.  
  49. blockquote a{
  50.   text-decoration: none;
  51.   background: #eee;
  52.   cursor: pointer;
  53.   padding: 0 3px;
  54.   color: #c76c0c;
  55. }
  56.  
  57. blockquote a:hover{
  58.  color: #666;
  59. }
  60.  
  61. blockquote em{
  62.   font-style: italic;
  63. }
  64.  
  65. .dcblockquotefrom {
  66.         font-size: 125%;
  67.         font-style: italic;
  68.         font-wight: bold;
  69.         text-align: right;
  70. }
  71.  
  72. .dcblockquotefrom_extra {
  73.         font-size: 75%;
  74.         background-color: clear;
  75. }
  76. .dcblockquotefrom_extra a {
  77.         background: none;
  78. }



Code: CSS [Select]
  1. /*
  2. We are OVERRIDING the settings in shared/dcstyles.css here for forum specific look
  3. */
  4.  
  5.  
  6. blockquote {
  7.   display:inline-block;
  8.   background: #fff;
  9.   padding: 10px 10px 10px 22px;
  10.   margin: 5px 0 10px;
  11.   position: relative;
  12.  
  13.   /*Font*/
  14.   font-size: 100%;
  15.   color: #666;
  16.   text-align: justify;
  17.  
  18.   /*Borders - (Optional)*/
  19.  
  20.   border-left: 10px solid #c76c0c;
  21.   border-right: 2px solid #c76c0c;
  22.  
  23. /*
  24.   border-left: 10px solid #7bb4e1;
  25.   border-right: 2px solid #7bb4e1;  
  26. */
  27.  
  28.   /*Box Shadow - (Optional)*/
  29.   -moz-box-shadow: 2px 2px 15px #ccc;
  30.   -webkit-box-shadow: 2px 2px 15px #ccc;
  31.   box-shadow: 2px 2px 15px #ccc;
  32. }
  33.  
  34. blockquote::before{
  35.   content: "\201C"; /*Unicode for Left Double Quote*/
  36.   /*Font*/
  37.   font-family: Georgia, serif;
  38.   font-size: 25px;
  39.   font-weight: bold;
  40.   color: #999;
  41.   /*Positioning*/
  42.   position: absolute;
  43.   left: 6px;
  44.   top: -1px;
  45. }
  46.  
  47. blockquote::after{
  48.   /*Reset to make sure*/
  49.   content: "";
  50. }
  51.  
  52. blockquote a{
  53.   text-decoration: none;
  54.   background: #eee;
  55.   cursor: pointer;
  56.   padding: 0 3px;
  57.   /* color: #c76c0c;*/
  58. }
  59.  
  60. blockquote a:hover{
  61.  color: #666;
  62. }
  63.  
  64. blockquote em{
  65.   font-style: italic;
  66. }
  67.  
  68. .dcblockquotefrom {
  69.         font-size: 100%;
  70.         font-style: italic;
  71.         font-wight: bold;
  72.         text-align: right;
  73.         margin-top: 4px;
  74. }
  75.  
  76. .dcblockquotefrom_extra {
  77.         font-size: 95%;
  78.         background-color: clear;
  79. }
  80. .dcblockquotefrom_extra a {
  81.         background: none;
  82. }

Deozaan

  • Charter Member
  • Joined in 2006
  • ***
  • Points: 1
  • Posts: 9,776
    • View Profile
    • Read more about this member.
    • Donate to Member
Re: Forum upgraded Nov 20, 2017
« Reply #38 on: November 26, 2017, 08:58 PM »
Attachment numbering has been changed from starting at 1 to starting at 0.

This means any post that had only a single image attachment and displayed it in-line with (attach=1) now shows [invalid attachment].

mouser

  • First Author
  • Administrator
  • Joined in 2005
  • *****
  • Posts: 40,914
    • View Profile
    • Mouser's Software Zone on DonationCoder.com
    • Read more about this member.
    • Donate to Member
Re: Forum upgraded Nov 20, 2017
« Reply #39 on: November 26, 2017, 09:09 PM »
Should be fixed now -- let me know if you spot any other oddities!

Deozaan

  • Charter Member
  • Joined in 2006
  • ***
  • Points: 1
  • Posts: 9,776
    • View Profile
    • Read more about this member.
    • Donate to Member
Re: Forum upgraded Nov 20, 2017
« Reply #40 on: November 26, 2017, 09:26 PM »
Fast work! :Thmbsup:

IainB

  • Supporting Member
  • Joined in 2008
  • **
  • Posts: 7,544
  • @Slartibartfarst
    • View Profile
    • Read more about this member.
    • Donate to Member
Re: Forum upgraded Nov 20, 2017
« Reply #41 on: November 27, 2017, 01:16 AM »
This is an example of how multiple quotes look when used in an ordered bulleted list:


...and in an ordered numbered list:


________________________________________________
Not bad. Seems like an improvement over the former quote style. The graphic of the LH vertical brown bar might be a bit obtrusive (dominant/distracting) though.
From a publishing and reading ergonomics and perception perspective and as a general rule, though they might "look nice" (and I think they do), the insertion of irrelevant (to the meaning of the text) graphic objects should be done sparingly, because such objects will tend to clutter and use up valuable whitespace, whilst providing little or no additional value to the page or text meaning itself, and being a potential visual distraction. This could tend to make the page less efficient for ease/speed of reading and comprehension. That's why I made use of a lot of them - i,e., to see how it all actually appeared on the page. The reader can thus more easily come to their own judgement from the example.
Minimising the size (width/height) of such objects could help to make them less obtrusive.

I think that what I write above probably echoes some of the comments already made by others in this thread.

It would be different where (say) the objects were being used as a visual cue to repeatedly distinguish between certain categories/groups of information in a textbook, on separate pages. Textbooks make use of that quite a lot, and once the categorisation system being used is understood by the reader, the general effect is that of improved/optimised ease/speed of reading and comprehension, and it makes for easier reference searching/checking as well. However, we are not writing textbooks in this case.

Just a thought: If the quotes could be given a unique (on that page) reference number - e.g. as in the little square-bracketed reference numbering used in Wikipedia - then that could also be useful, as they could then be used as hyperlinks and (optionally) footnotes, in wiki-style, or as required. It might also make it a lot easier to compile collections of related posts/notes onto one page, from disparate pages/threads - something that I occasionally do and which currently seems rather cumbersome to do on this forum.
« Last Edit: November 27, 2017, 01:28 AM by IainB »

Nod5

  • Supporting Member
  • Joined in 2006
  • **
  • Posts: 1,169
    • View Profile
    • Donate to Member
Re: Forum upgraded Nov 20, 2017
« Reply #42 on: February 02, 2018, 07:53 AM »
Does the forum support inline code formatting? Like what wrapping a part of a line in single backticks does in GitHub comments.

Deozaan

  • Charter Member
  • Joined in 2006
  • ***
  • Points: 1
  • Posts: 9,776
    • View Profile
    • Read more about this member.
    • Donate to Member
Re: Forum upgraded Nov 20, 2017
« Reply #43 on: February 02, 2018, 10:36 PM »
Does the forum support inline code formatting? Like what wrapping a part of a line in single backticks does in GitHub comments.

Yes, use <code> but change the brackets to square braces. [ ]

Or click the icon that has a pound symbol on it.

mouser

  • First Author
  • Administrator
  • Joined in 2005
  • *****
  • Posts: 40,914
    • View Profile
    • Mouser's Software Zone on DonationCoder.com
    • Read more about this member.
    • Donate to Member
Re: Forum upgraded Nov 20, 2017
« Reply #44 on: February 02, 2018, 10:45 PM »
There is a drop-down labeled "code-highlighting" that will allow you to apply syntax highlighting for a given language to a block of text.

Nod5

  • Supporting Member
  • Joined in 2006
  • **
  • Posts: 1,169
    • View Profile
    • Donate to Member
Re: Forum upgraded Nov 20, 2017
« Reply #45 on: February 03, 2018, 04:15 PM »
Deozaan & mouser:
Not code blocks, I mean a way to make e.g. only the word apple in this sentence appear as code without any linebreaks.
See https://github.com/a...down-Cheatsheet#code