HOME | DD
xork —
Journal CSS Editor 0.10
Published: 2008-03-02 19:05:34 +0000 UTC; Views: 44091; Favourites: 893; Downloads: 1627
Redirect to original
Description
Journal CSS Editor is, surprisingly, an editor for Journal CSS. It lets you edit the CSS for your deviantART journal in the comfort of your own browser (Firefox, Internet Explorer, and Opera confirmed to work), with dynamic preview and the ability to import CSS/content from deviantART. Both "classic" v5/6 CSS and new, gruze-style Journal CSS are supported.The download link on your left will give you a slightly crippled (and probably out-of-date) but offline-usable version of the editor.
The full editor is available at JCE.FIVEBYFIVE.BE .
Full source code, including back-end stuff.
Report any and all bugs, preferably via GitHub , but you can also reach me by note or by e-mail at cssedit@fivebyfive.be .
Related content
Comments: 122
This is a really awesome idea, but I think I broke it
It doesn't seem to want to display my CSS properly. Unless my CSS is just wack, I dunno.
👍: 0 ⏩: 1
What exactly is not displayed properly?
👍: 0 ⏩: 1
Forget it. I'm an idiot. I had the list displayed at the top instead of the bottom. I didn't even notice that option on the editor until just now. My apologies. Your editor works perfectly
👍: 0 ⏩: 0
thanks for the css editor, its quite perfect 
👍: 0 ⏩: 0
Call me stupid or dumb, but I always believed this tool was not allowed because I\'ve got it using Google, hahaha... very nice, I use it since 4 months ago
👍: 0 ⏩: 0
Im really amazed this doesnt have more comments and favs then it does. I really am.
I will be trying this out for myself
👍: 0 ⏩: 0
Very very useful tool!!! I guess I can now test my CSS layouts without being logged in to DA! 
👍: 0 ⏩: 0
How Great. Wish I knew about this ages ago, this really rocks
Wish they would change dA like this, it would be much better and easier for us all.
👍: 0 ⏩: 0
This is a tremendous tool for a css n00b like me, thank you so much
👍: 0 ⏩: 1
No problem. Glad to be of service.
👍: 0 ⏩: 0
Thank you.
By the way, re: your signature: didn't Crowley say discussing the Liber Al was forbidden?
👍: 0 ⏩: 1
I'm not 100% positive on that one, I haven't come across that in my reading of the law or anything. Better take a closer look at it.
👍: 0 ⏩: 1
It's in one of his comments on the Liber Al, I think. He said something like, "The study of this book is forbidden, and those who discuss it should be shunned."
👍: 0 ⏩: 0
Just go to jce.fivebyfive.be --- no install necessary (except a reasonably recent, JavaScript-capable web browser).
The download link will give you an offline-usable version of the editor. It's slightly crippled, and I don't update it as often, but if you really want it, the steps are: Click download, untar (you'll need a program capable of handling tar archives --- WinRAR, for example) the downloaded file, double-click index.html in the resulting directory (jce/).
👍: 0 ⏩: 0
excellent tool, I've been looking for this for so long.
Thanks
👍: 0 ⏩: 0
Great tool. I love making my journal CSS, but I hate having to wait for the "preview" page to load. Simply genius!
Excellent work!
👍: 0 ⏩: 0
You already know how awesome I think this is
Glad to see you snagged a DD for it too, very much deserved mate
👍: 0 ⏩: 0
Well, it nearly perfectly worked for me when I was making a layout, but your editor tricked me into believing something that turned out to be wrong: The header I made. >_<;
It.. ended up differently from what it was supposed to. ;_; Despite the CSS being perfectly fine in your editor.
Not sure where it went wrong. Seems to be with the
👍: 0 ⏩: 1
The li tags, I mean..
Also, I didn't really find any restrictions in the editor. o.O;
Ie devART doesn't allow hidden comments in the CSS. While your editor does.
👍: 0 ⏩: 1
I'll have a look at the li-tag/header issue.
Re: restrictions: I'm working on version 0.10, which will include restrictions. It should be out in a couple of weeks, barring any unforeseen complications.
👍: 0 ⏩: 1
.nav {background:url(background goes here) repeat-x; margin-left: 0; padding-left: 0; white-space: nowrap; height:35px; line-height:35px;}
.nav li {background:url(background goes here) repeat-x center center; display: inline; list-style-type: none; padding:10px; margin:0px 3px;}
.nav li:hover {background:url(background goes here) repeat-x center center; margin:-2px 2px; border:1px solid #000000; color:#f5f5f5;}
This, basically, is the header without the s..
div ul a li Link /li /a a li Link /li /a /ul /div
The error should be there somewhere, I'd say..
There is also the a link tags, which are wrapped around the li tags:
.nav a {text-decoration:none;}
.nav a:link {text-decoration:none;}
.nav a:visited {text-decoration:none;}
.nav a:hover {text-decoration:none; color:#f5f5f5;}
.nav a:visited {text-decoration:none;}
.nav li a {text-decoration:none;}
.nav li:link a {text-decoration:none;}
.nav li:visited a {text-decoration:none;}
.nav li:hover a {text-decoration:none; color:#f5f5f5;}
.nav li:visited a {text-decoration:none;}
👍: 0 ⏩: 1
li is a block-level element --- you can't put it inside an anchor (well, obviously, you can, but it's wrong). You need to put the anchor inside the li, instead:
👍: 0 ⏩: 1
I'll try it. 
In any case, I'm just saying that it displayed the way it should in your editor, but the real thing didn't.
👍: 0 ⏩: 1
You can't change whether li is inline with anything short of writing your own DTD. You can display it as if it were inline (via display: inline), but that doesn't change its semantic function, only how it's displayed.
👍: 0 ⏩: 1
Aye aye. Le sigh, we've ditched the whole project by now anyway. 
Back to the drawing table.
👍: 0 ⏩: 0
holy CSS. I might just be able to tackle it now.
👍: 0 ⏩: 0
you know what could be a suggestion of improvement? Making it asynchronous in the way that the journal on the side autoupdates, get work any how
👍: 0 ⏩: 0
i can't understand it can work....
after download how I have to do?
👍: 0 ⏩: 1
You don't have to download it*. Just go to the web page @ cssedit.fivebyfive.be .
*The file in the download is a TAR archive that contains all the files from the web page; after you extract it, you can double click the "index.html" file to open the editor in your default browser.
👍: 0 ⏩: 1
ah ok
i hope to learn css for journal with this your work!
👍: 0 ⏩: 0
Wow... Awesome work! 
👍: 0 ⏩: 0
Ah, instant update. How nice! Thanks for this!
👍: 0 ⏩: 0
I love you.
You've got no idea how much easier this has made CSS for me, thanks sosososososo much!
👍: 0 ⏩: 0
Oh wow. I'll have to give this a go when I have more time ... looks incredibly useful. Great work!
👍: 0 ⏩: 0
aw...im probably stupid but i dont get how to use it...
👍: 0 ⏩: 1
The editor lets you preview Journal CSS (a subscriber-only feature --- see the FAQ for more information) as you write it: You put some text in the "Journal Content" textarea, then you style it in the "CSS" textarea, and the preview will look (more-or-less) the same as if you posted the Journal+CSS on deviantART.
👍: 0 ⏩: 0
thank you so much for this...I suck at CSS so this will help a lot!
👍: 0 ⏩: 0
Haha! Awesome!
Looks like `thespook had a hand in orchestrating a couple of today's DD's from the shadows...
Lol, great work!
👍: 0 ⏩: 1
^DVeditor deserves some of the blame, too. It was an unholy troika: `thespook , ^DVeditor , and $chix0r . One could posit them as hypostases of my ousia. (Trust me, if you had studied Cappadocian theology, you'd laugh.)
Oh, and thanks.
👍: 0 ⏩: 1
Haha! 
👍: 0 ⏩: 0
Hey, you did complete this after all. Great work mate.
👍: 0 ⏩: 1
Thanks. Yeah, `thespook made me do it.
👍: 0 ⏩: 0
This'd come in definite handy for making new CSS skins. :3 Well worth a DD.
👍: 0 ⏩: 0
| Next =>