けものフレンズBBS NEO

けものフレンズBBS NEO

ジャパリデンキ / 119

242 コメント
views
89 フォロー
119
むさし 2018/04/12 (木) 23:13:47 修正

>> 109で痛エディタの話があったので対抗して痛NEOの作り方を説明します。
完成するとこんな感じです。
画像1

stylusを導入します

使っているブラウザに合わせて選んでください。
chrome : https://chrome.google.com/webstore/detail/stylus/clngdbkpkpeebahjckkjfobafhncgmne?hl=ja
firefox : https://addons.mozilla.org/ja/firefox/addon/styl-us/

スタイルを設定します

拡張機能のアイコンから「スタイルを管理する」を選択してエディタ画面に飛びます。
新しいスタイルを作成を押して、cssは以下を設定してください。

main {
  display: block;
  position: relative;
  z-index: 1;
}
main:after {
  content: "";
  background-image: url("https://pic.zawazawa.jp/files/minmi/9d117b6cd13a0.png");
  background-position: bottom right;
  background-size: 300px 420px;
  background-repeat: no-repeat;
  background-attachment: fixed;
  opacity: 0.3;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  position: absolute;
  z-index: -1;
}

適用先にzawazawa.jpと入力します。
こんな感じになると思います。
画像1
保存ボタンを押すorctrl+sで保存してください。

おしまい

zawazawaのページをリロードすると表示されます。

サーバルちゃんかわいい。
PC使っている人は、ぜひお試しくださいー
もちろん画像は別でもOKなので、自分の好きな画像をどこかにUPして差し替えても使えます。

通報 ...