読者です 読者をやめる 読者になる 読者になる

ゆきんこゲーム日記

音楽ゲームでクリアしたものとか気になったゲームとかをメモしてゆくブログ

Simply Desainのオマケ機能の説明

yukinko-music.hatenablog.com

Simply Desain に独断で追加しているモノを説明し忘れていたので書いていきます。

「☆」評価するための囲み

  • いろはに☆☆☆
  • ほへと☆☆☆
  • ちりぬるを☆☆☆

このような☆評価をする囲みは制作した<ul>タグに class="star" を追加し、文字を<span class="star">で囲むと出来ます。

タグ

<ul class="star">
  <li><span class="star">いろはに</span>☆☆☆</li>
  <li><span class="star">ほへと</span>☆☆☆</li>
  <li><span class="star">ちりぬるを</span>☆☆☆</li>
</ul>

注訳のような囲み

・Ophelia

オフィーリアとは「シェークスピアのハムレット」の美少女である。

このような注訳を追加するには <div class="box"> で囲めば良い

タグ

<div class="box">

 <p>オフィーリアとは「シェークスピアのハムレット」の美少女である。</p>

</div>

htmlやCSSなどプログラミング文を説明したい

さっきから説明してるコレ黒い箱は <div class="box"> 内で <span class="box"> を定義すると出来る。

タグ

<div class="box">

 <p><span="box">タグ</span></p>

 <p>htmlやCSSを「見たまま」モードでペタリ貼れば楽なんじゃないかな?</p>

</div>

実際 <span> を<p>で囲まなくても出来る。
はてなだといちいち <p> がつくのでこの表記にしました。

はてなの [:contents] 機能

見やすさのために[ 目次 ] のような囲いをしております。
好まない人はCSS編集にて

CSS

ul.table-of-contents:before { display:none; }

このように記入してください、はてな公式の表記になります。

 

今のところはこんな感じのオマケ機能 使ってくりゃれ (*´艸`*)

 

広告を非表示にする