アクセス解析
日々思うことを綴っています、難しい言葉の解説、共有プラグインのカスタマイズ方法など だいさく独自の小さな世界です。


※ 小さな世界では考察などを乗せていますが、だいさくが調べた内容から得た
   ひとつの結論であり、記事を鵜呑みにするのではなく、
   ご自身で調べて自らが納得する結論を導き出して下さい。
別館小さな世界販売所がOPENしました、記事との関連商品を紹介しています。
10 ≪│2017/11│≫ 12
- - - 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 - -
上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。
今回はだいさく作成共有プラグイン
『最新記事』『最新コメント』『最新トラックバック』
『月別アーカイブ』『カテゴリー』
をご利用頂きありがとうございます。

画像に文字表示シリーズ簡単カスタマイズ方法

1、『気軽にコメント』『トラックバックってなに』の削除方法
  各項目は全てコメントタグで1セットにしています
  削除したいコメントタグから次のコメントタグ直前まで
  を削除して下さい
  コメントタグとはこれです→『<!--最新記事-->』

  『気軽にコメント』はコメントがあまりないブログ向けです。
  すでにコメントがあるブログでは面倒ですが。削除して下さい。

2、各機能説明リンク表示名称変更
  初期状態では『気軽にコメント』及び『トラックバックってなに』
  になっていますので、この部分をすきな言葉に変更して下さい。

3、各機能説明リンク変更
  初期状態では、私だいさくの各説明に飛ぶようになっています。
  オリジナルもしくは他サイトへのリンクに変更する場合は
  『http://daisyaku.blog56.fc2.com/blog-entry-30.html』
  とかかれている部分を変更したいアドレスに変更して下さい。
  
4、下地の画像の変更
  下地の画像はイメージタグに書かれているアドレスを変更して下さい
  イメージタグとはこれです→『<img src="http~~" alt="" border="0">』
  これの『http~~』部分を下地のアドレスに変更して下さい。
  
  尚、初期設定での下地は以下のどちらかになっています


  ご自分で下地を作成する際はこの用に文字を入れないで作成下さい。
  
5、文字部分のスタイル変更
  HTMLの変更で以下の部分を編集することで変更できます。
  少し難しいですが頑張ってみましょう。
  <div style="position:absolute; top:3px; left:10px; width: 160px; height:20px; color:#000000; font-weight: bold; overflow: hidden;">

  
  《表示開始位置の設定》
  『top:3px; left:10px;』
  topが上からの位置で
  leftが左からの位置を設定します

  だいさくの下地画像と同じ縦25pxの時は
  変更しなくても大丈夫です。
  
  《文字表示範囲の設定》
  『width: 160px; height:20px』
  widthが横サイズ
  heightが縦サイズの設定です
  
  だいさくの下地画像と同じ横170px縦25pxの時は
  変更しなくても大丈夫です。
  下地画像より少し小さめに設定するようにして下さい
  縦サイズを大きくすると改行します。

  《文字表示の設定》
  『color:#000000; font-weight: bold;』
  colorが文字色の設定です。
  文字色の設定は下記サイトなどを参考して下さい。
  カラーコード

  font-weight: bold;で太字にしています。
  太字をやめるときはこの部分を削除して下さい。
  
  《下地画像よりはみ出した文字の設定》
  『overflow: hidden;』
  この設定にはみ出した文字を切り取っています
  この部分を削除するとはみ出した文字は
  画像の下に続きが表示されます
  

6、文字部分の変更
  初期設定では公式で設定されている標準の
  表示形式にしています、この部分の変更は各自
  公式での変更と同じように行ってください。
  
  尚、こちらに関しても疑問があれば、だいさくが返答いたします。
  


以上が削除・更新・追加方法になります。
分からないことがあればお気軽にコメントで質問してください。
お役に立てましたら下のランキングを1クリックして下さい。






 カスタマイズはできましたか?
スポンサーサイト
コメント
この記事へのコメント
承認待ちコメント
このコメントは管理者の承認待ちです
2013/05/27(月) 15:42 | | #[ 編集]
コメントを投稿する
URL:
Comment:
Pass:
秘密: 管理者にだけ表示を許可する
 
トラックバック
この記事のトラックバックURL
http://daisyaku.blog56.fc2.com/tb.php/28-af2f9d53
この記事にトラックバックする(FC2ブログユーザー)
この記事へのトラックバック
上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。