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

Bizz ( John ) replied to Bizz ( John )'s discussion New Feature On My Demo Site: Filtering The Activity Feed
"Thanks Kyrl that's great to hear  :-)"
38 minutes ago
Bizz ( John ) replied to Bizz ( John )'s discussion Enhance Your Social Channels Player ( All code I have used on my site )
"Your welcome Dan, glad you liked it. :-)"
39 minutes ago
Bizz ( John ) replied to Bizz ( John )'s discussion Enhance Your Social Channels Player ( All code I have used on my site )
"Thanks Giovanni :-)"
40 minutes ago
Dan Lee replied to Bizz ( John )'s discussion Enhance Your Social Channels Player ( All code I have used on my site )
"Thank you! Ning need to put you on payroll. You are a beast!"
1 hour ago
Kyryl_Ning_Support replied to Bizz ( John )'s discussion New Feature On My Demo Site: Filtering The Activity Feed
"Hi John,
Looks really interesting. I have already passed this suggestion to the management.
Thanks,…"
2 hours ago
Maessa Cucatti is now a member of Ning Creators Network
2 hours ago
Bizz ( John ) replied to Bryce Rubio's discussion A Follow-Up Message from our CEO
"Hi Jesse
There are a lot nc's willing to help on the Creators forum, if you post some questions int…"
7 hours ago
Jesse Hutson replied to Bryce Rubio's discussion A Follow-Up Message from our CEO
"Hi I realize I am just a beginner at this, and not very versed in all that is going on.  It's OK, I…"
12 hours ago
Kos replied to Bizz ( John )'s discussion New Feature On My Demo Site: Filtering The Activity Feed
"Hey John, maybe they're hiring.  lol"
20 hours ago
Bizz ( John ) replied to Bizz ( John )'s discussion How To Change A Multi Category Select Box Into A Single One
"Thanks JF :-)"
yesterday
Neil Bekemeyer is now a member of Ning Creators Network
yesterday
Kos replied to Bryce Rubio's discussion A Message from Our CEO
"The prior owners probably were in the middle of this build when the sale (and their layoff) was ann…"
yesterday
Dan Lee replied to Bryce Rubio's discussion A Follow-Up Message from our CEO
"Great to see you guys on top of things, brings joy to my heart. Keep up the great work guys. By the…"
yesterday
Dan Lee replied to Bryce Rubio's discussion A Message from Our CEO
"And everything said here. lol"
yesterday
Dan Lee replied to Bryce Rubio's discussion A Message from Our CEO
"More storgespace would be nice! Need more than 1gb.
A easy way to  add theme for uploading videos.…"
yesterday
Kos replied to Bryce Rubio's discussion A Message from Our CEO
"To clarify.  #10 above I would say a slider that actually plays off a category.  Why offer category…"
yesterday
Kos replied to Kos's discussion Something New Has Appeared
"Well that's pretty stupid.  Why offer 'category' if it doesn't play from it.  *sigh*  It figures. …"
yesterday
Bizz ( John ) replied to Kos's discussion Something New Has Appeared
"It's not broken as such, it won't play from a category. You have to select one of the standard ones…"
yesterday
Kos replied to Kos's discussion Something New Has Appeared
"Yeah the slideshow doesn't like me.  I haven't gotten around to trying to repair it."
yesterday
⚡JFarrow⌁ commented on Fraser J. Hay's blog post I need a customised signup/splash page? in Hire a Creator
"ill send you my contact info..."
yesterday
More…