Archive

Posts Tagged ‘hover’

Fix Navigation Menu Active And Hover Issues On WordPress

December 14th, 2011 Comments off

The menus are not working properly on this site: gb woo dcock dot net

They should look like this gb woo dcock dot net/category/news

with the menu being the grey color and the active pages being the green.

Home page doesn’t need to have active color but could.

Load Div With Javascript On Hover

August 1st, 2011 Comments off

I’d like to have javascript created that will do the following:

1. It won’t load the content of the specific div till it’s hovered over
2. when it’s hovered over it’ll stay visible
3. possibility of having multiple links with different content for each link

Please let me know if you need more details

Thanks

Jan

Bouncing News Section 2

July 27th, 2011 Comments off

Right now on our site www.digdeepwater.org

When you hover on the very edge of the site on the left side the arrow saying “Latest News” appears. Clicking it pops out a box with the latest news articles in it. I need to a make a few updates to this.

a) The arrow “Latest News” must be immediately available and not just when hovered on.
b) The arrow needs to “bounce” and move left and right pointing at the small section of the news sticking out.
c) When you hover over the edge of the the news section needs to pull out about 30px. This is to let the user know if they click something with slide out.
d) Need to add the yellow “Close News” at the bottom of the news box to close it. Also, remove that if you hover off the news it closes automatically.
e) Darken the whole site behind the news section when it is open.
f) Make the news section only visible on the very first slide. If you click to move down onto another slide it needs to no longer be visible.

I attached images that show how it looks closed and how it looks open. Right now when it is open the displaying and the shuffling of news is perfect and should not be changed.

Categories: CSS, HTML, Javascript, News, PHP Tags: , , , , , ,

Bouncing News Section

July 26th, 2011 Comments off

Right now on our site www.digdeepwater.org

When you hover on the very edge of the site on the left side the arrow saying “Latest News” appears. Clicking it pops out a box with the latest news articles in it. I need to a make a few updates to this.

a) The arrow “Latest News” must be immediately available and not just when hovered on.
b) The arrow needs to “bounce” and move left and right pointing at the small section of the news sticking out.
c) When you hover over the edge of the the news section needs to pull out about 30px. This is to let the user know if they click something with slide out.
d) Need to add the yellow “Close News” at the bottom of the news box to close it. Also, remove that if you hover off the news it closes automatically.
e) Darken the whole site behind the news section when it is open.
f) Make the news section only visible on the very first slide. If you click to move down onto another slide it needs to no longer be visible.

I attached images that show how it looks closed and how it looks open. Right now when it is open the displaying and the shuffling of news is perfect and should not be changed.

Categories: CSS, HTML, Javascript, News, PHP Tags: , , , , , ,

Jquery Lottery Number Selector

July 13th, 2011 Comments off

I am looking for a jQuery solution that will enable users at a website to select lottery numbers.

The user is presented with a page that has 5 lottery balls, and 1 mega ball. Upon the initial page load, each ball has a “?” displayed on the ball. When they hover over the ball, a rectangular tooltip appears above the ball with numbers 1 through 56. The user selects the desired number, changing the ball’s label from “?” to the number selected. As they hover over the next lottery ball, the numbers already selected should be ‘disabled’ to prevent the selection of duplicate numbers. In addition, there should be a “Quick Pick” link to generate 5 unique numbers, and one mega number.

Lottery balls 1, 2, 3, 4, and 5 must be unique. Minimum value is 1, maximum value is 56.

Lottery ball 6, or the Mega ball does not need to be unique. It is not constrained by the values of balls 1 through 5. Minimum value is 1, maximum value is 46.

The hover window for each ball must be able to hover over any text on the page above it. The numbers inside the hover are displayed in a grid layout, as the user hovers over a number, the number is highlighted. When the user selects the number, the value is circled, or otherwise marked to signify that it’s selected. The number should remain selected if the user hovers over a previously selected lottery ball. When the user mouses off of the hover window or switches to a different lottery ball, the existing window gracefully fades out, and the new lottery ball hover appears.

Deliverables:
lotterySelector.js – jQuery markup.
lotterySelector.css – Stylesheet for project
lotterySelector.html – HTML markup for layout of lottery game.

Hover Ink W/ Doc Info Firefox

June 4th, 2011 Comments off

Would like to have a extension for Firefox re-written to show meta info & more about a link on a given page.

Note: this program has already been written but have not been able to contact programmer. It works in Firefox 3 but not 4.

By highlighting any link you get a text box showing the Url, Title, Descr and content *first 25 words or so about the page to be clicked on.

At the top of each page a box containing same info about the active page needs to display as well.

Im open to firefox or chrome.

Attached it a graphic which explains it all. I can also provide download to addon but only runs in FF3

see the script in action http://www.youtube.com/watch?v=UgN4MFdvfAA

Modify Individual Menu For Joomla

May 9th, 2011 Comments off

For an existing Joomla page we created an additional hover menu for social media networks in Dreamweaver with a simple CSS hover effect.

We need a professional who can integrate this individual content into our joomla page in a module position and get the hover effect working, there we have some small problems with the css positions right now.

I think its a work for max. 1 hour for a professional.
Important: We need it done quickly, ASAP.

Please ONLY people with professional knowledge in Joomla 1.5 and CSS.

Expanding Text On Hover/click

February 10th, 2010 Comments off

I have produced pages with expanding text ‘on click’.
See http://www.profitablewebsites.co.uk/gtl3/advantages.html, http://www.profitablewebsites.co.uk/gtl3/applications.html and http://www.profitablewebsites.co.uk/gtl3/news.html

I would like to change these so that either:

1) It works as now, EXCEPT that expanded text closes when move mouse away (i.e. click to expand and move mouse away [no click] to close)

OR

2) Text expands on hover and closes when move mouse away, on to next headline (but ideally stays open whilst mouse still over open text)

There are 3 pages like this that need changing

Please confirm
- which of these you can do (or both)
- what scripting you will use
- timescales (needed this week)
- cost (to change 3 pages, listed above)

Categories: Programming Tags: , , , , , ,

Slice Site Into Xhtml

January 31st, 2010 Comments off

Hi,

You must have more than 5 reviews to bid on this job. As well as know xhtml/css/cross browser coding.

This template is complex, yet simple at the same time.

Things to be done:

1) CSS/xHTML/Cross Browser.
2) Logo needs to be able to switch out.
3) Need to make Directory/Login a link (on hover make them underline)
4) Need to be able to change phone number.
5) Try to keep the same font type.
6) Make it so I can switch out the banner of the building(middle pic)
7) Stretch Background
8) Make site centered
9) Navigation Block: Make it expendable, one hover make them underlined, USE the word “navigation” as an image I like the image I made do not use a font for it, use that graphic.
10) Contact Us Block: Make it expandable, make it look like it does in my PSD, text color and all. Submit has a rollover function found in psd called “contact hover”. Need this form to be working and validated as well as sent to my email.
I need on budget to be: $800-$1,000, $1,000-$2,000, $2,000-$3,000, $4,000-$5,000 , $5,000+
I need on Your industry to be:
General, Legal, Medical, Dental, Healthcare, Veterinary
11) I need the live chat box able to replace with another image.
12) I need the main content in the middle, same font, same size, same color, make hyper links bright blue like the text for the contact form, need the table expandable.
13) Footer: I need to be able to change those, same colors, same font, same thing for the hover.
14) As for the main menu, I do have rollovers in the PSD for each one, I need them to rollover and if lets say im on the about us page, I need the about us page to have the rollover image stay on.

Please post “5am” at the beginning of the post so I know you read the whole thing and not just posting for every job you see. Good coders will get a good bonus.

Need this done today.

Thanks

Categories: CSS, XHTML Tags: , , , , , ,

Javascript Issue Footer Hover

December 23rd, 2009 Comments off

I have a page where I need to add a footer “hover” script (where a form is displayed at the bottom of the page). My current script (which is jquery-based) is working on a separate page, but the page I’m adding it to has some existing javascript (using prototype) and the script is not working. So I either need someone to troubleshoot the issue for me or else convert my current script from jquery to something that is prototype-friendly. (or, if you already have a prototype-based footer hover script, that would work too).

Css Menu

December 8th, 2009 Comments off

Hi, I have a CSS multi-level menu which needs to be finished off (please see attached file for details).

The 1st level of the menu acts as I want it to – roll over “Level 1″ to see the background graphic (white bar) and 2nd level links.

The 2nd level is also correct – with a left hand side 2px white border bar on hover and the same background graphic.

The 3rd level needs a left hand side 2px white border on hover, the same as level 2. This bar needs to be 90px height, the same as 1st and 2nd level.

In addition, when you hover over 2nd level links the 1st level graphic should remain fixed in place (white horizontal bar). Same again when you hover over the 3rd level, the 1st and 2nd level graphic should remain fixed in place.

This menu does have some .js but I don’t mind if you want to recreate this menu with/without javascript code.

THIS PROJECT WILL BE AWARDED TO THE FIRST PROGRAMMER WHO PROVIDES A WORKING MOCKUP IN THE PMB.

Many thanks – any questions, please don’t hesitate to ask me, and I’ll answer immediately.

Categories: CSS, XHTML Tags: , , , , , ,

Css Hover Ie8 Problem

November 24th, 2009 Comments off

Hi

XHTML+CSS website.
http://tinyurl.com/yjgjjtl

The hover image buttons are not working correctly in IE8. Works in Firefox and IE7 and IE8 Compatibility but not IE8 Standard.

Please view, resolve for ALL browsers.

Thanks

Ez Java Hover-over Script

November 23rd, 2009 Comments off

EZ Java script hover over pop-up box.

text box will pop up when cursor hovers over designated graphic…. the example at http://www.amberenonline.com

Switch Tabs On Hover In Chrome

November 18th, 2009 Comments off

I want a Google Chrome browser extension for the developer version of Chrome (4.0.249.0 now) by which I can switch tabs simply by mousing over so there is no need to click to do so like the Firefox TabMix plus extension. This extension should be lightweight and minimalistic and should not get broken in future developer and stable versions of Google Chrome.

Image Hover Tool Tip Boxes

November 10th, 2009 Comments off

I have an image of a map on the following site:

http://www.gobda.com/clients/egr/plant-directory.php

What I want to do is display a tooltip style popup when the user hovers over one of the green regions on the map. This tooltip style hover effect will list the offices in that region and contain a link to another page on the site.

I would need to be able to update the content and the look and feel of the tooltip style box.

Categories: Javascript Tags: , , , , , ,

Image Hover Tool Tip Boxes

November 9th, 2009 Comments off

I have an image of a map on the following site:

http://www.gobda.com/clients/egr/plant-directory.php

What I want to do is display a tooltip style popup when the user hovers over one of the green regions on the map. This tooltip style hover effect will list the offices in that region and contain a link to another page on the site.

I would need to be able to update the content and the look and feel of the tooltip style box.

Categories: Ajax, Javascript Tags: , , , , , ,

Deans Joomla Site

November 3rd, 2009 Comments off

I’m setting up as Joomla site and need a horizontal menu that expands when a menu item is hovered over.

The menu should stay the same width, but the hovered area reveals more and whatever other area had been showing the extra goes back to normal position. Also on hover, sub-meu items are revealed. (Not drop down) A fairly typical horizontal hover setup.

Each of the menu items is an image. The left 3/4 of the image shows up by default, then full image shows up on hover. When in a particular section (such as the home page) that menu item will default to showing the full image.

I will provide the file with the images and also show you the site that it is going to be on.

I would like to have a quick turnaround. I saw you did a similar job like this in February which is why I am asking you to bid.

Psd To Css/xhtml Menu Bar Only

November 3rd, 2009 Comments off

Need to have convert a PSD of a navigation bar converted to CSS and XHTML. Menu has several different dropdown variations, all need to be coded.

Looking for a creative coder to get this done in all CSS and be DYNAMIC. NO large images will be used as ‘buttons’. Buttons will be created in CSS.

You will be provided:
- Very well organized PSD (preview image attached)

Payment will be complete upon approved completion of ALL attributes shown on the PSD coded in the required CSS.

*** IMPORTANT ***

TEXT WILL BE CHANGED OFTEN so all code needs to be dynamically generated in CSS. This means that all text classes (active, hover) need stretch to any length of text in the navigation bar.

*** REQUIREMENTS ***

- Must be SEO friendly – which is why we require all attributes are built in CSS

- “Hover” States and dropdowns to be built with CSS. Look at sample provided. You see that in hover state, button has light blue highlight. This must be generated dynamically from CSS, then attach to the dropdown menu below it.

- Must code ALL dropdown variations of dropdown menu as shown in PSD (see preview)

- Must code all additional buttons and elements provided in PSD (like, Search bar, Submit buttons). The PSD also provides all examples of buttons / links / thumbnails in all states of active/hover/static.

** BIDDERS **

Please examine the attached image closely. This is a preview of the exact PSD that you will receive. Only bid if you can do all aspects of this in dynamic CSS.

Samples of your work similar to this navigation bar are a Plus.

Thanks!

Create Hover Ad

October 26th, 2009 Comments off

I need a hover ad added to my website. The ad will load 2-3 seconds after the page loads. The ad is an optin form. Then when the user submits their data, the hoverad will load a second ad that confirms the optin. It must not open a new browser window on submit which is what most hover ads do currently.

Also, I only want it to load one time per browser session.

Categories: Javascript, PHP Tags: , , ,

Fix Website Hover For Ie7

October 23rd, 2009 Comments off

Problem are the menu in the navigation on the right top.

See site: www.b-free.ch

Check site in IE7 and try to click a menu on the right top.
Then check the site in Firefox, yes in Firefox al works great!
Need someone to fix this for IE7, someone with experiences in CSS, XHMTL, javascript, website programming also.
Payment will done 100% only if the problem are fixed and work like in Firefox.

Fix Website Hover For Ie7

October 22nd, 2009 Comments off

Hello, need some one to fix a little problem on the site www.b-free.ch
The problem is: on IE7 i can’t navigate with the Menu on the top o page. Some is wrong with the hover or position with the rollover image. Check in Firefox or in IE8 to see the right working of the site.

Categories: CSS, XHTML Tags: , , , , , ,

Jquery Imagemap Hover

October 13th, 2009 Comments off

I’m trying to set up an imagemap so that it swaps out the src of the main image based on which area is being hovered over. (I’m using an image map because there are irregular and overlapping shapes).

http://primabottle.reimaginehosting.com/your-connection.html

The imagemap that I’m testing is at the bottom of the page.

There should be image swaps taking place when the three main areas (our community, expand the circle, connect) are hovered over.

Jquery Css Animate

October 6th, 2009 Comments off

Seeking a competent javascript css designer to modify the example here:

http://www.incg.nl/blog/2008/hover-block-jquery/example/animate_hover.html

Modifications Required:
1. I would like the design to have round corners.
2. Currently on hover a single image is loaded. However on hover I would like to be able to use both text of images eg similar
to the hover on this link: http://www.slicemachine.com

I will award this project to the first designer that confirms they can undertake this small task and complete in the 24-48hrs.

Thanks

Middleman.

Javascript/css Hover

October 6th, 2009 Comments off

Dear coder,

I am looking for a coder who can get the code of the hover technique on this page: http://bit.ly/14sXqY
the line should have a nice hover with an url when clicking. I need some proper documentation of how the script/css works so I can change colours into my theme. The site where I want it to work can I send in the PMB. The code needs to be coded and tested in your own server/pc.

Hover Ajax Script

August 1st, 2009 Comments off

hover over categories to find more categories

Ajax Hover Over Script Needed

July 24th, 2009 Comments off

Hi, I would script created to easily choose menu option. The options would be on the top and bottom of the page. You just need to hover over the option to choose it, it should then show all the next options on the bottom without refreshing the page. Then you could set or hover over options on the top and choose one by hovering over it. Again, no refresh.

The site should not refresh, except when loggin in.

Here is a mockup I’ve created of the functionality. I have replaced hovering with Links, so click the links, but pretend you are choosing them by hovering over them.

http://bit.ly/2s3fPF

Hovering over Back and Home should go back or home as well. You should also be able to click anywhere in the middle to start writing notes. Looking to have this created quickly and cheaply. If you have read this far, please start your bid with “readit” so I know you didnt just blindly bid.

Javascript Mootools Img Hover

July 15th, 2009 Comments off

We need a good programmer who can write a small script, using the Mootools framework.

Attached is a zipped folder, containing a simple HTML page. In the page there is an album with thumbnails, if you click on them, a bigger version appears using Slimbox. Slimbox is a Lightbox clone, using the Mootools framework also.

We want a hover effect on the thumbnails. Mouse-in must change the opacity of the thumbnail. Mouse-out reverts the thumbnail to it’s original opacity. In the script it must be possible to configure the opacity, and also the duration (in milliseconds) of the fade-in and the fade-out independent of each other.

The script must work for all the images in the album, regardless if there are 3 or 30 thumbnails (the album is database driven, so the number of images changes).

In the Mootools framework there’s a “tweenOpacity” property, so it should not be that hard to write the script. Make it as small as possible (no tons of Kb’s) and also the page must be valid XHTML. The script should work in IE, FF, Safari.

Use My Software To Make Hover

July 14th, 2009 Comments off

1. EXISTING BLOG:

Roll Down/roll Up On Hover Js

July 6th, 2009 Comments off

I have these flash navigation buttons: https://www.fusioncontrolcentre.com/Flash/Top%20Navigation%20Buttons.swf

I want to make it in html/css/javascript.

I have coded some of it to where I have the buttons look the way I want. I need someone to code the javascript to make them roll down, then rollup on mouse entering and mouse leaving so that it acts just like the current nav buttons.

Here is what I have so far (all css is in that same page): http://www.fusioncontrolcentre.com/new_nav_buttons/nav.html

Note that I want the text to remain stationary, and the image to slide down. The bottom of the images (everything below the bar in the middle), is never shown after the entrance. It is hidden behind an overlapping div tag.

Should be quick and easy for a javascript expert.

Change Cell Colors On Hover

March 31st, 2009 Comments off

I have a 4 pages on my site with a features chart. I want to add a feature that when you mouse-over the rows the cells change colors.

This is an example: http://www.rochenhost.com/hosting/compare/

Your code must be validated and use CSS.

Bear