Posted by at

2006年09月01日

記事の絵文字アイコンのズレ

記事の中の絵文字アイコンがずれている…なんで?

これはスタイルシートの問題なんです。


━ ━ ━ ━ ━ ━ ━ ━ ━ ━ ━ ━ ━ ━ ━ ━ ━  

icon76なおす方法は次のように設定します。

 1)管理画面にログインして、画面上部の『デザイン』を選択し、
   左のメニューの『オリジナルデザインを登録』をクリックします。





2)一番上のスタイルシートから『main img』の箇所を検索します。
 :結構下の方にあるかと思います。








icon74例)
.main img{
 margin:0px 10px 20px 0px;
}


margin
とは上下左右の余幅の設定をしてます。
左から順に 上(0px) 右(10px) 下(20px) 左(0px) の余幅設定になってます。

ここで下の余幅が 20px になっている為、絵文字アイコンが20px 上 にずれてしまうんですね。

ですので




icon74修正例)
.main img{
 margin:0px 10px 0px 0px;
}


と修正してください。
そして画面したの『登録』ボタンをクリックします。
右のずれについてはお好みにて。

━ ━ ━ ━ ━ ━ ━ ━ ━ ━ ━ ━ ━ ━ ━ ━ ━ ━ ━ ━ ━ ━

いかがでしょうか?
出来ましたか?

ちょっと分からない…icon198って方はコメント下さい!    


Posted by よかよか編集長 at 09:50Comments(6)How To!

2006年08月31日

ランキング画像を新着記事に出さないようにするには?

教えて編集長!お願い編集長!』に質問があったのでBlogで詳しく説明しようと思います。


私が登録してます  を例にします。


■まずランキングサイトに登録する

  この説明については割愛します。
  詳しくはランキング登録サイトを参照してください。


■バナー(もしくはリンク)を自分のブログに貼り付ける

  記事を書く度にこのリンクタグを書くのは非常に面倒です。
  また、『よかよか』では画像を貼り付けるとトップページの新着記事に画像が表示されてしまいます。
  その為、記事の中に画像を貼り付けなかったら、ランキングのバナーが新着記事に表示されて
  しまいます。

━ ━ ━ ━ ━ ━ ━ ━ ━ ━ ━ ━ ━ ━ ━ ━ ━ ━ ━ ━ ━ ━

icon76毎回タグを書かなくていい方法は次のように設定します。

 1)管理画面にログインして、画面上部の『デザイン』を選択し、
   左のメニューの『オリジナルデザインを登録』をクリックします。





 2)トップページ』のHTMLを修正します。
   記事の下部に表示される
   ----------
   <div class="posted">Posted by <%EntryAuthor%> at
   ----------

を検索します(”ctrl+F”で検索ウィンドウが表示されます)

その上にランキングを表示するタグを挿入します。
(詳しくは画面イメージをクリックicon73して拡大表示させて下さい)


※挿入タグ例)------
<A HREF="http://blog.with2.net/link.php?335611" class="ranking"><img src="http://img01.yoka-yoka.jp/usr/jmnet/banner_02.gif" align="absmiddle"> 九州Blogランキングはこちら</A>
--------------------

※挿入タグは個々で違いますので、自分の登録したブログランキングのタグを挿入してください。


3)同じ用に『個別記事』/『アーカイブ』も変更します。


4)変更しましたら、画面の下部にある『登録』ボタンをクリックします。


5)記事を書いた後、ブログを見ると

     九州Blogランキングはこちら

  と挿入され、最新記事にもバナー画像が表示されません


━ ━ ━ ━ ━ ━ ━ ━ ━ ━ ━ ━ ━ ━ ━ ━ ━ ━ ━ ━ ━ ━

いかがでしょうか?
出来ましたか?


皆さんもBlogランキング等をご利用し、アクセスアップを図って下さい!

ちょっと分からない…icon198って方はコメント下さい!

  


Posted by よかよか編集長 at 01:47Comments(4)How To!