Products

Solutions

Resources

Partners

Community

Blog

About

QA

Ideas Test

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, ...How can I make a background image clickable?How can I make a background image clickable?
Previous
 
Next
New Post
7/1/2015 5:34 PM
 

One of my sites currently uses a skin (CleanWeb Royal Blue) that does not use the full width of the screen when displayed on a desktop. It's an industry news site with many articles, and I do not plan to replace the skin anytime soon. But I want to use the empty real estate on the sides, either for ads or for clickable images of my other sites. How can I accomplish this? The site is cleaningbusinesstoday.com. Keep in mind that if the solution requires Javascript, that my knowledge in that area is very limited. 

Thanks for your help,

Austin

 
New Post
7/1/2015 11:06 PM
 
a background is usually not an active (clickable) element of your page.
There are possible workarounds, but you should consider not to "trick" your visitors.

Cheers from Germany,
Sebastian Leupold

dnnWerk - The DotNetNuke Experts   German Spoken DotNetNuke User Group

Speed up your DNN Websites with TurboDNN
 
New Post
7/2/2015 3:26 AM
 
Austin Walker wrote:

One of my sites currently uses a skin (CleanWeb Royal Blue) that does not use the full width of the screen when displayed on a desktop. It's an industry news site with many articles, and I do not plan to replace the skin anytime soon. But I want to use the empty real estate on the sides, either for ads or for clickable images of my other sites. How can I accomplish this? The site is cleaningbusinesstoday.com. Keep in mind that if the solution requires Javascript, that my knowledge in that area is very limited. 

Thanks for your help,

Austin

Changing the width is easy, but that will not give you more space to add extra columns, it will just make the columns wider.

In this file:

http://cleaningbusinesstoday.com/Portals/_default/Skins/CleanWeb-RoyalBlue2/css/all.css

 Change:

    margin: 0 auto;
    max-width: 960px;
    min-width: 767px;
    position: relative;
    width: 100%;

 

 
New Post
7/2/2015 5:47 AM
 
You would need to change the skin to do this.

Either - add the images and links directly to the skin - that makes them identical and compulsory on every page.

Or - add new panes to the skin and use standard DNN administration tools to insert modules in to the panes. That makes them optional on each page and individually configurable per page.

Best wishes,
- Richard
Agile Development Consultant, Practitioner, and Trainer
www.dynamisys.co.uk
 
New Post
7/2/2015 8:57 AM
 

Thanks for your reply, Sebastian. Perhaps I wasn't clear my the purpose and goal with the question. I do not want unsuspecting users to click in blank space and be taken to a link. "Tricking" our readers would not be ethical or smart. I want to create images in the background area that will appear as a column of rectangular ads, and for them to be stationary as the user scrolls. The top ad, for example, would be a subscribe button. In the past, we did have a floating javascript subscribe button, but on mobile devices it obscured the content. It floated to the top and got in the way of reading. By using the background area, I hope to make the subscribe button and other ads "sticky" throughout the site for desktop users, while not getting in the way of content for people viewing the site on a smart phone.

 
Previous
 
Next
HomeHomeUsing DNN Platf...Using DNN Platf...Skins, Themes, ...Skins, Themes, ...How can I make a background image clickable?How can I make a background image clickable?


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