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

NC for Hire

I've been playing around with my messaging pages today and though I'd share the results in case it's of any use.

Basically, I've added some neater looking tabs on the reply/delete options, done something similar for the Inbox/Sent etc tabs, put a border round the message and highlighted the Compose button a bit better:

Here's how she's looking


And here's the CSS in the old editor. Not tried it in the DS.


/* Styling inbox messages*/
.xg_widget_profiles_message ul.page_tabs {
    clear: right;
    margin-bottom: 10px;
    margin-left: 0;
    margin-right: 0;
    margin-top: -5px;
    width: 100%;
    z-index: 1;
}
#message-detail-actions li, #message-reply-actions li {
background-color: #EEEEEE;
border:solid 1px #c1c1c1;
border-radius: 5px 5px 0 0;
-moz-border-radius: 5px 5px 0 0;
-webkit-border-radius: 5px 5px 0 0;
float: left;
padding:5px 7px 2px;
text-shadow: 1px 1px #ffffff;
}
.xg_widget_profiles_message_show .xg_user_generated{
background:#ffffff;
border:solid 1px #c1c1c1;
padding:5px;
}

#message-detail-actions {
    border-width: 0 !important;
    margin: 1.2em 0 1px;
    padding: 0;
}
.xg_widget_profiles_message ul.page_tabs li.this a, ul.page_tabs li.this span.xg_tabs {
    background-color: #EEEEEE;
border-radius: 5px 5px 0 0;
-moz-border-radius: 5px 5px 0 0;
-webkit-border-radius: 5px 5px 0 0;
padding:5px 7px 2px;
text-shadow: 1px 1px #ffffff;
}
#xg_compose_tab {
    background-color: #EEEEEE;
border:solid 1px #C1C1C1;
border-radius: 5px 5px 0 0;
-moz-border-radius: 5px 5px 0 0;
-webkit-border-radius: 5px 5px 0 0;
    bottom: 6px;
    float: right;
    padding:5px 5px 0;
    position: relative;
}

/* Styling inbox messages END*/


More tips on my profile page.

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

  • Another great tip. It seems to be working just fine in the DS. 

  • NC for Hire

    fantastic!

  • 3200935?profile=original

  • Sniff...sniff...I couldn't get it to work and it looks sooo cool! 

  • Another goodie. Thanks again.

  • This reply was deleted.
    • NC for Hire
      Hey Armani, I don't see this effect on modules using this code, and there is nothing in the code that suggests it would do what you're seeing. I reckon you must have some other code that is affecting your site.
      Sp
  • Love it!  thanks!

  • This reply was deleted.
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

Paul Jackson updated their profile
Thursday
eric1612 updated their profile
Aug 20
Tony A updated their profile
Aug 13
Tyler Masonry updated their profile
Aug 9
⚡JFarrow⌁ posted a discussion
I am trying to find just one working example of an app or utility that runs with the Ning API. No…
Aug 7
Eva updated their profile
Aug 2
Eva liked Steve C's discussion Ning's staff is in Kyiv. Keep them in your hearts.
Aug 2
Eva liked ⚡JFarrow⌁'s discussion What is going on with Ning? What Do We have to Look Forward To?
Aug 2
Chris Egg updated their profile
Jul 30
Eva liked Ning Support's discussion New feature added into Group Permissions
Jul 29
Arissa Seah updated their profile
Jul 27
APOSTLE TEYSHANA WILEY liked Ning Support's discussion New feature added into Group Permissions
Jul 25
More…

Meanwhile, you can check our social media channels