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, ...Images are not displayedImages are not displayed
Previous
 
Next
New Post
5/7/2007 5:20 PM
 

 

Hi,
i am new to DNN and try to create my first skin.

I use VS2005 as editor.
I made a copy of the DNN-Blue-Skin and modified the skinheader-section like below.

After i made the modifications i zipped the files and folder in the correct structure and uploaded the skin in my local testsystem without any errors. Afterwards i selected and applied the uploaded skin.

I can see the skin but i can't see any pictures i have in this section.
If i look in the sourcecode i see that the pictures are still like in the code below and

For me it looks like the parsing of the skin package doesn't work ( i tried both methods 'localized' and 'portable')

But why???

Can anybody help me???

 

 

 

 

<table border="0" cellpadding="0" cellspacing="0" class="skinheader" width="100%">

 

<tr height="129">

 

<td background="HeaderTop.png" align="left" colspan="5" valign="top" style="padding-left: 8px; font-weight: bold; font-size: 13px; padding-top: 6px; font-family: Verdana, Arial">

TestSkin

</td>

 

</tr>

 

<tr>

 

<td align="left" style="background-image: url(HeaderMiddleLeft.png); background-repeat: repeat-y;"

 

valign="top">

 

&nbsp;

 

</td>

 

<td align="left" style="background-image: url(HeaderMiddleCenter.png);"

 

valign="top">

 

<dnn:MENU ID="dnnMENU" runat="server" />

 

</td>

 

<td align="right" style="background-image: url(HeaderMiddleCenter.png);"

 

valign="top">

 

<dnn:SEARCH ID="dnnSEARCH" runat="server" />

 

<dnn:LANGUAGE ID="dnnLANGUAGE" runat="server" />

 

</td>

 

<td align="right" style="background-image: url(HeaderMiddleRight.png); background-repeat: repeat-y;"

 

valign="top">

 

&nbsp;

 

</td>

 

</tr>

 

<tr style="background-image: url(HeaderBottom.png); background-repeat: no-repeat; height: 5px;">

 

<td align="left" nowrap="nowrap" valign="top" colspan="5">&nbsp;</td>

 

</tr>

 

</table>

 
New Post
5/7/2007 5:41 PM
 

This is because you are using in-line styles. When referencing images from style attributes using url(), the browser expects to find the images in the location relative to where the style attribute is defined. In this case, it would be from default.aspx which is in the root of your website.

You can either change the in-line style references to include the path to your skin folder, or move the style definitions to skin.css in the same folder as your skin. You can then put your images in the skin folder and they will show up. Putting the style definitions in a stylesheet is the better solution IMO. There is a third option involving putting inline code, but it is not a good practice so I won't go into detail about it here.

Nik

 


Nik Kalyani
Co-founder
DotNetNuke Corporation
Blog | Twitter | FaceBook
 
New Post
5/8/2007 1:53 PM
 

 

Hi Nik,
thank you very much for your quick answer.

I understand what you explained to me and so i started all over again.
I duplicated the dnn-blue skin in the _default-folder, renamed it.

I replaced the old part

<tr height="129">
<td background="HeaderTop.png" align="left" colspan="5" valign="top" style="padding-left: 8px; font-weight: bold; font-size: 13px; padding-top: 6px; font-family: Verdana, Arial"> TestSkin</td>
</tr>

with 

<tr>
<td align="left" class="skinheadertop" colspan="5" valign="top">TestSkin</td>
</tr>

and added also

 .skinheadertop 
{
padding-left: 8px
font-weight: bold
font-size: 13px
padding-top: 6px
font-family: Verdana, Arial
height: 129px;
background-image: url(HeaderTop.png);
}

to my skin.css that is in the same folder with the images and the .ascx.

I selected the skin and looked in the preview, but it still won't work!
Then i had a look at the sourcecode and saw that there was added the following line

<link id="_DNN_Portals__default__skins_myfirstskin_" rel="stylesheet" type="text/css" href="/DNN/Portals/_default//skins/myfirstskin/skin.css" />

and this can't be ok with the doubled slash in "/DNN/Portals/_default//skins/myfirstskin/skin.css". Is there maybe something not configured ok? But i only installed the Starterkit selected the dnn-template and set the ntfs-permissions.

 

I also read that the skin.css in the skin-folder is linked dynamically. 
But if it is linked during runtime i have in the Visual Studio the problem that the css is not know and displayed in the designer! Is there a way to solve this?

Another thing i saw is that in the sourcecode in the first line is written

<%

@ Control language="vb" CodeBehind="~/admin/Skins/skin.vb" AutoEventWireup="false" Explicit="True" Inherits="DotNetNuke.UI.Skins.Skin" %>

and the CodeBehind-URL is underlined in the designer and it says "the file is not found" but i have the same problem on my pc at work!

I am using dnn 4.4.1.; WinXP Prof, Visual Studio 2005

Thank you for your answer

Tom

 

 

 

 
New Post
5/9/2007 4:09 AM
 

Hi Nik,
thank you very much for your quick answer.

I understand what you explained to me and so i started all over again.
I duplicated the dnn-blue skin in the _default-folder, renamed it.

I replaced the old part

<tr height="129">
<td background="HeaderTop.png" align="left" colspan="5" valign="top" style="padding-left: 8px; font-weight: bold; font-size: 13px; padding-top: 6px; font-family: Verdana, Arial"> TestSkin</td>
</tr>

with 

 

and added also

 .skinheadertop 
{
padding-left: 8px
font-weight: bold
font-size: 13px
padding-top: 6px
font-family: Verdana, Arial
height: 129px;
background-image: url(HeaderTop.png);
}

to my skin.css that is in the same folder with the images and the .ascx.

I selected the skin and looked in the preview, but it still won't work!
Then i had a look at the sourcecode and saw that there was added the following line

<link id="_DNN_Portals__default__skins_myfirstskin_" rel="stylesheet" type="text/css" href="/DNN/Portals/_default//skins/myfirstskin/skin.css" />

and this can't be ok with the doubled slash in "/DNN/Portals/_default//skins/myfirstskin/skin.css". Is there maybe something not configured ok? But i only installed the Starterkit selected the dnn-template and set the ntfs-permissions.

 

I also read that the skin.css in the skin-folder is linked dynamically. 
But if it is linked during runtime i have in the Visual Studio the problem that the css is not know and displayed in the designer! Is there a way to solve this?

Another thing i saw is that in the sourcecode in the first line is written

<%

@ Control language="vb" CodeBehind="~/admin/Skins/skin.vb" AutoEventWireup="false" Explicit="True" Inherits="DotNetNuke.UI.Skins.Skin" %>

and the CodeBehind-URL is underlined in the designer and it says "the file is not found" but i have the same problem on my pc at work!

I am using dnn 4.4.1.; WinXP Prof, Visual Studio 2005

Thank you for your answer

Tom

Nik Kalyani wrote

This is because you are using in-line styles. When referencing images from style attributes using url(), the browser expects to find the images in the location relative to where the style attribute is defined. In this case, it would be from default.aspx which is in the root of your website.

You can either change the in-line style references to include the path to your skin folder, or move the style definitions to skin.css in the same folder as your skin. You can then put your images in the skin folder and they will show up. Putting the style definitions in a stylesheet is the better solution IMO. There is a third option involving putting inline code, but it is not a good practice so I won't go into detail about it here.

Nik

 

<tr>
<td align="left" class="skinheadertop" colspan="5" valign="top">TestSkin</td>
</tr>

 
Previous
 
Next
HomeHomeUsing DNN Platf...Using DNN Platf...Skins, Themes, ...Skins, Themes, ...Images are not displayedImages are not displayed


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