Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

Applying CSS to entire page without <head> tag?

So, I manage an enjin (CMS/Hosting) site for (wanted a drupal one for them, but they went with enjin) a PC clan and have been adding touches and features to it with javascript. We recently swapped domains and so instead of manually changing a whole bunch of links we used javascript. So, if somebody doesn't have it enabled, most links will be broken. So, i wanted to use something like this:

<noscript>
<style type="text/css">
.pagecontainer {display:none;}
</style>
<div class="noscriptmsg">
You don't have javascript enabled.  Good luck with that.
</div>
</noscript>

However, I don't have access to the tag. The way enjin does things, I put code into a module which i can place anywhere and hide it there if I want, basically making that code useless, as it only makes a tiny square in the module and displays the text. I was wondering if there was a way to get the same effect without utilizing the tag.

like image 611
Jackson Avatar asked Dec 05 '25 10:12

Jackson


1 Answers

You can do something like:

<noscript>
<div style="position: fixed; top: 0px; left: 0px; z-index: 3000; 
            height: 100%; width: 100%; background-color: #FFFFFF">
    <p style="margin-left: 10px">You don't have javascript enabled.  Good luck with that.</p>
</div>
</noscript>

Read this question since it's basically the same thing.

like image 144
Winter Avatar answered Dec 07 '25 01:12

Winter



Donate For Us

If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!