Skin Object - Top > Product Forums

Unanswered Active Topics

Forums Search Members

Subject: Skin Object - Top

You are not authorized to post a reply.

Author

Messages

Registered Users

Nuke Active Member
Posts:35

8/26/2005 11:31 AM
How about a skin object that takes the user to the top of the page? Here is a friend's site: http://www.wmimages.com If you look in the bottom right corner you will notice an up arrow (carrot). If you click on it, it takes you to the top of the page. This seems like an ideal candidate for a skin object. Here are some of the features I could see wanting. Specify the image to use. Specify the text to use. Specify the tooltip. I think that should do it. I have seen some skin designers are building this into their skins. It would be nice to extract it so anyone can add it to their skin.

Scott McCulloch User is Offline

Administrators

Nuke Master
Posts:12823

8/26/2005 8:19 PM
Yep, I have built this into a skin before (for the reason that you need an anhcor somewhere else in the skin to make it work). I do have another skin object that I developed a while back that subscribers maybe interested in. I call it "SupportInfo", it displays a string similar to this "For portal enquiries contact {0}" where {0} is the name of the portal administrator defined in Site Settings. Is that something people would be interested in?

Scott McCulloch Site Administrator

Registered Users

Nuke Active Member
Posts:35

8/28/2005 8:11 PM
Oh yeah, add one more setting for that top of page skin object...CSS class...used for rendering the text/image. To give others another example of is usage, check out the skin at this link: http://www.skin3.com/ Look at the little triangle in the bottom right corner of the screen.

Rob Poretti User is Offline

Registered Users

Nuke Wiz
Posts:157

11/12/2006 5:27 PM
Hi folks. That's my site and I developed that skin. So... in exhange for some crass advertisement, I'm happy to share how it's done. First off, DNN 2 and 3 does not support "named" anchors" - ie: #top. They just don't work. Not sure about DNN4, but my guess is no. The only way that I've been able to figure out how to do this is with the following: [td] [a href="void(0)" onclick="window.scrollTo(0,0);"] [img SRC="MY_TOP_IMAGE.gif" ALT="Click here to go to the top of the page." BORDER="0"] [/a] [/td] (Substitute [ ] for < >) It works in all browsers and I've added it in just about every skin. Works like a charm. Now for the crass advertisement. Here is the latest skin I've been working on. Have some IE issues, but those that use FireFox 1.5 or higher, check it out: Page 1 Page 2 Page 3 Been working on a whole set of skins with alpha-transparent png's - now that IE7 finally supports it. All the shadows are rendered by png overlays - not rendered in the image itself. Notice how the containers are semi-transparent - try min/maxing them... Cheers!

Rob Poretti - Poretti Productions - skin3 Team ● X:Skins ● Cubist ● KrystalWare ● Gamer ● iKon

Registered Users

Nuke Master
Posts:201

11/12/2006 9:53 PM
Posted By rporetti on 11/12/2006 5:27 PM Here is the latest skin I've been working on. Wow. Just... wow. The skin is spectacularly beautiful. Although, I might venture this observation (to get back on topic): the skin object illustrated (top of page) was not immediately obvious to me... maybe I was just all agog over the skin itself though. Nice work, x2!

Rob Poretti User is Offline

Registered Users

Nuke Wiz
Posts:157

11/12/2006 11:29 PM
Thanks... The top function link that we were discussing earlier is much more "subtly" embedded in the graphics of that particular skin. Look at the bottom right hand corner of a container - there is a small stylized, gold "up-arrow". When you put your mouse over it, you should get a tool tip that says"Top!" It's a little more obvious on the www.skin3.com skin as pointed out earlier. It's in the same place there - bottom right-hand side, "up-arrow". Actually, in the main site skin, I also have it as part of the skin - scroll to the bottom and look near the "Terms of Use" link. Click on it to see how it works... Cheers!

Rob Poretti - Poretti Productions - skin3 Team ● X:Skins ● Cubist ● KrystalWare ● Gamer ● iKon

Registered Users

Nuke Active Member
Posts:35

11/13/2006 11:55 AM
Thanks for sharing how that's done Rob. BTW, I PM'd you. Good looking skin!

You are not authorized to post a reply.