foxfirefey: A guy looking ridiculous by doing a fashionable posing with a mouse, slinging the cord over his shoulders. (tech support)
foxfirefey ([personal profile] foxfirefey) wrote in [community profile] style_system 2020-02-02 05:43 am (UTC)

So the following changes are ones we can do exclusively in the style wizard without much fuss and a minimum of custom CSS. It's a good first pass, if I do say so myself, especially given that you don't seem to need the replication to be pixel perfect. Here's a preview of about where the below instructions will get you. I realized in the thing up there I linked to Dusty Foot twice, so I ended up using it?

Page Set Up

Pick a starting theme here on the list of Dusty Foot themes.

Towards the bottom of the style pages: The page set up you want is "2 Columns (sidebar on the right)"

Colors:

I used your journal and a website called ColorHound to get the list of colors involved, here's a list of the ones you can use and the places I've put them in my example:

#000000 -- black -- module background color, module border color, page header background color,
page footer background color, entry background color, entry border color
#415b8e -- that purple/blue color -- page background color, all link colors (unless you want hover effects!), module title color,
entry title color
#999999 -- gray
#9b9b9b -- gray
#9d9d9d -- gray
#d9d9d9 -- gray
#d9f0ff -- light blue
#ffffff -- white -- entry text color,
#f1f1f1 -- gray
#fafafa -- gray
#ff0000 -- red

I think there's other details you can tweak around with, I'm hoping giving you the list of colors will help you experiment with that.

Display:

The part you might want to tweak here is the navigation strip colors to match the ones in your style

Presentation:

You want "Place of icons in entries and comments" to be left to match what your style is doing.

Text:

You can use this to alter the text used for a whole bunch of things! For instance, in the "Navigation" section you can turn "Profile" into "About Me"

Or in the entry section you can change the "comment/comments" to "thoughts"

Or in the "Options" section you can change the "Previous" to "Earlier"

Fonts:

"verdana,sans-serif" looks like your preferred journal font

You can tweak the default font size here, too, for different items. Your default font size is smaller than the my browser's default 1em.

Images:

Put https://p.dreamwidth.org/c9c7dff16106/-/icicle.home.xs4all.nl/ajeheader1.jpg in the header background image part, don't tile, top center. We'll set the height of the header in our custom CSS.

Modules:

Unclick the ones you don't want. On your current style you have:

* Profile #1 in the main module section, with your default icon displayed but not the other things
* The link list #2 in the main module second (note: only you will see the manage links bit at the bottom, but it will take you to the place to edit them!)
* The calendar #3

You don't have any other modules. The secondary section goes at the bottom of the page.

Custom CSS section:

There's a couple touches that I felt would be appropriate to round out your style via Custom CSS.



THINGS I DID NOT ATTEND TO:

* Your date of post is before the title of the post in the original: this is changeable if we want but will take some S2 digging
* You have your website in your navigation header. Here, it's in the profile module. This is another thing we can change that will take S2.
* If you want your links in the sidebar to be center aligned, that's CSSable
* I'm sure there's a bunch of other tiny details that, once you get things up and running come to me and we work through the things you would like to alter.

IF ALL THE ABOVE IS TOO OVERWHELMING

Let me know, I could just hand over what those changes would make in a theme layer and we can used advanced customization to just put them all into place instead of making you tweak stuff through the wizard. However! I do think doing it through the wizard will help give you a feeling for how to work through tweaking core2 styles in the wizard as an exercise and show you just how much you can do with it! If you get into more tweaking, there's a bunch of guide stuff here that might be useful.

Post a comment in response:

This account has disabled anonymous posting.
If you don't have an account you can create one now.
HTML doesn't work in the subject.
More info about formatting