2019年08月23日

ラブライブのブログヘッダーにCSS編集




ラブライブのヘッダーで、ちょうどいい大きさのがあったので、そちらをチョイスしました。


ラブライブヘッダー.jpg



ヘッダー画像は普通に「ヘッダー画像」で検索かければ、
見つかります。「ヘッダー アニメ画像」で探すと、
アニメのヘッダー画像が見つかりやすいですよ。



CSS編集の時に・・・
ヘッダーをいじる時は、ヘッダーのところを編集します。




/*  ヘッダー  */

div#header {
padding:50px 0;
background:url() left top no-repeat;
background-color:#ffffff;
display:block;
}



と、初期値は、このようになっていますので、
background:url() ←このかっこの中に画像のURLを入れるのですが




実は、わたくし、CSSの初期値が・・・




/*  ヘッダー  */

div#header {
padding:50px 0;
display:block;




こうなっていまして・・・
あれれ?画像のURLを入れるところが無い!


と、思いまして、調べたところ、
無い場合は自分で追加しちゃっていいそうです。




追加すると、こうなります


/*  ヘッダー  */

div#header {
padding:50px 0;
background:url() left top no-repeat;
display:block;





同じ現象に困っておられる方、
わたくしのこのCSSをそのままコピーしてもらっても
編集は可能ですよ!


※ブログによってCSSが違ったりしますので、
そこのところは気をつけてくださいませ。
同じA8ファンブログの方ならCSSも同じかと思います。





では、次に、画像URLの取得について少々書いてみます。


@ヘッダーにしたい画像をネットで探して保存します

A「画像管理」から、その画像をドロップしてA8ファンブログに取り込みます

Bもう一度、画像管理を見ると、取り込んだ画像の一覧が出ます

Cヘッダーに使いたい画像のタイトルをクリックします



D画像と右の方に、元ファイルというものが出ますので、
その、元ファイルのURLをクリックします。

元ファイル.jpg




E画像が出ますので、その時の上のアドレスが、
画像のURLになります。


ヘッダー.jpg







次に、ヘッダー画像とブログタイトルとの干渉についてですが、
先ほどの、画像URLを入れたところの上あたりに



/*  ヘッダー  */

div#header {
padding:50px 0;
background:url() left top no-repeat;
display:block;



上記の50という数字が初期値だったのですが、
そのままプレビューを見たところ、ヘッダー画像とブログタイトルや、
ブログの説明文が重なっていました。



そこで、数値を増やしていって画像、ブログタイトル、ブログ説明文と。
全てがバランスよくなった数値を見つけて保存です。
わたくしは200まで増やしたところがちょうどよかったです。



ちなみに、その下のdisplay:block;ですが、
初期値のカラーコードです。


CSSカラーコード一覧表



こちらのカラーコード一覧表から、自分の好きな色をコピーしてきて、
CSS編集に元から入っている色のところに置き換えれば色が変わります。



画像は、かっこ内にURLを入れるだけだからいいのですが、
カラーを変える場合は、CSSの初期値を全コピーして、
メモ帳あたりに保存しておくと、後々、最初は何色だったかな?
ってならずに済みますよ。





可愛らしいヘッダーになって満足してます。
同じように、ヘッダー変えたいなと思っている方の
参考にでもなれば嬉しいです。


ほとんどアニメの話じゃなくてスミマセン。。。
また、何か、アニメの話や関連商品などを思いついたら書きます。



タグ:ヘッダー
【このカテゴリーの最新記事】
posted by すみ at 18:00 | TrackBack(0) | 日記

2019年08月21日

ありふれた職業で世界最強 ユエちゃん


以前ですが、「ありふれた職業で世界最強」
について少し書きました。



今回は、ヒロインであるユエちゃんのフィギュアを
見つけたので、掲載してみたいなと思いまして







12441円



とても魅力的で色っぽい感じです。


実は、このユエちゃんのフィギュアは、
7月頃から予約が開始されていました。


アニメ放送開始と比べてみても、
発売されるのが早いなと感じます。



それほど人気キャラなのかなと思いましたし、
わたくし自身も、好きキャラでございます。


では、そんなユエちゃんを少し掘り出してみたいと思います。




コス衣装です





9440円 送料1200円



なんとも、完成度の高いコス衣装です。

サイズも幅広くありますので、男女どちらでも
着用可能で、しかもオーダーメイドも可能ですので、
自分に合った着心地で購入する事ができます。






そして、コスプレウィッグです





3680円 送料680円


こちらも、ユエちゃんのロングストレートの髪が、
綺麗に再現されています。


上記のコス衣装と合わせれば、
あなたも、ユエちゃんに!!




というわけで、今回は「ありふれた職業で世界最強」から
ユエちゃんをピンポイントに攻めてみました。


こういうふうに、ひとつの作品ではなくて、
ひとりのキャラに的を絞った商品紹介もありだなと感じました。


気にとめてくだすった方は御覧になってみてください。






2号様のほうで、
「ありふれた職業で世界最強 零」
という、外伝の漫画を紹介しております。


あらすじなども分かりやすくまとめてありますので、
よかったら、そちらも御覧になってみてください。


2019年08月19日

ジョジョの奇妙な冒険 黄金の風 中古DVD4枚セット






「ジョジョの奇妙な冒険」 4枚セット(1話〜8話)

11999円 送料無料



御存知、ジョジョの奇妙な冒険の第5部である
黄金の風の中古セットです。
レンタル落ちですが状態は「良い」です。



ジョジョの1部〜3部はファンの方なら
誰もが御存知かと思われます。おそらく4部も同様かと思いますので、
今回は、5部を紹介してみようと思います。



舞台はイタリア、主人公は、ジョルノ・ジョヴァーナです。


ギャング同士の抗争がメインの話で、
ジョルノは数あるギャングの中のひとつに加わる形になります。


そして、なんと・・・ジョルノと共に戦う仲間たちも、
敵の方々も・・・みんなスタンド使いでございます。



ちなみにジョルノのスタンド、
「ゴールド・エクスペリエンス」
触れた物体に生命を与える事ができます



この能力は使い方次第で応用が効き、
様々な場面にて活躍します。
詳細は作品を御覧になってみてください。



3部からスタンド使いが出てきていますが、
この5部が1番スタンド使いが多いかなと思います。


スタンド使いたちの能力もよく考えられており、
互いの能力を知らない者同士の戦いなどは必見です!



ただ、舞台がイタリアの為、少々キャラの絵柄が濃いです。
これは慣れれば慣れるので好きな方には平気かなと思います。


最初の頃だけ見てみて様子をみたいという方には
おススメのセットだと思います。
ジョルノたちの戦いぶりを御覧くださいませ。




◆本で読みたいという方はこちらをどうぞ◆

ジョジョの奇妙な冒険 黄金の風(48〜63巻の16巻新品セットです)

https://tshop.r10s.jp/mangazenkan/cabinet/syncip_0003/si-01-pt05_01.jpg?downsize=300:*



posted by すみ at 18:00 | TrackBack(0) | DVD
ファン
プロフィール
すみさんの画像
すみ
アニメ、漫画が大好きです。読みやすく、見やすいブログになるようにがんばります。よろしくお願いいたします。
プロフィール
検索
<< 2019年08月 >>
        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 31
最新記事
タグクラウド
写真ギャラリー
カテゴリーアーカイブ
月別アーカイブ
最新トラックバック
Powered by RSSリスティング
RSS
ブログランキング・にほんブログ村へにほんブログ村
リンク集