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, ...skin prob? css and header graphics difficulties...skin prob? css and header graphics difficulties...
Previous
 
Next
New Post
9/7/2007 12:42 PM
 

Greetings all....

I've worked as a novice with dnn from v3 to v4, skinning is the next area of interest.

I have DNN 4.5.5 installed, using the default DNN-Gray > Horizontal Menu - Full Width.ascx file/skin, it works....  But!  having a prob finding out the reasons and fixes for a couple of things.

1. can't find the right place to edit the ascx file noted above or the skin.css file to change the text and link font colors for the row which holds the date/time, breadcrumbs, and login links.  That would be the third row under row 1 where the logo and banner are, row 2 where the dnn:nav, search and language links are.  So, here is third row as I see it, I am trying to change the font/link size for the row where the dnn:currentdate, breadcrumb, user, and login links are.  Any pointers?

2. Another interesting thing is when I view the main Default.aspx page online, the live site, the custom graphic in the header shows as it should.  But when I click a link anywhere on the main page, I am presented with the page I wanted but clicking on, but the custome header graphic is 'missing'.  When I click to go back to the home page, still the custom graphic I have placed in the header of the skin does not show.

Any clues would be appreciated.  All else is working awesomely.  Site emails are fine, shopping cart v1 is good, forum, survey, etc. 

Thank you....

J

 
New Post
9/8/2007 10:37 AM
 

1.
By default, the dnn:CURRENTDATE control is assigned the css class .SkinObject, and the dnn:BREADCRUMB and dnn:USER controls have the css class a.SkinObject:link and a.SkinObject:active. These classes are predefined in /portals/_default/default.css for all portals, but you can redefine them (and so override the defaults) in your portal.css or skin.css. But note that these classes are also used by the other skin objects, e. g. by dnn:SEARCH and dnn:COPYRIGHT, so changing these style definitions will affect all skin objects. If you don't want this, you can define your own css class, e. g. myClass, and assign it to the desired skin objects using their CssClass attribute, e. g. <dnn:BREADCRUMB CssClass="myClass" ...>.

For further skin development, I highly recommend the Firebug add-on for the Firefox browser, which is a very useful (and free) tool for analyzing HTML pages. It shows you what style sheet determines the look of any element on the page, in what .css file this style is defined, and much more.

2.
I´'ve never seen that before on my sites. Is there that small icon the browser uses to indicate that an image could not be found (instead of your custom image), or is there nothing at all? What happens if you refresh the browser window with [F5]?

 
New Post
9/8/2007 5:41 PM
 

Great info!  Thanks!  Part 1 of the original issue is resolved thanks to you for pointing out the proper css!!!

2. Thanks for asking.  Yes, there is an image 'placeholder', and if I right-mouse click for properties, it shows that it is missing.  But the file is in the proper directory that the ascx file points to.  This may be where my prob is.  For some reason when I click a page with the store module, it seems to be looking somewhere else for these images, or something.  Argh!

I notice now that on all pages the custom header graphics do show, EXCEPT when I click on a product link in the store module to view details.  It is at this point that the custom header graphics disappear.  Crazy. 

Example, if I go to the main page, or any other page except that mentioned above (store module v1) and in this case, I will use the Products page.  When I click the Products link to show the store modules I notice the URL is 'mydomain.com/Products/tabid/56/Default.aspx'.  And when I click a link within the store module to view details, the URL changes to 'mydomain.com/Products/tabid/56/ProductID/93/PageIndex/1/Default.aspx'.

I also don't believe this is a problem with the store module because if I go to a page that has the Forum module, the custom header graphics disappear when I click the 'Discussion' link within the Forum module.  Problem with modules, or the DNN-Gray skin when using these modules?

Is it by chance something like loging in as SuperAdmin or just Admin and adding modules?  Should I not login as SuperAdmin to add modules?

Lot's of questions, thank you for taking the time!! 

 
New Post
9/9/2007 3:42 AM
 

1.
Glad I could help!

2.
Just now, I played around a bit with the Forum module (v 3.20.09) and the Store module (v 1.00.01), but I couldn't reproduce your issue, and because I don't really use these two modules, I can only guess what the reason for your problem is: where is your custom header image stored? In the skin directory? And what is the image's src attribute in your .ascx skin file? Do you use an absolute or relative path, or do you use the SkinPath tag, e. g. <img src="<%= SkinPath %>custom-header-image.jpg"> ? Could you give an online example?

 

 
New Post
9/9/2007 12:16 PM
 

Hello again....

Something I didn't notice before, when I click the 'Login' link, the header images disappear then also.  It's like kind of 'first level' links work right, but from there the image links are somehow distorted?


Here is the table code from the ascx file with the image paths.  I think I have this part wrong, like where to store and refer to the images.

<TABLE class="pagemaster" border="0" cellspacing="0" cellpadding="0">
<TR>
<TD valign="top">
<TABLE class="skinmaster" width="100%" border="0" align="center" cellspacing="0" cellpadding="0">
<TR>
<TD id="ControlPanel" runat="server" class="contentpane" valign="top" align="center"></TD>
</TR>
<TR>
<TD valign="top">
<TABLE class="skinheader" cellSpacing="0" cellPadding="3" width="100%" border="0">
  <TR>
    <TD vAlign="middle" align="left"><dnn:LOGO runat="server" id="dnnLOGO" /></TD>
    <TD vAlign="middle" align="left" width="50%"><table width="100%" border="0" cellspacing="0" cellpadding="3">
      <tr>
        <td><div align="center"><img src="../../../../pngs/putcoinfernogrillechevy-hdr.jpg" width="100" height="66" /></div></td>
        <td><div align="center"><img src="../../../../pngs/hdr-int-1.jpg" width="143" height="65" /></div></td>
        <td><div align="center"><img src="../../../../pngs/tribal_skull_flames.jpg" width="116" height="69" /></div></td>
      </tr>
    </table></TD>
    <TD vAlign="middle" align="right" width="187"><img src="../../../../pngs/logo-3-r.jpg" width="187" height="90" /></TD>
  </TR>
</TABLE>

Here is what I've noticed happening.

------

Visit site/home page at domain.com/Default.aspx - image shows correctly

Properties of the header images is: domain.com/pngs/logo-3-r.jpg

-----

Click any of the 'dnnNAV' links in the horizontal gray skin such as 'Products' page or 'Contact Us' page, here I click 'Products page, and the header images show correctly.

Properties of the custom header image is now: /Products/tabid/56/Default.aspx - no probs at this point.

------

Click a category link within the Store v1 module, and when the store products page shows for that category, the custom header images disappear.

Properties of the custom header image is now: domain.com/Products/tabid/56/pngs/hdr-int-1.jpg - only see image placeholder, and that image is 'missing'.

----------

I've tried several directories, and link combinations, just not getting it. 

So, your question gave me an idea...thank you.  I've set the custom header image links to an 'absolute path'?  Rather than the directory changing 'path' as you see in my example above with the ../../, I added the actual URL to the images in a directory I created outside of the DNN structure.  Make sense? 

It would be good to know what I may be doing wrong with the skin image links when using links in modules, but at this time, the images are showing, is good, but since you were not able to replicate the problem, makes me realize that I have done some practice incorrectly.  I would rather set things up correctly. 

Should I post the site URL on here?  I think I've got it setup secure as DNN can be...????

Thank you again for your generosity in assisting me to learn...

 
Previous
 
Next
HomeHomeUsing DNN Platf...Using DNN Platf...Skins, Themes, ...Skins, Themes, ...skin prob? css and header graphics difficulties...skin prob? css and header graphics difficulties...


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