Current status of the Ning Platform is always available on the Ning Status Blog.

NC for Hire

 

 

CSS

#header, .icon-action, .post-footer, #comments h4, .postprint, .header, #sidebar-right-1, #sidebar-left-1, .sidebar, #footer-wrapper, #footer, .date-header, .post-meta-data, .comment-link, .comment-footer, #blog-pager, #backlinks-container, #navbar-section,#navbar-iframe, .subscribe_notice, .noprint {display: none;}

 

HTML

<span style='background: url(https://storage.ning.com/topology/rest/1.0/file/get/10907930669?profile=original) left no-repeat; padding-left: 42px; font-size:18px; font-weight:bold;'><a href='javascript:window.print()'> Print the post </a></span>

You need to be a member of Ning Creators Social Network to add comments!

Join Ning Creators Social Network

Votes: 0
Email me when people reply –

Replies

  • This code is not correct

    This line refers to an external css style sheet and does not belong in your global css as it does nothing, using this you would use in html to point to a css file which has the style rules in it for printing and by just having this line in your css will be ignored.

    <style media='print' type='text/css'>

    The rest of the css you have just refers to elements on your web page and WILL affect your normal layout, for instance

    .column-center-inner{width: 940px !important;}

    The above line will simply set the column-center-inner of the page to 940px wide as it just a line of css outside of any printing rule and the same for all the other css above it and will make all the elements in that block of code  not show because of the display none.

    Also for the html all you have added is a <a> link tag called Print the post and will not do anything if clicked on.

    You have either missed out posting the required code or this code above is incomplete.

    • NC for Hire

      Bizz 

      thanks a lot i changed the codes now they are perfect
      • css is still wrong though as it's still a global css style, normally you would either write an external style sheet for your print style or wrap your css style for printing in a media type css like this

        @media print{

        #header{ display:none }

        }

        for example

         

This reply was deleted.
 

Some interesting articles related to community management, digital marketing etc. could be found in our digest. Don't hesitate to leave a feedback so we would know that we should continue :-)

Latest Activity

Adul Rodri is now friends with ANGE.L LUAR and Margarida Maria Madruga
Feb 14
Shweta Sharma updated their profile
Jan 26
catherine martin updated their profile
Jan 16
Donna MacShoe updated their profile photo
Jan 15
⚡JFarrow⌁ replied to ⚡JFarrow⌁'s discussion
For Creators and Admins: Easy Way to Create a Community Status Report
"This is still one of the best posts for RSS feeds"
Jan 8
brahim jounh updated their profile
Dec 28, 2023
Sewerz updated their profile
Dec 20, 2023
guss replied to Alex - Rosas † Negras's discussion
Audio/Video Call - Start Google Meet on each members page ( Browser Popup Window )
"Hello, how do I install Google Meet on each member's page?"
Dec 17, 2023
Eva updated their profile
Dec 16, 2023
⚡JFarrow⌁ updated their profile photo
Dec 14, 2023
Tsaaro Counsulting updated their profile
Dec 12, 2023
Eva updated their profile
Dec 10, 2023
More…

Meanwhile, you can check our social media channels