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

Forum

Subject: Skinning tutorial great - but inclomplete!
Prev Next
You are not authorized to post a reply.

Author Messages
masonpj
DNN Creative Magazine Subscriber
Nuke Newbie
Nuke Newbie
Posts:1

22 Apr 2008 5:41 AM  
I just finished the Vortex Music video set.  Great info - thanks, but in video 8, the commentator very quickly skims thru the final steps to adding CSS classes and does not tell us how they actually relate to the finished page. This is very frustrating, as the vortex sample files are also incomplete, so no way of figuring out how to actually get the skinitem classes and header elements to affect the page.  He just says I did this and this and this and that and voila!!




Specific questions remaining -

What is the A. in A.SkinItem:link

how are the skinitem classes (:link, :Visited, :hover) applied to the skin

How are the header elements (H1 - H5) used

What is H5 set to (can't see it in the vid.)

How are the normaltextbox, normalred and normalbold classes used?

Where is the vortex logo?

Thanks


leesykes
DNN Creative Staff
Nuke Master III
Nuke Master III
Posts:3308

23 Apr 2008 2:35 AM  
If you recall we specifed where the SkinItem class is applied in the skin.xml file.

So, this covers the login links, breadcrumbs, copyright, currentdate, help, hostname, privacy, terms, user and search tokens.

All of the code for the vortex skin is included for download.

In the skin.css file that is included for download we have:

/* ==============================
 Style for the following Skin Items (You can change the css class
associated with these objects in the skin.xml file)
- SkinItems -  Login and Register links, Breadcrumb, Copyright, Date,
- Help, Hostname, Privacy, Terms, Search
================================== */

/* This is the Date eg. any items that are not links */
.SkinItem {
    color: #FF9900;
    font-family: tahoma, arial;
    font-weight: bold;
    font-size: 11px;
}
/* This sets the style for all skin items that are links */
A.SkinItem:link {
    color: #FF9900;
    font-family: tahoma, arial;
    font-weight: bold;
    font-size: 11px;
}

A.SkinItem:visited  {
    color: #FF9900;
    font-family: tahoma, arial;
    font-weight: bold;
    font-size: 11px;
}

A.SkinItem:active   {
    color: #FF9900;
    font-family: tahoma, arial;
    font-weight: bold;
    font-size: 11px;
}

A.SkinItem:hover    {
    color: #FF0000;
    font-family: tahoma, arial;
    font-weight: bold;
    font-size: 11px;
}


The.SkinItem class styles any of the tokens that are not links - such as the copyright text.

the a.skinitem elements styles any tokens that use the SkinItem class that are links.

The A refers to the A tag in html links - ie. < a href =  . . .

Header Tags
The h1 tag is used for text in the TopPaneSE content pane
The other header tags are styled but not added into the text of the skin. - Its up to you to decide where you wish to use them. In later tutorials we go on to semantic coding of skins and the use of header tags.

You can view all of the header tags CSS code in the skin.css file that is included for download on the tutorial page:
How to create a skin for DotNetNuke


Here are some details on the styling of the normal classes:

normal text box
normalred
normalbold

The vortex logo is not included for download as it is that companies logo. You can upload any logo that you have instead of the vortex logo.

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
You are not authorized to post a reply.
Forums > Users Lounge > Feedback, Suggestions and More > Skinning tutorial great - but inclomplete!



ActiveForums 3.7

Latest Forum Posts

RE: Restart Application by leesykes
It will restart your DotNetNuke installation and reload the application.Clearing cache will clear th...
RE: How can i edit any module from front end by leesykes
hello,I have just tested this and can see exactly the same as you, I suspect the core team have set ...
RE: EasyCGI help? by leesykes
You may want to ask them to reset the correct permissions on your DotNetNuke installation files, som...
RE: quick question by leesykes
Hello,It will be possible to a degree, but it depends on how both of the skins have been built. You ...
RE: EasyCGI help? by Dr Joe
I'll let you know how it works out. I think I opened up about 6 tickets with them so far. ...
RE: EasyCGI help? by derpir
Hi Joe amazing to say the least! I will change host to PowerDNN as soon as possible, seems to me t...
RE: EasyCGI help? by Dr Joe
Amazing - I'm going through this exact same thing with EasyCGI! I managed to successfully instal...
Running the local host installation after building the application by saintX
My localhost installation of DNN was running blameless. After I oppened the application with VWD it ...
RE: quick question by derpir
Hello Is it possible to buy two skins and combine them? for example put one skins visual attributes...
RE: Environment Variables by leesykes
Thanks for the info,
RE: How can i edit any module from front end by sanju_k1421
ok if i added an text html . now i want to fill into that have to log in ,but i want that an...
Module not working when logged off. by t.ramya85
Hi friends,I have created two modules which interact with each other and i have kept one module to b...
RE: Environment Variables by fandnet
There are many ways to use variables like what I was trying to use...But here is how I did it.DotNet...
RE: OpenForce '08 by mgordon
It was truly a great time.  I really feel this year was much better than last year.  I hope to ge th...
Environment Variables by fandnet
I am creating a simple module that registered users can use to send an email invitation to people wh...
RE: How can i edit any module from front end by leesykes
I'm not sure that I follow, could you provide an example?
RE: Development of modules by leesykes
Hello,Glad you find them useful, at the moment there are not any plans to go into Module Development...
RE: SQL Server 2008 Documents Module DotNetNuke by leesykes
Hello,Thanks for the tip. Yes both connection strings are in correctly and the user has full permiss...
RE: Now, portal creation problem by jncraig
Since you have other issues with installing modules, etc. I believe that you are correct that it's a...
RE: How do I display the current time by jncraig
The [CURRENTDATE] skin object has a DateFormat attribute. The examples give MMMM dd, yyyy as a typi...
AppTheory
RSS Feeds