help with nav bar code please:)

  • 1
  • Question
  • Updated 10 years ago
  • Answered
Does anyone see anything wrong with these codes? I am using a code generator Boomer pointed out and I believe I have all my files/url's correct now. The last mistake I found in the code was I had put in nav_button instead of Nav_Button as I used caps on that file folder. I thought that would fix the code but still not showing up when entered into my html widget box.
<!--
<SCRIPT LANGUAGE="JavaScript"> <!-- Begin loadImage1 = new Image(); loadImage1.src = "http://www.fromheretoeden.com/resourc... over.jpg"; staticImage1 = new Image(); staticImage1.src = "http://www.fromheretoeden.com/resourc...; // End --> -->

<!-- <a href="http://www.fromheretoeden.com/index.php" onmouseover="image1.src=loadImage1.src;" onmouseout="image1.src=staticImage1.src;">
<img name="image1" src="http://www.fromheretoeden.com/resourc..." border=0></a> -->

It's a two-part, mouseover code and I am just working with the "home" button for now til I get the code right. The website URL for the code generator is here ----> http://www.htmlbasix.com/mouseoverima...

Thank you much, Denise
PS My site is updated and all my files are in the filemanager.
Photo of Denise

Denise

  • 393 Posts
  • 3 Reply Likes
  • nose to the grindstone:)

Posted 10 years ago

  • 1
Photo of smithy

smithy

  • 1222 Posts
  • 28 Reply Likes
can u make me some plz

smithy
Photo of Denise

Denise

  • 393 Posts
  • 3 Reply Likes
I would like to do that sure:) I need some info from you smithy. How many buttons, and what do you want on each button? Like for example:
Home
About us
Games

One thing you could do is look at some types/styles at a button site. Here is the name of one I know of, http://www.freebuttons.com/index.php?.... Also, if I just know what text you want on each button I can try a couple of designs for you just off the top of my head. Let me know:) Denise
Photo of Denise

Denise

  • 393 Posts
  • 3 Reply Likes
Hey smithy, your site says "colorful" to me so I made this button just for an idea but it is only one idea:) I would need to know, again, how many, how big, what color:) But we can work on it till we hit on something you like;) Denise

Photo of Denise

Denise

  • 393 Posts
  • 3 Reply Likes
Wow, Boomer!! You are just wonderful!! I love my new nav bar:) It works right and I got it all linked up, wooooooohooooooooooo! ty ty, denise;) Go take a look if you like;)

www.fromheretoeden.com
Photo of Denise

Denise

  • 393 Posts
  • 3 Reply Likes
Smithy, this one is kinda wild but another idea of what I can come up with. Denise
Photo of Denise

Denise

  • 393 Posts
  • 3 Reply Likes
I'm fairly certain Boomers code will work with any of these as well!! I will try out a rounded one, rather then square and see how it looks:)
Photo of Denise

Denise

  • 393 Posts
  • 3 Reply Likes
I don't know what has gone wrong but my buttons were perfect, all functioning and now, I log onto my site and there are only 4 instead of 5 showing?? The code still shows all 5 and nothing has changed so why would all of a sudden only 4 be showing? Any ideas? Thanks all, Denise
Photo of smithy

smithy

  • 1222 Posts
  • 28 Reply Likes
i thinkt the first button was ok but can i have it i a deep pink button plz and the text that i want it is Create NEW user for my siteis white and when u hover over the button, the button will go pink!!
Photo of Denise

Denise

  • 393 Posts
  • 3 Reply Likes
Yes, I can do that smithy. I will do a couple in pink with the text. Tell me which of the following you want, or, other, just exactly as you want the text;)

Sign up Here(with or without the "here")
Register Here(with or without the "here")
You could also put "Click Here" and then put New Users with an arrow above the button, something like that?? ttyl, denise
Photo of smithy

smithy

  • 1222 Posts
  • 28 Reply Likes
all i want is Create NEW user and i want the text white and when u don't hover over button it is a deep pink and when u hover over the button it turns bright pink. do u get what i mean denise??
Photo of Denise

Denise

  • 393 Posts
  • 3 Reply Likes
yes darlin, I understand. I have a job interview and I won't be back here until 1 or 2 Pacific Standard time but I will work on your button as soon as I get back;) Denise
Photo of Denise

Denise

  • 393 Posts
  • 3 Reply Likes
Ok, im down to needing the "exact" text because you won't be able to change it yourself once I create the image smithy. Do you want the white text to say "Create New User"? I think "Sign up" would be good or "Register". Let me know and I will add it to your pink button. Then we may have to have help from boomer to get the "mouseover" effect but I also have some info on it so I may be able to generate the code for you. Denise
Photo of Denise

Denise

  • 393 Posts
  • 3 Reply Likes
Here's one example smithy:



I don't have the mouseover(hover)effect "code" for it yet. Talk with you soon, denise
Photo of Denise

Denise

  • 393 Posts
  • 3 Reply Likes
also any font you may want must tell me, like Arial, times roman etc.
Photo of Denise

Denise

  • 393 Posts
  • 3 Reply Likes
Ok Smithy, I think I have it and yes, I can change the text for you as well. First, do a right click on the image below, and save it as(register button.png or whatever you like). Then you will upload it into your Yola File-Manager.



Then we can use boomer's code per his instruction below:

Paste this code in an HTML widget at the top of your page. (first HTML widget)

a.linkopacity img {
filter:alpha(opacity=100);
-moz-opacity: 1.0;
opacity: 1.0;}

a.linkopacity:hover img {
filter:alpha(opacity=70);
-moz-opacity: 0.7;
opacity: 0.7;}

Paste this code where you would like your buttons to go.




Ok, be sure to take the space out between the h and t in http and fill in your info where the CAPS are:) If I have done this right it should work. It did for me on my test site I made;) Let me know, denise
Photo of smithy

smithy

  • 1222 Posts
  • 28 Reply Likes
cheers fo that denise. thank-you for your help. and what programme do use?? smithy
Photo of smithy

smithy

  • 1222 Posts
  • 28 Reply Likes
cheers fo that denise. thank-you for your help. and what programme do use?? smithy
Photo of smithy

smithy

  • 1222 Posts
  • 28 Reply Likes
i like the button. nice and pink. but did u know that my faveourite colour is pink!! lol
Photo of Denise

Denise

  • 393 Posts
  • 3 Reply Likes
Paste this code where you would like your buttons to go.

<!-- <a class="linkopacity" href="http://YOURLINK">
<img src="h ttp://fromheretoeden.com/resources/Nav_Buttons/index_home%20button.jpg" border="0"</a> -->

Sorry, here is 2nd part. Just follow boomers instruct. He knows what he's doin, I don't, LOL!!! Be sure to leave out the <!-- and the --> ;)
Photo of Boomer

Boomer, Champion

  • 2055 Posts
  • 84 Reply Likes
Hey Denise,

I see you are struggling to paste code into GS.
I created a little tool to make things easier for Yola users over here:
http://forsite.synthasite.com/encoder...

No need to use the comment tags when posting code in GS anymore!.
Bookmark it for easy access. I use it all the time.
Photo of Denise

Denise

  • 393 Posts
  • 3 Reply Likes
ohhhhhhh ty Boomer, that tool for GS looks great!! Denise;)
Photo of smithy

smithy

  • 1222 Posts
  • 28 Reply Likes
nice denise. once u have done the hover button can u post it on here and i will but it on my website cos the "Create NEW user" button i made by paint and it is petty rubbish the one that is on my site now ad cheers for the buttons!!!! smithy
Photo of Denise

Denise

  • 393 Posts
  • 3 Reply Likes
Hi Smithy, if you use Boomers code, the "hover" show up. I tested it and yes, it works great! Just plug in the code to your html widgets as boomers instructions. Let me know if you need more help on this. Once you do it it is a wiz but I so understand trying it out for the first time. I use fireworks by Adobe. Also you can use almost any photo software like photoshop or paintnet. paintnet is free and works great.

Denise:)
Photo of smithy

smithy

  • 1222 Posts
  • 28 Reply Likes
i will use boomer code and thank you for u making the button. cheers.

smithy
Photo of Denise

Denise

  • 393 Posts
  • 3 Reply Likes
great smithy!! I'm around if you have any problems. Denise
Photo of smithy

smithy

  • 1222 Posts
  • 28 Reply Likes
ok cheers denise.
Photo of Denise

Denise

  • 393 Posts
  • 3 Reply Likes
:) cheers smithy, denise