ユーティリティ

2013/11

- - - - - 1 2
3 4 5 6 7 8 9
10 11 12 13 14 15 16
17 18 19 20 21 22 23
24 25 26 27 28 29 30

How To Taiwan DOMO

本家台湾飛天スタートガイド

台湾飛天の情報

Vote for DOMO, thank you

復活して欲しいオンラインゲームはありますか?

飛天に一票お願いします。

Tag Cloud

Search

エントリー検索フォーム
キーワード

New Trackback

Re:蠢く島プレイしました。感想
2019/07/13 from 承認待ち
Re:夢世界の仮装一覧
2019/05/24 from 承認待ち
Re:夢世界の仮装一覧
2019/05/19 from 承認待ち
Re:家出娘の雪合戦
2019/05/14 from 承認待ち
Re:らぃさん返信
2019/04/28 from 承認待ち

rss-feedFeed

ブログの絞込みをかけると、それぞれのフィードが表示されます。

2013年11月

エントリー

markItUp!のプレビューにサイトデザインのCSSを適用する

201311290126.png

正確に言えばdefault.cssを読み込む、だけどもサイトデザイン適用って言った方が分かり良いかなーと。
たいしたとこはしちゃあいませんが、やっとくと捗ります。 簡単なので、オススメ。

preciew.html

freo/markitup/templates/preciew.html

<!-- content -->

<div id="container">
<!-- content -->
</div>

にする。

preciew.css

freo/markitup/templates/preciew.css

@import "../../css/common.css";
の直後に
@import "../../css/default.css";
を追加する。

以上。

補足

<div id="container">の部分は、お使いのデザインに合わせて適宜変えてください。本文にかかる部分の背景を設定しているclassやらIDやらつっこんでおけばいいです。
エントリー単位でデザインを分けているなら<div class="entry">にすればいいですし、背景が最初から白いならそもそもpreciew.htmlの編集の必要がない場合も。
……あ、エントリーとページと別デザイン使ってる場合の表示切り替えとかはさすがにわかんない……。

他に読み込みたいCSSがあれば、@importの行を好きなだけ増やしたらいいです。

freowikiとか見るとmarkItUp!関係はうちのページが並んでて有り難い限りなんだけども、このくらいのことは、日本語じゃないだけで解説あると思うんだよねえ。
もし英語とJavaScriptが扱えたら、いろんなサイト見て色々カスタム出来そうだよなー……。うーむ、口惜しや。

ラフ

201311270111.png

201311270112.png

吸血鬼、の予定?

ページ移動

  • 前のページ
  • 次のページ
  • ページ
  • 1