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

Angie Breidenbach updated their profile
15 hours ago
Ning Support posted a discussion
 
We’ve expanded Group Admin capabilities with a new permission: Delete Comments
Where to find it…
yesterday
kostasgr liked Alex - Rosas † Negras's discussion I managed to add group video calling, if anyone is interested I will post the codes
Jul 8
Steve C replied to ⚡JFarrow⌁'s discussion
What is going on with Ning? What Do We have to Look Forward To?
"Ning is based in California but operations are in Kyiv, Ukraine. Due to the war, operations may…"
Jul 6
Alex - Rosas † Negras replied to Alex - Rosas † Negras's discussion
I managed to add group video calling, if anyone is interested I will post the codes
"⚡JFarrow⌁  
I'm working on the stories and I don't have time to work on the video call you just…"
Jun 28
Alex - Rosas † Negras replied to Alex - Rosas † Negras's discussion
I managed to add group video calling, if anyone is interested I will post the codes
"if you want I'll give you the codes privately and we'll see if the two of us can make it perfect"
Jun 27
Eva and ⚡JFarrow⌁ are now friends
NC for Hire
Jun 25
⚡JFarrow⌁ replied to Eva's discussion
For three days now, my networks, Ning 2.0 and Ning 3.0, are incorrectly visible
"Ug... thats not right..  ill send you my phone number in messages and we'll talk it over."
Jun 24
Eva replied to Eva's discussion
Help Help Help
" I just started a test network on Ning. I'm having the same problems there too! No photos, in…"
Jun 21
Eva posted a discussion
Jun 21
Eva posted a discussion
For three days now, my two networks, Ning 2.0 and Ning 3.0, have been displayed incorrectly, they…
Jun 21
⚡JFarrow⌁ replied to Alex - Rosas † Negras's discussion
I managed to add group video calling, if anyone is interested I will post the codes
"looks interesting"
Jun 20
More…

Meanwhile, you can check our social media channels