Knacks サポート掲示板
使い方に疑問がある場合や改善提案など
障害時には新着情報も合わせてもご覧ください
Knacks
記事を見る
新規書き込み
スレッド一覧
ギャラリー
ポリシー
問い合せ
返信の作成
タイトル
コメント
名前
メール
ウェブ
画像
（1024KBまで）
パスワード
空にすると管理者以外は削除できなくなります。
* は必須入力項目となります。
NEW!!! の文字を画像に
2006-06-11 18:37
はじめまして、お世話になります。
新しい記事をしめす NEW!!!のマークを画像にすることはできませんか？
もしできるのであればどのように設定すれば宜しいのでしょうか？
ご返答よろしくお願いいたします。
編集
|
返信
|
▲
Re^1: NEW!!! の文字を画像に
2006-06-12 00:18
すっきりとした方法はございませんが、以下のようにスタイルシートを設定することで、画像にすることができます。（Firefox 1.5 および IE7b で確認）
span.new のブロックを探して、以下のように変更します。padding に設定する値は、1番目と3番目を足した値が画像の高さに、2番目と4番目を足した値が画像の幅になるように設定します。background-image の url() の中に画像の url を入れてください。
なお、画像は、他のサーバー、もしくは、掲示板のアップロード機能でアップした url を指定してください。
span.new {
padding: 8px 8px 8px 8px;
background-image: url(imageurlhere);
font-size: 0%;
}
編集
|
△
Re^2: NEW!!! の文字を画像に
2006-07-03 00:51
ご返答ありがとうございます。
返信が遅れてしまぃすみませんでした＞＜
丁寧なご説明ありがとうございます。
padding: 8px 8px 8px 8px;
を画像のサイズにするとのこと、やってみたのですが、少々画像が欠けてしまぃます;;
いろいろ数字を変えてはみたのですが上手くいかないみたいです。
何か方法はありますでしょうか？
編集
|
△
Re^3: NEW!!! の文字を画像に
2006-07-03 11:24
ご利用、ありがとうございます。
ご案内の方法でテストしていますが、画像が欠ける現象は確認できませんでした。さらにサポートが必要な場合は、ご利用画像等必要なデータをお示しください。
また、ご案内した方法は、画像置換（＝イメージリプレイスメント、Image Replacement）の方法のひとつです。他にも手法がございますので、検索してみてください。
よろしくお願いいたします。
編集
|
返信
|
△
Re^1: NEW!!! の文字を画像に
2006-06-12 00:18span.new のブロックを探して、以下のように変更します。padding に設定する値は、1番目と3番目を足した値が画像の高さに、2番目と4番目を足した値が画像の幅になるように設定します。background-image の url() の中に画像の url を入れてください。
なお、画像は、他のサーバー、もしくは、掲示板のアップロード機能でアップした url を指定してください。
span.new {
padding: 8px 8px 8px 8px;
background-image: url(imageurlhere);
font-size: 0%;
}
Re^2: NEW!!! の文字を画像に
2006-07-03 00:51返信が遅れてしまぃすみませんでした＞＜
丁寧なご説明ありがとうございます。
padding: 8px 8px 8px 8px;
を画像のサイズにするとのこと、やってみたのですが、少々画像が欠けてしまぃます;;
いろいろ数字を変えてはみたのですが上手くいかないみたいです。
何か方法はありますでしょうか？
Re^3: NEW!!! の文字を画像に
2006-07-03 11:24ご案内の方法でテストしていますが、画像が欠ける現象は確認できませんでした。さらにサポートが必要な場合は、ご利用画像等必要なデータをお示しください。
また、ご案内した方法は、画像置換（＝イメージリプレイスメント、Image Replacement）の方法のひとつです。他にも手法がございますので、検索してみてください。
よろしくお願いいたします。