baud: (faceless)
o. ([personal profile] baud) wrote in [community profile] dreamwidthlayouts2018-08-06 03:20 pm

Tabula Rasa: Hexo


Image Preview


Title: Hexo
Credit to: This post. [personal profile] baud.
Base style: Tabula Rasa
Type: CSS
Best resolution: 1920x1080
Tested in: Firefox, Chrome
Notes: This is inspired by the Hexo "Anatole" theme, by CaiCai and Ben02.



  • Select Plain (Tabula Rasa);

  • Select 2 Column (sidebar on the left);

  • Presentation: Erase the numbers in "Set the width of a single sidebar. Ensure that the value is given in em or px." and "For a setup of two sidebars on the side, set the width to twice the value of a single sidebar (also in em or px).". Make sure the fields are blank.

  • Modules: In Main Module Section select Profile (position 1) and Navigation (position 2). You can also select "Links" and "Custom Text", if you'd like. All the rest must be unchecked.

  • Custom Stylesheet CSS: Paste the following in the field: https://fonts.googleapis.com/css?family=Marck+Script|Roboto

  • Custom CSS: Make sure Use layout's stylesheet(s) is checked.

Paste this code in the "Custom CSS" field:



Replace "IMAGE" with your sidebar background. Any resolution will do. If you want to use a pattern instead, replace

#secondary {background: url(IMAGE);

width: 40%;
background-size: cover; background-color: #fff; height: 100%; top: 0; left: 0; padding-top: 180px; position: fixed; border-right: 1px solid #f2f2f2; }


with

#secondary {background: url(IMAGE) repeat;

width: 40%; background-color: #fff; height: 100%; top: 0; left: 0; padding-top: 180px; position: fixed; border-right: 1px solid #f2f2f2; }


The name in the sidebar is the word in your "name" profile field.

Note: Please ignore the purple circle on the bottom right. It's from the Ghostery add-on.

Post a comment in response:

From:
Anonymous( )Anonymous This account has disabled anonymous posting.
OpenID( )OpenID You can comment on this post while signed in with an account from many other sites, once you have confirmed your email address. Sign in using OpenID.
User
Account name:
Password:
If you don't have an account you can create one now.
Subject:
HTML doesn't work in the subject.

Message:

 
Notice: This account is set to log the IP addresses of everyone who comments.
Links will be displayed as unclickable URLs to help prevent spam.