アメブロ向上企画書ーCSSでカスタマイズ、オリジナルなスキンに挑戦！ -187ページ目

ブログ画像一覧を見る

このブログをフォローする

<< 前のページへ最新 | 185 | 186 | 187 | 188 | 189 | 最初次のページへ >>

ＣＳＳ　二重の取消し線・打ち消し線

これも問い合わせが多いです

取り消し線（打ち消し線）・・・・・

色違いの取り消し線はどうやるのですか？

コレについては

http://ameblo.jp/exlink/entry-10132377749.html

ここにありますので参考にしてください

・・・・・じゃあ・・・普段よく使う二重の取り消し線は？

これはHTMLにもCSSにも残念ながらありません・・・・

googleで二重取消し線、二重取消線、二重打ち消し線などで調べても出てきません
諦めてください・・・・

えっ？・・・・　　じゃあ・・・・　↑は？

うっふっふ・・・・　残念ながら二重の取り消し線でも二重の打ち消し線でもありません

ただの・・・・　背景画像です・・・・・

こんな画像を（透過処理済み）用意します

で、ＣＳＳに

.doubleline {/*二重取り消し線*/
background-image:url(画像のURL);
background-repeat:repeat-x;
background-position: center;
}

使うときは記事を書くで文章を書き終わってから・・・・

あるいは記事の編集でHTMLタグを表示にして

二重取り消し線を引きたい文章の前に

文章の終わりに　 をつけると

と　　の間に二重取り消し線が表示されます

よく使う二重の取り消し線は？

　　　　　↓

よく使う二重の取り消し線は？

取り消し線が2行にわたる時は1行ずつ　　と　 で囲ってください

もし2行以上に

二重の取り消し線をひきたい場合は
　　　　↓

もし2行以上に
二重の取り消し線をひきたい場合は

上はhttp://ameblo.jp/exlink/entry-10132377749.html で説明している取り消し線です

ちゃんと文字の上に表示されて文字を取り消しています

下はココで説明している方法です

残念ながら背景画像なので文字の下(裏）に線が表示されています

文字と同色にすれば関係ないのですが・・・・

でも・・・　ほんとうに文章を見せたくなければ削除します

取り消し線を使う場合は消した文章も見せておきたい場合に使いますからこの方がベターなのかも・・・

画像のURLが・・・変更されています

参考：画像のＵＲＬって・・・？

機能追加サービスで画像アップロードサイズや画像容量の増加が可能になったせいか・・
画像のURLが変わってしまいました
画像をアップした日付やIDまで画像のURLの中に入っています

・・・・で、
今までのように　_s を取れば　サムネイルがオリジナルになるといったカンタンな方法は出来なくなりました

今までのオリジナル画像のURL
http://stat.ameba.jp/user_images/d1/83/10147354014.gif

今までのサムネイル画像のURL
http://stat.ameba.jp/user_images/d1/83/10147354014_s.gif

今後のオリジナル画像のURL
http://stat.ameba.jp/user_images/20090303/23/exlink/62/91/j/o0016001610148053157.jpg

今後のサムネイル画像のURL
http://stat.ameba.jp/user_images/20090303/23/exlink/62/91/j/t00160016_0016001610148053157.jpg

ｔから　_ を　o　（小文字のオー）に変更すればサムネイルからオリジナルにはなるようですが

・・・・なんか面倒です

横幅800px以上の画像は自動で横幅800pxまで縮小されます

今までは中途半端な縮小のされかたでしたが

今後は横幅900pxでも1200pxの画像でも自動的に横幅800pxに縮小されるようです

800px以上の画像を使う場合は

http://ameblo.jp/exlink/entry-10197585673.html

と

http://ameblo.jp/exlink/entry-10057879053.html

記事に画像を載せるとき・・・　

↑サムネイル画像

↓タグ
<a href="http://stat.ameba.jp/user_images/20090303/23/exlink/9f/db/j/o0800060010148051864.jpg"><img height="165" alt="アメブロ向上企画書ーCSSでカスタマイズ、オリジナルなスキンに挑戦！" src="http://stat.ameba.jp/user_images/20090303/23/exlink/9f/db/j/t02200165_0800060010148051864.jpg" width="220" border="0" /></a>

サムネイルでは小さいのでもっと大きく載せたい場合は

画像を貼り付けるときにオリジナルにチェックを入れて貼り付けます


↑横800pxもありますから当然大きすぎます・・右が表示されていません