トップ::<<ーー名刺の文字色を変える [てぃーだブログの場合]【ブログ>BLOGカンパニー】ーー>>

この記事をMyClipに追加

名刺の文字色を変える [てぃーだブログの場合]

2005年08月30日

BLOGカンパニーの名刺を貼っている方で、名刺の文字が見えなくなって困っている方がいるようです。
これは、名刺の中のリンクの文字色が、そのブログのリンクテキストのスタイルシートで決まっているからなんですね。

つまり、背景が濃い色のテンプレートを利用されているブログでは、文字色やリンク色が白やそれに近い色になっています。
その、白い色が白っぽい背景の名刺の中でも有効になるので、読めない名刺になってしまうのです。

でもこれは、ちょっと工夫すれば解決しますので、その方法をここで。
名刺の文字色を指定するスタイルシートのclassを作ればいいだけなのです。
ここでは例えば、class名を「meisi」としてみます。
と言われてもとんちんかんな方は、以下の手順通りにやってみましょう。

まず、てぃーだブログ管理画面に入ります。
開くのは『デザイン』メニュー。
 名刺の文字色を変える [てぃーだブログの場合]
デザインテンプレートを選ぶときに、既に利用されていると思います。
このメニューの中の、一番下「オリジナルデザインの登録」をクリックします。
この「オリジナルデザイン」はまずは今選択されているデザインのテンプレートをもとにしてくれますので、怖がることはありません。
HTMLやCSSになれている人なら、基本テンプレートを選んだ上で、ここで細部を変更して行くことが可能です。

そこで現れるのがこの画面。
名刺の文字色を変える [てぃーだブログの場合]
ここで、スタイルシートと3つのHTMLを変更することができます。
今回必要なのは「スタイルシート」
なんだかわからないという人も、大丈夫です。
スタイルシートの欄の一番下に、
.meisi a{
color:#333333;
}
と入れます。
#333333の部分が文字色ですので、ここを好きな色に置き換えてください。
そして、一番下にある『登録』ボタンを押します。
「登録してもよろしいですか?」と聞かれたらOKしましょう。

次に、名刺タグを貼付けた場所を開きましょう。
例えば私の場合、
<script src='http://blog.name/linku.php?id=karensan'></script>
となるのですが、これにスタイルを指定します。
具体的に言うと、
<div class="meisi"><script src='http://blog.name/linku.php?id=karensan'></script></div>
にするのです。

これで名刺の中の文字色に好きな色を使えるのです。


同じカテゴリー(ブログ>BLOGカンパニー)の記事
入金確認!
入金確認!(2005-09-05 13:33)

Posted by karensan at 01:35│Comments(5)ブログ>BLOGカンパニー
関連商品

この記事へのコメント

karensanさんこんばんわ。みゅうです。

↑に書いて頂いてる、スタイルの指定?がうまく出来ません。

自分の名刺の(URL)の前後に、
karensanと同じスタイル文字を入れたのですが、何も変わらず。

自分の名刺を開いてスタイルを指定、の方法がわからず
カスタムプラグインのURLを変えたのですが、違っていますか?

何度もすみません^^;

Posted by みゅう at 2005年08月30日 22:47
>みゅうさん
名刺のタグの前後にdivタグを入れるのはもちろんですが、スタイルシートの方にはその指定をしましたか?

...って、見てきました。
「meisi」の前に「.」を入れ忘れていますよ!
これで、今名刺タグの前にdivしかつけていない部分をdiv class="meisi"にしてみてください。

スタイルシートでは、普通のタグ(bodyとかね)はそのままなんですがclass指定したときには「.」(ドット)が必要なんです。
もうちょっとです。
がんばれ!
Posted by karensan at 2005年08月30日 23:51
karensanさん>
いつも、ありがとうございます。

もう一日、待ってください。それでも変更出来なかったら、
テンプレートを替えます。またご連絡しますね。
Posted by みゅう at 2005年08月31日 01:18
>みゅうさん
名刺の文字色、しっかり変わりましたね。
おめでとうございます。
よかった!
Posted by karensan at 2005年08月31日 07:54
karensan>
ホントありがとうございました!感謝、感謝です!!
Posted by at 2005年08月31日 10:24





絵文字をクリックするとコメント欄に入っちゃいます!
 
<ご注意>
書き込まれた内容は公開され、ブログの持ち主だけが削除できます。


SpecialThanks:
 素材:A Trial Product's 素材置き場
 JavaScript:Ryukyu Walker Blog:コメントに絵文字を。其の弐
関連サイト
Apple iTunes Music プリペイドカード 2,500円 [MA163J/A]
Apple iTunes Music プリペイドカード 5,000円 [MA164J/A]
ipodnano_125-125.gif
mmousew-ani_120-600.gif