このサイトに関して



  • 画像等、記事内のコンテンツの無断転載、画像への直接リンクによるまとめサイト等他サイトへの転載は固くお断りします。


    このブログの趣旨など。コメント欄はゲストブックとしてご利用下さい。


    記事についてご不明な点などはメールでは回答しかねますので、各記事のコメント欄にお願いします。

    2017/05/22
    ブログを更新しました。



各種ノウハウ集



管理人ポータル

大師小同窓会関連








  • 画像を提供、あるいはオリジナル写真を貸して下さる方は管理人までご連絡ください。


私家版スクラップブック

  • ブログ主の個人的スクラップブック集です。

    100円ショップの木箱やディスプレイケースなどを利用したドールハウスのまとめページです。

    メンテナンス中のため一時アクセスを制限しています。

友達の輪・お薦めSHOP

  • CHITIのボディデザイン
    魅せるボディデザイン/カラダ作りの本質とは!?
    川崎市在住のインストラクターが近隣のスポーツ施設や公園・ご自宅でのパーソナルトレーニング受け付けます。




    かわさき楽大師

    ファッション・雑貨の店 「+R」

    ヘアーサロンE'(イーダッシュ)


test

2016/07/21

【ブログの楽しみ方】カテゴリの前に画像のリストマークをつける

こんなことできるかな?と試してみたらできたので、覚え書きとしてメモしておきます。

この記事は、『cocologの楽しみ方』というカテゴリと『listmarkテスト』というカテゴリに分類していますが、この、「テスト」という文字の前に付いているのがリストマークです。箇条書きなどの行頭に付ける「・」とかそういうものです。

要するにカテゴリ名に画像が表示できるか、という実験で、結果は可能でした。

 

手順としては、

1.リストマークとして使用する画像は管理画面の「コントロールパネル」→「ファイルマネージャー」で、アップロードしておきます。

2.その画像のURLを取得し、下のHTMLタグの「画像のURL」の部分に記述します。(「border="0"」というのは画像の周囲に枠が付かないようにするため。記述しなくてもいいかも知れません。)

<img border="0" src="画像のURL" />

3.管理画面「ブログ」→「設定」→「カテゴリー」のカテゴリ設定画面でカテゴリ名の前にこのHTMLタグを追加します。

Cocolog_category01

ここで記述しているのは具体的には下記の通りです。

<!-- 990 --><img border="0" src="http://daishi100.cocolog-nifty.com/buhin/listmark.gif" /> test

 

 

ところで、赤く色を付けた「<!-- 990 -->」というのはカテゴリを自分の好みに並び替えるために記述したものです。

詳しくは以前の記事『【ブログ主覚書】cocologのカテゴリの順番を変える際のコツ、生命保険の配当、他【ココログ/PC】』で説明しましたが、「<!-- 」と「 -->」はHTMLタグを記述するときにコメント(メモ書き)をするために使うもので、この間に記述した内容はHTMLタグとしては無視されます。

サイトを表示したときにはコメントは表示されないということを利用して、「<!-- 990 -->」のように番号を振り、この順に並べています。

Cocolog_category02

ココログではカテゴリは並列的で、大分類、中分類、小分類などという構造にはできませんが、ある記事に対してカテゴリを設定するとき、「複数のカテゴリーを指定」を選択し、上の3つのカテゴリ全てを選択しておくと擬似的に構造化できるというわけです。

 


 

その他のカテゴリー

同窓会・同窓生便り | 我が町 | 【cocolog】 cocologの楽しみ方 | 【cocolog】FC2拍手ボタンを記事に貼る方法 | 【cocolog】Request URI too Largeエラー | 【cocolog】webページの活用 | 【cocolog】アクセス解析・SEO | 【cocolog】カテゴリの管理 | 【cocolog】ココログにfaviconを設置する方法 | 【cocolog】マイフォトの活用 | 【cocolog】今更きけないココログ | 【cocolog】画像の管理 | 【IT】 パソコン・インターネット一般 | 【IT】win8/win8.1 | 【IT】 Excel条件付き書式 | 【IT】 Excel/Word一般 | 【IT】Excel/Wordでお絵かき | 【IT】Excel/Wordで画像の背景を透過させる | 【IT】@niftyマイキャビ | 【IT】フリーソフト | 【IT】CANONプリンタ MG7130 | なんちゃってドールハウス1 | なんちゃってドールハウス2 | ┗ 【HowTo】塗料・塗装道具 | ┗【HowTo】クリヤーボンドの希釈 | ┗【HowTo】クリヤー系ボンドの違い | ┗【HowTo】ボンド水 | ┗ 【HowTo】テーブルの作り方 | ┗ 【HowTo】レンガ壁の作り方 | ┗ 【HowTo】椅子の作り方 | ┗【HowTo】100均フォトフレームで壁掛けドールハウスを作る | ┗【HowTo】100均フォトフレームで飾り台を作る | ┗【HowTo】template Maker | ┗【HowTo】ミニチュア製作に役立つWordのテクニック | ┗【HowTo】筆の洗浄 | ┗【HowTo】資材・塗料の整理 | ┗ 【テーマ別】『大草原の小さな家』シリーズ | ┗【テーマ別】『ローラの小さな家』を作る | ┗【テーマ別】ハロウィン | ┗【テーマ別】クリスマス | ┗【テーマ別】クラインガルテン | ┗【テーマ別】八百屋(greengrocer) | ┗【テーマ別】公園のカフェ | ┗【テーマ別】朝食・モーニングセット | ┗【テーマ別】木骨の家/ビアハウス | ┗【テーマ別】パン屋 | ┗【テーマ別】田舎のパン屋(1) | ┗【テーマ別】正月 | ┗【テーマ別】節分 | ┗【テーマ別】端午の節句 | ┗【テーマ別】夏の風物詩 | ┗ 【道具】ノコギリ・カッティングガイド | ┗【道具】おもちゃの機織り機 | ┗【道具】デジタルスケール | ┗【道具】パイプカッター | ┗【道具】ピンバイス、ミニドリル | ┗【道具】ヘッドルーペ | ┗【道具】リューター | ┗【道具】粘土工作の道具 | ┗【道具】粘土用ニス | ┗【道具】撮影ボックス | ┗【素材】スイーツデコソース | ┗【素材】スチレンペーパー、スチレンボード | ┗【素材】ダイソー樹脂風粘土、その他粘土 | ┗【素材】ドールハウスでよく使う木材 | ┗【素材】フローラルテープ | ┗【素材】ミラーシート | ┗【素材】モデナペースト | ┗【素材】レジン | ┗ 【ドールハウス関連書籍レビュー】 | ┗ 【分野別】家具 | ┗ 【分野別】キッチン用品 | ┗ 【分野別】食器・容器 | ┗ 【分野別】ソーイング・手芸 | ┗ 【分野別】本・雑誌 | ┗ 【分野別】 庭・ガーデン | ┗ 【分野別】ガーデン小物・ファニチャー | ┗ 【分野別】植木鉢・コンテナ | ┗ 【分野別】植物 | ┗ 【分野別】おせち料理・和食 | ┗ 【分野別】洋食・中華 | ┗ 【分野別】和菓子 | ┗ 【分野別】洋菓子・パン | ┗ 【分野別】飲み物 | ┗ 【分野別】野菜・果物 | ┗ 【分野別】その他食品 | 100円ショップで見つけたもの | 【プチ工作】100均アイテムリメイク | 【プチ工作】牛乳パック・日本酒パックで簡単カルトナージュ | 【プチ工作】未分類 | 外国語の学習 | 【生活】大掃除・中掃除・小掃除 | 【生活】地デジの対策 | 【生活】災害/東北関東大震災関連 |  ┗龍田小・中のAmazon欲しい物事件 | 【生活】金融・投資・税金 | 【生活】豆知識・その他覚書 | 【野鳥観察】バードフィーダー(鳥の餌台) | ガーデニングっぽい何か | (´-`).。oO(ブログ主のつぶやき) |  ┗加計学園問題に見るマスコミの捏造 | test | スポーツ | 住まい・インテリア | 文化・芸術 | 旅行・地域 | 映画・テレビ | 書籍・雑誌

サイト内検索
ココログ最強検索 by 暴想
2017年5月
  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 31      

我が町!大師の情報

  • 現在外部サイトの内容を当ブログ内に移転作業中です。
    外部サイトの『大師の歩き方』はこちらから。
    2014/10/25 10月後半から11月にかけて、川崎駅周辺では「いいじゃん川崎」(10/18、19)、ハロウィンパレード、市民祭りなど、気軽に参加できるイベントが目白押しです。

    大師の歴史・町名の由来

sponsored link


ドールハウス工作おすすめ参考図書

ドールハウス工作おすすめアイテム(材料・工具)

カテゴリー

無料ブログはココログ