Stoic

ヒックとドラゴン(笑)
息子坊主と映画行きました^^
コメントできて良かったｗ

ピロリン。おはおー　(´・ω・｀)

ピロリンで合ってますよね？　←
前訪問者さんに勘違いですっごい気安くリコメしちゃったよ。
ピロリンったらっ！　みたいな(笑)
大体ひろしって何なのよ誰なのよ(笑)

まさかあんな展開が待っているとは。
想定外すぎて号泣　(/_;)

ご無沙汰しております。

指定範囲のテキストをイタリックにしたいのですが、
普通に<i>～</i>ではイタリックになりません。
どうすればよろしいでしょうか？
ご教授をお願いいたしますm(_ _)m

えー　マジですか
ちょっと確認しますね。お待ち下さい。

今確認しました。
スタイルシート(CSS)の中に

i {
font-style: italic;
}

が無いと斜体にならないのですが、該当のテンプレートには入ってます。
で、もしかして「日本語」を斜体にしたい、ということでしょうか。
BeHappyテンプレの日本語フォント指定は「meiryo」なのですが、このフォントに斜体はありませんです　(´・ω・｀)
英字フォントは斜体がデフォルトで存在するものがほとんどですが、日本語フォントはそのフォントの実装状況によります。
(開発元が作成しているかどうかによる)
meiyoフォントの斜体というのは無いんです。

斜体を優先したいということであれば、meiryoフォントを避けて他のフォントに変更する必要があります。
おすすめは「游ゴシック(ゆう ごしっく)」ですが、Windowsだと若干かすれ気味　(´・ω・｀)
Macだととっても綺麗で見易いです。
こちらは斜体が用意されています。
変更されるのであればCtrl+Fキー検索

body

の中の

font-family: 省略;

上記を下記に修正。

font-family: '游ゴシック', 'YuGothic', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', 'Meiryo';

これまで書かれました文章も全て游ゴシックに置き換わりますので、その点にも留意してお決めくださいね。

* こちらの記事末尾に追記しておきました ↓ *

http://vanillaice000.blog.fc2.com/blog-entry-310.html#object4

ありがとうございます。

以下のように書き換えてみました。

body { /* 注)基本フォント関連 */
font-size: 15px;
color: rgb(51,51,51);
line-height: 1.7;
font-family: '游ゴシック', 'YuGothic', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', 'Meiryo';
}

これで<i>～</i>で範囲を指定して（日本語）いますが、斜字体になりませんです。

お手数おかけしております。

斜体にしたい箇所はどこなんでしょうか。
トップページであればどうしようもありません。
何故ならトップページの「要約記事」形式は、個別記事内容から一切のhtmlを省いた形での表示になります。
これはFC2の仕様です。

改行が削除され、htmlは取り除かれ、最大200文字

これが要約表示
<%topentry_description>
の特徴です。
ですから部分的な文字色や大きさなどの変更もできません。
総括的な変更ならば可能です。
つまり「全ての文章を斜体」という形。

この要約表示を仮に通常の表示(書いた記事内容をそのまま踏襲)に変更されますと、
トップページの記事の揃いは崩壊します。
それが故の「要約」です。
要約表示全て斜体で構わない、という場合はCSSソース末尾に以下を追加

.element-description {
font-style: italic;
}

よろしくご理解のほどお願い致します　(*_ _)

イタリックにしたい部分は
http://sgourmet.blog94.fc2.com/blog-entry-2361.html
の冒頭部分（私の記憶が～初訪問となった。）です。
（トップページの要約部ではないです。）

で、スマホのサファリとスマホのクロームではイタリックに出来ましたが、
ＰＣのクロームではイタリックになっていないのです。

履歴キャッシュクリアもしましたが。。。

これはＰＣのグーグルクロームに問題があるのでしょうか？
ＰＣはwindouws 7です。

何度もすいません。お手数ですが、よろしくお願いいたします。m(_ _)m

takさん、初めまして　＾＾

私のPCのGoogleChromeからは「私の記憶が確かならば、」～「２０年越しの今回が初訪問となった。」までの文字列はキチンとイタリック体で表示されておりますよ　＾＾

Windows10
GoogleChrome バージョン 48.0.2564.109 m

の環境です。

*　スクショの追記です

https://gyazo.com/c8a8f6bd64cc5ccaa2e9e8c6b76911bd

ジャーマネありがとうー！
そういう情報とっても助かる！

ごめんなさい。
先にOS確認すれば良かった。
遊ゴシックってWindows8からでした(笑)
7なら入ってないからmeiryoのままだね （￣∀￣；）

斜体ができるフォントっていうと他に何があるかなー (´・ω・｀)
お馴染みのmspゴシックぐらいしか思い浮かばない。
ちょっとアレでソレなフォントですよね。見た目が （￣∀￣；）

出先でiPhoneなのでまた後ほど参ります！

もうこんな感じにするしかー　(´・ω・｀)
スクショ

http://i1236.photobucket.com/albums/ff443/oo0kim0oo/FC2%20temp/ar29ry_zpsjqy2urwq.jpg

使用フォント
font-family: 'ヒラギノ明朝 Pro W6', 'Hiragino Mincho Pro', 'ＭＳ Ｐゴシック', serif;

説明
まず「斜体にできる文字」が前提
Macではヒラギノ明朝 Pro W6
WindowsではMS Pゴシック

ヒラギノ〜はWindowsにはインストールされていません。
そしてMS〜はMacにインストールされていません。
ですからそれぞれ異なるフォントですが、指定が必要。
Macの指定が先、Windowsが後、の順序。
Macは英文指定も必要なのでふたつ入ってます。

スクショご覧頂いて、文章の横幅が随分違うと思います。
これはWindowsのMS〜がプロポーショナルフォントだからです。
プロポーショナルフォント = 等幅でないフォント

Windowsの文字がきちゃないのはもう仕方ないです。
Windowsのフォントレンダラ(フォントの描画)にはアンチエイリアスの機能がありません。

実装の仕方
Ctrl+Fキー検索

i {
font-style: italic;
}

ここにフォント指定追加で以下の通り。

i {
font-style: italic;
font-family: 'ヒラギノ明朝 Pro W6', 'Hiragino Mincho Pro', 'ＭＳ Ｐゴシック', serif;
}

日本語(和文・和字)には根本的に斜体という概念がありません。
ですから斜体が用意されているフォントというとかなり限られてきますね　(´・ω・｀)
用途・用法についても和文では斜体の定義がありません。
(英文にはitalicとobliqueそれぞれ用途があります)
ということで、判読性だけお考え頂ければ良いのかな と。
一度お試しくださいませ。

----- ここから余談

気になったこと。
おせっかい炸裂(笑)

Windows10の無償アップグレードは期限付きなのですが、アップされなくて良いのかな、と思って(笑)
何らかのお考えがあってWindows7維持を選択されたのであれば余計なお世話ですので捨ておいてください　(･ω･)ゞ

Akiraさま
いつ時もお世話になり大変恐縮です。
ＯＳが原因だったのですね。考えがいたりませんで大変失礼いたしました。
７に拘っているのは使用しているソフトが１０になった場合の動作保証がイマイチ不安な事にあります。
時期を見てアップグレード等も考えます。
ありがとうございました。ご教授を賜り感謝いたします。

このコメントは管理人のみ閲覧できます

このコメントは管理人のみ閲覧できます

OSのせいというか、事前に確認を怠った私のせいというか(笑)
二度・三度のお手間になってしまいました。ごめんなさい　(*_ _)

後はどうされるかご検討くださいませ。
お疲れ様でした

* ジャーマネもご協力ありがとうございます。
今後もよろしくお願いします(笑)
いや、ホント助かります。
ご意見や実証サンプルは多いほうがありがたいです

ご迷惑おかけしております　(*_ _)

削除対象は見つかったということですので、その部分は削除して頂いて問題ないです。
誘導バナーは出るけれども、切り替わらないということですよね。
うーん。何故だ　(´・ω・｀)

バナータップでローディングしている様子はありますでしょうか。
それともタップ自体が無反応な感じでしょうか。
それを教えて頂きたいのと、ご利用のデバイス名を併せてお知らせください。
お手数おかけします。

(私の環境 iPhone5 iOS7/ iPhone6 iOS9 では問題なく遷移しました)

あともう一点ご確認ください。
パソコンからトップページを開いて頂きますと、ブラウザアドレスバーにブログの正規URLが表示されているかと思います。
私の場合ならば
http://vanillaice000.blog.fc2.com/
このアドレス末尾に
?sp
を付け足して以下の通り
http://vanillaice000.blog.fc2.com/?sp
これでローディングしてみてください。
スマホ版が表示されなければ、スマホ版の方に問題があるかもしれません(設定含む)。
(私はスマホ版非表示ですのでサンプルになりません(笑))

このコメントは管理人のみ閲覧できます

ありがとうございます
こちらまだ全然調整中です(笑)
まだ大きな調整ひとつ抱えてるけど進んでない。
なかなかまとまった時間が取れず... （￣∀￣；）
3月ぐらいになりますかね。たぶん　(´・ω・｀)

このコメントは管理人のみ閲覧できます

そうでしたか。良かったです

> モバイル版誘導バナーの縮小について

これはFC2が用意しているものですので、もしかしたらダメかもしれません。
ちょっとわかんない(笑)
非表示は良くて整形はダメなわけ？？？
ってのが他にもあるんですよ。意味不明な掟が！(笑)
モバイルボタンなんで付けなかったんですかね？私　(´・ω・｀)
いつもつけてるのに　（￣∀￣；）

というわけで追加しました。
お手数ですが再DLして頂くか、カスタマイズされているようでしたら以下の手順でお願いします。
Ctrl+Fキー検索

<li class="header_li"><a class="navButton" href="<%url>archives.html">Title list</a>

上記を含んで同じものが3つ縦に並んでいるはずですので、その3つの並びのどこかに以下を追加

<li class="header_li"><a class="navButton" href="<%url>?sp">Mobile</a>

お好きなところに入れて貰えばOKです。
修正版では RSS へのリンクの「下」に入れてあります。
お手数おかけします。
よろしくお願いします　(*_ _)

Akira様

おはようございます。
大変お手数お掛け致しました。
とても綺麗な仕上がりに大満足です。

完璧。

この一言に尽きます。
理想通りのテンプレートでした。

カスタムする必要無し、素晴らしい世界観ですね♡

有難う御座いました( *´艸｀)

いえいえ。こちらこそ。
貴重なお時間頂きました。
ありがとうございます

こんにちは、はじめまして。
素敵なテンプレートばかりで目移りしまくりましたが、こちらのstoicをお借りしました。

ブルーの方のシンプルさに引かれたのですが、色はブラウンが良かったので、色を入れ替えてしまいました(^^;

実は最初、パライソを使わせてもらったんですが、カルーセルはずしたりあれこれしてたら、なんだかえらいことになってしまい、初心者は下手に手を出してはいかん、と反省し、シンプルな、そのままの形で使わせてもらえるのにしました！

憧れのレスポンシブwebデザインなのですが、
私のブログは文章中心なので、スマホで読んでくださってる方が多いようですので、スマホ専用テンプレートも残しておくべきなような気がして…

悩みは尽きません、またお知恵をお借りするかもしれません。
そのときはどうぞよろしくお願いいたします。

お邪魔しました！

ありがとうございます

でね カスタマイズして頂きましたのに、大変申し訳ないのですけれど。
こちらの記事をお読みください　↓

http://vanillaice000.blog.fc2.com/blog-entry-323.html

けいこさんの場合には「個別記事のページ送り」の左右アイコンですね。
ユニコード表記が機能せずに文字列として表示されてしまっています　(/_;)
せっかく色の変更をされてますので、FC2の修正が入りましたらバックスラッシュを「追加」する形が望ましいと思います。
ですから現在のソース内容はそのまま保存しておいてください。
でもって、申し訳ありませんがちょこちょことこちらのブログ覗いてください　（￣∀￣；）
お声かけ頂きましたら修正方法をお伝えします。
もー ホント申し訳ない

ごめんなさいね。
自分の要件だけ慌ててお伝えしてしまいました　（￣∀￣；）

レスポンシブデザインは一つのアプローチですので、これが大正解！というものでもありません。
個人の好みの問題もあります(笑)
個人的にはFC2のスマホ版はあまり出来がよろしくないな、と思うところがあり　(´・ω・｀)
ページ遷移が多すぎる気がします。
コメントするのに専用ページへ。
コメント読むのに専用ページへ。
これとってもナンセンスだと思うんですけど(笑)
同じページで全部できんのかーい！ 的な　(･ω･)
あまり直感的ではないんですよね。
なのでどうも制作意欲が沸かず、ひとつ作っただけでスマホ版は放置(笑)
広告もちょっと多すぎだろう... （￣∀￣；）

こっちに書いてありました！
すみませんでした！
これからやってみます！あっちのコメントはパスワードを入れ忘れたので消せなくてすみません＞＜
画像を入れたらどうなるのか不安でしたがサンプルを見てかっこいい！と思いました！
すごく考えて造られているんだな〜ってもう、もう、ひたすらの感動ですっ！
ありがとうございました！

どうぞお気になさらず(笑)
こちらこそありがとうございます

Akiraさん、初めまして。

StoicBrown、シンプルかつ上品でとっても素敵です！！

早速気に入って使わせていただいているのですが、
ヘッダーにあるアーカイブ検索とカテゴリ検索をできれば無くしたいのですが、可能でしょうか？

また、記事タイトルの下のカテゴリーとコメント数表記を記事の下に持って行きたいのですが、可能でしょうか？

大変恐縮ですが、修正方法を教えて下さると幸いです。
よろしくお願いします！

ありがとうございます

① アーカイブ・カテゴリ検索の削除
② 記事タイトル下インフォを記事下へ移動

上記2点手順ご説明します

------- ①
Ctrl+Fキー検索

<div id="select-wrapper">

こちらを目印に</header>のすぐ上の</div>までを削除
スクリーンショットを見ながらどうぞ　↓

http://i1236.photobucket.com/albums/ff443/oo0kim0oo/FC2%20temp/aoirffwa_zpssp9qegyg.jpg

------- ②
Ctrl+Fキー検索

こちらは以下のコメント欄が同じ要件ですのでご参照ください。

http://vanillaice000.blog.fc2.com/blog-entry-323.html#comment1525


よろしくお願いします

Akiraさん、お忙しい中、早速の返信をありがとうございました！！

とても分かりやすい説明で、
ＰＣにはかなり疎い私ですが、何とか無事に修正ができました！
ありがとうございました！

もう一つだけ、
トップページのタイトルを左側に置きたいのですが、
修正方法を教えていただけますか？

何度も恐縮ですが、どうぞよろしくお願いします！

既出のご質問の件修正完了とのことで安心しました

> トップページタイトルを左寄せ

タイトルは「各記事のタイトル」でお間違いないでしょうか。
この該当箇所Ctrl+Fキー検索

.element-title

3箇所出てきますが、一番最初のものが該当です。
その項目の

text-align: center;

という一行を削除すると左寄せになります。
よろしくお願いします　( ﾟДﾟ)ﾉ

Akiraさん、こちらも修正できました！！

本当に何度もご丁寧にありがとうございました！
Akiraさんのテンプレート、大切に使わせていただきますね（＾＾）/

いえいえ。こちらこそありがとうございます。
修正作業お疲れ様でした