Products

Solutions

Resources

Partners

Community

About

New Community Website

Ordinarily, you'd be at the right spot, but we've recently launched a brand new community website... For the community, by the community.

Yay... Take Me to the Community!

Welcome to the DNN Community Forums, your preferred source of online community support for all things related to DNN.
In order to participate you must be a registered DNNizen

HomeHomeUsing DNN Platf...Using DNN Platf...Skins, Themes, ...Skins, Themes, ...Image/icon for DNN:loginImage/icon for DNN:login
Previous
 
Next
New Post
8/10/2009 4:35 PM
 

Yes.  That's what I was trying to explain, using "sprites"!  That works like a charm.  I was doing it wrong, though.  I was setting background-position with a negative number for the rollover when you can simply change the background-alignment.  Not sure if negative position is actually wrong or not, because it does work, but I do believe the background-alignment is the proper method if it's a simple "replacement" image.  I think I've seen the position method work when there is more than one image being used, such as using the same "sprite" image for several classes that have different purposes, so it contains more than two image states.  Theoretically, you could use one large image that contains all the images you need on the page, and just adjust the background-position as needed, but there's a limit to the amount of bandwidth you can save with sprites and a point where too many images in the "sprite" image would have a negative impact on page load times and rendering.  The use of a "sprite" simply eliminates the delay that is present on rollover if two separate images are used and the browser has to download the hover image separately.  Using the sprite method, the hover state image is part of the regular state image, so there is no delay when you mouse-over the link.

I think what Frank meant is that DNN does not provide for login images or login icons directly.  But it certainly is possible with css styling alone since many, many of us already are successfully doing just that in dnn.


JOHN GIESY
DotNetNuke Hosting Expert

DotNetNuke 7 Hosting $70 /year
DNN4Less.com Team DotNetNuke  

New Post
8/10/2009 10:23 PM
 

I'm not 100%, but I believe some of the issues with the image replacement technique described is that it may be frowned upon by Search Engines (at least the use of negative positioning which usually means trying to sneak one past the engines). HOWEVER,  1 -  I have no absolute data on that, so it's speculative at best  2 - I don't think many people are worried about the ranking of their login page.  However, if you have the login module on a page which you wish to preserve the ranking on, you may want to do some additional research.

The other thing that occurs to me, and it's ugly and likely to break during upgrades... is to edit the wwwroot\DesktopModules\AuthenticationServices\DNN\Login.ascx file directly. However, do so AT YOUR OWN RISK and BACKUP the file first.

I regularly find myself editing some module ASCX files to tweak layouts / placements, however I also wind up having a sizable checklist for each of those sites come upgrade time, so I try to limit it to only those which won't cooperate any other way. I pretty much only reccomend this as a last-ditch solution and would probably get some input from the more veteran skinners before deploying this to production for your site.


Wells Doty Jr
Online Content Development
 
New Post
8/10/2009 11:51 PM
 

Wells Doty wrote
 

I'm not 100%, but I believe some of the issues with the image replacement technique described is that it may be frowned upon by Search Engines

The major search engines are using sprites themselves, for example Google uses sprites on its search pages.  Just right click and save the logo image above the paging table at the bottom of any search page.  Yahoo and AOL also use sprites on their pages, and many, many other well-known's are using them, too.  Logic would imply that they wouldn't be using techniques that they themselves frown upon, but in the world of computer logic when has anything been that simple.  And it's not like Google has to worry about its own search engine rankings, they could get away with all the no-no's if they wanted to...  Anyway, it would be a surprise if sprites had a negative impact on seo rankings considering the fact that the major players are employing sprites to help speed up the page load times of their own sites.   A small, two image sprite for a login icon doesn't have to contain any negative numbers, so in this case that point is irrelavent.  If, like Google, you decide to use a larger number of images in the sprite, the negative number coordinates might become a problem, and on the A List Apart site they reported that some mobile devices choke and freeze on sprites.  So, yes, always do your research, but in this case of a simple two image logo icon it's not necessary.


JOHN GIESY
DotNetNuke Hosting Expert

DotNetNuke 7 Hosting $70 /year
DNN4Less.com Team DotNetNuke  

New Post
8/11/2009 4:24 PM
 

Agree with Rick.

Try Googling "CSS Sprites" - http://tinyurl.com/lauj2b

Besides - That wasn't the question anyway.  The Original Post queried whether or not you could add an image next to the Login and Register text. i.e. could you add an icon to the [LOGIN] and [REGISTER] skin objects.

Answer - YES: with CSS.


Shebang Websites - A product of Mogridge Design
Hey, we're partnered with UntangleMyWeb.com

 
New Post
8/12/2009 3:26 AM
 

I do agree that sprites are a common use, however from what I read in particular about the FiR system was there was some question as to whether negative offsets would trigger the SE's into thinking there was content being hidden. I do think that CSS is the best option, however I have seen rare instances where the design / required effect called for more than one element that may need to be styled, and that was where I was going with the edit-the-ascx files comment (ugly and hard to maintain, as noted as well).


Wells Doty Jr
Online Content Development
 
Previous
 
Next
HomeHomeUsing DNN Platf...Using DNN Platf...Skins, Themes, ...Skins, Themes, ...Image/icon for DNN:loginImage/icon for DNN:login


These Forums are dedicated to discussion of DNN Platform and Evoq Solutions.

For the benefit of the community and to protect the integrity of the ecosystem, please observe the following posting guidelines:

  1. No Advertising. This includes promotion of commercial and non-commercial products or services which are not directly related to DNN.
  2. No vendor trolling / poaching. If someone posts about a vendor issue, allow the vendor or other customers to respond. Any post that looks like trolling / poaching will be removed.
  3. Discussion or promotion of DNN Platform product releases under a different brand name are strictly prohibited.
  4. No Flaming or Trolling.
  5. No Profanity, Racism, or Prejudice.
  6. Site Moderators have the final word on approving / removing a thread or post or comment.
  7. English language posting only, please.
What is Liquid Content?
Find Out
What is Liquid Content?
Find Out
What is Liquid Content?
Find Out