You need to Register for free and Login to post a message in the forum.

Forum

Subject: DNN Creative Skin Changeover
Prev Next
You are not authorized to post a reply.

Author Messages
leesykes
DNN Creative Staff
Nuke Master III
Nuke Master III
Posts:3325

19 Jul 2007 5:26 AM  
Well the time is finally here, after 6months of putting together the new skin and testing it on a localhost installation we are ready to begin rolling it out on the live site.

I am going to make the changeover page by page, so this will be over a period of probably a week.

If you notice things looking a little strange when viewing a page, it is probably because I am editing the page, so please have a little patience while we make the changeover.

The reason I am making the skin changeover in stages is because last time we did an upgrade, Google dropped all of our links, so I want to try to minimise any potential problems with search engines by making the skin change over a period of a few days.

Skin Info:

The skin is pure CSS, XHTML compliant, it uses sIFR 3.0 for it's headings, is semantically coded, has text-resizing along with a special print view so that you can easily print out the content of an article.

Basically I've put into practice all of the information on the video tutorials over the past year or so.

Hopefully you should find it much easier to view the content of the site.

Thanks,

Lee

Lee Sykes
Site Administrator
Subscribe to the website : DotNetNuke Video Tutorials : The Skinning Toolkit : DotNetNuke Podcasts

Twitter: www.twitter.com/leesykes

Lee Sykes's Facebook Profile
jncraig
DNN Creative Staff
Nuke Master II
Nuke Master II
Posts:2318


19 Jul 2007 8:35 AM  
Could you change the style of unread messages so that the link is also bolded? It's easier to scan that way ...

Joe Craig
DNN Creative Support
Subscribe to the website
jncraig
DNN Creative Staff
Nuke Master II
Nuke Master II
Posts:2318


19 Jul 2007 8:38 AM  
OH, it also seems that if I've read the first message in a topic and someone replies, there's no indication that another reply has been added ...

Joe Craig
DNN Creative Support
Subscribe to the website
leesykes
DNN Creative Staff
Nuke Master III
Nuke Master III
Posts:3325

19 Jul 2007 9:13 AM  
a) If I click on the 'not read' link they are displayed in bold - can you double check this?

b) Is it displaying different to the original? - do you mean for bolding or something else?



Lee Sykes
Site Administrator
Subscribe to the website : DotNetNuke Video Tutorials : The Skinning Toolkit : DotNetNuke Podcasts

Twitter: www.twitter.com/leesykes

Lee Sykes's Facebook Profile
eoghano
Nuke Active Member
Nuke Active Member
Posts:39

19 Jul 2007 1:15 PM  
Lee,
Nice work on the new skin! Only one thing to note - while the skin may be XHTML compliant, that doesn't mean that pages that use the skin are XHTML compliant. For example the Forum module you are using (and that I also use on my DNN site) is not XHTML compliant (a DNN Creative forum page is, for example, currently coming up with "234 validation errors when I tried to validate the HTML on W3C's validator!). I have found it frustrating to put in plenty of effort to get an XHTML compliant skin and then for non-compliant modules to undo it all!
As I say though, nice work nonetheless.
Eoghano
leesykes
DNN Creative Staff
Nuke Master III
Nuke Master III
Posts:3325

19 Jul 2007 1:48 PM  
Thanks, yes I'm aware that the forum has compliance errors, so do any of the pages that use the news articles module and snowcovered rss feeds - you should find though when I get to the main tutorial pages that all of those are compliant.

If I get time, I will do a little more investigation into the 2 modules to see if I can get them compliant, but the vast majority of the site will be compliant.

Cheers,

Lee

Lee Sykes
Site Administrator
Subscribe to the website : DotNetNuke Video Tutorials : The Skinning Toolkit : DotNetNuke Podcasts

Twitter: www.twitter.com/leesykes

Lee Sykes's Facebook Profile
jncraig
DNN Creative Staff
Nuke Master II
Nuke Master II
Posts:2318


19 Jul 2007 2:03 PM  
I'm used to clicking on Active Topics to see what is new.  These used to be bolded if there was an unread message in the topic.  That's not the case now.

Joe Craig
DNN Creative Support
Subscribe to the website
leesykes
DNN Creative Staff
Nuke Master III
Nuke Master III
Posts:3325

19 Jul 2007 2:23 PM  
can you do me a favour and post a test message in a different forum? - I've just added the original css code using the web developer toolbar and it doesn't make any text bold for me with the original css in the active topics.


Lee Sykes
Site Administrator
Subscribe to the website : DotNetNuke Video Tutorials : The Skinning Toolkit : DotNetNuke Podcasts

Twitter: www.twitter.com/leesykes

Lee Sykes's Facebook Profile
gymnasticsmedia
Nuke Pro
Nuke Pro
Posts:70


19 Jul 2007 2:28 PM  
Like the new skin! Orange is so under-rated

GymnasticsMeida.com
The Ultimate Portal for the Ultimate Sport
leesykes
DNN Creative Staff
Nuke Master III
Nuke Master III
Posts:3325

19 Jul 2007 3:29 PM  
Posted By gymnasticsmedia on 19 Jul 2007 2:28 PM
Like the new skin! Orange is so under-rated
he he cheers!

Hi Joe,

Try that out, the css was in there, but it appears as though the capitalization was wrong, I don't know if this came from the original module.css file and it happened to work because it was in quirks mode.

It has been very interesting delving into module.css files for styling, there is big chunks that you can cut out and put into shorthand - or even just non-compliant css.

On another note - Even though the news articles module is not compliant I changed the template from tables to css and this halved the amount of code. - I think the overall structure still is a table, but the internal template is now divs.

Most of the pages so far have been reduced in size by 30k!

Let me know if there are any other problems occurring, thanks,

Lee


Lee Sykes
Site Administrator
Subscribe to the website : DotNetNuke Video Tutorials : The Skinning Toolkit : DotNetNuke Podcasts

Twitter: www.twitter.com/leesykes

Lee Sykes's Facebook Profile
leesykes
DNN Creative Staff
Nuke Master III
Nuke Master III
Posts:3325

23 Jul 2007 2:30 AM  
Hello,

I noticed that when users were posting long links in the forum that they were causing an overflow in the skin, so if long urls are now posted they are given a horizontal scroll bar and the width of the skin remains the same.

The code for this if anyone is interested was:

.afpostbody a
{
display: block;
padding:10px 0 10px 0;
width: 490px;
    overflow: auto;
}


Thanks,

Lee Sykes
Site Administrator
Subscribe to the website : DotNetNuke Video Tutorials : The Skinning Toolkit : DotNetNuke Podcasts

Twitter: www.twitter.com/leesykes

Lee Sykes's Facebook Profile
leesykes
DNN Creative Staff
Nuke Master III
Nuke Master III
Posts:3325

24 Jul 2007 5:19 PM  
I think we are pretty much there. All of the pages have now been converted. I just have to do a few behind the scenes tweaks such as adjusting the css file to ensure compliance.

If you come across any problems let me know.

Thanks,

Lee Sykes
Site Administrator
Subscribe to the website : DotNetNuke Video Tutorials : The Skinning Toolkit : DotNetNuke Podcasts

Twitter: www.twitter.com/leesykes

Lee Sykes's Facebook Profile
markp

Posts:0

06 Aug 2007 11:31 AM  
Looks good.
You are not authorized to post a reply.
Forums > Users Lounge > Announcements > DNN Creative Skin Changeover



ActiveForums 3.7

Latest Forum Posts

RE: Reversing Limited Access to the Admin Menu by wynnjon
OK-So I've updated the TABS table entries in the database and set the previously modified entries (t...
RE: localhost Install issues by leesykes
If you go to the subscribe page and click on the get free trial button - this takes you to a page wh...
localhost Install issues by cdees
I've set up a local host and want to run DNN for a local development machine.  The host is set up; h...
RE: Reversing Limited Access to the Admin Menu by wynnjon
That is what I thought.  So for my clients that will need to manage user accounts, I can not limit t...
RE: Reversing Limited Access to the Admin Menu by leesykes
I seem to recall it doesn't work
RE: Reversing Limited Access to the Admin Menu by wynnjon
Thanks Lee-  I will give that a try.An additional question- If you place the "User Accounts" page un...
RE: Reversing Limited Access to the Admin Menu by leesykes
all you need to do is reverse the process within the SQL tables.Compare the data to the other rows i...
RE: Module not working when logged off. by leesykes
thanks for the info,
Reversing Limited Access to the Admin Menu by wynnjon
Hi!  I followed the tutorial for limiting the access to the admin menu.  What a great thing!However,...
RE: Trouble installing! Designer trying to be a Developer. by leesykes
glad to hear you found a solution, thanks,
RE: Skim Question by leesykes
You could but you will not be able to have an XHTML compliant page as the SolpartMenu is non-complia...
RE: Include in Menu - Weird Request by leesykes
For your sitemap.xml file - use GSiteCrawlerYou could create the site map before moving the sub menu...
RE: Trouble installing! Designer trying to be a Developer. by awright14
It looks like I had ASP installed in the wrong order.  Copying and pasting this into the Run Command...
RE: Need Help Changing Containers Contentpane's Text Color by leesykes
Hello,Have you tried adding a class to the content area of your container and then styling the p, a,...
RE: Vertical SolpartMenu by leesykes
hello,If you wish to display the admin and host menus within the house menu, you need to enable it i...
RE: Firefox Does Not Display WMV File In Media Module by leesykes
Hello,I have just tested this and I can play a wmv file in Firefox 3.0.3, so it does suggest that it...
RE: advice wanted convert site to DNN while keeping existing asp functionality by leesykes
You could try using the IFrame module in DotNetNuke and then just link the IFrame to the current pag...
RE: Need Help Changing Containers Contentpane's Text Color by CROKeefe
Thanks for the quick update... I know it looks broken right now, but I had the TITLE classes working...
RE: Need Help Changing Containers Contentpane's Text Color by leesykes
The default class for a container is .head so you will find that the .head class will override any s...
RE: Module not working when logged off. by t.ramya85
have to set the cache time to '0' in that module setting.
AppTheory
RSS Feeds