It took me a LONG time to figure out how to call an external JS file from DNN, but I figured it out eventually.  I do mine in the default.ascx file, but you could probably figure out how to do it elsewhere.  This is the how it must be formatted...

<script language='javascript1.2' defer type="text/javascript"  src="/Portals/0/Skins/javascriptfile.js"></script>

As far as the validation goes, I'm not the one to ask.  I don't even know enough about javascript to be dangerous with it.

Hope this helps!

Lee,

Most of the report is misleading because the validator is parsing the code within the JS block as code within the page. This is why there are attribute flags raised. This can be fixed as follows:

- Change the script tag to <script language="Javascript" type="text/javascript">

- Mark the script as #PCDATA content as follows:

<script language="Javascript" type="text/javascript">
<![CDATA[
... script  ...
]]>
</script>

- Add a closing slash for the link element that is rendered:

"<link rel=\"stylesheet\" ... "\" />";

BTW, looks like the IE check in the script is going to have to be version-specific. The layout of the site goes nuts on IE7. I'll work it out and post the code.

Speaking of the site, I am glad to support any community efforts for skinning resource sites, so I will sign-up and contribute as much as I can (including any Speerio module you would like to have). Also, skinning enthusiasts will be glad to learn that a DotNetNuke Skinning project and related resource site are also in the works and we hope to have details available about both very soon.

Nik

 

 

 

dnncreative wrote:

Hello all,

Thank you to Will from Active Modules who kindly has donated his active forum module.

The forum is now on the css site: http://css.dnncreative.com/Forum/tabid/55/Default.aspx


Lee

 

Nice. Look forward to have a dedicated css forum for Dnn. May I suggest a sligt change in forums skin? just to make it blend better with the site?

Kudo to active modules.

Hi Nik,

Many thanks, those changes have worked well, it now just produces 19 validation errors.

re IE7 - how have you set it up on your computer, have you got a separate installation that can run alongside IE6? - I was put off installing it as I didn't know how it would affect my setup.

In the iehacks file I have set it up so that IE5 reads certain hacks and IE6 reads other hacks, so I'm guessing one of these is being read by IE7. A version specific script would certainly help for future browser updates.

Your support will be appreciated Nik, looking forward to getting the site fully up and running!

- Slope yes that's a good suggestion, it's on the task list, but my main concern is to just get everything up and running so that we can all start adding content. - If you have a bit of spare time, feel free to send me a forum skin colour scheme that will work. - Will even suggested that it should be easy to convert the forum skins into pure CSS skins.

I will keep you posted with the progress, cheers,

Hi Nik,

Just following up, after a bit more testing, I discovered that with the CDATA element in place that the stylesheets do not get called up.

Check this page http://skins.dnncreative.com/Home/tabid/53/Default.aspx which is using the 3 pane skin with the CDATA statement: - try print preview, you will see that the css is not called up.

This page however http://skins.dnncreative.com/RedLeaf5Panes/tabid/65/Default.aspx , I have removed the CDATA statement, which is the 5 pane skin and the additional css is called up.

On a further note, I think I have fixed the IE7 problems, check the 5 pane skin. - I've had to implement IE5 hacks within the iehacks file and then reset them for IE6 and above, which is kind of messy placing hacks within a hacks file!

Thanks,

Lee

try this generator for css skin starter andbuild and beautify from there

 

http://www.positioniseverything.net/articles/pie-maker/pagemaker_form.php

Sure many will find this usefull. But as I see it, would be even more usefull if one could decide for other then px. Say that outdiv is 80 % wide, that works on all screens just as a fixed px will.

And little font styling as far as I saw.

Hi,

What would be the best way to create a tabular type layout within the contentpane, without just inserting a table inside a html module? Is it possible to use Divs and CSS to achieve this type of layout:


-------An Image------
some text -- some text
some text -- some text

As the people on this thread seem to know the score on css/dnn I thought I'd see if you have any suggestions as to best practices for this type of layout.

Thanks
Kieran

mm I dont know about your css layout but you could try something like

<div>

<div>text</div>

<div style="float:right;"> text2</div>

</div>

Hello all,

The 'Simple Red Leaf' CSS skin is now available for free download.

Thanks,

Lee

I am new to this forums so please be gentle with me.

I have discovered Dot Net Nuke 4-5 months ago. My first headache was getting Css to play along nicely. I have read all threads with css topic here on this great forum, followed many great links and even downloaded some of the free css skins. Still things do not always run as I expect them to do. And I have put a lot of effort and hours in learning this, might just be slow learner but please give me a hand here. I am working with Dot Net Nuke version 3.1. Have not started with the newer ones yet.

Maybe all this is because I am fairly new to asp.net as well, just started to learn it last summer. Earlier I have been doing plain html and css layout, sometimes with tables, but preferable without them. So my css and html feel is at the top. Rambling here sorry for that.

1. Can I make some tweaks to modules so they put out a nicer code? The most used module would be text/html for my part. Can I make it display divs and css rather then tables?
2. Working with html and css I have considered the markup and semantic of highest importance. How can I use the html/text module to display H1, H2 etc. for my headings?
3. When using the text/html module, I find myself trying to get it to understand for instance float. What this means is that I try to put in images, and have the text float to the left of the images. No matter what I try I can not get this to work with Dot Net Nuke.
4. Does it excist maybe a third party text/html module to buy that handles all this?
5. Negative margins sort of mess up the layout when I upload a html skin. Yet the skin will work in all my test browser if I make it a regular html/css template. Any solutions for this? Maybe someone have made skins like this, that I can see?
6. I have seen a demo at school of people setting up a self made portal created with Asp.Net version 2.0, that handles negative margins and they even told us that the html code would validate for xhtml tran 1.1, maybe even strict. According to the team that help the presentation, this is due to the fact that Microsoft follows the standards more with Asp.Net 2.0, compared to the earlier 1.1. Is this possible with Dot Net Nuke version 4.02?
7. I would consider paying good money for any modules that will allow for output code that validates. If modules like this is made a tip would be nice.

As I said in the start, I am new so be nice. If all this does not belong in this thread but rather in own thread just tell me so and I will move it.

1. If you have the code you can create modules that output better code. I can see a few of the core modules that could use a semantic rewrite

2. You can create a container with <h1> </h1> and in there drop the dnntitle. this will then render a span inside a header and thats valid

3+4. I use the rad editor from telerik.com they output valid xhtml.

5. negative margins dont behave very well in quirks mode. YOu need other doctye ad more valid default.aspx. http://css.schwingnuke.com

6. its true that asp.net 2.0 handles webstandards better but so far as i know dnn4 still works in quirksmode

7. well i have a module on snowcovered where youc an create any kind of master detail datastructure using templates. So you create your ow user deifinedd tables and becaause of the custom repeaters and templates you can output just the code you want for a simple data display a amster detail data display ( one to one and one too many ). I dont ahve the url handy but look for schwingcontent

 

 

Ok. I will go more in detail.

1. Does it excist any rewritten modules for sale at the moment? If not, this might be a buisness opportunity for me as well as others.
2. Sure a container would give the most importent heading, but what about sub-heading? H2 and maybe even H3 etc, where do I put them?
3. Will I be able to use the rad editor in the same way as I use text/html module? Inside Dot Net Nuke user interface, rather then inside Visual Studio? Will it install like a module in Dot Net Nuke without writing a lot of code?
   
4. Any other options that might install directly as a module with xhtml output code?
5. How would one start to rewrite the most common modules to output valid xhtml code, and will this even be possible to do for a single person, or do I need a larger team to manage such a task?
6. Will there ever be a Dot Net Nuke that put out xhtml valid code? When doing Css reading on the forum I have read posts dating back to 2004, back then they where talking about what place Css had. And now two years later it seems that nobody knows what place Css has in Dot Net Nuke. It does seem to me that there is not much support for Css among the people on this forum, and even people that have a place in the coreteam seems to think less of css, below is cut from another post by one coreteam member and a moderator:                                            

   jbrinkman wrote:

   I have to say after having spent a lot of time trying to develop, tableless skins, that I just can't justify the time it takes to make it work correctly.  If I had to do it over, I would have used more tables to begin with.

   My problem with a pure CSS solution requires a LOT of experience.  You have to know the IE Box Model inside and out, something I still struggle with.  You also need to understand the various bugs which affect each browser.  CSS design seems to be where HTML development was in the late 90s.  Each browser has varying levels of CSS support.  Each one has slightly different CSS bugs, and the CSS standard still does not fully support the most standard site layouts.  For example, when laying out a 3 column design, with equal length columns, you have to go through a lot of gyrations.  Some of which require you to play around with floating divs and the order of the divs in your skin.  This can have adverse impacts on other aspects of your site.  Like, if I am forced to move my center column down because of the ways floats work, then this can impact search engine rankings which tend to give more weight to content that is higher up in the html.  This is also not very friendly to sight impaired visitors whose screen readers will read all of the content from the left and right columms before getting to the meat of the site.

   So my recommendation is to learn CSS and use it where it is appropriate, but don't create an arbitrary requirement to eliminate all tables.  You will spend a lot of time to get your design to look good in all browsers and in the end, the only one who will really know about your "pure" design is you. 

Telling what the future will bring might not be to everyones liking, but I wish I had a better knowledge of what direction this open source software is moving. And what choices the coreteam make has adirect effect on what choices I will make. There are other CMS applications out there which I have yet to explore and learn. Some of them might have more of the things I am looking for for this particular project, in other words better Css support. If people know of CMS applications that does play nicer with Css feel free to enlighten me. At this point what I need is a CMS with true Css capabilities, preferable with xhtml validation. And all other functionality will just be a bonus for me.

Finally I will say that I understand that there have been put tremendous effort and time into this CMS project by both the core team of Dot Net Nuke but also by the active community. For that I salute you all. I am truly amazed by all the features and possibillities laying within the framework. And I hope that I will be able to use Dot Net Nuke for many of my future projects for many years to come.

One more thing for the text/html module. one would think that the html view of the module would let you use embedded Css for all of the things you put in there. But as far as I can see this is not the case. I guess the embedded Css gets overridden by the skin.css or portal.css. How can I prevent that?

The Text/HTML module adds the "Normal" class to everything from within the module, which can cause problems for CSS skins.

You can remove the code for using the Normal class:

Within your install if you go to: \DesktopModules\HTML
and select the HtmlModule asp.net file you will see in the code it states the Class="Normal" - remove this and it should work.

Thanks,