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

Forum

NC for Hire

Hi folks,

You must have seen my previous tip "Youtube Like Pagination". In addition to that, I'm going to show you how to make search bar more attractive and matching with youtube like pagination.

Simply copy and paste the following code into advanced CSS box. That's it. 

If search image link is broken, please find the attached file and download it. 

Keep adding and keep enjoying. Subscribe to tips for NCs for more.

Also you can contact me for better network customization and other ning stuff @ bernardmax@gmail.com

The Code 

<!-- SEARCH BAR CUSTOMIZATION BEGIN -->

.module_searchbar .xg_module_body {
-moz-box-shadow: inset 0 1px 5px rgba(0,0,0,0.25),0 1px 0 #fff;
-ms-box-shadow: inset 0 1px 5px rgba(0,0,0,0.25),0 1px 0 #fff;
-webkit-box-shadow: inset 0 1px 5px rgba(0, 0, 0, 0.25),0 1px 0 white;
box-shadow: inset 0 1px 5px rgba(0, 0, 0, 0.25),0 1px 0 white;
filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#ffc8c8c8,EndColorStr=#ffe6e6e6);
background-image: -moz-linear-gradient(top,#C8C8C8 0,#E6E6E6 100%);
background-image: -ms-linear-gradient(top,#C8C8C8 0,#E6E6E6 100%);
background-image: -o-linear-gradient(top,#C8C8C8 0,#E6E6E6 100%);
background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0,#C8C8C8),color-stop(100%,#E6E6E6));
background-image: -webkit-linear-gradient(top,#C8C8C8 0,#E6E6E6 100%);
background-image: linear-gradient(to bottom,#C8C8C8 0,#E6E6E6 100%);
}

.module_searchbar .xg_icon-search {
background: url(http://api.ning.com:80/files/BGFE84IJT1uV9RBHKKRGAVdQQLfuOBoefOT*aXST3Lzu6pGhGWy-j1ZcFpZeZ-JvTHt44l8DCAw8oDYtgVP5ME-dJq2cgXc2/search.png?xn_version=201210232201) no-repeat scroll 0 0 transparent;
height: 31px;
width: 90px;
}

<!--SEARCH BAR CUSTOMIZATION END -->

 

Live Example

Screenshot Example:

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

Join Ning Creators Network

Email me when people reply –

Replies

  • Nice and slick! I dig! :) Thanks!

  • Nice :)

  • sweet

  • NC for Hire

    Thanks guys...

  • NC for Hire

    Hi Hoao,

    There is another attachment. Please open that...copy and paste it directly. If it still doesn't work, let me know. 

  • NC for Hire

    Hi Joan,

    Where did you paste the code? Top of all codes inside Advanced CCS? Bottom of all codes inside Advanced CCS? Just change the place and see what happens. 

  • NC for Hire

    Thanks Joao. Glad it worked for you now. 

This reply was deleted.

Search the Creators Network

Latest Activity

steve davies replied to Traddie's discussion Can't Sign in or out of my Network, or add blogs
"Are many of you pasting from MS Word into Ning?
Had an issue with some work I did years ago. Turned…"
1 hour ago
steve davies replied to Traddie's discussion Can't Sign in or out of my Network, or add blogs
"Here is my update from the other convo - Steve D, Canberra
UPDATE: Ning contacted me quite quickly.…"
1 hour ago
steve davies replied to steve davies's discussion Can't sign out of my site etc
"UPDATE: Ning contacted me quite quickly. Said that they had cleaned up some 'stuff' at their end. T…"
1 hour ago
Garfield Archivist replied to steve davies's discussion Can't sign out of my site etc
"I think you missed the part where Steve said they don't care. If you don't pay they will cancel you…"
3 hours ago
Kos replied to Seth Regan's discussion Network down... AGAIN?!?!?!??!
"Seth you do realize you're preaching to choir here b/c Ning is not involved in the forums..........…"
6 hours ago
Kos replied to Seth Regan's discussion Migration from a broken 2.0 to 3.0
"1.  I lost no content and all my members made it ro 3.0 just fine.
2.  Yes some things are missing…"
6 hours ago
Seth Regan replied to steve davies's discussion Can't sign out of my site etc
"I'm not paying anymore till it's fixed."
7 hours ago
Seth Regan replied to Seth Regan's discussion Network down... AGAIN?!?!?!??!
"I'm just gonna keep making a big stink about it.... cuz well... it STINKS!"
7 hours ago
Just Asking replied to Seth Regan's discussion Network down... AGAIN?!?!?!??!
"Yeah, I have said the same thing on the FB page. One of my competitors was closing and I was poised…"
7 hours ago
Steve C replied to steve davies's discussion Can't sign out of my site etc
"We're paying for a service that doesn't care."
7 hours ago
Seth Regan replied to Seth Regan's discussion Network down... AGAIN?!?!?!??!
"Oh and now they wanna raise prices?!?!?!"
7 hours ago
Seth Regan replied to Seth Regan's discussion Network down... AGAIN?!?!?!??!
"I've lost more than that... I've lost MEMBERS which I've worked very hard to get to join. I've lost…"
7 hours ago
Just Asking replied to Seth Regan's discussion Migration from a broken 2.0 to 3.0
"3.0 is still missing a lot of features. They never finished developing it. :/ This doesn't answer y…"
7 hours ago
Seth Regan replied to The Ning Team's discussion Notice of 2016 Storage Limit and Pricing Plan Changes
"You're raising pricing while 2.0 hasn't even been working right for weeks???? Are you insane?
Get m…"
7 hours ago
Seth Regan replied to Crystal's discussion It's Time - Creators 3.0 Launches Wednesday - UPDATE - It's LIVE!
"Are you going to finally fix 2.0? My network is STILL having 500 Error issues."
8 hours ago
Seth Regan replied to steve davies's discussion Can't sign out of my site etc
"Are we to ask all of our members to "try a different browser"? NO! This should just WORK! It's utte…"
8 hours ago
Just Asking replied to Seth Regan's discussion Network down... AGAIN?!?!?!??!
"*Like* *Like* *Like* *Like* *Like* 
Ditto that. I've lost more than a week because of these errors,…"
8 hours ago
Kos replied to steve davies's discussion Can't sign out of my site etc
"File a ticket online (if you can't on your website) http://ec2-75-101-132-140.compute-1.amazonaws.c&hellip;"
8 hours ago
Jim Gramza replied to steve davies's discussion Can't sign out of my site etc
"Won't even let me send a ticket."
8 hours ago
Jim Gramza replied to steve davies's discussion Can't sign out of my site etc
"You got that right!"
8 hours ago
More…