- 締切済み
記事タイトルの横にコメント数を表示する方法
現在、ライブドアブログでブログを制作中です。 ↓をトップページなど各ページに挿入したいのですが、 <div class="article-title-outer"> <h2 class="article-title entry-title"><a href="<$ArticlePermalink$>" title="個別記事ページへ" rel="bookmark"><$ArticleTitle ESCAPE$></a><IfArticleRating><span class="rating"><$ArticleRatingIcon$></span></IfArticleRating></h2> <IfArticleAllowComment><span class="article-comment-count"><a href="<$ArticlePermalink$>#comments" title="コメント一覧へ">Comment(<$ArticleCommentCount$>)</a></span> </div> どこに挿入したら良いか分かりませんでした。 記事タイトルのところに挿入して、保存しようとしたら文法上の誤りがありますと出ました。 テンプレートは現在↓を使っています。 http://blog.livedoor.jp/staff/archives/51796778.html ↓は自分のブログのCSSです。 http://www.dotup.org/uploda/www.dotup.org3942917.txt ↓はブログのトップページです。 http://www.dotup.org/uploda/www.dotup.org3942922.txt 解決策が分かる方いましたら、力を貸してください。 よろしくお願いします。
- みんなの回答 （2）
- 専門家の回答
みんなの回答
関連するQ&A
- コメント欄全体を枠で囲み各記事ごとにコメント番号をつける方法
FC2ブログのテンプレート工房 http://10plate.blog44.fc2.com/ 上記サイトのライトフレームを使っているのですが 各記事ごとにコメントに番号をつけ、 コメント欄全体を枠で囲む 簡潔なカスタマイズ方法をお教えください ＨＴＭＬ部 <!--comment_area--> <a name="comment_list"></a> <!--comment--> <div class="comment_outline"> <div class="comment_title"><a name="comment<%comment_no>" id="comment<%comment_no>"><%comment_title></a></div> <div class="comment_body"> <div class="comment_text"><%comment_body></div> <div class="comment_navi"> [ <%comment_year>/<%comment_month>/<%comment_day> <%comment_hour>:<%comment_minute> ] <SCRIPT LANGUAGE="JavaScript"> v = "<%comment_url>"; iffunc(v); function iffunc(b) { if (b) { document.write("<a href='<%comment_url>' target='_blank'>"+"<%comment_mail>"+"</a> <a href='<%comment_url>' target='_blank'><%comment_name></a>"); } else { document.write("<%comment_mail> <%comment_name>"); } } </SCRIPT> [ <a href="<%comment_edit_link>" title="コメントを編集">編集</a> ] </div><!--/comment_navi--> </div><!--/commnet_body--> </div><!--/comment_outline--> <!--comment--> シート部 .comment_outline { border:#000000 2px solid; background-color:#FFFFFF; text-align:left; margin-bottom:20px; } .comment_title { font-size:10pt; color:#ffffff; font-weight:bold; background-color:#000000; text-align:left; border-bottom:#666666 1px solid; padding:5px 20px; } .comment_body { font-size:10pt; color:#000000; border-top:#cccccc 1px solid; } .comment_text { text-align:left; margin:10px 20px; } .comment_navi { text-align:right; margin:0px 10px 3px; } 現状の上記のHTMLでは各コメントが2pixの枠で囲まれ 「タイトル」 本文 （右寄せ）投稿日時投稿者[編集] となります。 これを改変して 各コメントでなくコメント欄全体を枠で囲み （左寄せ）コメント番号Titled by「タイトル」投稿者投稿日時[編集] 本文 と変更したいです 知識不足ゆえの質問ではございますが お分かりの方がいらっしゃったらお答えしていただけると幸いです どうかよろしくお願いましす
- 締切済み
- HTML
- コメント欄のタイトルに決まったマーク（タグ）
ブログのコメント欄のカスタマイズをしています。 コメント投稿した際に、 タイトルの頭に決まったマークを挿入するようにしたいのです。 （現時点では、各コメントが各テーブル分けされているわけではないので、どこまでが●さんの投稿か区別しにくいので、そのマークで見分けが付くようにしたいのです） いろいろして、挿入出来たのですが、 入力したタイトルそのものが表示されませんでした。 挿入タグの検索もしたのですが、ヒットせず。 （検索する言葉が分からないのもあります） <div id="comment<%comment_no>" class="commentbody" > <h4 class="comment-Start"><%comment_title></h4> か、 <td><label for="name">Title</label></td> <td><input id="subject" type="text" name="comment[title]" size="25"> </td> のどちらかにタグを付け加えればいいのだろうと思うのですが、 決まったマークを挿入する際のタグを教えていただけないでしょうか？ 「 ★ 」「 ・ 」「 ■ 」とかではなく、 「 ♥ 」を入れたいと思っています。 無理なのでしょうか？ よろしくお願いします。
- 締切済み
- HTML
- FC2ブログ・スタイルシート内で文字の大きさ変更の仕方を教えて下さい。
FC2ブログ・スタイルシート内で文字の大きさ変更の仕方を教えて下さい。(font sizeと言う文字が無いので私は困った。） 以下はブログのソースコード <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <html lang="ja"> <head> <meta http-equiv="content-type" content="text/html; charset=euc-jp"> <meta http-equiv="content-style-type" content="text/css"> <meta http-equiv="content-script-type" content="text/javascript"> <link href="<%css_link>" type="text/css" rel="stylesheet"> <link rel="alternate" type="application/rss+xml" title="RSS" href="<%url>?xml"> <title><%blog_name> <%sub_title></title> <link href="<%css_link>" rel="stylesheet" type="text/css" /> </head> <body> <!-- headBlock --> <div id="headBlock"> <h1 class="h1"><a href="<%url>"><%blog_name></a></h1> <div id="headIntroduction"><%introduction></div> </div> <div class="login"><a href="./?admin">管理者ページ</a> <a name="page_top"></a></div> <!-- /headBlock --> <!-- EntryBlock --> <div id="EntryBlock"> <!--index_area--> <!--TopPage Only--> <div class="top_entry-index"> <div class="top_entry-body"> ■<strong>フリースペース</strong><br /> <br /> </div> </div> <!--/index_area--> <!--topentry--> <div class="mainEntryBlock"> <div class="mainEntryBase"> <div class="mainEntryTitle"><h2><a href="<%topentry_link>"><%topentry_title></a></h2></div> <div class="mainEntryBody"><%topentry_body></div> <div class="mainEntryMore"> <!--more_link--> ≫<a href="<%topentry_link>#more">[<%topentry_title>]の続きを読む</a> <!--/more_link--> <!--more--> <a name="more" id="more"></a><%topentry_more> <!--/more--> </div> </div> <div class="mainEntryDate"><a href="<%topentry_link>"><%topentry_year>/<%topentry_month>/<%topentry_day>(<%topentry_wayoubi>) </a> | <a href="<%topentry_category_link>"><%topentry_category></a> | <!--allow_tb--> <a href="<%topentry_link>#trackback">トラックバック：<%topentry_tb_num></a> | <!--/allow_tb--> <!--deny_tb--> <!--/deny_tb--> <!--allow_comment--> <a href="<%topentry_link>#comment">コメント：<%topentry_comment_num></a> | <!--/allow_comment--> <a href="#page_top" title="ページトップへ">PageTop↑</a> <!--deny_comment--> <!--/deny_comment--> </div> <!--<rdf:RDF xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" xmlns:trackback="http://madskills.com/public/xml/rss/module/trackback/" xmlns:dc="http://purl.org/dc/elements/1.1/"> <rdf:Description rdf:about="<%topentry_link>" trackback:ping="<%url>tb.php/<%topentry_tb_no>" dc:title="<%topentry_title>" dc:identifier="<%topentry_link>" dc:subject="<%topentry_category>" dc:description="<%topentry_discription>" dc:creator="<%author_name>" dc:date="<%topentry_year>-<%topentry_month>-<%topentry_day>T<%topentry_hour>:<%topentry_minute>:<%topentry_second>+09:00" /> </rdf:RDF> --> </div> <!--/topentry--> <!--エントリーここまで--> <!--コメント--> <!--comment_area--> <div class="pageLink"> <!--preventry--> ≪<a href="<%preventry_url>"><%preventry_title></a> <!--/preventry--> | <a href="<%url>">ホーム</a> | <!--nextentry--> <a href="<%nextentry_url>"><%nextentry_title></a>≫ <!--/nextentry--> </div> <div class="mainEntryBlock"> <div class="mainEntryTitle"><a name="comment" id="comment"></a>コメント</div> <div class="mainEntryBase"> <div class="mainCommentBold">この記事へのコメント</div> <!--comment--> 割愛部分あり
- 締切済み
- HTML
- ↓を詳しくかきました。
たびたびすいません。今回は過去記事がすべて消えてしまいました。携帯からはみれます。投稿してみると題名は掲載されますが、記事は掲載されません。たぶんHTMLをしらないうちに触っていたんだと思います。たぶん下記の人気ブログランキング参加中当たりを触ってしまいました。今までもこのバナーを使って問題はありませんでした。たぶんEnterのボタンをどこか押していたんだと思います。 どなたか詳しい方教えて下さい。長文すいません。 <br> <div align="right"><{$category_link[entry]}> <span class="etText">/</span> <a href="<{$entry_url[entry]}>"><span class="etTime"><{$entrytime[entry]}></span></a></div> <br> <div align="center"><{$image}></div> <div class="Posi"><span class="etBody"><{$thumbnail[entry]}><br>人気ブログランキング参加中 クリックお願いします。 <a href="http://blog.with2.net/link.php?490511"><img src="http://blog.with2.net/img/banner2.gif"></a> <br> </span></div> <div align="right"><span class="etCommentLink">コメント ( <{$comment_link[entry]}> )</span><span class="etText"> | </span><span class="etTBLink">Trackback ( <{$trackback_link[entry]}> )</span> </div> <div><img src="/images/clear.gif" width="15" height="15" alt="" /></div> </td> </tr> </table> </td> </tr>
- ベストアンサー
- ブログ
- MT4.0でページ分割をすると一番古い記事が表示されません。
Movable Type4.0を使ってブログを作っています。 ページ分割をするため、プラグインのPagebuteを組み込み、 下記の記述通りに5件ずつページ分割はできるようになったのですが、 なぜか一番古い記事だけが表示されなくなってしまいました。 ソースは以下の通りです。 <MTPageContents count="5"> <MTEntries> <div class="text"> <h2><$MTEntryTitle$></h2> <$MTEntryBody$><p><$MTEntryDate format="%Y.%m.%d"$> | <a href="<$MTEntryPermalink$>#comments">コメント(<$MTEntryCommentCount$>)</a> | <a href="<$MTEntryPermalink$>#trackback">トラックバック(<$MTEntryTrackbackCount$>)</a></p></div><hr /> <$MTPageSeparator$> </MTEntries></MTPageContents> <p class="center"> <MTIfPageBefore><$MTPageBefore delim="<<前のページへ"$></MTIfPageBefore> <$MTPageLists delim="｜"$><MTIfPageNext><$MTPageNext delim="次のページへ>>"$></MTIfPageNext></p> 同じような現象が起こった方がいらっしゃいましたら 対処法を教えていただきたいです。 何卒よろしくお願いいたします。
- 締切済み
- ブログ
- phpコードを解説して欲しいです。$str 多く困
$str = '<h3 id="trackbacks">Trackback</h3>'; $str .= '<ol class="trackback-list" id="custom-trackback">'; $i = 0; foreach ( $comments as $comment ) { if ( get_comment_type() != 'comment' ) { $str .= '<li class="clearfix" id="comment-' . get_comment_ID() . '">'; $str .= '<div class="trackback-author">'; $str .= '<p class="comment-author-name">'; $comment_author_url = $comment->comment_author_url; $comment_author = $comment->comment_author; if ( $comment_author_url ) { $str .= '<a href="' . esc_url( $comment_author_url ) . '" target="_blank" title="' . esc_attr( $comment_author ) . '">'; $str .= esc_html( $comment_author ); $str .= '</a>'; } else { $str .= esc_html( $comment_author ); } $str .= '</p>'; $str .= '<p class="comment-meta">' . '<a href="' . esc_url( get_comment_link( $comment->comment_ID ) ) . '">' . get_comment_date() .'<span>'. get_comment_time() . '</span><a class="edit" href="' . get_edit_comment_link() . '">（編集）</a></span></p>'; $str .='</div>'; $str .= '<div class="trackback-body">'; if ( $comment->comment_approved == '0' ) { $str .= '<p class="attention"><em>あなたのトラックバックは承認待ちです。</em></p>'; } $str .= '<p>' . esc_html( get_comment_text() ) . '</p>'; $str .= '</div>'; $str .= '</li>'; $i++; } } $str .= '</ol>'; if ( $i > 0 ) { echo $str;
- 締切済み
- PHP
- ブログの個別記事の最後に自動でバナー挿入させたいのですが
ブログの個別記事の最後に自動でバナー挿入させたいのですが どこにタグを貼り付けていいのか分かりません。 過去に何度も質問されていて恐縮ですが どーしても分からないので質問させてもらいました。 seesaaブログで個別記事の最後に自動でブログ村のバナーやアマゾンなどのウィジェットを挿入させたいのですが どこにタグを貼り付けていいのか分かりません。 <div class="blogbody"> <h3 class="title"><a href="<% article.page_url %>" class="title"><% article.subject %></a></h3> <div class="text"><% article.entire_body | text_summary(240) %></div> <div class="posted">posted by <% article.nickname %> at <% article.createstamp | date_format("%H:%M") -%></div> </div> </div> <% /loop %> <% /if -%> <% if:page_name eq 'tag' -%> <div class="tag"> <% if:tag %><div class="tag-title">タグ / <% tag.word | html %></div><% /if -%> <br /> いろいろと調べてみて たぶん ↑このアタリなのだろうとは思うのですが いろんなところに何度も何度も貼り付けて試してみても出来ませんでした。 書き込みしている場所は マイブログ→デザイン→HTML→HTML名で現在使っているもの です。 どなたかお分かりになる方、是非ご教授ください。 お願いいたします。
- ベストアンサー
- ブログ
- ブログの各記事の単独ページでブログタイトルをクリックしたら、トップページへ戻るようにリンクを設定したいです。
以前にこちらで「ブログタイトルをクリックしたら、トップページへ戻るようにリンクを設定したい」と質問し、トップページではブログタイトルをクリックしたらトップページへ戻るようにはなったのですが、各記事の単独ページではブログタイトルがクリック出来ず、トップページへ戻る事が出来ません。 どう書き換えればよいのでしょうか？ ちなみにその時は、 <h1 class='title'><b:include name='title'/></h1> を、 <h1 class='title'><a href='ブログのタイトル'><b:include name='title'/></a></h1> へ変更しました。 ほとんど知識がないので、噛み砕いてご回答頂けると助かります。 ブログはGoogle Bloggerです。 宜しくお願いします。 以下ソース（の関連していると思われる部分）です。 --------------------------- data:sourceUrl + "\"); " + "background-position: " + data:backgroundPositionStyleStr + "; " + data:widthStyleStr + "min-height: " + data:height + "px;" + "_height: " + data:height + "px;" + "background-repeat: no-repeat; "' id='header-inner'> <div class='titlewrapper' style='background: transparent'> <h1 class='title' style='background: transparent; border-width: 0px'> <b:include name='title'/> </h1> </div> <b:include name='description'/> </div> </b:if> <b:else/> <!--No header image --> <div id='header-inner'> <div class='titlewrapper'> <h1 class='title'> <a href='/'><b:include name='title'/></a> </h1> </div> <b:include name='description'/> </div> </b:if> </b:includable> </b:widget> </b:section> </div>
- ベストアンサー
- HTML
- CSSを動的出力部分で対応させたい
以下のようなソースで、動的に出力されるコンテンツのレイアウトに対応したいと思っています。 "Cat_StyleP_img_1"、"name_"、"comment_"のクラス指定したDIVエリアは動的に出力される部分です。 --CSS-- div.mainframe_ { float: right; display: inline; overflow: hidden; } div.container_ div.contents_, div.container_ div.mainframe_ { width: 700px; } div.CategoryStyleP_ { width:100%; overflow: hidden; padding-bottom: 20px; } div.CategoryStyleP_Line_ { width: 102%; overflow: hidden; padding: 10px 0 10px 10px; margin-bottom: 10px; } div.CategoryStyleP_Item_ { float: left; display: inline; width: 340px; margin-right: 10px; padding: 10px 0; overflow: hidden; background: #fff; } div.CategoryStyleP_Item_ .Cat_StyleP_img_ { float: left; display: inline; width: 140px; } div.CategoryStyleP_Item_ .Cat_StyleP_main_ { float: left; display: inline; width: 180px; padding-right: 10px; } div.CategoryStyleP_Item_ h3.name_ { padding-bottom: 5px; margin-bottom: 10px; border-bottom: 1px solid #cfcfcf; font-size: 14px; font-weight: bold; } div.CategoryStyleP_Item_ div.comment_ img { margin: 0 0 10px 0; } --html-- <body > <div class="container_"> <div class="contents_"> <div class="mainframe_"> <div class="CategoryStyleP_"> <div class="CategoryStyleP_Line_ heightLineParent"> <div class="CategoryStyleP_Item_"> <div class="Cat_StyleP_img_"> <a href="#"><img src="img/usr/cat-sample.png" alt="動的出力画像1"></a> </div> <div class="Cat_StyleP_main_"> <h3 class="name_"> <a class="category_name_" href="#">タイトルA</a> </h3> <div class="comment_">コメントです。ここにはコメントが入ります。コメント、コメント。 </div> </div> </div> <div class="CategoryStyleP_Item_"> <div class="Cat_StyleP_img_"> <a href="#"><img src="img/usr/cat-sample.png" alt="動的出力画像2"></a> </div> <div class="Cat_StyleP_main_"> <h3 class="name_"> <a class="category_name_" href="#">タイトルB</a> </h3> <div class="comment_">コメントです。ここにはコメントが入ります。コメント、コメント。 コメント、コメント。</div> <span class="comment_">コメント、コメント。</span><span class="comment_">コメント、コメント。</span><span class="comment_">コメント、コメント。</span></div> </div> </div> </div> </div> </div> </div> </body> このレイアウトで出力する画像が無かった場合、"Cat_StyleP_img_1"のDIV自体が出力されない 仕様なのですが、画像の出力がない場合に、その他2つ（"name_"、"comment_"）の要素を横に広げて、 画像の出力が無かった場合の空きスペースが埋まるようにしたいのですが、何か良い方法はありませんでしょうか？ JavaScriptではなくCSSで何とか対応したいと考えています。 お助け下さい、何卒宜しくお願いします。
- 締切済み
- CSS
- 最新記事一覧の中でさらに「NEW」の表示をつけたい
FC2ブログを使用してます。 共有テンプレートを少しいじってタイトルの下に「NEW ENTRY」という形で10件ほど記事タイトルを表示してます。 こんな感じです。 http://miyukiwf.blog35.fc2.com/ この中でさらに最新のもの（1日～2日内にアップしたもの）の右に「NEW」表示をつけたいんです。 使用しているテンプレートのHTMLはこんな感じです。（上の方だけですが・・） <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html lang="ja" dir="ltr" xmlns="http://www.w3.org/1999/xhtml" xml:lang="ja"> <head> <meta http-equiv="Content-Type" content="text/html; charset=EUC-JP" /> <meta http-equiv="Content-Style-Type" content="text/css" /> <meta http-equiv="Content-Script-Type" content="text/javascript" /> <meta name="author" content="<%author_name>" /> <meta name="description" content="<%introduction>" /> <!--▼検索用や検索避け、アクセス解析デザイン変更等のメタタグを入れる場合はここから▼--> <!--/メタタグここまで--> <title><%blog_name> <%sub_title></title> <link rel="stylesheet" type="text/css" href="<%css_link>" media="screen,tv" title="default" /> <link rel="alternate" type="application/rss+xml" href="<%url>?xml" title="rss" /> <link rel="top" href="<%url>" title="トップ" /> <link rel="start" href="<%url>" title="最初の記事" /> <!--preventry--><link rel="prev" href="<%preventry_url>" title="<%preventry_title>" /><!--/preventry--> <!--nextentry--><link rel="next" href="<%nextentry_url>" title="<%nextentry_title>" /><!--/nextentry--> </head> <body> <!--▼アクセス解析タグを入れる場合はここから▼--> <!--/アクセス解析タグここまで--> <!--▼レイアウトここから▼--> <div id="layout"> <!--▼ヘッダーここから▼--> <div id="header"> <p class="admin"><a href="<%url>?all" target="_self" title="全記事リストへ">*All archives</a> <a href="<%server_url>control.php" title="管理ページへ">*Admin</a></p> <h1 id="pagetop"><a href="<%url>"><%blog_name></a></h1> <p class="intro"><%introduction></p> </div> <!--/ヘッダーここまで--> <!--▼横カレンダーここから（いらない場合はここから削除▼--> <div class="yoko_calender"> <%now_year>年<%now_month>月 / <a href="<%prev_month_link>"><%prev_month>月≪</a> <!--calender2--> <span class="day"><%days></span> <!--/calender2--> <a href="<%next_month_link>">≫<%next_month>月</a> </div> <!--/横カレンダーここまで（いらない場合はここまでを削除）--> <!--▼メインここから▼--> <div id="main"> <!--▼メイン記事ここから▼--> <!-- ▼INDEX表示が邪魔な場合はここを削除 --> <!--index_area--> <!-- NEWENTRIES --> <div id="newentrys"> <h2 id="newentryname" class="navi-title">New Entries</h2> <div id="newentrylist" class="navi-contents" > <ul> <!--recent--> <li><a href="#no<%recent_no>" title="<%recent_title>"><%recent_title></a> (<%recent_month>/<%recent_day>)</li> <!--/recent--> </ul> </div> </div> <!-- NEWENTRIES END --> <!--/index_area--> <div id="main_block"> こういうカスタマイズというのも不慣れな者ですがどうぞよろしくお願いします。
- ベストアンサー
- ブログ
