Small width layout Medium width layout Maximum width layout Small text Medium text Large text
     Search
Downloads Downloads Directory Directory Forums Forums Forge Forge Blogs Blogs        Marketplace Marketplace Careers Program Careers
Community › Forums Register  |  

Affordable ASP.NET Hosting Service
  Ads  
Aspose - The .NET & Java component publisher
 


  Sponsors  

Meet Our Sponsors

MaximumASP
SourceGear - Tools for Developers
.: CounterSoft :.
telerik
ExactTarget email software solutions
Merak Mail Server
 


DotNetNuke Forums
 
  Forum  General DotNetN...  Make it Hot! ( ...  Login with an Image: CSS
Previous Previous
 
Next Next
New Post 8/27/2008 3:54 PM
Resolved
User is offline jason laskowski
5 posts
10th Ranked


Login with an Image: CSS 

I am creating an HTML skin and would like to replace the [login] token with a CSS reference and an image.  From reading various posts I edited the Skin.XML file and added a reference to the [Login] token:

<Object>
    <Token>[LOGIN]</Token>
    <Settings>
      <Setting>
        <Name>CSSControl</Name>
        <Value>Loginout</Value>
      </Setting>
    </Settings>
  </Object>

I have the CSS class referenced in a <TD> cell and an image set to its background.  However that is where I am stuck.  How do I define the server control to only be active when the Login image is clicked?

 

 
New Post 8/28/2008 1:45 AM
User is offline ROBAX
1868 posts
5th Ranked


Re: Login with an Image: CSS 

You need to attack it from a different angle.

If you know how to use the language editor, you'll need to go hunting for the entry that puts the actual login text on the page. I'm not sure where it is off the top of my head...probably in Admin/Skins

Once you've found it, test by putting another word in and confirm that the text changes. Then replace the text with a cdata reference to the image file you want displayed in its place. It will look something like this below, but with the angle brackets replace by curved brackets - because the forum will otherwise make this invisible:

(![CDATA[(img src="/Portals/XX/skins/skinname/imagefile.png")]])

You should be able to hack it together from there.

Rob

 
New Post 8/28/2008 10:08 AM
User is offline jason laskowski
5 posts
10th Ranked


Re: Login with an Image: CSS 

Perfect tks!

I changed the skin.xml to reflect an image vs text.

<Token>[LOGIN]</Token>
    <Settings>
      <Setting>
        <Name>Text</Name>
        <Value><![CDATA[<img img border ="0" src="LogOn-Off.png"alt="Login/Logout"> ]]></Value>
      </Setting>
      <Setting>
        <Name>LogOffText</Name>
        <Value><![CDATA[<img img border ="0" src="LogOn-Off.png"alt="Login/Logout"> ]]></Value>
      </Setting>
    </Settings>

 
Previous Previous
 
Next Next
  Forum  General DotNetN...  Make it Hot! ( ...  Login with an Image: CSS
 


Forum Policy

These Discussion Forums are dedicated to the discussion of the DotNetNuke Web Application Framework.

For the benefit of the community and to protect the integrity of the project, 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 DotNetNuke.
2. Discussion or promotion of DotNetNuke product releases under a different brand name are strictly prohibited.
3. No Flaming or Trolling.
4. No Profanity, Racism, or Prejudice.
5. Site Moderators have the final word on approving/removing a thread or post or comment.
6. English language posting only, please.

 


Active Modules, Inc.
Creators of Active Forums, the best forum module for DotNetNuke
www.activemodules.com
DNNCovered.com - Your Offshore Dotnetnuke Partner
Dnncovered.com is the only Dotnetnuke offshore outsourcing center specializes in DNN skinning and module development with lowest pricing and quality service. Our staff is dedicated to websites based on DNN and our graphic designers are creative and imaginative well enough to provide customers the complete set of skinning solutions and packages
www.dnncovered.com
PointClick.Net DNN Solutions
DotNetNuke Hosting Platform for Business and personal use.
PointClick.Net Hosted Solutions

DotNetNuke Corporation   Terms Of Use  Privacy Statement
DotNetNuke®, DNN®, and the DotNetNuke logo are trademarks of DotNetNuke Corporation
Hosted by MaximumASP