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

Donna Mac replied to The Ning Team's discussion Exciting News About Ning + Cyndx LLC
"This my friends is total bullshit and we all know it.  Those of us hanging on, we belong to a club…"
4 minutes ago
Emin Schmidt replied to shironala's discussion My site is dowen again!!!! Help SOS
"Hello, its the same here with our site and no answer from the ning support. We loose the trust to n…"
50 minutes ago
Prithwis Mukerjee replied to The Ning Team's discussion Exciting News About Ning + Cyndx LLC
"Does this mean that we have nothing to do? Except wait for the Ning team to come in on Monday and s…"
6 hours ago
David Deubelbeiss replied to The Ning Team's discussion Exciting News About Ning + Cyndx LLC
"Let's not forget to mention emails from google like this below. Been going on with me for a year an…"
7 hours ago
Suzie Nielsen replied to The Ning Team's discussion Exciting News About Ning + Cyndx LLC
"I wish you luck..."
7 hours ago
Suzie Nielsen replied to Just Asking's discussion Big Brother Much?
" ya can't see them because they are not being posted... those comments."
7 hours ago
Steve Hargadon replied to The Ning Team's discussion Exciting News About Ning + Cyndx LLC
"For all those with 500 errors (which includes about half of my own networks right now) - my previou…"
9 hours ago
Suki Winthrop replied to Just Asking's discussion Big Brother Much?
"What comments are you referring to?"
10 hours ago
Chazz replied to The Ning Team's discussion Exciting News About Ning + Cyndx LLC
"Donna. I am on the group Ex Creators now, and they are helping me search for a platform that will f…"
10 hours ago
Donna Mac replied to The Ning Team's discussion Exciting News About Ning + Cyndx LLC
"Oh I understand why some browsers might work better for some, etc.,  but it just seems easier to me…"
11 hours ago
Suzie Nielsen replied to The Ning Team's discussion Exciting News About Ning + Cyndx LLC
" This is the way I understand it.... I have one member using TOR, and the rest are on Chrome...some…"
11 hours ago
Frank replied to The Ning Team's discussion Exciting News About Ning + Cyndx LLC
"Certainly not an all-purpose measure, I agree. If your site is down no browser will reach it. But f…"
12 hours ago
Donna Mac replied to The Ning Team's discussion Exciting News About Ning + Cyndx LLC
"A smaller not well known browser is not the answer.  If it is down, it is down and not the problem…"
12 hours ago
Frank replied to The Ning Team's discussion Exciting News About Ning + Cyndx LLC
"As a stopgap measure for folks who are unable to reach their Ning site, our members have reported s…"
13 hours ago
GASMAN replied to The Ning Team's discussion Exciting News About Ning + Cyndx LLC
""500; Unepected Errors" plague my main site but not my auxilary sites. Why is that? Are you targeti…"
14 hours ago
admin replied to The Ning Team's discussion Exciting News About Ning + Cyndx LLC
"Hi,
As your first priority please stabilise the existing estate.
I wanted to see how much I have be…"
15 hours ago
Roxanne Furlong replied to The Ning Team's discussion Exciting News About Ning + Cyndx LLC
"My site was working this morning like a champ, now all I get is the 500 error message. Where the he…"
15 hours ago
Ruud Janssen is now a member of NING NETWORKS EUROPE
18 hours ago
Boris Agranovich replied to Boris Agranovich's discussion Change nofollow links to dofollow links
"Thanks The Builder,

Should I put it in the customs code of my site?
If this so, than all outbound…"
yesterday
Chazz replied to The Ning Team's discussion Exciting News About Ning + Cyndx LLC
"Thank you Fire-Tech! I don't understand why I didn't Pick it up like I did everything else. This sh…"
yesterday
More…