HOME | DD

Darqx β€” Journal CSS Creator v1.5

#animation #creator #css #darqx #flash #interactive #maker #makeyourown #journalskin #journalskincss
Published: 2015-02-04 16:23:54 +0000 UTC; Views: 78277; Favourites: 2339; Downloads: 0
Redirect to original
Description Updated file to fix some of the known issues
I was wondering why suddenly there was so many people coming Thanks so much to Ikue for the Daily Dev!
Also thanks to everyone for commenting on, faving or using this little thing!

ESPECIALLY the using I might not reply to all of them but i do look at every journal that's been made with this if i've been tagged in some way. It's very helpful as i can see how you are using it and what errors need to be fixed or what little customisation changes would be helpful for a possible 2.0


I think i'm done for now thank the lord

HEY KIDS have you ever wanted to make some kinda basic customised journal skin but you suck at coding like a vacuum cleaner?

Or maybe you know how to code but are feeling a bit lazy and would rather have the bulk of it already done for you?


WELL then you have come to the right place *confetti* Welcome to the DA Journal CSS Creator.

See "Known errors" below for issues that have been fixed/are being fixed


Journal CSS is a Premium Member only feature

FAQ #62: How do I use Journal skins?

The Journal CSS Creator is pretty simple to use, it's almost fool proof! All you have to do is pick a template, plug in your info (correctly) and click the "Get CSS" button! THEN BAM COPY AND PASTE THAT SUCKER INTO YOUR "Edit skin" section and tadah freshly made journal CSS to your liking

There are currently three templates to choose from, each with their own little feel to it. You can go nice and simple with the Basic Layer Cake, or perhaps show off a bit more of your characters or something with Picture Ribbon or Footloose ~ ok but i must say i am so proud of picture ribbon cos goddamn taking over that pre-built section was an interesting task |D

You can also save up to THREEEE journal designs to work on later! However as a warning you might lose them whenever i update/edit this file It really depends on what DA server gets used in these events.

RULES
  • Free for personal use only! You can also use it to make GIFTS for friends (though you might as well point them here and they can do it themselves lol), but not for commissions or anything where you get paid for it.

  • Please leave the credits in place so others know where to find this creator. In the event the credits cannot be seen, i would GREATLY APPRECIATE IT if you credit me for the basic template/link back to this thing somewhere in your journal or in the journal description or something.

  • PLEASE ONLY USE IMAGES THAT YOU ARE ALLOWED TO USE don't be stealy of other peoples' art even if you think it would make a great journal header.


Troubleshooting
If you are having issues with your output CSS or want to know how to extend it a little, i'm happy to lend a hand and give some tips Please read all the inbuilt help files first though because if it's something i've already explained i'm just going to point you in its direction Or not answer it because i trust in your intelligence to figure it out. There are also some handy resources linked below.

If you come across what might be a bug, leave a comment to let me know por favor ~


Known errors
  • Google Chrome not outputting journal correctly for some people - Possibly caused by a certain extension as vanilla Chrome works fine. Please try using another browser if this happens for you.

  • Saved data gets lost when DA Journal CSS Creator gets updated...as i just found out just then |D - PROBLEMATIC as DA has like 9 servers or some shit and i never know which one will update the file

Fixed
  • Alternate mood row was outputting same colour as mood row - FIXED

  • Mood boxes do not have padding unless you set a row colour - FIXED. Wrote padding in by default.

  • Literature thumbs look odd - FIXED. Added some padding and a white background to them so they arent transparent anymore.

  • Also fixed the checkboxes "clearing" when changing template from the dropdown menu.


RESOURCES



Not a premium member?

Sorry maties but you can't use journal CSS. However that doesn't mean that you have to miss out on all the pretty customisable fun! Consider:

Journal CSS Creator Β© me [Darqx ]
Thanks also to my lovely betas who helped test this thing so it was more user friendly!
Related content

Darqx - Custom Box Compiler

Darqx - Leek Dance Loituma

Darqx - Gojira CRUSH

Darqx - Flash ref template ::PREVIEW::

Darqx - FLASH REF - Hedone Highers

Darqx - EVERYBODY WAS KUNG FU FIGHTING

Darqx - How Steamy

Darqx - Jump Scare

Darqx - THOSE KIDS WERE FAST AS LIGHTNING

jacksondesorcy - Character Design Demo Reel [Link Below]

brynls - Seedy Farmer [πŸ€–]

BellaBridjon - Rendering Hair Tutorial [DD]

Artistewolf - My Art

Spaceman-2024 - Subscriber only.

sujestiveshorts - Early Access

evangaines - Expert Tier

Dream4YouLove - Uncensored Playground

Nesmaty - Commission Prices

xQUATROx - APERTURE NEWS JOURNAL SKIN

slakoths - how to make a journal skin (free)

GinkgoWerkstatt - How to: Scrollboxes

FineShit - Inverted

Gasara - [01] Code Snippet - 1 Column Menu

MixedMilkChOcOlate - Da simple CSS

Yuminn - Starry Night - Journal Skin

endosage - Journal Skins Feature Article
Comments: 436

Darqx In reply to ??? [2015-06-27 12:12:49 +0000 UTC]

What are you trying to paste into each section of your DA journal editor?

With this journal creator, after you click the "get css" button there are 3 sections that correspond to DA's journal editor. You need to copy and paste the codes only into DA's corresponding sections. Most of the templates are actually controlled by all the code that's in the "Skin CSS" bit, the Header section is only used for code for a nav bar in these cases, and a nav bar won't automatically show in the DA journal preview unless you fill in at least one of the Link URL and Link Titles in the Nav section

πŸ‘: 0 ⏩: 1

Cwenthryth In reply to Darqx [2015-06-27 12:15:46 +0000 UTC]

I'm copy and pasting everything from the "Get CSS" into the corresponding sections in the DA journal editor; I've filled in the Link URLs and Link Titles in the Nav section, and for some reason it still won't show, and nor will the Circle Picture. I must be doing something wrong, but coding isn't my forte and I really can't tell what it is Β 

πŸ‘: 0 ⏩: 1

Darqx In reply to Cwenthryth [2015-06-27 14:49:48 +0000 UTC]

Haha that's ok - css and html is pretty easy to learn, but if you haven't then it can be pretty daunting at first
If you note me the code that you are trying to input, then i can have a look through it and see what's going wrong where.

On a side note what internet browser are you using cos i do remember that someone else using Chrome with various extensions installed seemed to be having issue.

πŸ‘: 0 ⏩: 1

Cwenthryth In reply to Darqx [2015-06-27 15:05:10 +0000 UTC]

I've sent it :3 thank you for helping me out, this is quite confusing! I do use Chrome; strange that it's caused problems for other people too >.>

πŸ‘: 0 ⏩: 1

Darqx In reply to Cwenthryth [2015-06-27 15:40:43 +0000 UTC]

No problem

Alright i had a look at the code output (and threw it in a test journal on my end to make sure) and everything is outputting correctly. I'm assuming that the problem then might lie with Google Chrome - it must be doing something that is stopping something else from working. I think it might be due to an installed extension as it works on my version of Chrome which is vanilla (no extensions installed as i use it for testing purposes). Could you maybe try creating your journal in another browser like Firefox and seeing if that works?

πŸ‘: 0 ⏩: 1

Cwenthryth In reply to Darqx [2015-06-27 15:48:12 +0000 UTC]

Oh my word it works, thank you so much ironically it worked on Internet Explorer, possibly the worst browser in history! Thank you for taking the time to help me out, and for making such a useful tool as well; you've done us simpletons a great favour :3

πŸ‘: 0 ⏩: 1

Darqx In reply to Cwenthryth [2015-06-27 16:18:41 +0000 UTC]

Omg IE. FRIEND PLEASE DOWNLOAD ANOTHER BROWSER ANY OTHER BROWSER BUT THAT ONE XDD

But yay i'm glad it works! I really don't know why it doesn't in Chrome sometimes And no problem
On a side note might i suggest setting a new link colour for your footer links as they are almost the same colour as your footer bg

πŸ‘: 0 ⏩: 1

Cwenthryth In reply to Darqx [2015-06-27 16:20:39 +0000 UTC]

IKR Internet Explorer needs to burn, but it's my only alternative to Chrome (typical that the lovely chrome screws with CSS >.<)

I was thinking that too, though I'll have a play around and see what fits; I'm paranoid about messing it all up again now xD

πŸ‘: 0 ⏩: 0

MsWaffleKitty In reply to ??? [2015-06-25 00:58:45 +0000 UTC]

Okay, it works. I can see the images. Thanks for the help.

πŸ‘: 0 ⏩: 0

cookiejoyful In reply to ??? [2015-06-19 07:26:21 +0000 UTC]

Oh muh goodness I DID IT!
I made my dream commission journal thanks to YOU!!~~ :iconhearrollplz:
Thanks to you I had all the basics down (it's the foundation/basic journalΒ codesΒ that kills me)
then I used the (so little) coding skills I already knew to make THIS: Status::..CLOSED...

Thankya~ for doing this

πŸ‘: 0 ⏩: 1

Darqx In reply to cookiejoyful [2015-06-19 16:02:49 +0000 UTC]

Hey congratulations! It looks quite neat - i like your use of colours, it reminds me of a cafe menu for some reason haha (must be the warm tones)
Yay that's one of the reasons i built this, so i'm glad this little thing could help you out and make something of your own! Thanks very much for utilising it ~

πŸ‘: 0 ⏩: 0

JustSquidsYay In reply to ??? [2015-05-24 10:37:01 +0000 UTC]

This is so cool! It needs a DD

πŸ‘: 0 ⏩: 1

Darqx In reply to JustSquidsYay [2015-05-24 12:04:23 +0000 UTC]

Aha thanks so much for the sentiment!

πŸ‘: 0 ⏩: 1

JustSquidsYay In reply to Darqx [2015-05-24 14:15:55 +0000 UTC]

You're welcome! ^^

πŸ‘: 0 ⏩: 0

Supremechaos918 In reply to ??? [2015-05-23 21:09:08 +0000 UTC]

Good but....I need previews to see EXACTLY how things will look on the skin.

πŸ‘: 0 ⏩: 1

Darqx In reply to Supremechaos918 [2015-05-24 05:15:41 +0000 UTC]

Yeah making live previews in Actionscript is a lot harder than doing it with HTML and CSS
Beyond my scripting capabilities ~

You could have this and DA's Journal skin editor open at the same time and work like that.

πŸ‘: 0 ⏩: 1

Supremechaos918 In reply to Darqx [2015-05-24 10:38:23 +0000 UTC]

Yeah. I definitely could. Thanks.

πŸ‘: 0 ⏩: 0

ToasterStroodleItami In reply to ??? [2015-04-13 01:13:44 +0000 UTC]

Definitely useful! I think I'll be using this several times.

Thank you, so much!

πŸ‘: 0 ⏩: 1

Darqx In reply to ToasterStroodleItami [2015-04-13 17:20:56 +0000 UTC]

Have fun! And if you need any help, feel free to ask

πŸ‘: 0 ⏩: 0

notecardPasta In reply to ??? [2015-04-01 21:20:37 +0000 UTC]

Amazing, this is awesome!

πŸ‘: 0 ⏩: 1

Darqx In reply to notecardPasta [2015-04-02 09:18:19 +0000 UTC]

Thanks very much, i hope it helps!

πŸ‘: 0 ⏩: 0

gdpr-14792453 In reply to ??? [2015-03-29 03:22:48 +0000 UTC]

OMIGOSH IT WORKED Thank you thank you thank you!!!

πŸ‘: 0 ⏩: 1

Darqx In reply to gdpr-14792453 [2015-03-29 04:06:38 +0000 UTC]

You're welcome! ^^ I'm glad you found it useful!

πŸ‘: 0 ⏩: 0

PikaMelon In reply to ??? [2015-03-23 15:46:41 +0000 UTC]

Hi, not sure if it would be too much trouble you can translate this.
Is that as I speak Spanish, do not understand what he says and I have a very bad English
Hope I have not bothered with my comment, and you understand me
kind regards
PikaMelon

πŸ‘: 0 ⏩: 1

Darqx In reply to PikaMelon [2015-03-23 16:01:35 +0000 UTC]

I'm sorry i don't actually know any Spanish so i can't translate it ~
Perhaps you could get a friend who knows both English and Spanish to translate the instructions for you?

πŸ‘: 0 ⏩: 1

PikaMelon In reply to Darqx [2015-03-23 20:51:26 +0000 UTC]

or if not, I translate you with google translator and send you text already translated for you can edit the CSS Creator
you think? then I will send the text into Spanish by a note

πŸ‘: 0 ⏩: 1

Darqx In reply to PikaMelon [2015-03-29 05:48:22 +0000 UTC]

That's a nice idea but i'm not sure using google translate would be the best course of action The translations from it sometimes aren't so accurate ~
(also as this is a flash file i'd have to edit all the text within the flash itself. Maybe if one day this was a webpage of it's own i could have some good, easily changeable translations with it!)

πŸ‘: 0 ⏩: 0

CelestialWisp In reply to ??? [2015-03-13 22:49:57 +0000 UTC]

Hi there! I may possibly have come across a bug. After I read through the tutorial, I cannot pick a template. There are 3 templates that say "basic layer cake" but none of them are clickable. Also, when I click the tutorial or load buttons, it doesn't do anything. The only thing that works is the link to your deviantART page. I then opened it with Internet Explorer(I use Chrome normally) and everything works.Β 
Thought I'd let you know.

πŸ‘: 0 ⏩: 1

Darqx In reply to CelestialWisp [2015-03-14 15:04:31 +0000 UTC]

That does sound like a strange problem! O_O I tried it out on my Chrome and it seems to have loaded fine so unfortunately it doesnt seem to be something i can reproduce. It might have to do with the way Chrome tries to cache things, as it sounds like the actionscript or the flash didn't load properly or something. Did you try refreshing/force refreshing the page?

πŸ‘: 0 ⏩: 1

CelestialWisp In reply to Darqx [2015-03-15 02:32:28 +0000 UTC]

Yeah I did try refreshing. I just now tried it again and I got the same result. It might be something with my computer, maybe an extension on Chrome? If I find a solution I'll let you know. :3

πŸ‘: 0 ⏩: 1

Darqx In reply to CelestialWisp [2015-03-16 11:10:03 +0000 UTC]

Hmm it could be an extension; my Chrome is essentially vanilla since i use FF the most so all the extensions are thrown on that browser. Maybe something like noscript or ghostery or something like that is blocking it? But yes cool let me know if you figure it out!

πŸ‘: 0 ⏩: 0

Autumn-Equinox In reply to ??? [2015-02-28 03:36:16 +0000 UTC]

This. Β Is. Β The. COOLEST. Thing. Β EVER.

πŸ‘: 0 ⏩: 1

Darqx In reply to Autumn-Equinox [2015-03-01 04:39:32 +0000 UTC]

πŸ‘: 0 ⏩: 0

Cartoon-Heart In reply to ??? [2015-02-23 20:25:31 +0000 UTC]

I made a journal and copied the code and everything, but I didn't save it in the creator and i want to make changes to it... is there still a way to save it or do I need to re-do the whole thing?

πŸ‘: 0 ⏩: 1

Darqx In reply to Cartoon-Heart [2015-02-24 08:44:25 +0000 UTC]

Unfortunately if you didnt save it then you'll have to redo it (and it only saves locally, so the save files are only located on the computer you saved it on).
Depending on what you wanted to change though i could show you what line of code to edit.

πŸ‘: 0 ⏩: 1

Cartoon-Heart In reply to Darqx [2015-02-24 14:13:00 +0000 UTC]

Okay that makes sense, I just want to change the picture I used but I don't know how to code haha

πŸ‘: 0 ⏩: 1

Darqx In reply to Cartoon-Heart [2015-02-24 16:49:58 +0000 UTC]

If you are interested in coding CSS i recommend starting! It's pretty fun and CSS and HTML are the more easier of the coding languages imo
As for the picture you want to change which template and area is it? If you are comfortable scrolling through the CSS to edit then i can point you in the right direction otherwise it might be easier to just restart lol.

πŸ‘: 0 ⏩: 1

Cartoon-Heart In reply to Darqx [2015-02-25 20:59:12 +0000 UTC]

I've been thinking about looking into coding for a while now, but just haven't gotten to it yet. I'd love to try it out though! as for the journal, it's the footloose template, and the image is on the right. the only thing I want to edit is the picture, the placement is fine I don't want to start over, so I can try to fix it if you point me in the right direction haha

πŸ‘: 0 ⏩: 1

Darqx In reply to Cartoon-Heart [2015-02-26 09:28:03 +0000 UTC]

Oh that one is in a pretty easy spot to change (so luckily you dont have to scroll through anything lol).
Look at the code in the Skin Footer section for a line that says something like
And then copy and past the direct link to your new image in between the "YOUR URL HERE" quotation marks.

πŸ‘: 0 ⏩: 1

Cartoon-Heart In reply to Darqx [2015-02-26 21:57:49 +0000 UTC]

ahh that makes sense, thanks so much!

πŸ‘: 0 ⏩: 0

TotalDramaXtremist In reply to ??? [2015-02-23 04:47:19 +0000 UTC]

totaldramaxtremist.deviantart.…
Thanks for this, dude!

πŸ‘: 0 ⏩: 1

Darqx In reply to TotalDramaXtremist [2015-02-23 09:02:49 +0000 UTC]

Wow that looks pretty awesome! (very halloweeny XD)
Thanks for making use of it, i'm glad it helped

πŸ‘: 0 ⏩: 0

Multi-Arts In reply to ??? [2015-02-05 23:17:20 +0000 UTC]

this is??? amazing??? wow. shit son. this is so incredibly useful except for me because no premium lmao

I'm sure it'll help so many people ;o; Good job!

πŸ‘: 0 ⏩: 1

Darqx In reply to Multi-Arts [2015-02-06 12:42:52 +0000 UTC]

ffft thanks Mac! HAHA YEA SORRY ABOUT THAT such bad timing, when a lot of my friends either arent here anymore or dont have prem anymore XDDD
I hope it does! Pretty much the whole reason for making it (although learning new flash and css stuff was a pretty good bonus )

πŸ‘: 0 ⏩: 0

McAlli In reply to ??? [2015-02-05 14:33:34 +0000 UTC]

I NEEDED THIS HALF A MILLION YEARS AGO LOLΒ 

FINALLY A TUTORIAL THAT ISN'T ASININEΒ 

πŸ‘: 0 ⏩: 1

Darqx In reply to McAlli [2015-02-05 15:46:11 +0000 UTC]

CURSE MY TIMINGGGGG XD;
Haha i'm not sure it could be considered a tut since it doesnt actually teach you anything, but THANK YOOOU for the feels

πŸ‘: 0 ⏩: 1

McAlli In reply to Darqx [2015-02-05 21:19:02 +0000 UTC]

At least it tells you stuff, because other things I've read just expect you to know everything previous to coming in
Β READ UP ON YOUR SOURCE MATERIAL. IT'S A MATTER OF RESPECT.Β 

πŸ‘: 0 ⏩: 1

Darqx In reply to McAlli [2015-02-06 12:37:24 +0000 UTC]

True dat! I have this habit of over-explaining too so sometimes that helps XDD

Now i'm just cursing DA's multiple servers/domain names or whatever it is, because if i ever update this file depending on what domain it uses the saved data can't be seen (since it's in another file) so it gets recreated |D PROBLEMS UNFORESEEN LOL.

πŸ‘: 0 ⏩: 1

McAlli In reply to Darqx [2015-02-06 13:37:11 +0000 UTC]

Jeeze. What a hassle. DA. CLIENTS FROM HELL EDITION.

πŸ‘: 0 ⏩: 1

Darqx In reply to McAlli [2015-02-06 13:57:28 +0000 UTC]

THE LSO FILES ARE SO CLOSE YET SO FAR AWAY. LIKE ONE FOLDER AWAY
LOLOLOL i dunno man who would be the client in this instance me or DA haha |D
*rolls around on the floor*

πŸ‘: 0 ⏩: 0


<= Prev | | Next =>