Help! NIFTY CUBE inserted "as is" into CMS template & it's not working (SOLVED)

For discussion and questions related to CMS Specific templates and stylesheets (CSS), and themes. or layout issues. This is not a place for generic "I don't know CSS issues"
Locked
saucybeige

Help! NIFTY CUBE inserted "as is" into CMS template & it's not working (SOLVED)

Post by saucybeige »

Hi,

I downloaded the NiftyCube html & javascript files and copied the layout12.html http://www.html.it/articoli/niftycube/nifty12.html example file straight into a CMS template.

I ftped the javascript files, set their permissions to 755, checked everything (i swear!), and those 'lil corners just won't go round!

So, I'm guessing the javascript isn't being called correctly?

I tried
- adding {literal} tags around the tags
- copying and pasting the javascript scripts into the template header
- uploading the .js files through CMS, into the uploads directory, as Mark (the local Nifty Cubes guru, I think !) suggested

but none of these worked.

Any help would be much appreciated.  :)

This is my header in the Nifty Cubes template:


Nifty Corners Layout
{stylesheet}
{metadata}



and this is the webpage supposed to be displaying rounded corners

http://www.saucybeige.com/libby/index.php?page=miss-murray


THANKS in ADVANCE!!

Jane
Last edited by saucybeige on Fri Jan 05, 2007 5:20 am, edited 1 time in total.
User avatar
Dr.CSS
Moderator
Moderator
Posts: 12709
Joined: Thu Mar 09, 2006 5:32 am
Location: Arizona

Re: Help! NIFTY CUBE inserted "as is" into CMS template & it's not working :/

Post by Dr.CSS »

rodeto
Power Poster
Power Poster
Posts: 410
Joined: Thu May 04, 2006 9:12 am

Re: Help! NIFTY CUBE inserted "as is" into CMS template & it's not working :/

Post by rodeto »

Try to insert the javascript for the layout directy into the template like this:

{literal}

window.onload=function(){
Nifty("div#menu a","small transparent top");
Nifty("ul#intro li","same-height");
Nifty("div.date");
Nifty("div#content,div#side","same-height");
Nifty("div.comments div");
Nifty("div#footer");
Nifty("div#container","bottom");
}

{/literal}

This solution worked for my site.
________________________________
Je gaat het pas zien als je het doorhebt.
User avatar
Dr.CSS
Moderator
Moderator
Posts: 12709
Joined: Thu Mar 09, 2006 5:32 am
Location: Arizona

Re: Help! NIFTY CUBE inserted "as is" into CMS template & it's not working :/

Post by Dr.CSS »

Sorry I forgot to attach the Template..  ;) Whoops...

It looks more like this one... http://www.multiintech.com/Templates/in ... cubes.html

You can take the bottom rounded off the menu in the niftyLayout  JS and you may have to change the path for them to...

[gelöscht durch Administrator]
saucybeige

Re: Help! NIFTY CUBE inserted "as is" into CMS template & it's not working :/

Post by saucybeige »

Hi everyone

Sorry for the delay in thanking you all for your help, I just got back from Christmas holidays.  :)

I found my problem - obvious in hindsight but!

Because I am using the "NiftyCubes" model (as oppposed to the earlier "Nifty Corners"), I thought that I didn't need to upload the NiftyCorners.css because I couldn't see any relevent link to it..until I opened up the larger javascript just now and found it referenced.

THANK YOU THOUGH!!!

and Happy New Year!

Cheers
Jane
Locked

Return to “Layout and Design (CSS & HTML)”