やる夫スレ自分チェック用

 

やる夫まとめサイト(ブログ)作成で使用したコツのメモ書き

カテゴリ:未分類 |


最初に参考にしたところ

一周年特別企画  「やる夫で学べないやる夫まとめブログの作り方 改訂版」 at 泳ぐやる夫シアター 様

その他は 「やる夫まとめサイトの作り方」 at やる夫 Wiki 様 参照



Webフォントについてはこちら⇒ブログでのアスキーアート表示用のWebフォント導入方法まとめ
※AA表示方法が分かるまでにエントリーが600まで行ってしまって、現在AA直し中。







トップに戻るボタン(スクロールしてもついてくるやつ)の設置方法~超簡単ライブドアブログ・FC2ブログ編
↑これが一番カンタン

ヘッダにカテゴリ一覧をプルダウンで表示
参考→初心者でもできる簡単FC2ブログの作り方:ボタンなしのプルダウンをつくりたい!

関連記事リストを任意の場所に表示したい
↑参考にしました。
※自分の場合、<!--relate_list_area--><!--/relate_list_area-->は不要でした。

トップページでは記事を表示させない
↑参考にしました。

ページ送りナビゲーションページ移動スクリプトページナビ(ページ移動スクリプト)の設置方法
↑参考にしました。

・Dropboxに保存している画像ファイルをブログに表示する(埋め込む※直リンク)やり方
1、Dropboxへアップロードしたファイルを「共有」にする。
2、Dropboxのリンク画面で「共有」にしたファイルのファイル名を右クリックして「リンクアドレスをコピー」を行う。
 コピーしたアドレスのコピー例 ⇒ https://www.dropbox.com/s/qhn7v4qknqcfg68/a-draw.com_7297.jpg?dl=0
3、コピーしたアドレスの「www.dropbox.com」を「dl.dropboxusercontent.com」に変更する。
 末尾の「?dl=0」は削除する。
 ブログに埋め込む画像のアドレス ⇒ https://dl.dropboxusercontent.com/s/qhn7v4qknqcfg68/a-draw.com_7297.jpg

 もしくは、コピーしたアドレスの末尾の「?dl=0」を「?dl=1」へ変更する。
 その場合の画像のアドレス ⇒ https://www.dropbox.com/s/qhn7v4qknqcfg68/a-draw.com_7297.jpg?dl=1

4、ブログに表示する際は下記のようにする。
 例 ⇒ <img src="https://dl.dropboxusercontent.com/s/qhn7v4qknqcfg68/a-draw.com_7297.jpg" width="50%">
 ※width="50%"で画像表示のサイズ変更が可能。(縦横比は保持されます)


超簡単な折りたたみ展開メニュー
↑参考にしました。


はきだめ: レスのポップアップ
ライブドアブログでコメント欄にレスアンカーのポップアップ機能を実装する - ぐう速
↑より一部転載&改変して、レスアンカーのポンプアップのやり方を書いてみる。

1.javascriptのソース ⇒ popup.js

2.CSSに追加

↓ここから
#mypopup {
display: none;
position: absolute;
border:1px solid #bbb;
padding:5px 8px 8px;
color:#111;
background-color:#ffc;
list-style-type:none;
text-align:left;
max-width:1000px;
min-width:250px;
box-shadow: 3px 3px 3px #ccc;
-moz-box-shadow: 3px 3px 3px #ccc;
-webkit-box-shadow: 3px 3px 3px #ccc;
}
↑ここまで

3.Htmlの<head>~</head>内に追加 ⇒ <script type="text/javascript" src="http://アップロードしたファイルのURL/popup.js"></script>

4.Htmlの<body>のすぐ下に追加 ⇒ <div id="mypopup"></div>

5.レスは<p id="resレス番">~</p>で挟む(別にaでもdivでもspanでもかまわない。この辺りは好みで)

6.レスアンカーの前後をこんな感じで挟む
<a href="javascript:void(0)" onMouseOver="popUp(46)" onMouseOut="hidePop()"> >>46 </a>



例を書いてみる
・HTMLソース

<p id="290">290 名前:名無しのやる夫だお E-mail:sage :2015/03/01(日) 21:54:38 ID:rz/mixUQ0
なるほど、偽証が全く許されないのか。
……素晴らしいじゃないか、冤罪裁判が発生しないなんて(やられる方はたまったもんじゃないと思うが)
</p>

379 名前: ◆NdaE78waTE E-mail:sage :2015/03/02(月) 00:28:49 ID:gwHnvRIA0
<a href="javascript:void(0)" onmouseover="popUp(290)" onmouseout="hidePop()">>>290</a>
悪いことしてなくてもフルオープンは、ちょっとねえw


・実際の表示

290 名前:名無しのやる夫だお E-mail:sage :2015/03/01(日) 21:54:38 ID:rz/mixUQ0
なるほど、偽証が全く許されないのか。
……素晴らしいじゃないか、冤罪裁判が発生しないなんて(やられる方はたまったもんじゃないと思うが)




379 名前: ◆NdaE78waTE E-mail:sage :2015/03/02(月) 00:28:49 ID:gwHnvRIA0
>>290
悪いことしてなくてもフルオープンは、ちょっとねえw





CSS3の勉強になるかも!?画像を使わないボタンの作成手順
↑参考にしました。






カテゴリ:未分類 |
[ 2014/05/01 00:10 ] TB(-) | CM(0) | △ページトップへ戻る 
カテゴリ[ 未分類 ] 内一覧



関連カテゴリ
 

※「ねらう緒はトップヒーローを狙うようです」の投稿のうち、「やらない夫は独りだけの戦隊ヒーローのようです」とのクロス部分のみ「独り戦隊EXTRA」としてまとめます。

広告エリア


コメント一覧
コメントの投稿












管理者にだけ表示を許可する
プロフィール

Author:多摩ちゃん
自分で日々みているやる夫スレのまとめです。

三十路会社員です
リンクフリーです。
会社員ですので、更新は遅めです。

誤字・リンク切れetc連絡はメールもしくは
おしらせ・連絡のコメント欄にて

作品・作者に対する誹謗中傷及び
批判etc不快なコメントは削除します。
現在、コメントは承認制です。



2016.6.12
ついにアクセスカウンタが10万を突破しました。
ブログを始めて2年ほど経ちましたが、こうしてブログを
見に来てくれる皆様がいるおかげで続けられています。
いつも訪問していただいて本当にありがとうございます。



推奨ブラウザ:Chrome

注意:広告を表示させない「Adblock Plus」を
使用しているとAAがズレることがあるようです。
このブログでは「無効」としてください。



管理画面

全記事一覧を表示する

便利リンク(仮)

[管理者用記事編集]
広告エリア
NEXT
BACK
HOME
↑TOP↑
COMMENT
アクセスカウンタ
人気ランキング
検索フォーム
リンク
■ポータルサイト
Yahoo!JAPAN
Google
ライブドアニュース

■AAスレまとめ
ブログ型AAツール保管庫
劇場風やる夫まとめ
やる模
AAまとめブログ(´∀`)
泳ぐやる夫シアター
やる夫の暇つぶし麻亜屈
AAスレお気に入りのまとめ
Yaruo Memory
やらない夫オンリーブログ
やる夫エッセンシャル
それにつけても金のほしさよ
やる夫叙事詩
やる夫疾風怒濤
やるやらブログ
やるぽん!
やるやら鍋
やるやら書庫
やるやらできやら
RPG系AA物語まとめるお
勝手にやる夫を纏めたりするブログ
暇な時にやる夫まとめ
やる夫我執 [愛と <●>-=≠=-<●> 誠編]
やる夫短編集 (,,`д`)<とっても!地獄編
やる夫短編集 (,,^ー゚)<すさまじい程に! あしゅら編
Yaruyomi
AA・やる夫文庫
俺とやる夫の理想郷
やる夫AGE
東方やる夫スレ纏め
やる夫道中記
やる夫達のいる日常
隣のAA
やる夫とイワナ
やるならやらねば!!
やる夫が人生でいいじゃない
好き好き大好きやる夫くん

■まとめのまとめ
やる夫RSS+インデックス
やる夫 Wiki
やる夫見聞録
やる夫Link
R18やる夫.com
やる夫スレキャラクター出演作まとめwiki
やる夫電脳インデックス

Textar Font - アスキーアート対応ウェブフォント

やらない夫は独りだけの戦隊ヒーローのようですwiki
独りだけのAA活動写真館

童帝作品まとめ(仮)wiki

■ニュースまとめ
Birth of Blues
保守速報
黒マッチョニュース
U-1速報
キムチ速報
アルファルファモザイク
おーるじゃんる
暇人速報
政経ch
あじあにゅーす2ちゃんねる
ハムスター速報
News U.S. - 中国・韓国・在日崩壊ニュース
みそぱんNEWS
ネトウヨにゅーす
大鑑巨砲主義!
とりのまるやき
もえるあじあ(・∀・)

随時編集中
広告エリア