6,049 Pages

 
Line 6: Line 6:
 
So we just need to get this to work:
 
So we just need to get this to work:
 
<pre>$("head").append("<style> .{{BASEPAGENAME}}bg {background-image:url("{{FILEPATH:{{BASEPAGENAME}} OriginalSkin.png}}");}</style>");</pre>
 
<pre>$("head").append("<style> .{{BASEPAGENAME}}bg {background-image:url("{{FILEPATH:{{BASEPAGENAME}} OriginalSkin.png}}");}</style>");</pre>
  +
  +
Unless magic words work just like that in Javascript? In which case, that should work already.

Latest revision as of 16:24, April 11, 2014

So I just tried:

$("head").append("<style> .backdrop {   z-index: -1;   position:absolute;   width:100%;   height:717px;   overflow:hidden;   opacity: 0.6;   background-repeat: no-repeat;   background-position: center top; } .fade {   position: absolute;    width:100%;   height:717px;   background:transparent;   background: linear-gradient(top, rgba( 14, 24, 34, 0 ) 0%, rgba( 14, 24, 34, 1 ) 95% );   background: -moz-linear-gradient(top, rgba( 14, 24, 34, 0 ) 0%, rgba( 14, 24, 34, 1 ) 95% );   background: -ms-linear-gradient(top, rgba( 14, 24, 34, 0 ) 0%, rgba( 14, 24, 34, 1 ) 95% );   background: -o-linear-gradient( top, rgba( 14, 24, 34, 0 ) 0%, rgba( 14, 24, 34, 1 ) 95% );   background: -webkit-linear-gradient( top, rgba( 14, 24, 34, 0 ) 0%, rgba( 14, 24, 34, 1 ) 95% );} </style>");

And it works. Obviously, that's the _easy_ part of the stylesheet.

So we just need to get this to work:

$("head").append("<style> .{{BASEPAGENAME}}bg {background-image:url("{{FILEPATH:{{BASEPAGENAME}} OriginalSkin.png}}");}</style>");

Unless magic words work just like that in Javascript? In which case, that should work already.

Community content is available under CC-BY-SA unless otherwise noted.