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

⚡JFarrow⌁ replied to ⚡JFarrow⌁'s discussion
A Simple Way to Move Navigation Up Into Account Bar
"any ideas on how to get the logo up into the bar as well before the navigation?"
4 hours ago
Barney Lodge updated their profile
yesterday
Barney Lodge updated their profile photo
yesterday
ψψ ⚜ LuciStG ⚜ψψ updated their profile
yesterday
ψψ ⚜ LuciStG ⚜ψψ replied to Annabel Gregory's discussion
Email address capture
"You could ask members a profile question. I do this as well just go into settings > members >…"
yesterday
ψψ ⚜ LuciStG ⚜ψψ replied to Barney Lodge's discussion
Group Creation by Script
"As far as I Know you can not create groups on ning using a script. You have to create them one at a…"
yesterday
⚡JFarrow⌁ replied to ⚡JFarrow⌁'s discussion
A Simple Way to Move Navigation Up Into Account Bar
"yes it is now perfect and with the added bonus of a sticky navigation when fixing the account bar…"
Saturday
⚡JFarrow⌁ and Amit Sinh are now friends
Friday
⚡JFarrow⌁ updated their profile photo
Mar 16
Annabel Gregory posted a discussion
Is there a simple way to achieve this? Thanks. 
Mar 15
Barney Lodge posted a discussion
My project is attemting to create a very large number of groups, each one asscated with a house…
Mar 13
Alex - Rosas † Negras replied to JAIME DIAZ SALAZAR's discussion
Site's title name is not aligned with the rest of my page's sections names
"JAIME DIAZ SALAZAR  
I checked you have a mess in the settings ,you set a group as main"
Mar 13
More…

Meanwhile, you can check our social media channels