浏览代码

Merge pull request #29 from writefreely/fix-customizing-css

Fix customizing css guide
tags/v0.12.0
Matt Baer 4 年前
committed by GitHub
父节点
当前提交
9f21d607df
找不到此签名对应的密钥 GPG 密钥 ID: 4AEE18F83AFDEB23
共有 1 个文件被更改,包括 7 次插入20 次删除
  1. +7
    -20
      writer/css.md

writer/customize.md → writer/css.md 查看文件

@@ -2,24 +2,14 @@

If you can write CSS, you can customize the appearance of your WriteFreely blog.

<!--more-->

## Getting Started

All you need to do is go to the _Customize_ settings of your blog. Scroll down to "Custom CSS" and customize your blog from there.

The following stylesheet shows a few basic selectors you'll need in order to customize certain elements. In the BASICS section, just grab the selectors (e.g. ```#blog-title a:hover```) for your stylesheet — the properties are only there to illustrate what you can do.

You should copy entire sections in the RECIPES section verbatim, as each is a complete customization you might want to make, like centering an image.

```CSS
/*

BASICS
Use the following CSS rules to change the elements you're trying to customize.

*/
The following stylesheet shows a few basic selectors you'll need in order to customize certain elements. You can just grab the selectors (e.g. `#blog-title a`) for your stylesheet — the properties are only there to illustrate what you can do.

```css
/* Entire page background */
body {
background-color: #efefef;
}
@@ -68,14 +58,11 @@ article p a:hover {
color: white;
text-decoration: none;
}
```

/*

RECIPES
These are common patterns you may want to use on your blog.

*/
Copy these entire sections verbatim, as each is a complete customization you might want to make, like centering an image.

```css
/* Center images */
img {
display: block;
@@ -99,4 +86,4 @@ header nav .views {

## Themes

If you want to see how you can customize beyond the basic elements of your blog, you can check out our [Themes blog](https://write.as/themes). Here, you can find custom blogs from the WriteFreely/Write.as community whose themes you can use & remix for your own blog.
If you want to see how you can customize beyond the basic elements of your blog, you can check out our [Themes blog](https://write.as/themes). Here you can find custom blogs from the WriteFreely/Write.as community whose themes you can use and remix for your own blog.

正在加载...
取消
保存