Jump to content


Photo
- - - - -

Creating a Floating Contact Us Bar


  • Please log in to reply
4 replies to this topic

#1 purple

purple

    Advanced Member

  • Members
  • 38 posts

Posted 11 May 2012 - 06:49 PM

Does anyone have any ideas on good plugins or how to do this with css? I am looking to add a floating contact us bar just like is seen on this site:

Please Login or Register to see this Hidden Content

If I can do it without a plugin, that would be great. Otherwise, if you know of a good plugin that is trustworthy that would work as well. Thanks!

#2 catrina

catrina

    Advocate

  • Members
  • 12345 posts
  • LocationCalifornia
  • Country: Country Flag

Posted 11 May 2012 - 06:56 PM

HTML can be used to add it and CSS can be used to style it. For example...

HTML (can be added using a hook):

Please Login or Register to see this Hidden Content


CSS (added to Custom Code > Custom CSS):

Please Login or Register to see this Hidden Content


^ This CSS can be further customized using more CSS attributes here:

Please Login or Register to see this Hidden Content



Do you want this bar to appear on every page or just the homepage?

#3 purple

purple

    Advanced Member

  • Members
  • 38 posts

Posted 17 May 2012 - 05:37 PM

Thanks! Just now getting to sit down and do some more design so I will try this. I would like it on every page.

#4 Rob

Rob

    One Smart Egg

  • Members
  • 13575 posts
  • LocationEast Coast, USA
  • Framework Version:The Latest, of course
  • Country: Country Flag

Posted 17 May 2012 - 07:48 PM

Just an FYI... I tried to access romneypestcontrol.com and my anti-virus blocked it.

#5 purple

purple

    Advanced Member

  • Members
  • 38 posts

Posted 20 June 2012 - 09:50 PM

Hmm, my anti-virus didn't go off on that site. That one isn't my site, though as we were simply looking to create one that looked similar to it. Thanks! Also, I opted to use the Quick Notice Bar Pro plugin to accomplish this.