contact

スティッチ!Stitch!

あいかわらず休職中の管理人です。 なんかシンプルでかわいいテンプレート作りたいなあ~と思い、 CSSで簡単にかわいくする方法ないかなと思って、ブログのあちこちに 存在しているラインをかわいくしてみることにしました。 気に入った方はご自由にお使いください。 stitch.jpg 追記でカスタマイズ方法を書きますね。 1.上部ナビゲーションの編集
<nav id="menu">
<ul>
<li><a href="<%url>archives.html" onfocus="this.blur();" class="nonborder" title="記事リスト">Articles List</a></li>
<li><a href="#" onfocus="this.blur();" class="nonborder" title="LoremIpsum">Lorem Ipsum</a></li>
<li><a href="#" onfocus="this.blur();" class="nonborder" title="AobutMe">About me</a></li>
<li><a href="<%server_url>control.php" onfocus="this.blur();" class="nonborder" title="管理画面">Log in</a></li>
</ul>
</nav>
これはいつもとおんなじ。#のところにリンクをいれて、好きなタイトルに変更するだけです。 2.記事下の著作者の紹介文
<span class="authorname"><span class="name"><%author_name></span><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation. </p>
これはお好きな文章を入れてください。 3.サイドバーのHELLO!部分
<div class="plugcontent">
<div class="topimage">
<img class="girls" src="https://blog-imgs-122.fc2.com/m/y/s/mysticdiary/girls_201808151112060f7.jpg">
<span class="hello">Hello!</span>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
</div>
</div>
これはimgの部分をお好きな画像アドレスに差し替えてください。 あと英字の部分はお好きな文章を入れてください。 あとこれは今後の課題なんだけど、関連記事の表示方法についていろいろ模索しています。 今回は記事を3つ表示するときれいに並ぶようにCSSで設定しているので、気の向いた方は 設定をそのようにしてみてください。

Comments

  1. オスカー より:

    SECRET: 0
    PASS: 74be16979710d4c4e7c6647856088456
    はじめまして。
    初心者でブログを始めました。このテンプレートが気に入って使わせていただいてるのですが、初心者すぎて、上の文章がイマイチ理解で来てません・・・。(-_-;)
    上に書かれてるコードはFC2ブログのテンプレート設定の
    HTML編集のところにすでに載っているものですか?
    Helloの部分の写真と文字を変えたいのですが
    上に書かれている記号部分がなかなか見つけられません。
    HTML編集内ですか?それともスタイル設定のほうでしょうか?
    よろしくお願いします。

  2. 管理人 より:

    SECRET: 0
    PASS: ebaad318736973cdb6ef83a152b89f23
    こんにちは。テンプレート使っていただきありがとうございます。
    上にかかれているコードはHTML編集画面に
    のっているコードです。
    上記のコードを探していただき、該当部分を変更すれば
    カスタマイズできるようになっています。
    よろしくお願いします。
    またわからないことがありましたらご質問ください。

  3. ボロッコリー より:

    SECRET: 0
    PASS: 43d798920cf7816586f21d7f1deb18b8
    なにか勘違いでしたら申し訳ございません
    FC2で在宅ワークエントリーのところからきたのですが
    在宅ワークの申し込みはそのページからはできないのでしょうか?
    全然関係ない方でしたら申し訳ございません

  4. ルンルン より:

    SECRET: 0
    PASS: 74be16979710d4c4e7c6647856088456
    初歩的な質問ですみません!フリーエリアはどこから始まりますか?

  5. ルンルン より:

    SECRET: 0
    PASS: 74be16979710d4c4e7c6647856088456
    フリーエリア、プラグインですね。わかりました。どうもです!

トップへ戻る