質問の受付を無期限休止いたします。
長らくブログの更新や、
テンプレートの更新が滞っております。
これまでのように定期的に返答ができませんので
質問の返信、テンプレートの作成、更新は
無期限の休止と致します。

カスタマイズに関しては
過去の記事やコメント、
テンプレート変数ユーザーフォーラム
ご参照ください。

■スポンサーサイト

上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。

■simple_2、simple_3のカスタマイズ方法。

共有テンプレート、simple_2、simple_3の
ちょっとしたテンプレのカスタマイズ方法を載せていきます。

■背景色を変えたい場合。
■文字色を変えたい場合。
■リンク色を変えたい場合。
■ページの上下左右の余白の幅を変えたい、無くしたい場合。
■2カラム版の記事とサイドバーを左右入れ換えたい場合。
■2カラム版の記事の幅を変えたい場合。
■3カラム版の記事の幅を変えたい場合。
■サイドバーが落ちる。
■コンテナの背景色。
■記事の背景色。
■サイドバーの背景色。
■全記事一覧の背景色。
■ベースカラーを好きな色に変えたい場合。
■コメント、トラバ、アーカイブ等のタイトルの背景色。
■タイトル部分の背景を画像にする場合。
■フォームのカスタマイズ。
■追記部分を折りたたみにしたい場合。
■記事の上にフリーエリアを設けたい場合。

思いつき次第増やしていきます。

※質問をされる場合はまずこちらをお読みください。
http://box01.blog106.fc2.com/blog-entry-13.html

■コメント

■Re: simple_2、simple_3のカスタマイズ方法。 [むう]

使わせてもらおうと思うのですが、
カスタマイズを自分好みで行ってもいいですか?
また変更してはならないところとかありますか?
ョロシク(。・ω・)オネガイシマス

■むうさん [箱一@管理人]

http://box01.blog106.fc2.com/blog-entry-13.html
■カスタマイズは好きなだけして頂いて構いません。
ただしテンプレートの作者表示は削除しないでください。
カスタマイズ後、共有テンプレートとしての再配布はご遠慮願います。

こんな感じでわりと緩めです。
"Template design by:cubebox"という
作者の表示を消したり見づらくしたりしなければ
好きなようにいじって頂いて構いません。

■Re: simple_2、simple_3のカスタマイズ方法。 [ちびまま]

管理人様
シンプルで会のイメージにぴったりなので使わせていただいております。ありがとうございます。
しかし、一つ困ったことがあります。ヘッダーの部分に画像を入れたのですが、高さ80pxで作り、テンプレートも80pxに修正しましたが、下の部分に少し2重になって見えます。
http://totorishikawa.blog105.fc2.com/
どうしたら直せるのでしょうか?

■Re: ちびままさん [箱一@管理人]

ブログタイトルとブログの説明と、
そのボックスのpaddingなどが合わせて80px以上なのだと思います。
paddingを少し減らしたら綺麗に収まるはずです。
書きかえ後のタグを以下に書いて置きました。
↓の赤字部分を19px、18pxくらいにしてみてください。

/* ヘッダー部分の設定
------------------------------------------------------ */
div#header {
margin-bottom:15px;
padding:19px;
height : 80px;
background : url("画像URL") top left no-repeat;
background-color : #0066CC;
color : #FFFFFF;
}

ブログを拝見させて頂きましたが
他にもプラグインなどが崩れている部分が見られましたので
もう一度ダウンロードして
上記のタグをコピー&ペーストされた方がいいかもしれません。

■Re: simple_2、simple_3のカスタマイズ方法。 [ふみ]

はじめまして。
シンプルで素敵なテンプレートでしたので
使わせていただきました。

ひとつ質問なのですが
カテゴリや月間アーカイブから記事を表示させた
場合に出てくる、カテゴリ名や日付の
文字色と背景色だけを変更することはできますか?

濃い背景に濃い文字で見辛くなってしまい、
いろいろと変更を試したのですが
他の部分の色も変わってしまうようで・・・。

何も分からないのに色々と変更したので
他にもおかしい所があるかもしれないのですが
よろしくお願いいたします。


http://negiseikodo.blog64.fc2.com/

■Re: ふみさん [箱一@管理人]

下記の部分に「color」を追加すると文字色が変えられます。
背景色や枠線も変えたり消したりしてみてください。

/* 検索、月別、カテゴリ別タイトルの設定
----------------------------------------------- */
h5 {
margin-bottom:15px;
padding :3px 5px;
background-color :#000000; ←背景色
border : 1px #000000 solid; ←枠線
color :#000000; ←文字色を追加してください。
font-size :12pt;
font-weight :bold;
}

■ありがとうございました。 [ふみ]

こんなに早く教えていただきありがとうございました。
ちゃんと「月別、カテゴリ別の設定」があったんですね・・・。
完全に見落としていました・・・。
お手数おかけして申しわけありません。
おかげ様で無事変更できました。
本当に本当に感謝です。

■Re: simple_2、simple_3のカスタマイズ方法。 [ロコ]

はじめまして。
シンプルなデザインが好きなのでダウンロードさせて頂きました。
こちらに、カスタマイズ方法も丁寧に書かれているし、
初心者の自分にとって最適だなぁと。

1つ質問させて下さい。
公式カスタマイズマニュアルにあるような
『画像に枠をつける』という事はできますか?

■Re: ロコさん [箱一@管理人]

記事本文の画像に枠を付ける方法でよろしいでしょうか?
記事本文部分はentry-bodyというclass名なので

.entry-body img{
border:1px solid #000000;
}


とCSSに書き加えると枠が表示されます。
1px=線の太さ
solid=線の種類
#000000=色
になっていますのでお好みで変えてみてください。

.entry-body {
padding :10px;
line-height:1.3;
}
というタグの下辺りに入れておくと
後で編集しやすいかもしれません。

■Re: simple_2、simple_3のカスタマイズ方法。 [ロコ]

すいません、言葉不足で…。

管理人さんの仰る通りです。
早速試してみたいと思います。

ありがとうございました!

■Re: simple_2、simple_3のカスタマイズ方法。 [わかポン]

あのー
背景を他の素材屋様の背景を借りて、張りたいのですがいいですか?

背景は、色だけしか変えられないのかと疑問が・・・。

張り方も、わかりません。
どうぞ教えてください。(_ _)

■Re: simple_2、simple_3のカスタマイズ方法。 [イブキ]

はじめまして。
シンプルなデザインで、とても気に入って使わせていただいてます。

質問なのですが、記事の文字の色を色々変えてしまうと、どれがリンクなのかわかりづらくなってしまうので、記事の部分だけ(プラグインや他の部分はそのままで)リンクに下線をひきたいのですが、どうしたらよいでしょうか。

宜しくお願いします。

■Re: simple_2、simple_3のカスタマイズ方法。 [VIC]

記事本文の左右の間隔を広く取りたいのですがスタイルシートの何処を変更すれば良いのかわかりません。
宜しくお願いします。

■Re: わかポンさん [箱一@管理人]

背景画像のご利用はかまいません。
素材屋さんの規約に従ってください。
背景の貼り方は、並べたり固定したり中央や端に寄せたりと
色々あるのでネットで検索をかけてください。
色々サンプルが出てくると思います。

■Re: イブキさん [箱一@管理人]

/* リンクの設定
------------------------------------------------------ */
a {
text-decoration:none;
color : #000000;
}

a:hover {
text-decoration:underline;
color : #000000;
}

赤字の部分を以下のように変えてください。
text-decoration:none;

text-decoration:underline;

■Re: VICさん [箱一@管理人]

.entry-body {
padding :10px;
line-height:1.3;
}
赤字部分の値を増やすと余白が広がります。

■コメント欄を削除できますか? [ふみ]

先月も質問させていただいた者です。2回もすみません。
HPの代わりという感覚のブログにしたいので
コメント欄が必要ないのですが、
「受付けする/しない」や「承認する/しない」等
ではなく、コメント欄自体が表示されないように
することはできますか?
よろしくお願いいたします。

■Re: ふみさん [箱一@管理人]

記事作成ではなく、設定画面であらかじめ「コメントを受け付けない」設定で
コメント部分を消せると思いますが、一応消し方です。

<!-- コメント部分ここから -->

<!-- コメント部分ここまで -->

<!-- コメント編集部分ここから -->

<!-- コメント編集部分ここまで -->

この表示の間を消したら表示されないはずです。
その下にトラックバック部分もあるので
トラックバックも必要なければ消してください。

ただしコメントを受け付けない設定にしておかないと
記事のフッターにコメント数が出ますので、
ブログの設定でコメントを受け付けないようにしてください。

■Re: simple_2、simple_3のカスタマイズ方法。 [ふみ]

お世話になっております。
「コメント設定」ばかり見て「投稿設定」を
見落としていました・・・。すみません。
でも設定後もフッターが表示されてしまったので
いろいろ調べてフッター部分も消してみたら
表示されなくなりましたので
自信はないですが、これでいいのかなと思っています。
本当にありがとうございました。

■Re: simple_2、simple_3のカスタマイズ方法。 [クミ]

はじめまして
とっても気に入って色々
カスタマイズしていたところ
コメント欄が・・・
白に白で書き込みがわからない
状態になってしまいました
いろいろ試したのですが
わかりません
よろしくお願い致します

■Re: クミさん [箱一@管理人]

拝見しましたところ解決されているようですが
一応コメント欄のテキストボックスの
設定部分です↓

textarea,input,select {
background-color :#FFFFFF;←背景色
font-size :10pt;
color :#000000;←文字色
border :1px #000000 solid;←枠線の色

■ありがとうございます [クミ]

Re:ありがとうございました。
コメント欄なのですが
投稿するときに
白背景に白文字になってしまうので
投稿する時に自分が何を書いてるか
わからないんですぅ
今は文字色をオレンジにしているので
投稿時もオレンジなのですが
その辺がどうもわかりません
教えていただけたらうれしいです
何度もすいません

■Re: クミさん [箱一@管理人]

いまいちどういう風にしたいのか分からないのですが、
現在オレンジにできているならば
オレンジにした部分を好みの色に変えるだけで解決すると思うのですが…。
偶然オレンジで表示できるようになったということでしょうか。
上記の設定部分は書き換えてみられましたか?

■Re: simple_2、simple_3のカスタマイズ方法。 [ムラサキ]

シンプルなデザインが気に入り、カスタマイズして利用させていただいてます。
ところで記事投稿の際に投稿画面に文字を小さくする機能を使っても反映されません。
反映させる方法はありますか?

■Re: ムラサキさん [箱一@管理人]

文字を小さくする機能は
ブラウザ依存の文字サイズになるので、
テンプレで指定している文字サイズ(10pt)と
ブラウザの最小文字サイズ(x-small)が同じくらいなので
反映されていないように見えますが実は反映されてます…。
直接<font>タグで10ptより小さく表示されるサイズを指定するしかなさそうです…。

■Re: simple_2、simple_3のカスタマイズ方法。 [ムラサキ]

そうですか・・・
わかりました、そのようにやってみます(^ω^)
返答ありがとうございました!

■Re: simple_2、simple_3のカスタマイズ方法。 [やかん]

シンプルかつデザインが俊敏でしたので
これからこのテンプレートを
使用しようと思っています。
■タイトル部分の背景を画像にする場合。
について質問です。
高さについて250pxと書かれておられていますが
横についてはどうなっているのでしょうか?
こういう本格的なカスタマイズは初めてなので…
よろしくお願いします。

■Re: やかんさん [箱一@管理人]

幅はコンテナの幅になります。

/* コンテナ部分の設定
----------------------------------------------- */
div#container {
width : xxxpx;

xxx部分がコンテナの幅になります。
デフォルトでは
2カラム 650px
3カラム 850px
になっています。

■Re: simple_2、simple_3のカスタマイズ方法。 [miso]

はじめまして。
シンプルで使いやすそうなので、お借りしたいのですが
左メニューのリンクと
本文タイトルや、本文中のリンクの色を別にしたいんです。
とりあえず左メニューのリンクだけ設定しようと思い、
div.plugin_content a:link {
color:#99CC00;
}
といった感じにhover/visit/も設定したのですが
プレビューを見ると
「/* リンクの設定」のものと混じって表示されちゃうんです。
「/* リンクの設定」のa:linkに背景色をつける設定をすると
左メニューのリンクにもいくつか適用されちゃうんです…

説明下手ですみません><。
解決策がありましたらよろしくお願い致します。

■Re: simple_2、simple_3のカスタマイズ方法。 [HIME]

こんにちわ!とってもカスタマイズしやすいので
使わせて頂いてます!(*'-')o(*,",)oぺこり
えっと質問なんですが、ヘッダーの画像を
ランダムに変える方法はありますか?
いろいろ試してるんですが中々上手くいかなくって(´A`。)グスン
よかったら教えて下さい!お願いします!

■Re: simple_2、simple_3のカスタマイズ方法。 [ふくこ]

初めまして。
こちらのテンプレートの基本色とデザインが気に入って使わせてもらっています。
カスタマイズさせてもらっているんですけど、どうしても分からないところがあります。

タイトルプレートと記事のスペースをもう少し詰めたいんですけど教えてほしいです。
あと、トラックバック付近に何故か横に長い枠が出ているんですけどなぜでしょう?

よろしくお願いします。

■Re: simple_2、simple_3のカスタマイズ方法。 [Co]

失礼します!シンプルなデザインが気に入って使わせてもらっています。質問です、背景色を縦のグラデーション色にしたいと思ってるんですが可能なんでしょうか?
よろしくお願いします!

■Re: simple_2、simple_3のカスタマイズ方法。 [oki]

simple_3を使用させてもらってます。シンプルで初心者の僕でもとても使いやすくて助かってます。
 
記事の最後にある|0:00(時間)|未分類(カテゴリ)|Comments(コメント)|の「カテゴリ」について質問です。
未分類をマウスで合わせてクリックした時、未分類のカテゴリに飛ばしたくないんですが、どの部分をカスタマイズすればいいのでしょうか?欲をいえば「時間」みたいに黒文字で表示したままがいいのですが。
調べているとよく<!--community-->というのを見かけるんですが<!--titlelist_area-->の部分の事なんでしょうか?
よろしくお願いします。

■Re: misoさん [箱一@管理人]

現在このブログのサイドバーだけ緑のリンクにしてみましたが
特に問題なく表示されていますので
できればブログのURLを貼っていただけないでしょうか。
赤字の部分を書き加えた状態です。
コメントで.plugin_contentに指定していらしたので
.plugin_contentに指定する場合です。

/* サイドバー部分の設定
--------------------------------------- */
.plugin_content a {
text-decoration:none;
color : #00FFcc;
}

.plugin_content a:hover {
text-decoration:underline;
color : #FFFFFF;
background-color:#00FFcc;
}


因みに
/* リンクの設定
--------------------------------------- */
の部分で a:visited 等の擬似クラス設定している場合は
それ以降のリンクの設定にも同じ擬似クラスの指定をしないと
そのまま親要素の設定が反映されます。

■Re: HIMEさん [箱一@管理人]

画像をランダムに表示するにはJava scriptを使うしかないと思います。
http://javascript.eweb-design.com/0804_ri.html
こちらのページなどを参考になさってください。

■Re: ふくこさん [箱一@管理人]

ブログタイトルと記事スペースは
この辺です。赤字部分を小さくしてください。

/* ヘッダー部分の設定
--------------------------------------- */
div#header {
margin-bottom:15px;
padding:20px;
background-color : #999999;
color : #FFFFFF;
}

因みに記事と記事の間は
div.section{
margin-bottom :15px;
width : 440px;/* コンテンツ幅 */
background-color :#FFFFFF;
border : 1px #999999 solid;
}

プラグインの間は
.plugin {
margin-bottom :15px;
background-color :#FFFFFF;
border : 1px #999999 solid;
}

となっています。

■Re: Coさん [箱一@管理人]

グラデーションの背景は
ブラウザによって表示されたりされなかったりすると思うので
あんまりお勧めしませんが、
http://blog298.blog25.fc2.com/blog-entry-101.html
この辺を参考にされると良いかと思います。

■Re: okiさん [箱一@管理人]

HTMLの<!-- 記事フッター部分 -->より下の部分をいじります。
<a href="<%topentry_category_link>" title="カテゴリ「<%topentry_category>」の記事一覧"><%topentry_category></a>
からリンク(赤字部分)を外して
<%topentry_category>
だけにしてください。

■Re: simple_2、simple_3のカスタマイズ方法。 [oki]

ありがとうございます!
助かりました。早速試してみます!
ありがとうございました!

■Re: simple_2、simple_3のカスタマイズ方法。 [ふくこ]

できました。
ありがとうございます!
とても使いやすいテンプレートで助かっています♪

■Re: simple_2、simple_3のカスタマイズ方法。 [teitei]

大変シンプルで綺麗なテンプレートを使わせていただいてます。
いきなりの質問で申し訳ないのですが、タイトル部分の背景を画像にすると、タイトル画像とその下にくる最新記事の間に空白ができるのですが、この空白はどうやったら取り除けるのでしょうか?
お暇な時によろしければお願いします。

■Re: teiteiさん [箱一@管理人]

画像を指定しない場合でも、ブログタイトル部分の下には余白ができるようにしてありますが、画像を指定すると余白が出来るということは、これとは別に、更に余白がで来てしまうということでしょうか?

どの部分の余白かが分からないので、
出来ればブログへリンクを貼って頂けないでしょうか?

■Re: simple_2、simple_3のカスタマイズ方法。 [mirai]

このブログと同じカレンダーを使用したいのですが、どこのカレンダーでしょうか?
初心者なので、基本的な質問ですみません。

■Re: simple_2、simple_3のカスタマイズ方法。 [mirai]

何度もすみません。
記事の最後にフリーエリアを設けたい場合はどうしたらよいでしょうか。

■Re: simple_2、simple_3のカスタマイズ方法。 [yuk]

ブログシンプルで使い易く大変ありがたく使わせて頂いております。
所で質問なのですが、表示される本文のフォントを全体的に小さくしたいのですがどうすればいいのでしょうか
手入力で数値を入れても変化がありません。
初心者なので変な質問内容になってしまっていたら申し訳ありません。

■Re: simple_2、simple_3のカスタマイズ方法。 [鮭]

初めまして。
テンプレート、使わせていただいております。

タイトルを画像にしていて、コレをランダム表示に切り替えたいですが、どうすれば良いか分かりません。
教えてもらえませんか?

■承認待ちコメント []

このコメントは管理者の承認待ちです

■承認待ちコメント []

このコメントは管理者の承認待ちです

■承認待ちコメント []

このコメントは管理者の承認待ちです

■承認待ちコメント []

このコメントは管理者の承認待ちです

■承認待ちコメント []

このコメントは管理者の承認待ちです
■コメントの投稿

管理者にだけ表示を許可する

 

カレンダー

<<08│2017/09│10>>
- - - - - 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

ブログ内検索

全記事一覧

全ての記事を表示する

プロフィール

箱一

管理人:箱一

絵を描いたり漫画を描いたりしています。
72mg

FC2カウンター

QRコード

QRコード

ユーザータグ

上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。