Changing Banner Image in CSS File
Last Post 03/31/2009 11:32 AM by Lee Sykes. 6 Replies.
Author Messages
tcse
Nuke Newbie
Nuke Newbie
Posts:5


--
03/02/2009 11:54 AM
    Hello, Still a newbie to DNN and not sure if this question even belongs in this section.
    But Here goes, I purchased this skin

    http://preview2.dotnetnukeskin.com/...sl007_Blue

    I have tried to change the banner image and I am having troubles.
    I built the banner image in Adobe Photo shop and set the image size the same.
    In the skins folder I deleted all of the original Image Panes and replaced w/ only the 1 that made, which I also named as "Image 1"

    In the set up ducumentation for chnging images its Say's
    Banner Images
     Change Banner Image
    The skin pack includes skins with a banner image pane and without.

    To replace the banner image you need to change the background image in the #TableImagePane ElementID in the skin.css file.

     Add New Banner Image
    To add you own banner image you need to upload a new image to the media folder of the skin pack and change the background image in the #TableImagePane ElementID in the skin.css file.


    Joseph Craig
    DNN MVP
    Posts:11667


    --
    03/02/2009 10:43 PM
    It would seem that if you replace the image with another one, and it's the same size and type then you should be all set.

    If you want to edit the skin.css file, that must mean that the background image is specified in that file.

    Joe Craig, Patapsco Research Group
    Complete DNN Support
    tcse
    Nuke Newbie
    Nuke Newbie
    Posts:5


    --
    03/03/2009 6:55 AM
    Yes, the back ground image is specified in the .css file "/* Skin PANES */ .sloganpane { background-color: transparent; width: 100%; height: 100%; } .imagepane { background-color: transparent; width: 100%; height: 100%; }" AND ALSO THIS IS LATER IN THE CSS FILE "/* IMAGE PANE */ /* To change the banner height change the height value */ #TdImagePane { padding: 0px 0px 0px 0px; height: 160px; } /* To change the banner image replace background-image with Image1.jpg, Image2.jpg, Image3.jpg, Image4.jpg, Image5.jpg, Image6.jpg or Image7.jpg */ #TableImagePane { background-position: right center; background-image: url(media/Image1.jpg); background-repeat: no-repeat; background-color: #161A19; }" I have tried w/ another color skin pack to only replace the 1 image and named it the same, as the one I replaced. Still the same error, but when I go back and replace w/ the original .jpg file, and try to upload again, I still get the same error now for that one also. On both instances I have zipped the skin folder (which is what I did also on my successful uploads. Still confused ??? I have finally found on the DotNetNukeSkin site a contact info so I will try them also Thanks for any help. Edited***Sorry for any confusion on this message for some reason, the preview and final display are not appearing as I have typed it in the body message pane..I guess it is from the HTML tags??? http://www.dnncreative.com/DesktopModules/NTForums/themes/dnncreative/emoticons/crying.gif
    tcse
    Nuke Newbie
    Nuke Newbie
    Posts:5


    --
    03/11/2009 8:38 AM
    I contacted dotnetnukestore, who sells this skin, sent them my skin file. They said it was not zipped properly, I gave them the steps I used to zip it, but they haven't replied yet, as to what went wrong in the zip file. They also said there was a "_DS Store" file in there, that is not supposed to be. I am seeing this in the Error message on the file upload attempt. I asked where it was because I am not able to see anything when I open up the folder that has this name on it, still no response from them, I'll try again and post the verdict here.
    Lee Sykes
    DNN Creative Staff
    Nuke Master VI
    Nuke Master VI
    Posts:4945


    --
    03/11/2009 10:25 AM
    In windows, set your view to 'view hidden files'

    If you double click and open the zip you should see the _DS Store file - delete it.

    When you package up a zip file you should zip the actual files, do not zip the skin folder.

    If you open your zip file and there is a skin folder which then contains your files this is what the problem will be.

    You will also want to check that there is not a thumbs. file in there as well as windows puts those hidden files in as well.

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

    Twitter: www.twitter.com/DNNCreative

    Lee Sykes's Facebook Profile
    tcse
    Nuke Newbie
    Nuke Newbie
    Posts:5


    --
    03/26/2009 10:10 AM
    Sorry for the delayed reply. I think alot of my issues are that I am working on a Mac and using Parallels to run windows application. As I'm not an expert at either, I am probably creating some of my own issues. I had placed the new image into the skin pack, on the mac side. for some reason on the Mac side I could not view the "Hidden Files" after reopening the skin pack in windows I could view hidden files and remove the DS_Store file and thumbs files, then proceeded to upload the new skin via Explorer vs. Safari or Firefox. Everything uploaded OK. The only Issue I see now with my Image is that is does not resize correctly on the pages I have this skin ( Only 3 pages) I am assuming that is because each page has different modules and maybe the fixed width of each module is different, and throwing off, the banner image some how. I am not going to worry about it to much right now. It isn't perfect, and I am still in the building phase, and not real sure if this is the skin I want to use anyway. Also I like Mr. Craigs idea (In another post) of using a Content Rotator to change banner images from page to page. which may be what I want to do in the future anyway. Thanks for the great support and help. I've definitely gotten my moneys worth between this and watching some of your tutorials!!!
    Lee Sykes
    DNN Creative Staff
    Nuke Master VI
    Nuke Master VI
    Posts:4945


    --
    03/31/2009 11:32 AM
    Great, Well keep us posted with your progress, thanks,
    Lee Sykes
    Site Administrator
    Subscribe to the website : DotNetNuke Video Tutorials : The Skinning Toolkit : DotNetNuke Podcasts

    Twitter: www.twitter.com/DNNCreative

    Lee Sykes's Facebook Profile


    ---