Joomla Templates Club 406,261 posts

[pb36 Friend pb36Join date: January 2011Posts: 42Downloads:18Uploads:0 Thanks: 13 Thanked: 7 times in 1 posts]

#172378

Happy new year to all!

I’ve got a problem to include Data URI in css.
I first tried with Teline and it was ok, but i found Nex great and I changed with it to build a site with.

For instance, to replace arrow3.png with a data:uri in css/menu/css.css, I replace :

background: url("../../images/arrow3.png") no-repeat left center ;

with

background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAEAQMAAAB4CLc+AAAABlBMVEXMzMz////TjRV2AAAAAnRSTlP/AOW3MEoAAAAQSURBVAgdY2BgaGI4xvAOAAXSAjdsWkbIAAAAAElFTkSuQmCC") no-repeat left center ;

That should be ok, but the answer is :

http://www.site.com/templates/ja_nex/css/menu/data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAEAQMAAAB4CLc+AAAABlBMVEXMzMz////TjRV2AAAAAnRSTlP/AOW3MEoAAAAQSURBVAgdY2BgaGI4xvAOAAXSAjdsWkbIAAAAAElFTkSuQmCC (status: 404)

It’s looking for the image in the root.

Could you tell me what’s new in Nex to do this, please?

Data URI scheme is a good way to optimize a site reducing HTTP requests.

http://en.wikipedia.org/wiki/Data_URI_scheme#Inclusion_in_HTML_or_CSS_using_PHP

[pb36 Friend pb36Join date: January 2011Posts: 42Downloads:18Uploads:0 Thanks: 13 Thanked: 7 times in 1 posts]

#432324

I found the solution.

The problem comes from the Nex Admin :

Optimize CSS on Join & Minify (activated by default) makes the error.

On No, it’s ok. 🙂

I will see if join and minify can be done with JCH Optimize or JFinalizer, or a tool like that.

[TomC Moderator TomCJoin date: October 2014Posts: 14077Downloads:58Uploads:137 Thanks: 948 Thanked: 3155 times in 2495 posts]

#432331

NICE WORK at using a little trial-and-error to figure out this issue !!!

🙂

[Author]

Posts