- 締切済み
FC2カテゴリ親文字だけ大きく、親ごとに行間入れる
FC2ブログで、「カテゴリ」のプラグインのhtmlが <div> <!--category--> <div &align> <!--category_sub_hasnext-->┣<!--/category_sub_hasnext--> <!--category_sub_end-->┗<!--/category_sub_end--> <a href="<%category_link>" title="<%category_name>"><%category_name> </a> </div> <!--/category--> </div> と、なっています。 ・カテゴリの親文字のフォントサイズだけを大きくしたい。 ・カテゴリの親ごとに１つのまとまりとして、間に行間を入れたい。 のですが、どうすればいいのかわかりません。 カテゴリの数が大量すぎて、とても見にくいサイトになり困っています。 教えてくださると助かります。<(_ _)>
- みんなの回答 （1）
- 専門家の回答
みんなの回答
- potwell331
- ベストアンサー率33% (1/3)
関連するQ&A
- 行間があかない
PHPでプログラムを組んでいます。 Firefoxでは行間（line-height）があくのですが、IEではあきません。 行間があかない、つまり指定なしの行間となってしまいます。 $tag_new .= $i . ".<a href =./index.php?mode=diary&id=' . $row[id] . '>" . $title . "</a><img src = ./images/new.gif><br />\n"; とプログラムを組んで、 <div class="new">新着コラム<br /> {$tag_new}</div> と表示しています。 ふしぎなことに、新着コラムとつぎの行だけ行間があきます。 Firefoxではすべてあきます。 Cssでは .new { width:210px; text-align: left; line-height: 24px; float:left; margin: 10 10 10 0; padding: 5; border:1px solid #800000; clear : left; } としています。 解消法あれば教えてください。
- ベストアンサー
- HTML
- FC2ブログで特定のカテゴリだけ表示/非表示
プラグインの中で、カテゴリの項目があるが 初期設定では下記のようになっており、全カテゴリが表示されています。 <a href="<%category_link>" title="<%category_name>"><%category_name>(<%category_count>)</a> これを特定のカテゴリだけ表示したいです。 下記の例で「か行、な行」のみ表示するにはどうすればいいでしょうか？ 教えて下さいよろしくお願い致します。 例） 【全表示の場合】 あ行 か行 さ行 た行 な行 【特定表示の場合】 か行 な行
- 締切済み
- ブログ
- innerHTMLを使用するとうまく表示できない文字があるのですが・・・。
以下のスクリプトを実行すると、 特殊文字は1つしか表示されません。 \"\"や&&の他に、1つしか表示されない特殊文字は あるのでしょうか？ <SCRIPT language=\"VBScript\"> Sub window_onLoad() layer1.innerHTML = \"\"\"\" layer2.innerHTML = \"&&\" layer3.innerHTML = \"XX\" End Sub </SCRIPT> <body> <font face=\"MSゴシック\" size=\"7\"> <div id=\"layer1\" align=\"center\"><span></span></div> <div id=\"layer2\" align=\"center\"><span></span></div> <div id=\"layer3\" align=\"center\"><span></span></div> </font> </body>
- ベストアンサー
- 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
- リスト化したユーザータグを任意の順で並び替えたい
FC2ブログを利用しています。 リスト化したユーザータグを任意の順で並び替えたいです。 <p class="plugin-tag" &align> <!--ctag--> <div &align> <a href="<%ctag_url>"><%ctag_name> (<%ctag_count>)</a> </div> <!--/ctag--> </p> これをどのように弄れば任意の並び順にできますか？
- 締切済み
- ブログ
- 【HTML】親子カテゴリーの記述
カラーミーショップのテンプレートを、初心者なりにいろいろ調べてカスタマイズしています。 元々は サイドバーに親カテゴリー（親123）を表示し、親カテゴリー名をクリックすると メイン部分に子カテゴリー（子1a1b1c）が表示される仕組みでした。 それだと使いにくいので、サイドメニューに 親１ 子１ａ 子１b 子１c 親２ 子２a 子２b というふうにしたかったのですが 色々いじってるうちにわけがわからなくなりました・・・ 以下のように記述すると、 親１のみが表示され、親１をクリックすると、子abcが表示されます。 親２（とその子）は表示されません。親のloopがなかったことになってしまいます。 何が間違ってるのでしょうか。 <!-- 商品カテゴリー --> <dl id="cat_list"> <dt>カテゴリー</dt> <dd> <ul class="main_cat"> <{section name=num loop=$category}> <li class="main_list"> <{if $category[num].img_url != ""}><img src="<{$category[num].img_url}>" /><{/if}><a href="<{$category[num].link_url}>"><{$category[num].name}></a> <ul class="sub_cat"> <{section name=num loop=$sub_category}> <li class="sub_list"> <{if $sub_category[num].img_url != ""}><img src="<{$sub_category[num].img_url}>" /><{/if}><a href="<{$sub_category[num].link_url}>"><{$sub_category[num].name}></a> </li> <{/section}> </ul> </li> <{/section}> </ul> </dd> </dl> <!--// 商品カテゴリー --> 上記の内、子カテゴリーの記述を消すと、親１２とも問題なく表示されます。 同じ構造で商品カテゴリーの下に、商品グル―プがあるのですが 試しにこちらは、子カテゴリー部分の <{section name=num loop=$sub_group}><{/section}>を消しました。 すると、親１２３全部表示されましたが、親１をクリックすると 親１ 子１a 親２ 子１b 親３ 子１c と違う親の間に挟まれるように表示されてしまいます。 どうもやっぱりsectionは消しちゃいけないようですが 親sectionの中にloopが２つ（親用・子用）あるのがダメなんでしょうか？ どう書いたらいいですか？ ※欲を言えば、親カテゴリー名はリンクなしで、子カテゴリーを常に表示させておきたいです。 が、とりあえず上記の件、解決できる方法を教えてください。
- 締切済み
- HTML
- ブログのカテゴリ別記事一覧を折りたたまない方法
FC2ブログで、フリーエリアに「カテゴリ別記事一覧」を入れました。カテゴリをクリックすると一覧は出るのですが、ひとつ記事をクリックすると、閉じてしまいます。いわゆる「折りたたまない」仕様にしたいのですが、なんとかなるでしょうか。 そもそも、タグというものをまったく勉強せずに、カンでやっているので、「ちゃんと勉強しろ」と言われると小さくなってしまうのですが・・・。 使っているテンプレートは2カラム。本来はカテゴリをクリックした時、記事部分に「カテゴリ別記事一覧」が出ます。 テンプレートのHTMLからその「カテゴリ別記事一覧」の部分(と思われる)↓ <!--category_area--> <div class="free_category"> <p>カテゴリ：<%sub_title> の記事一覧</p> <ul> <!--topentry--> <li><a href="<%topentry_link>" title="<%topentry_title>"><%topentry_title></a></li> <!--/topentry--> </ul> <p class="content-nav" align="center"> <!--prevpage--> <a href="<%prevpage_url>" title="前のページへ">≪新しい記事一覧へ </a> <!--/prevpage--> <!--nextpage--> <a href="<%nextpage_url>" title="次のページへ"> 古い記事一覧へ≫</a> <!--/nextpage--> </p> </div> を切り取って、「プラグイン3」の「フリーエリア」に貼り付けました。 現在は、(カテゴリ別記事一覧)というタイトルのみ出ています。(折りたたまれている) 上部のブログタイトルの下に表示されているカテゴリ(そういうテンプレートです)をクリックすると、 きちんと選んだカテゴリの記事一覧が左側のカラムに出て、そのうちのひとつクリックすると、右側に記事が全文開く。 ・・・・という所までは理想どうりなのですが、 ひとつ記事を開いてしまうと、先ほど開いたカテゴリの記事一覧が閉じてしまいます。同じカテゴリの記事を続けて読めるように、一度開いたカテゴリ別記事一覧を、そのまま開いた状態にキープしたいのですが、簡単な方法(笑)はありますでしょうか。 ネットを少し検索しただけでは、「折りたたみ」「折りたたむ」「折りたたみたい」という記事はたくさん見つかったのですが、 「折りたたみたくない」「折りたたまない」となると案外発見できず・・・。 テンプレートの <!--メニュー開閉スクリプト--> <script language="javascript"><!--function init(){<!--date_area--> document.getElementById("p1-calender").style.display = "block"; <!--/date_area-->}function switchover(id){ if(document.getElementById){ if(document.getElementById(id).style.display == "block"){ document.getElementById(id).style.display = "none"; }else{ document.getElementById(id).style.display = "block"; }}}//--></script> <!--/メニュー開閉スクリプト--> ここをいじるのでしょうか。 あるいは <!--プラグイン3--> <!--plugin_third--> <div class="menu_body3"> <h3 class="menu_title3"><%plugin_third_title></h3> <div style="text-align:<%plugin_third_ialign>"><%plugin_third_description> </div> <%plugin_third_content> <div style="text-align:<%plugin_third_ialign>"><%plugin_third_description2> </div> </div> <!--/plugin_third--> <!--/プラグイン3--> こちらなのか・・・。開閉スクリプトの(id).style.display = "none";←をなんとなくblockにしてみたりもしたのですが、特に変化はなく。 根本的に作り直すというと、とても私の技量では無理なので、もし、上記のタグに手を入れる範囲での「折りたたまない」方法があれば、お願いいたします。
- 締切済み
- HTML
- 携帯サイトの背景と文字位置が反映されません
携帯サイトを作っています。 参考にしたのは「All about」にあった携帯サイトの作り方で 試したのですが、背景や文字位置等がうまく反映されません。 下がソースです。（東京のお菓子というのは仮に入れてます） 具体的にはバックグラウンドを指定してもバックグラウンドが表示されず、centerを指定しても全部左寄せになってしまいます。 ちなみにパソコンで見るときちんと表示されています。 私の持っているdocomoの端末(P902iS)ですとバックグラウンドが表示されず 左寄せになってしまいます。 それぞれにスタイルで文字の大きさや背景などを指定するやり方は ALL aboutの携帯サイトの作り方を参考にしています。 何か間違いなどあればご指摘いただけないでしょうか？ よろしくお願いします。 <?xml version="1.0" encoding="Shift_JIS"?> <!DOCTYPE html PUBLIC "-//WAPFORUM//DTD XHTML Mobile 1.0//EN" "http://www.wapforum.org/DTD/xhtml-mobile10.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" lang="ja" xml:lang="ja"> <head> <meta http-equiv="Content-Type" content="application/xhtml+xml ; charset=Shift_JIS" /> <meta http-equiv="Content-Style-Type" content="text/css" /> <meta name="keywords" content="お菓子,お花" /> <meta name="description" content="東京のお菓子お花屋です" /> <title>東京お菓子お花title> </head> <body> <div style="background-color:#cc0000; color:white;">お菓子屋さん<br /> （東京お菓子）<br /> 東京都</div> <div style="text-align:center;"><img src="******title1.gif" width="80" height="120" border="0" /></div> <div style="font-size : smaller;color : #624a20;text-align : left;">お菓子屋さんではお菓子やお花を販売しています。東京にあります。<br /> </div> <div style="font-size : smaller;color : green;">◆<a href="index.html">トップページ</a><br /> ◆<a href="okashi.html">お菓子屋のご紹介</a><br /> ◆<a href="ohana.html">お花のご案内</a><br /> ◆<a href="zakka.html">雑貨のご案内</a><br /> ◆<a href="access.html">アクセス</a><br /> ◆<a href="http://www.*******.com/">PCホームページ</a><br /> </div> <div style="font-size : smaller;color : #624a20;text-align : left;">お電話、メールにてお気軽にお問い合わせ下さい。またパソコン用HPもありますので、詳しくはそちらもご覧下さい。<br /> </div> <div style="color : #ffffff;background-color : #a57e37;text-align : center;">◎お問い合せ◎</div> <div style="text-align:center; font-size:smaller;">電話での問合せ<br /> <a href="tel:03*********">03-***-****</a><br /> メールでの問合せ<br /> <a href="mailto:info@******.com">コチラ</a></div> <div style="font-size : smaller;color : #660000;text-align : center;">お菓子屋さん<br /> ***-****<br /> 東京都<br /> 渋谷区******</div> </body> </html>
- 締切済み
- その他([技術者向] コンピューター)
- ドロップダウンメニューの方法を教えてください
■ドロップダウンメニューでサブメニューが横並びで出るようにしたいと思っています。 HTMLは下記のように記述しています。どのようにJavascriptを記述すると良いのか教えてください。よろしくお願いします。 【html】 <div id="menuber"> <a href="#"><IMG src="test/m1.gif" width="101" height="20" border="0" align="left"></a> <div class="hiddenmenus"> <span id="sub"> <a href="#"><IMG src="test/sub1.gif" width="101" height="20" border="0" align="left"></a> <a href="#"><IMG src="test/sub2.gif" width="101" height="20" border="0" align="left"></a> <a href="#"><IMG src="test/sub3.gif" width="101" height="20" border="0" align="left"></a> <a href="#"><IMG src="test/sub4.gif" width="101" height="20" border="0" align="left"></a> </span> </div> </div> 【CSS】 .hiddenmenus {position:absolute; top: 20px; left: 0px;} #sub1 { visibility: hidden; }
- ベストアンサー
- JavaScript
- （再度）行間を詰める方法
申し訳ございませんが、現在下記のタグで行間が詰めれなくて困っています。 同じものを左右に並べる予定です。 <div id="sidebar1_new"> <tr class="boxleft"> <table width="440" height="90" border="1" cellpadding="0" cellspacing="0" frame="hsides" bordercolor="#999999"> <td><p><a href="リンク先1" target="_blank"> タイトル1</a> <p><a href="リンク先2" target="_blank"> タイトル2</a> </td> </table> </tr><!-- end boxleft --> </div><!--sidebar1 new --> CSSは、#sidebar1 new.boxleft{ line-height:●●pt; ｝ という感じです。 タイトル1とタイトル2の間を調整したいのです。また、できればテーブル内の上と下（ここではタイトル1の上、タイトル2の下）も調整できれば最高です。 このテーブルは左右で同じものを作りたいと思っています。一応、テーブルは出来ていますので行間だけです。 兎に角、テーブル内の行間を調整したいのです！ 説明がうまくないですがご教授よろしくお願いします。 このCSSに色指定をするとそれは機能します。
- ベストアンサー
- ホームページ作成ソフト
