256 posts
  • Author had a File in an Envato Bundle
  • Author had a Free File of the Month
  • Belgium
  • Beta Tester
  • Bought between 10 and 49 items
  • Elite Author
  • Exclusive Author
+4 more
Sitebase says

I think it’s a good idea for authors of Themeforest to read this topic: http://codecanyon.net/forums/thread/encrypting-source-files/26665

I’m working on something for hiding the CSS of a file. Check out my comment at page 2 of that topic and let me know what you think.

2322 posts
  • Repeatedly Helped protect Envato Marketplaces against copyright violations
  • Author had a Free File of the Month
  • Bought between 10 and 49 items
  • Europe
  • Exclusive Author
  • Has been a member for 5-6 years
  • Referred between 100 and 199 users
+1 more
CreativeMilk says

Taken a small look at it, and it transform css into js?

Great to see this kind of cool tools!! Keep up the good work ;)

256 posts
  • Author had a File in an Envato Bundle
  • Author had a Free File of the Month
  • Belgium
  • Beta Tester
  • Bought between 10 and 49 items
  • Elite Author
  • Exclusive Author
+4 more
Sitebase says

Thanks Mark. It does some other nifty things to with the code. At first it seems simple to crack but try it and you will see …

444 posts
  • Bought between 1 and 9 items
  • Exclusive Author
  • Has been a member for 4-5 years
  • United Kingdom
TahaH-Studio says

I dont know, but I guess your aim is to make a mess of the css file :D.. I saved the page. I got the css but pretty much its two line and repeated loads of times with some random generated code beside it. and actually most of the usefull css is inline.

537 posts
  • Author had a File in an Envato Bundle
  • Bought between 500 and 999 items
  • Exclusive Author
  • Has been a member for 6-7 years
  • Interviewed on the Envato Notes blog
  • Netherlands
  • Referred between 50 and 99 users
  • Repeatedly Helped protect Envato Marketplaces against copyright violations
+2 more
Hein says

@sitebase,

Looks like it works for me, I’ve take a look at the css file with the build-in developer tool of Chrome (Mac OS X ) and this is what I’ve got.

This could indeed be a solution to the problem here, only you can’t completely stop this from happening since I’m sure that there are buyers who share there files after purchasing.

256 posts
  • Author had a File in an Envato Bundle
  • Author had a Free File of the Month
  • Belgium
  • Beta Tester
  • Bought between 10 and 49 items
  • Elite Author
  • Exclusive Author
+4 more
Sitebase says

@Hein: Check out my comment in the other topic. If you use only that CSS the navigation would not work.

1024 posts Best-dressed man at PressNomics 2013
  • Attended a Community Meetup
  • Author had a File in an Envato Bundle
  • Bought between 1 and 9 items
  • Contributed a Tutorial to a Tuts+ Site
  • Exclusive Author
  • Has attended an Envato Live event
  • Has been a member for 5-6 years
+5 more
Parallelus says
@sitebase,

Looks like it works for me, I’ve take a look at the css file with the build-in developer tool of Chrome (Mac OS X ) and this is what I’ve got.

This could indeed be a solution to the problem here, only you can’t completely stop this from happening since I’m sure that there are buyers who share there files after purchasing.

Ok, ImageShack just crashed my browser and exploded new windows with ads all over the place. That sucked big time, thanks for the link. ;)

So, does this allow the CSS to be cached on the browser? Obfuscation is just a way to deter. I’ve noticed that now people are buying themes (and other marketplace items) and just posting the purchased files for free on other sites. Unless we want to embed unique serial numbers that require you to register your domain and prevent multiple uses of a single purchased file it’s not likely to have much impact.

By the way, even with domain licensing and serial numbers they can still get around it :)

Here’s how I look at it. If companies as big as Apple, Microsoft and Adobe can’t stop you from pirating their products, neither can we. I take the time to do moderate piracy protection on my demo sites but don’t spend too much time on it.

1024 posts Best-dressed man at PressNomics 2013
  • Attended a Community Meetup
  • Author had a File in an Envato Bundle
  • Bought between 1 and 9 items
  • Contributed a Tutorial to a Tuts+ Site
  • Exclusive Author
  • Has attended an Envato Live event
  • Has been a member for 5-6 years
+5 more
Parallelus says

Ok, it took a couple minutes to figure out how, but you can decrypt the CSS in less than a minute.

  1. Copy the CSS code from the file
  2. Past it into CssCompressor.com
  3. Set compression on “Standard” and check the box for “Sort Properties”

Returns the following:

a:visited {
    color:purple!important
}
ul.navigation li a:hover {
    background-color:#eee!important;
    color:#333!important
}
ul.navigation li a:link, ul.navigation li a:visited {
    border:solid 1px #ccc!important;
    color:#999!important;
    display:block!important;
    margin-right:2px!important;
    padding:2px 4px!important;
    text-decoration:none!important
}
ul.navigation li.active a:hover, ul.navigation li.active a:link, ul.navigation li.active a:visited {
    border-color:#333!important;
    color:#333!important
}
831 posts
  • Bought between 10 and 49 items
  • Exclusive Author
  • Has been a member for 4-5 years
  • Referred between 1 and 9 users
  • Repeatedly Helped protect Envato Marketplaces against copyright violations
  • Sold between 1 000 and 5 000 dollars
  • United States
tigerlabs says
you can decrypt the CSS in less than a minute.

Owned. :D

1024 posts Best-dressed man at PressNomics 2013
  • Attended a Community Meetup
  • Author had a File in an Envato Bundle
  • Bought between 1 and 9 items
  • Contributed a Tutorial to a Tuts+ Site
  • Exclusive Author
  • Has attended an Envato Live event
  • Has been a member for 5-6 years
+5 more
Parallelus says

Also, just got this from the JS file using simple find and replace. All you would have to do is write a regular expression and it could decrypt the entire file at once.

b {
    font-weight:700
}
i {
    font-style:italic
}
u {
    text-decoration:underline
}
.navigation {
    font-size:.9em
}
ul.navigation {
    list-style:none;
    margin:0;
    padding:0
}
ul.navigation li {
    display:block;
    float:left
}
.navigation li, .navigation li a {
    margin:0;
    padding:0
}
by
by
by
by
by
by