Skip navigation

Print colours of community pages

2875 Views 32 Replies Latest reply: Jun 9, 2012 4:22 AM by turingtest2 RSS
1 2 3 Previous Next
seventy one Level 6 Level 6 (8,445 points)
Currently Being Moderated
Jun 1, 2012 6:18 AM

My Community pages (possibly other people's too) are printed as follows.

 

Ths question / subject is in pale blue.

The time posted is in black.

 

Is it possible to change these colours or font sizes to meel the individual eyesight needs?  

Ideally I would have the questions and time detail in bold black characters.

 

Would appreciate some guidance.

  • turingtest2 Level 8 Level 8 (43,850 points)
    Currently Being Moderated
    Jun 1, 2012 9:39 AM (in response to seventy one)

    Hmm, now there's an interesting question. There is probably a way of creating a custom style sheet that gets used when printing, with better contrast. However it would be even better if ASC's own print layout did that for you so you didn't need to find a workaround.

     

    I will forward a link to this thread as a suggestion to our hosts.

     

    tt2

  • turingtest2 Level 8 Level 8 (43,850 points)
    Currently Being Moderated
    Jun 1, 2012 10:11 AM (in response to seventy one)

    Ah... I did misunderstand, but it turns out to have been useful. This is a screenshot of the print layout. Sections of text are illegible when printed on paper and the alignment of certain elements has gone to pot.

     

    ASCPrintLayout.png

     

    What browser are you using? Adding your own custom style sheet to control screen colours shouldn't be too hard. If you post a link to the page that concerns you I'll work out which elements are involved and prepare the code, let me know which browser and I'll try to find out exactly how you apply the fix.

     

    tt2

    Various PCs, iTunes 10.6.1.7, Windows XP Pro, iPad 2,iPhone3GS,iPod Classic+Nano
  • turingtest2 Level 8 Level 8 (43,850 points)
    Currently Being Moderated
    Jun 1, 2012 3:45 PM (in response to seventy one)

    OK, so a little exploring in the inner workings of these pages finds that this:

     

    CSS4.png

     

    can be transformed into this:

     

    CSS5.png

     

    with the aid of this Cascading Style Sheet infomation:

     

    .jive-table-cell-subject span a {font-weight:bold !important}

     

    .jive-table-cell-subject a:link {color:#000000 !important; text-decoration:none !important}

    .jive-table-cell-subject a:visited {color:#000000 !important; text-decoration:none !important}

    .jive-table-cell-subject a:hover {color:#7F7F7F !important; text-decoration:underline !important}

     

    .jive-table-cell-modified a:link {color:#000000 !important; text-decoration:none !important; font-weight:bold !important}

    .jive-table-cell-modified a:visited {color:#000000 !important; text-decoration:none !important}

    .jive-table-cell-modified a:hover {color:#7F7F7F !important; text-decoration:underline !important}

     

    Now the trick is to get it to work in Safari. Copy and paste the text above into TextEdit (or whatever text editor you use) and save the file as, say, ASC.CSS. Then go to Safari > Preferences > Advanced > Style Sheet > Other and browse to your file. It should just work, and it should only affect the colours/weights on ASC or a similar Jive driven site.

     

    As it stands I've only fixed the font colours/weights for the discussions view of the communities pages. There may be other pages that would need further custom styles defined to give a more consistent look as you visit different areas of the site. There is also the danger that a major revision of the site could redefine the class labels used for different elements of the page, in which case the code would need updating.

     

    tt2

    Various PCs, iTunes 10.6.1.7, Windows XP Pro, iPad 2,iPhone3GS,iPod Classic+Nano
  • turingtest2 Level 8 Level 8 (43,850 points)
    Currently Being Moderated
    Jun 1, 2012 4:45 PM (in response to seventy one)

    I'm sure you can copy the right section of text from above and paste it into a text file. In Safari just call up the preferences dialog and choose your saved text file after selecting Other in the Style sheet section.

     

    CSS6.png

     

    Using a custom style sheet only affects the way a web page appears for you, and if you don't like the effect simply change back to None Selected:

     

    CSS7.png

     

    The text I wrote for you is highly specific to Apple Support Communities, but in principle the same technique can be applied more widely, e.g. to make all hyperlinks on any page appear in large red flashing letters if that's what you really want..

     

    tt2

    Various PCs, iTunes 10.6.1.7, Windows XP Pro, iPad 2,iPhone3GS,iPod Classic+Nano
  • léonie Level 8 Level 8 (46,355 points)
    Currently Being Moderated
    Jun 1, 2012 6:47 PM (in response to turingtest2)

  • turingtest2 Level 8 Level 8 (43,850 points)
    Currently Being Moderated
    Jun 2, 2012 3:15 AM (in response to seventy one)

    Not sure what your home file is. Do you mean folder? The text needs to be copied into a plain text file and stored somewhere on your computer that suits you. By convention it would be given a .css extention but I'm fairly sure Safari would open it if it were called asc.txt or just asc. Not having a Mac I'm not too familiar with the way it associates files with applications, but plain text files are fairly straightforward.

     

    Once you've clicked Other it should be a matter of selecting the file from the list of files shown, or using the tools to change folders so that you can find & select it.

     

    CSS is separate from Java so that isn't an issue.

     

    tt2

  • turingtest2 Level 8 Level 8 (43,850 points)
    Currently Being Moderated
    Jun 5, 2012 4:36 PM (in response to seventy one)

    After clicking on Other... you should have a file selection dialog of some kind, which should let you browse around your folders and locate the file to select. I'll try and grab a Mac-savvy helper to fill in the blanks in my description of the process.

     

    tt2

  • turingtest2 Level 8 Level 8 (43,850 points)
    Currently Being Moderated
    Jun 6, 2012 1:47 AM (in response to seventy one)

    I'm sure you'll have created the text file properly, but just in case there is some oddity with the way that went I have uploaded my copy of asc.css that is working now in Safari for Windows to my website. If needs be you should be able to option-click on that link and download the file.

     

    After clicking on Other... in Safari preferences I would expect you to have a dialog like this one. Clicking on the From: section should allow you to browse to the folder with the stylesheet.

     

    remove

     

    (From a descripton of the process here)

     

    I've also reached out for some more help. Hopefully someone who can fill in the gaps in my knowledge of how this works on a Mac will be along shortly.

     

    tt2

    Various PCs, iTunes 10.6.1.7, Windows XP Pro, iPad 2,iPhone3GS,iPod Classic+Nano
1 2 3 Previous Next

Actions

More Like This

  • Retrieving data ...

Bookmarked By (0)

Legend

  • This solved my question - 10 points
  • This helped me - 5 points
This site contains user submitted content, comments and opinions and is for informational purposes only. Apple disclaims any and all liability for the acts, omissions and conduct of any third parties in connection with or related to your use of the site. All postings and use of the content on this site are subject to the Apple Support Communities Terms of Use.