05.2017  « 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 »

09.15.2007 Sat   

スポンサーサイト

一定期間更新がないため広告を表示しています

04.09.2007 Mon   14:31

drop #04

drop #04 [drop #04]
Preview
Download
macherie
Materials by BOUS
*当方Mac環境の為、不具合あれば報告下さい
 QRコードの削除
テンプレートのHTML編集フォームから<!-- ▽QRコード -->から<!-- △QRコード -->までを探して削除して下さい。

 Amazon Web サービスの削除
テンプレートのHTML編集フォームから<!-- ▽Amazon Web サービス -->から<!-- △Amazon Web サービス -->までを探して削除して下さい。

 ユーザーリストを表示
テンプレートのHTML編集フォーム内の<!-- ▽右カラム -->〜<!-- △右カラム -->までの任意の場所に下記のタグを挿入します。
例> メニューカラムの「Categories」の下に表示したければ<!-- END category -->の後に、「Links」の下に表示したければ<!-- END link -->の後に挿入します
<!-- BEGIN user -->
<h2>User List</h2>
<div class="linktext">
<ul>
<!-- BEGIN user_items -->
<li><a href="./?pid={user_item_id}">{user_item_name}</a></li>
<!-- END user_items -->
</ul>
</div>
<!-- END user -->

09.15.2007 Sat   

スポンサーサイト

Comment

Comment Post

    

From.雛月琴里

こんにちは。初めまして。
雛月琴里と申します。
このテンプレートを使わせて頂いております。
淡い色合いでとても素敵です^^

すみませんが、教えて頂きたいことがあります。
このテンプレートのソースをそのままコピーしたのですが、エラーが出てしまうのです。ソースで消したのはQRコードのみです。
エラーの内容は
「ライン:1124
文字:1
エラー:'blogname'は宣言されていません。
コード:0
URL:私のブログのURL」
です。

お忙しいところすみませんが、よろしくお願いします。

From.MIYA (管理人)

雛月さん、はじめまして。

QRコード削除にエラーが関係している事は考えられません(間違って別の箇所も削除してしまっていた、となると別ですが)。
QRコード意外をいじっておられないとするとブログのソースを拝見していないので正確な事は言えないのですが…
もしかして、雛月さんのブログ名には ' が入っていたりしないでしょうか?
そのあたりのブログ名とスクリプトの相性みたいなものが原因になっているのではないかと思うんですが…
とりあえず ' がブログ名に入っているか入っていないかコメント下さい。
入っている場合は対処法を再度御応えします。極簡単に対処可能です。
そして ' がブログ名に入っていない場合は、よろしければメールでも構いませんのでブログのURLを教えて頂けないでしょうか。
ソースをチェックすれば原因がハッキリすると思いますので。

*メール下さる場合、メールフォームはメールアドレス入力が必須に設定してありますが、適当なアドレスを入力して送って下さっても構いません。

From.雛月琴里

こんばんは。返信ありがとうございます。
はい。「'」入っています;
申し訳有りませんが、対処法をお教えいただきたいです。
よろしくお願いします。

From.MIYA (管理人)

私自身でブログ名に '(シングルクォート) を入れる事を想定していじってみたのですが、思っていた以上に面倒な事になりそうです。
私の作成しているテンプレートにおいてブログ名にシングルクォートは色々厄介ですので使わない方がよい、というのが結局結論でしょうか。
ブログ名のシングルクォートを ’ に書き換えるというのは駄目でしょうか?一番安全で簡単な方法だと思います。

From.雛月琴里

こんばんは。
そうなのですか…色々と調べて下さってありがとうございました。
その記号は使わないようにします。
お答え下さりありがとうございました。
では失礼しました。

From.MIYA

あまりお力になれず申し訳ありません。また何かあればどうぞ。

From.aika

こんにちわ!
こちらのdrop #04を使用させて
頂いてます。

ひとつ質問があるのですが、
画像を記事内に入れると枠が表示
されてしまうのですが、この
枠を消す方法をご存知でしたら
教えていただけないでしょうか。

ほんわかするテンプレートで
とても気に入ってます!

それではよろしくお願いします。

From.すみれこママ

はじめまして、かわいくて早速使わせていただいています。テンプレートに写真をポラロイド風にするカスタマイズをしました。pictの書き換えをしたかったのですが、見つけられずにいました。テンプレートにカスタマイズをおこなったせいでしょうか?一番下の段のコピーライトの表示場所がかわってしまいました。対処法がおしえてくださいませんか?それと、aikaさんも書いておられますが、画像枠の消し方がわかれば、こちらもお願いいたします。

From.MIYA

>> aikaさん

aikaさん、はじめまして。御使用有り難うございます。

投稿画像の枠に関しての設定はCSSの以下で設定してありますので、そちらを書き換える必要があります。
まずCSS編集フォーム内の
/* ーーーーーーーーーーーーーーーーーーーーーー メインカラム */
/* ーーーーー エントリー */
を探して下さい。これが目印になります。この目印の少し後にある以下を書き換えます。

.entry-text img {
background:#fff;
padding:1px;
margin:5px;
border:1px solid #c0a8a6;
}

△これが投稿画像全般への設定になります。
画像の枠は
border:1px solid #c0a8a6;
で設定してあります。
画像枠を無くすのであれば、これを
border:none;
に書き換えてやればいいだけです。

.entry-text a:link img , .entry-text a:visited img {
background:#fff; border:1px solid #ffbb21; }
.entry-text a:active img , .entry-text a:hover img {
background:#fff; border:1px solid #f06150; }

△また、画像にリンクを貼った場合の設定がこれです。
こちらも枠を無くしたいのであれば
border:1px solid #ffbb21;
border:1px solid #f06150;

border:none;
に書き換えます。

以上です。試してみて下さい。

From.MIYA

>> すみれこママさん

すみれこママさん、はじめまして。御使用有り難うございます。
投稿画像をポラロイド風にカスタマイズする為にpictの書き換えを、との事については、このテンプレートでは投稿画像全般(つまりIMGタグ)に装飾設定しており、クラスpictについては設定しておりません。
これをポラロイド風にカスタマイズする場合は、クラスpictについての設定を書き加えるか、また元々ある投稿画像全般への設定をポラロイド風に書き換えるかの2つになります。
新たにクラスpictについての設定を書き加えた場合は、画像を投稿する際に画像にクラスpictを設定していればポロライド風に装飾され(画像の管理から画像を投稿する場合何もせずともクラスpictが設定されています)、投稿画像にクラスpictを設定しなければ(class="pict"を書かない、または削除)元々ある設定(1pxの茶の枠)で画像が装飾され、と使い分けも可能です。
お好きな方で試してみて下さい。

[元々ある投稿画像の設定を書き換える場合]
まずCSS編集フォーム内の
/* ーーーーーーーーーーーーーーーーーーーーーー メインカラム */
/* ーーーーー エントリー */
を探して下さい。これが目印になります。
この目印の少し後にある以下が投稿画像全般への設定になります。これを書き換えます。

.entry-text img {
background:#fff;
padding:1px;
margin:5px;
border:1px solid #c0a8a6;
}

[クラスpictについての設定を書き加える場合]
新たにCSS編集フォーム内に以下を書き加えます。

.entry-text img.pict {
(ここにポロライド風等お好みの設定を)
}

[画像の枠の消し方]
これについては[元々ある投稿画像の設定を書き換える場合]と同じです。
そこの
border:1px solid #c0a8a6;

border:none;
に書き換えれば画像枠はなくなります。

[コピーライト表示のズレ]
すみれこママさんが書き加えられたCSSに原因があると思われます。
以下が怪しいかなと。

.strike {
float: left;
(etc…)
}
.rel {
clear: left;
}

.strike {
float: left;
(etc…)
}

float: left;
を削除し
.rel {
clear: left;
}

clear: left;
を削除すればズレは直るかもしれません。
すみれこママさんの記事でのこのクラスの使い方を見ると意味のないfloat設定に思われるので削除してしまっても問題ないかと思いますし、削除して試してみられては?

[追記]
あとCSSを見ていて気になったのですが
.pora {
(……)
}

border-color: #DCE3E3 #C1C1C1 #C1C1C1 #DCE3E3;
という設定が見つかりましたが、この直後、つまり
border-color: #DCE3E3 #C1C1C1 #C1C1C1 #DCE3E3;(ココ)
に全角スペースが挿入されてしまっているように見受けられます。
この全角スペースは削除した方がいいと思います。

*何か分かりにくい事等あれば再度質問下さい。

From.aika

MIYAさん、早速レスありがとうございます!
うまくいきました!!

テンプレが引き立つようなブログにして
いきたいと思ってます^^

MIYAさんのほかのテンプレも素敵なので
またご厄介になるかもしてませんが
その際はよろしくおねがいします(^^)

From.MIYA

>> aikaさん

また何かあればどうぞ。ブログ運営頑張って下さいね(*^-^)

From.すみれこママ

こんばんは、早速教えていただきましてありがとうございました。画像枠は消すことができました。ポラロイド風はまず私が書き加えたものは削除して、アドバイスくださったもので更新しました。その後、1ページ目だけになるのですが・・・どういうわけか、右の欄が段が落ちてしまっています、まだ全ページ確認したわけではありませんはが、2ページ、3ページ目はレイアウトが壊れることなく表示されるのはどうしてでしょうか?

コピーライトの件は、まだ解決できていないのですが・・・よろしくお願いいたします。

From.すみれこママ

サイドバーの落ちるのは直りました。画像サイズが大きさには問題がなかったようですが・・・記事の1つ1つを確認していきましたら、落ちるページが1つありました。記事を見ると、余計なタグが残っていて、修正をしましたら、直りました。とても勉強になりました。
あとは・・・コピーライトだけになります。ご面倒おかけしますが、よろしくお願いいたします。

From.MIYA

>> すみれこママさん

色々とHTMLをいじられたのでしょうか?ザっと見ただけですが、コピーライト表記のズレに関係なさそうなものから色々なものまで、おかしな箇所が増えているように見受けられました。
とりあえずHTMLから1つ1ついきますね。CSSはそれからで(まだチェックしてませんし)。

まずHTMLのエンコーティング指定のメタタグを削除してしまっています。
<head>〜</head>間に以下のタグを書き加えて下さい。

<meta http-equiv="Content-Type" content="text/html; charset={site_encoding}" />


それからメニューカラムのプロフィールはフリーエリアを御使用でしょうか?
そちらの記述タグがデタラメです。
まず以下の<IMG>タグの記述の仕方が間違っています。

<img src="(画像URL)
" ></img><img src="(画像URL)
" ></img><img src="(画像URL)
" ></img>

となっているのを

<img src="(画像URL)" /><img src="(画像URL)" /><img src="(画像URL)" />

と直して下さい。(画像URL)に表示させる画像のアドレスを記述するのを忘れないで下さいね。
それから、プロフィールの<div>が1つ閉じられていませんね。

<div>
(プロフィール本文)
</div>

と、きちんと<div>を閉じてやりましょう。


それから記事ID63の以下を記事の編集で直して下さい。

<img src="(画像URL)" width="224" height="168"alt="" class="pict" />



<img src="(画像URL)" width="224" height="168" alt="" class="pict" />

に。altの前には半角スペースを入れなければなりません。


とりあえずこれだけ直して下さい。後はそれからチェックします。

From.すみれこママ

またまたありがとうございました。早速すべて、ご指摘いただきましたところを修正いたしました。どの段階で元通りになったのかを確認はしていませんでしたが、ちゃんとコピーライトの表示ができるようになりました。

HTMLを変更したのは、ポラロイド風の画像にするのに、削除したほうがいいという項目に入っていた部分を削除したのですが・・・削除したままだったんですね。削除したあと元に戻せばよかったのですが、いろいろな情報を見てのカスタマイズでしたので・・・。これ以上のカスタマイズはしないと思いますので、あとはHTMLのタグを気をつけていきたいと思います。HPでHTMLはソフトを使わずにタグを直接書いていたのですが、ここ数年あまり更新もしていなかったのに、こうだったかな?という感じで編集をしていました。初心に戻り、もう一度勉強しなおしたいと思います。丁寧に教えてくださって、本当にありがとうございました。

From.すみれこママ

何度も申し訳ありません。サイドバーでカテゴリーとサブカテゴリーで表示をするようにされていらっしゃいますよね。リンクなどはできたらいくつかに分けて表示したいと思いますので、方法を教えてくださいませんでしょうか?

From.MIYA

>> すみれこママさん

コピーライトのズレは<div>の閉じ忘れが原因だったと思いますよ。<div>をキチンと閉じていないとレイアウト崩れを起こすので今後気をつけるようにして下さい。

リンクのツリー化に関しては、Javaスクリプトを使用します。
  [JUGEMカスタマイズ講座]
  http://nz.jugemers.net/
こちらの記事を参考にツリー化スクリプトを導入すれば可能です。
只、リンクはこの通りで可能ですが、その他のメニューは少々スクリプト以外にもHTMLをいじらなければならなくなってくると思います。
もし、この他もツリー化したい場合は再度ご質問下さい。

From.すみれこママ

ありがとうございます。早速リンクのツリー化ができました。ほかにもできるみたいでしたが、HTMLの書き換えをしなければならいとのことでしたので、よろしくお願いいたします。リンクはできましたので、そのほかの項目をすべてツリー化したいと思いますので、よろしくお願いいたします。ご紹介のサイトではHTMLの中でlistと表示されていますところを、こちらのテンプレートでの表記に置き換えるのかとも思いましたが・・・また変なことをしてご迷惑をおかけすることになるかもしれないので、ご質問させていただきました。どうぞよろしくお願いいたします。

From.MIYA

>> すみれこママさん

このテンプレートでの表記に置き換えてカスタマイズしてもツリー化はされません。
というのは導入したツリー化スクリプトは各リストの記述を読みとりスクリプトで設定した記述様式とのマッチングによって行われる為です。
このテンプレートの記述様式のままですとスクリプトで設定されているマッチング条件に合わずツリー化されないんです。
なので、スクリプトのマッチング条件に合うように各リストの記述様式を変更します。
スクリプトを書き換える事でも可能だとは思われますが、スクリプトをいじるよりも簡単で安全です。


[Recent Comments]
HTMLの<!-- BEGIN recent_comment -->〜<!-- END recent_comment -->間を探して下さい。
その中の
<ul>〜</ul>

{recent_comment_list}
に書き換えます。
後はご紹介したサイトの記事通りにID指定を行います。
これは新たに<div id="commentlist">と<div>を作らなくても元々ある<div class="linktext">にIDを付けてやっても構いません、というかその方がHTMLもスッキリですし楽ですね。
つまり以下のようになります。

<!-- BEGIN recent_comment -->
<h2>Recent Comments</h2>
<div class="linktext" id="commentlist">
{recent_comment_list}
</div>
<!-- END recent_comment -->


[Recent Trackbacks]
こちらも要領はRecent Commentsと同じです。
<!-- BEGIN recent_trackback -->〜<!-- END recent_trackback -->を探します。
その中の
<ul>〜</ul>

{recent_trackback_list}
に書き換えます。
後はご紹介したサイトの記事通りにID指定を行います。


以上です。試してみて下さい。

From.すみれこママ

こんばんは、ありがとうございました。お陰でコメントのリスト化は完了しました。トラックバックもコメントの時と同様にしたらいいのだろうとは思いますが・・・またコピーライトの位置がずれてしまっているので、触るのをやめてしまいました。今回、扱った場所(スクリプトの貼り付けと、HTMLの書き換え)が問題なのだろうと確認をしてみたのですが、わかりませんでした。リンクのリスト化のためのカテゴリー設定はフリースペースから行っているのですが・・・何が原因なのでしょうか?度重なるお尋ねで申し訳ありませんがよろしくお願いいたします。これで最後にしたいと思います。

From.MIYA

>> すみれこママさん

コピーライトのズレは、また<div>の閉じ忘れがあるのが原因になっています。
メニューのLinksの<div>が1つ閉じられておりません。
リンクのツリー化を行った際に<div id="linklist">と新しく<div>を作ったのに、それを閉じる</div>を記述されなかったのではないですか?
<div>は必ず</div>と閉じましょう。


それから、これはズレには関係ないとは思いますが、以前のコメントで指摘したプロフィールの画像、<IMG>タグの記述も間違っています。

<img src="(画像URL)" >
となっているのを
<img src="(画像URL)" />
とします。

このテンプレートはXHTML言語で書かれています。XHTMLでは<IMG>のような空要素タグは末尾の/で閉じなければならないんです。
HTMLでは<img src="(画像URL)">と、確かに閉じないのですが。

From.すみれこママ

何度も何度もありがとうございました。早速修正しましたら、直りました。連プレート更新時には再度チェックしないといけないようですね。私はコピーペーストでそのまま貼り付けたのですはが、</div>のことは記載されていなかったので、そのままにしていました。、<IMG>タグもHTMLしか私は編集したことがなかったため、わかりませんでした。再度、XHTMLについても勉強してみたいと思います。このたびは、ご親切に対応してくださいまして、ありがとうございました。これまでで、一番のお気に入りのブログになりました。

From.MIYA

>> すみれこママさん

また何かあればどうぞ。ブログ運営頑張って下さいね(*^-^)

From.*mur*

はじめまして。
このテンプレート使わせていただいております。
すごく感じが良くて、
私の作りたいブログのイメージに合っていて
文字のサイズも私好みで
最高のテンプレートです。
これからも新しいテンプレートが出来るのを
楽しみにしています。

From.すみれこママ

大変申し訳ありません。カスタマイズは終わりだと思っていたのですが、カテゴリーとアーカイブをMIYAさんのようにしようと思い、いろいろと検索して自分でやってみようと思い、実行しました。リンクのツリー化と同じようだったので、できるかな?と思ったのですが、1つの動作ごとに表示崩れがないかも確認していたのですが、最後に型崩れとフォントの乱れ、そして、ツリー化はできず、同じものが2つできた状態になっていました。また元に戻そうと、やったことをすべて削除し、元通りになればと思ったのですが、できませんでした。
参考にしたサイトさん、まめの一言さん(http://mamejiro.jugem.cc/?eid=179)にツリー化スクリプトのカテゴリ・アーカイブ対応という記事があり、実行したのですが・・・

カテゴリーは数が増えると見にくいので、スッキリ表示したいし、アーカイブもみこちらの表示されたのを見ていいなあと思いました。
カテゴリとアーカイブのツリー化をしたいので、度々で申し訳ありませんが、ご指導お願いいたします。

From.MIYA

>> *mur*さん

はじめまして。気に入って頂けたようで嬉しいです。
有り難うございました(●^ω^●)

From.MIYA

>> すみれこママさん

もしかしてHTMLが以下のようになっているんじゃないですか?

[Categories]

<h2>Categories</h2>
<div class="linktext">{category_list}</div>
<ul>
<!-- BEGIN category_items -->
<li><a href="./?cid={category_item_id}">{category_item_name} ({category_item_num})</a></li>
<!-- END category_items -->
</ul>
</div>


[Archives]

<h2>Archives</h2>
<div class="linktext">{archives_list}</div>
<ul>
<!-- BEGIN archives_items -->
<li><a href="./?month={archives_item_year}{archives_item_num_month}">{archives_item_eng} ({archives_item_num})</a></li>
<!-- END archives_items -->
</ul>
</div>

それを、それぞれ以下のように直して下さい。

[Categories]

<h2>Categories</h2>
<div class="linktext">{category_list}</div>


[Archives]

<h2>Archives</h2>
<div class="linktext">{archives_list}</div>


あとは記事通りにして下さい(それぞれのリストにID属性を付けるのを忘れないで下さいね)。ツリー化される筈です。

From.S

はじめまして。
投稿した大きい画像が切れてしまうのですが、記事の幅を画像に合わせて広がるようになりませんか?方法があれば教えてください!
それと、トラックバックを受け付けない設定にしてるので、TB:×と出るのを消したいのですが、どうすればいいですか?

From.MIYA

>> Sさん

エントリーカラムの幅自体を広くする事は可能ですが(見目的に個人的にはそれもどうかと思います。ライン画像の幅を変に超えるというのが気になるので)、投稿画像が大きい場合のみエントリーの幅が広がる、というのは難しいと思います。
元々テンプレートのレイアウトをテーブル(表タグ<table>)で行っていれば、そういう事が普通に行われますが、このテンプレートはテーブルレイアウトで行っておりません。
かといってテーブルレイアウトに書き換える、というのも非常に手間ですし、とてもオススメ出来ません。

[TB:×を出ないようにする]
HTML編集フォームの<!-- ▽エントリー -->〜<!-- △エントリー -->を見て下さい。
その中に

<div class="sub">

</div>

というのがありますよね。その〜の部分を以下に書き換えて下さい。

<a href="{entry_permalink}">{entry_year}/{entry_month}/{entry_day} {entry_time_only}</a> {user_name}<br />
{category_name}<script type="text/javascript"><!--
commentnum='{comment_num}';
if (commentnum=='-') document.write('&nbsp;|&nbsp;CM:×');
else document.write('&nbsp;|&nbsp;<a href="{entry_permalink}#comments">CM:{comment_num_only}</a>');
trackbacknum='{trackback_num}';
if (trackbacknum=='-') document.write();
else document.write('&nbsp;|&nbsp;<a href="{entry_permalink}#trackback">TB:{trackback_num_only}</a>');
// --></script><noscript>&nbsp;|&nbsp;<a href="{entry_permalink}#comments">CM:{comment_num_only}</a>&nbsp;|&nbsp;<a href="{entry_permalink}#trackback">TB:{trackback_num_only}</a></noscript>

以上です。試してみて下さい。

From.すみれこママ

早速ありがとうございました。直した結果、元通りにフォントも戻りました。これで、右側のツリー化も完了したと思います。トラックバックのツリー化も行いました、
気づいた事がひとつあるのですが、今回私がカスタマイズした項目の改行がうまくできていなくて、アイコンがあるから項目が別だなぁとはわかるのですが・・・綺麗に間を少し空けて表示するにはどうしたらよいのでしょうか?カレンダーとカテゴリの間くらい、元々は全項目開いていたと思うのですが・・・。
よろしくお願いいたします。

From.MIYA

>> すみれこママさん

カテゴリーを例に説明しますね。現在すみれこママさんのHTMLでは以下のようになっています。

<h2>Categories</h2>
<div id="categorylist">{category_list}</div>

これを以下のようにして下さい。

<h2>Categories</h2>
<div class="linktext" id="categorylist">{category_list}</div>

こうすればメニューのリスト間のスペースが正しく確保されます。
違いが分かりますか?<div>にクラスlinktextが付けられているんです。
クラスlinktextにCSSで項目間のスペースを取るようにパディングを設定してありますので、クラスlinktextをなくすとスペースがなくなってしまうんです。
他のメニューの項目も同じようにクラスlinktextを削除してしまっているようですので、上記のカテゴリーと同じようにクラスlinktextを<div>に与えてやって下さい。

From.すみれこママ

ありがとうございました。こちらも、私が削除していたのが原因だったのですね。編集しなおしましrたら、綺麗に元通りに見やすくなりました。ありがとうございました。質問の度に親切な対応をしてくださったお陰で、満足度の高いブログに仕上がりました。とても気に入っています。ありがとうございました。

From.S

エントリーの幅を全部変えるにはどうしたらいいんですか?

From.MIYA

>> すみれこママさん

思い通りに仕上がったようでよかったです。ブログ運営頑張って下さいね。

From.MIYA

>> Sさん

CSS編集フォームの
/* ーーーーーーーーーーーーーーーーーーーーーーー レイアウト */
の後に記述されている以下を探して下さい。

#container {
width:619px;
(etc…)
}

#footer {
width:619px;
(etc…)
}

#main {
width:419px;
(etc…)
}

#menu {
width:200px;
(etc…)
}

#mainがメインカラムの設定になります。メインカラムの幅を広げるには
width:419px;
をお好みの幅になるよう書き換えて下さい。
(例: width:600px;)

そして、#containerがコンテンツ全体の設定になります。#mainを広げた分#containerも広げます。
#menuがメニューカラムの設定になりますので、#menuのwidth(幅)と#mainのwidthを足した数値になるようにします。
(例: #main width:600px; #menu width:200px;
= #container width:800px;)

最後に#footerは#containerと同じ数値になるように直して下さい。
(例: #container width:800px; = #footer width:800px;)

以上です。

From.OHANA*

はじめまして。このテンプレートにひと目ボレして、使わせて頂いております。とっても可愛くて大好きです☆ありがとうございます!!

From.MIYA

>> OHANA*さん

気にいって頂けて嬉しいです。有り難うございました(^∇^*)

From.豆プー

初めまして!
とってもかわいいテンプレに惹かれて、使わせてもらいました!
あちこちイジりまくってしまいましたが(^^;)

もしかしたらその際にどこか変にイジってしまったのかも知れませんが
個別エントリーを開くとサイドバーがエントリーの下にいってしまいます。
これはどうしたら戻せますでしょうか・・・?
勝手な相談ですがアドバイスいただければ嬉しいです。

From.豆プー

ごめんなさい、訂正です。
個別エントリーではなく、コメントのリンクを開いたときのみのようです・・・(>へ<)

ちなみにJUGEMではなくロリポブログなので
独自タグ等は不具合のためイジらせていただきました。

From.MIYA

>> 豆プーさん
こんにちは。テンプレート気に入って頂けたようで光栄です(*^-^)
ご質問の件ですが、コメントの<div class="content">が閉じられていないのが原因です。
</div>と閉じタグをテンプレート編集で追加してやれば直ります。やってみて下さい。

From.豆プー

うわぁ!素早いお返事ありがとうございました!!
初歩的ミスでお恥ずかしい限りです(^^;)
きちんと表示されるようになったので大満足です♪

From.MIYA

>> 豆プーさん
直ったようで良かったです(^∇^*)
テンプレート、自分流に楽しんで使ってやって下さいね。

From.蒼依

初めまして、このテンプレを今編集中で、終わってから使用したいと思っています。
でも、少し分からなかった所があるので教えていただけると助かります。

・エントリー記事の本文の文字サイズを変えたいのですが、CSSのどこを変更すれば良いでしょうか?
 いろいろ〜pxの箇所は変更してみたのですが、分かりませんでした。
・サイドバーのリンクテキストも同じように文字サイズを変更したいのですが、分かりませんでした。


後は大体自分で変種出来たので、この部分だけお願いします。

From.MIYA

>> 蒼依さん

はじめまして、こんにちは(*'-'*)
文字サイズに関してはCSSの以下でブログ全体にサイズを指定しています。

body , th , td {
・・・ (省略)
font-size:10px;
・・・ (省略)
}

記事の文字サイズとメニューの文字サイズだけを変更したいのであれば

.entry-text {
padding:6px 66px 0 11px;
line-height:170%;
}

.linktext {padding:7px 0 15px 5px;}

の2つに

font-size:(任意の数値);

を付け加えて下さい。


[ 例 ]

.entry-text {
font-size:12px;
padding:6px 66px 0 11px;
line-height:170%;
}

.linktext {
font-size:12px;
padding:7px 0 15px 5px;
}

From.まな

はじめまして。
MIYA様のテンプレートに一目惚れして、このテンプレートを使わせていただいております(^ω^)
シンプルなのに可愛くて、とても気に入っています。

大変申し訳ないのですが、少々お伺いしたいことがあって書き込みさせて頂きました。
このテンプレートのHTMLにプロフィールを追加したのですが、実際にブログを確認すると、
プロフィールの私の名前の前に小さな丸い記号?の様なものが表示されてしまいます。

これはどうすれば表示されなくなるのでしょうか?

お忙しいところ本当に申し訳ありませんが、余裕ができたらで構わないので
お答えいただけると嬉しいです。

これからもテンプレート制作頑張ってくださいね!

From.MIYA

>> まなさん

はじめまして、こんにちは。テンプレートの御使用有り難うございます(*^-^)
御質問にある“プロフィールの私の名前の前に小さな丸い記号”というのはリストマークになります。
CSSで<li>に背景画像として設定してありますので、CSSで背景画像の設定を削除してしまうか、あるいはHTMLで<ul><li></li></ul>を使わなければ表示されません。
お好みの方法をお選び下さい。以下は方法です。


[ CSS ]

#menu li {
margin:0;
padding:0 0 0 10px;
background:url(http://38b.img.jugem.jp/20070409_269726.gif) no-repeat scroll 0 5px;
}

を探し下記に書き換えます。

#menu li {
margin:0;
padding:0;
}

また、ユーザーリストをHTMLに記述した際にミスがありますので、そちらも以下に直して下さい。

<!-- BEGIN user -->
<h2>master</h2>
<div class="linktext">
<ul>
<!-- BEGIN user_items -->
<li><a href="./?pid={user_item_id}">{user_item_name}</a></li>
<!-- END user_items -->
</ul>
</div>
<!-- END user -->


[ HTML ]

ユーザーリストを下記に書き換えます。

<!-- BEGIN user -->
<h2>master</h2>
<div class="linktext">
<!-- BEGIN user_items -->
<a href="./?pid={user_item_id}">{user_item_name}</a><br />
<!-- END user_items -->
</div>
<!-- END user -->


また、どちらの方法を選択するにしても、もう1つ直す箇所があります。
Othersをカスタマイズされた際にミスがあるようなんです。
そのミスが原因でレイアウト崩れをおこすこともあると思われるのでOthersは下記のように直して下さい。

<!-- ▽パワード -->
<h2>Others</h2>
<div class="linktext">
<!-- ▽著作権表示:改変・削除はしないで下さい -->
*<a href="http://www9.plala.or.jp/kazunao/" target="_blank">Materials by BOUS</a><br />
*<a href="http://38b.jugem.jp/" target="_blank">Template by *drop by drop*</a><br />
*<a href="http://jugem.jp/" target="_blank">Powered by JUGEM</a><br />
*<a href="http://paperboy.co.jp" target="_blank">Service Provided by paperboy&amp;co.</a>
<!-- △著作権表示:改変・削除はしないで下さい -->
</div>
<!-- △パワード -->

From.まな

こんにちは^^

お忙しいところ、こんなに早くお返事を頂いてありがとうございました。

MIYAさんの言う通り、HTMLをカスタマイズした際に色々と変なことをしていたみたいです^^;

今やっと新しく編集し終わりました。

これからもこのテンプレート愛用させて頂きますね(^-^*)



From.MIYA

>> まなさん

気に入るようにカスタマイズ出来たでしょうか。
自分好みに楽しんで使ってやって下されば嬉しいです。ブログ運営頑張って下さいね(^∇^*)

Trackback

TrackBack URL