おじさん図鑑

カテゴリ別表示 項目:カスタマイズ [1/1]

動画をレスポンシブ対応にする

レスポンシブ対応のテンプレートを採用したが、動画がはみ出したままだった。下記のサイトを参考に修正しました。参考サイト:あなたのブログの動画はスマートフォンではみ出してるかもしれない [手順]1.iframe を div で囲む2.css に下記を追加.xxx {position: relative;width: 100%;}.xxx::before {content:"";display: block;padding-top: 56.25%;}.xxx iframe {position: absolute;top: 0;left: 0;width: 100%;height: 1...

  •  0
  •  0

全記事リストを二列表記に変更

全記事リストを二列表記に変更Akira 氏のサイトで紹介されていましたので、そのまま流用させて頂きました。参考サイト:全記事リスト(INDEX)を2列表示にするカスタマイズ...

  •  0
  •  0

ブログカードを使って見た

当ブログでは、記事内のリンクに【fontawesome】を使ってアイコンを自動的に付加するようにしている。[表示するアイコン]  内部リンク用    外部リンク用今回、Twitterカードみたいに、リンク先の概要とサムネイルを付加する「ブログカード」を使って見た。(下記が実例)「ブログカード」を手に入れて、リンク先の紹介がグッとオシャレに見やすくなった♪① - ●ブログづくりこんばんは、慣れない事に取り組んで後頭部が少々...

  •  2
  •  0

CSSで吹き出しにしてみました。

記事タイトル行とコメントの内容表示を CSSで吹き出しにしてみました。レスポンシブ対応 ・ 記事タイトル行は「角丸下向き三角」 ・ コメントの内容表示は「角丸考えごと風」CSSで作る!吹き出しデザインのサンプル19選サルワカコピペで使える「吹き出し」のCSSサンプルをまとめました。使うのはHTMLとCSSだけ。シンプルなデザインから、円形、会話形式、LINE風チャット形式まで。saruwakakun.com参考サイト:CSSで作る!吹き...

  •  0
  •  0

マウスオーバー時に画像を拡大する

CSS3の「transform:scale()」を使用して、マウスオーバー時に 画像を拡大するようにしてみた。(画像サイズは枠内で固定) [サンプル] 曲げわっぱ スタイルシートの指定 .scale_up img {    -moz-transition: -moz-transform 0.5s linear;    -webkit-transition: -webkit-transform 0.5s linear;    -o-transition: -o-transform 0.5s linear;    -ms-transition: -ms-transform 0.5s line...

  •  0
  •  0

ユーザータグ一覧の作成

プラグインを使ったユーザータグクラウドはよく見かけるが50音順のタグ一覧を別ページに作成してみた。  作成後のページ : ユーザータグ一覧[作業手順]1.50音順のタグリスト作成  表示順:アルファベット → ひらがな → カタカナ → 漢字  参考サイト : アルファベット順・アイウエオ順タグクラウド(FC2ブログ)2.表示件数の制限  参考サイト : [FC2ブログ]ユーザータグ一覧リストの表示数を任意に制限する3...

  •  2
  •  0

更新履歴

ブログの更新履歴更 新 日 更新内容 機  能 H261102 サムネイル画像のUP アルバム機能 1104 ブログの移行 バックアップ    タイトルの変更 インポート・エクスポート 1105 追加サービス アクセス解析・カウンタ 1106 「続きを読む」の開閉方法変更 javascript 1107 SNSボタンの変更 css 「float:left」指定    追加サービス FC2(WEB)拍手    拍手の差し替え FC2ブログ拍手→FC2(WEB)拍...

  •  0
  •  0