I think it wouldn't be proper to answer it there in SMF, as that's something too personal and has nothing to do with mod StopSpammer, so I think it's better if I answer it here:

Citar

I went and used Google to translate your page on the design of the logo.

I have seen the translation Google does on that page and it's really horrible. It has almost nothing to do with the original in Spanish. (Just in case anybody doesn't know what page DrBermant is talking about, you can see it here.)

The reason I haven't translated it into English myself yet is because I think I am going to delete that tutorial very soon. It's very much out-of-date (too old) and I only keep it there for nostalgic reasons that would be too long to explain.

Citar

Your new logo SVS looks great on the flat wallpaper version, but does not translate to the billiard ball. The rest of the words show, but the first letters are lost.

I know. I did that on purpose. The effect I wanted there is to have something that was almost impossible to see in a normal state, but that suddenly appears (like magic) when you pass your mouse over it.

The first idea was to have something like this in the normal state:

But with something like this "on mouse over":

And the second idea (the final one that is now the logo I have been using those last 5 years) was to have something like this in the normal state:

But with something like this "on mouse over":

As you can see, all the letters are showing in the "mouse over" state.

Maybe Google didn't tell you the logo was hidden inside the ball and you had to pass your mouse over it to see it (that explanation is there in the original text in Spanish) or maybe you haven't got javascript activated in your computer (the effect is done with javascript and it's impossible to see the logo properly if it's not activated).

Anyway I think I have already used that logo for too long and I may change it again very soon. In fact, as soon as the first alpha version of Wedge is out, all my personal pages (including this forum, the tutorials, etc) are going to change completely.

I will use all my pages as a test site and will convert all of them to Wedge first, to learn exactly how it works and get enough experience, so I can change after that all the sites of my customers from SMF to Wedge as well.

So in that process I suppose I will change most of the designs of all the pages here.

Citar

Sorry, this is not the place to post it, but did not know where to do so and I have not clue to post in Spanish. Glad to help as much as I can by messaging me or emailing me.

This forum we have here is bilingual. Some of the members only speak Spanish and some of them only speak English, but there are a lot of members here who are fluent in both languages so (as you can see if you search it a little) there are a lot of topics written in Spanish and a lot in English.

The rule we follow is to answer every topic always in the language that was used in the first post of the topic.

If somebody has a lot of interest in a particular topic and cannot understand it properly, just need to ask for help to any of the members fluent in both languages. Everybody here is always willing to help. (This is a help forum, ain't it? )

Here is the post that now has a much better home than the forum I have been learning from you.

Citar

Your new logo. I went and used Google to translate your page on the design of the logo. I color calibrate my computer screens as images are critical to my real profession of Plastic Surgery. Your new logo SVS looks great on the flat wallpaper version, but does not translate to the billiard ball. The rest of the words show, but the first letters are lost. I did a screen shot and uploaded here. If that is the effect to not see the SVS, then you have achieved it. Magnify the image and the issue is the color of the first letters is too close to the ball's color. Look at the size image in photoshop and blow it up and you can see what I am referring to. Try to use the quick selection tool and the background and letters select together too easily, not something you want if planning on having the eye pick it up easily. I took a few minutes and played in PS and that is the second image with the SVS as you had it with the initial art. No, I did not have the time to fix the missing color on the top and bottom of the sphere, but that should demonstrate the idea. No, I do not like the distortion of the sphere effect, but I was trying to move in the direction of your concept. I would also increase visual contrast even more since at a smaller size the SVS still is less visible.

The first is a screen capture no mouse over. The second is mouse over, no highlight, the third is a quick attempt in PS to show the point.

Firefox 4.0.1 Mac java enabled

I thought it might have been from reading the page in Google Translate (which could be the problem in some cases) but then I found the English option and the logo still has no image change visible to me. Oh the screen captures were done at different times and different pages that is why the background is different (not time of day but pages that they were captured from).

Tested in Safari, Chrome (latest versions) no mouse over either at least that I could see.

On mouse over there is the text visible that the screen capture version demonstrates.

As an introduction, I am a Plastic Surgeon soon to retire who has a passion for patient education with 3 websites that I built myself. Javascript is critical for most of the Project Seven code used so I know that java is not the issue for my browsers at least. There are some things I am really good at, such as the plastic surgery and computer programs that I have been using to enable my practice. However, I do have major limitations in behind the scene issues like code for mods and php. I am more of a what you see is what you get guy and let my program tools hide me from the much more complex programming so I can go further. Once I learn more about this forum protocols, I will show you my work and pages. The issue was trying to bring to your attention something I had noticed visually on your site.

Thank you for showing me about the existence of this forum and all your work helping on the mods I use on my site.

All my pages are full of "mouse over" effects and, every time I do a new site, I tested it with all the browsers I have.

I start with a partition where I have Windows XP with a lot of browsers (Firefox, Internet Explorer, Chrome, Opera, Safari and Netscape) all of them still in old versions (not too old, just maybe 2 or 3 years old). I don't want to update those browsers as I use them only for testing purposes.

Then I open another partition with Windows 7 and a few browsers (Firefox, Internet Explorer, Chrome and Safari) all of them with the most up-to-date versions.

And finally I test the site in another partition with Linux (Ubuntu) with only 2 browsers (Firefox and Chrome) also up-to-date.

With all those different browsers and OS I can see all the mouse over effects working properly. I don't understand why you cannot see them. You are missing most of the fun.

I will need to make room in one of my computers to do another partition and install Mac in it to check it. I have been thinking on doing that already, but didn't have time to do it yet.

Yes, different platforms are always a possible issue. There are so many now browsing the web with smart phones, ipads, and testing all becomes impracticable. That is why I posted about the logo.

Working rollovers on the current page include:

Window Opens:Online helpSypeSnoopy BusyTrankosWedge on right part of page worksSpammers wanted at the top of the page

Roll over color"Top of page"

The wedge logo in the middle of the page does not have a pop up.

Give me a page to comment about and I will let you know what I see.

That was the case on the pages with the logo. There were many pop ups working just fine, that one was not.

That is one of the reasons I like to leave the java code issues up to Project Seven people. They keep coming up with free fixes for code changes to keep up with the different platforms and browsers. But I do know how to keep ahead and update the fixes as they publish them.

The rollover effects that are not working for you are done with a javascript snippet (called "rollovers.js") from http://javascript-fx.com/

It is a pity you cannot see them working because they are really very nice. Instead of replacing one picture with another one (as for example the CSS rollover does) this snippet does a kind of fade-in fade-out transition, going smoothly from one picture to the other one.

If you ever have a chance (for example visiting a friend that uses Windows or Linux instead of Mac) try to see any of my pages from their computers and you will understand what I mean.

Of course that snippet is very old (it was done in 2003) but I thought it was working in all kind of browsers and OS.

To sort that out I have 3 solutions:

1.- Install OSX in one partition of one of my computers (as I was planning to do anyway), start one computer in OSX a second one in Windows and a third one in Linux and start changing the code inside the javascript until the rollover effect works properly in the 3 computers.

The only problem I see with that solution is that I haven't got a proper Mac machine. The 3 I have are PCs. I have 2 copies of OSX (versions 10.6.6 and 10.7) and both of them are special versions done to work specifically on a PC (as that's the only way I can install OSX).

As far as I can see in the manual it's supposed to be exactly the same OS as the one installed in a Mac, but I haven't tested it yet.

2.- Look for another similar rollover snippet. A more modern one that works with all OS and browsers (if it has been done).

3.- Add at the top of my pages a PHP function to detect if anybody is watching the page from a Mac and in that case, add a CSS file with the rollover effects done using the CSS way.

Using this solution would mean that the people watching my pages from a Mac at least will see the replacement pictures on mouse over (that they cannot see now) but I would really prefer to sort it with one of the other 2 solutions, as I really like the transition effect.

I prefer to concentrate on page content and leave the deeper coding to Dreamweaver and Project Seven. To demonstrate that I will send you to some pages using such tools as if you were leaning about something I am educating the public.

Gynecomastia Anatomy teaches the components that constitute the contour of a male breast. All of the anatomy drawing roll overs are managed by Dreamweaver built in roll over tool. This is what I am using for the text and image roll overs. The roll over fly away menus on the right are managed by PVII

How to Pick a Gynecomastia Surgeon. There are neat roll overs galore possible by what you pick in the tool's menu. I have roll over text activating the tab. The tabs themselves can be roll over activated (too messy for that page so I left them as clickable). That system can even be nested with horizontal and or vertical scrolling. Check out their samples.

In my forums, I have a Floating Navigation Toolbar that is managed partially by Magic Menu 2. It is a mess making me venture into hand coding which is unfamiliar territory, building the menu in a main dreamweaver page and then copying the code into one of the php templates to get that menu. I love that I can change the menu for each of my forums such as Gynecomastia Forum and Otoplasty Forum. It remains available to the poster even while composing a post. That makes it invaluable for putting help elements useful when writing. I got the idea from their

which helps me on the non- forum pages for that site. They helped me get the code into the smf templates, I had not made my computers work so that I could see php coding in dreamweaver, I know it can be done, but too much for me.

I could go on and on about how I did not code the javascript, but I prefer to work on what I am delivering content and leave it to the professors to manage the updates to fixes in java. I really like PVII's policy of free help and updates. Eventually they take off on a new tact and do a major overhaul of a widget or menu and have a reasonable charge to upgrade. You can see typical updates they have been fixing here with explanations about what was fixed and how to repair site for the new java code:

on their other links I directed you to the main page, each has examples which I used in the last link.

No I do not work for them, and other than their kind support for my many questions, they have offered me not incentive to push their products. (I am just a happy customer using their hard work to make mine easier). They have tons of additional tools that you may like. But if you are a hand coder, then they become an expensive extravagance.

As I am retiring, my budget for buying such tools will be gone. My guess is that I will be learning how to do more with less. Would love to see someone take my forum template concept to the next level making it easier to implement or perhaps such that I do not need a new template for each section of the site, just change the floating menu component. But now that is dreaming. But that would make these updates for the smf easier when multiple templates need to be updated vs just one. Sorry, I am not commissioning a project here.

But back on track, I would manage a simple roll over image like that in Dreamweaver Tag inspector behaviors. Oh, and I forgot, it is not just the OS, there are all of the iphones, ipads, and other smart phones out there. Check you forum logs as to who is using your site. I have a major proportion of smartphone users looking at my material, something I cannot fix for the standard before and after surgery pictures: too much content for a small screen to compare before after and healing images to see enough detail. But that is for another discussion.

I learnt that code to do rollovers when I started studying HTML back in the nineties but always thought it was the wrong way to do it.

Just to replace one picture with another you don't need to use javascript and a very long code. With just 2 lines you can get exactly the same with CSS and everybody (even the people with javascript off) will see it.

OK. As I was saying in my PM I have been working for a while in the javascript function I use to do the rollovers in my site and I think I have found out why they don't work properly on a Mac.

You answered that now it works on Mac using Firefox, Safari and Opera but still does not work in Google's Chome browser.

That's strange. What version of Chrome you have?

In both my Windows and Linux partitions I have the latest version 12.0.742.100 so I haven't been able to check it with older versions.

You said also that it doesn't work on iphoney iphone emulator. That doesn't surprise me because I have never used yet a phone with internet access, so I haven't got yet any way of checking any of my pages from those phones and my pages are not optimized for them.

I should do something about it one of these days.

===========

You also wanted to know how I had sorted it. It's not really difficult. To learn how to use those kind of rollovers you need to read this tutorial:

OK. As I was saying in my PM I have been working for a while in the javascript function I use to do the rollovers in my site and I think I have found out why they don't work properly on a Mac.

You answered that now it works on Mac using Firefox, Safari and Opera but still does not work in Google's Chome browser.

That's strange. What version of Chrome you have?

In both my Windows and Linux partitions I have the latest version 12.0.742.100 so I haven't been able to check it with older versions.

You said also that it doesn't work on iphoney iphone emulator. That doesn't surprise me because I have never used yet a phone with internet access, so I haven't got yet any way of checking any of my pages from those phones and my pages are not optimized for them.

I should do something about it one of these days.

===========

You also wanted to know how I had sorted it. It's not really difficult. To learn how to use those kind of rollovers you need to read this tutorial: