--
--
--

スポンサーサイト

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

「colorfree」にヘッダーを入れる

takanoさんのリクエストです。
■HTML・headerの位置を移動しています。

(略)<!--アクセス解析挿入位置★-->

<div id="container">

<div id="header">
<h1><a href="<%url>" accesskey="0" title="「<%blog_name>」トップへ"><%blog_name></a></h1>
<p class="setsumei">

<!--date_area-->
≫<em class="point"><%sub_title></em>
<!--/date_area-->
<!--category_area-->
≫<em class="point"><%sub_title></em>
<!--/category_area-->
<!--search_area-->
≫<em class="point"><%sub_title></em>
<!--/search_area-->
<!--tag_area-->
≫<em class="point"><%sub_title></em>
<!--/tag_area-->

<!--titlelist_area-->
≫全記事一覧
<!--/titlelist_area-->

<!--not_date_area-->
<!--not_category_area-->
<!--not_search_area-->
<!--not_tag_area-->
<!--not_titlelist_area-->
<%introduction>
<!--/not_titlelist_area-->
<!--/not_tag_area-->
<!--/not_search_area-->
<!--/not_category_area-->
<!--/not_date_area-->
</p>
</div>

<div id="primary-column" class="column"><!-- primary-column -->

<!--
/// プラグイン3
-->(略)


■スタイルシート

/* メインカラムちょっと下げ*/
div#primary-column
{(略)
margin:15px 206px;
(略)
}
/* 脇カラム200下げ*/
div#secondary-column {(略)
top:200px;
(略)
}
div#extra-column {(略)
top:200px;
(略)
}

/* .cと#headerまとめてあったのを、別設定に */
.c{text-align:center;margin:15px 1% 0 1%;border:1px solid #777;;}

#header {height:200px;background:#90a3ff url(http■) right center no-repeat;
}

/* ヘッダー部分の文字位置はお好きに設定してください。h1の背景画像は消してください。 */
h1{text-align:■;
padding:■px ■px ■ ■px;
}

/* サイトの説明 */
.setsumei {text-align:■;
margin :■;
padding :■ ■px ■px ■px;
}


スポンサーサイト
Comment
 


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

[250] すみません また 教えてください

お世話様です
740×200の画像を作り入れてみたのですが、
http://logmarlin.blog42.fc2.com/?preview&index
どうしても左上が白くなります。
タイトル部分を消して、h1の色を白に変更しました
その後記事の手順でしました。
何かおかしなことしてしまっているかもしれませんが
画像を740PXで表示する方法を教えてください
また この画像の上に横メニューを入れたいのですが
その方法も教えて頂ければ幸いです。
お忙しいと思いますが、お時間のある時にでもお付き合い
下されば、、、何卒宜しくお願いします   

[251] Re: すみません また 教えてください

http://logmarlin.blog42.fc2.com/?preview&index
は管理者ご自身にしか見えないURLです。
現在作成中のテンプレートの名前を教えていただければ
http://logmarlin.blog42.fc2.com/?template=xxx
を使って、こちらからも見ることができます。

http://manannan.blog84.fc2.com/?preview&index
http://manannan.blog84.fc2.com/?template=colorfree

[252] おはようございます

早速の回答ありがとうございます
名前はこちらです
top-marlin_1_2
宜しくお願いします

[253] こちらのテンプレートもだいぶいい感じになってますね^^

記事のほうで、
#header {height:200px;background:#90a3ff url(http■) right center no-repeat;}
としたのは、前見せていただいたヘッダ画像に色を揃えていたんです。
白くしないのであれば、今のヘッダ画像の左半分の色を同じ場所に指定すれば、色がつきます。

「colorfree」は色で遊べるのが売りなので、試して見ていだけると嬉しいです。
http://manannan.blog84.fc2.com/blog-entry-149.html

[256] おはようございます

色々とお気使いありがとうございます
色を合わせていただいてのですね。
バックの色を画像の色と合わせて置くのですね
参考のURLのページも拝見させて頂きました
時間掛かると思いますが、出来たらご報告に
上がります。いつもありがとうございます。

[257] takanoさん

またなにかありましたら、ご遠慮なくどうぞ。本格開始を楽しみにしています^^

[258] 泣きそうです

お世話様です
今 テンプレートカスタマイズ 再チャレンジ中なのですが、、記事を入れたら半分に切れて映ります、、、


また 初歩的な質問ですが、、記事の下に出るスポンサー
サイトの広告は無料版では消す事は無理ですか?

宜しくお願いします

[259] 書き忘れです

http://logmarlin.blog42.fc2.com/?template=top-marlin&index

名前がtop-marlinです

宜しくお願いします 本当に何回も申し訳ありません

[260] takanoさん

コメント書き換え、しょうしょうおまちください。

[261] takanoさん(再)

広告削除は、
http://blog.fc2.com/info/blog-entry-355.html
にあります。

画像が切れるほうは、テンプレートスタイルシートの下記の数字を調整してみてください。

/* レイアウト用ブロックの設定
------------------------------------------------------------ */
div#container {(略)
width: expression( document.body.clientWidth < 951? "950px" : "96%" );
min-width:950px;
(略)
}

[262] ありがとうございます

こんばんは

見ていただいたテンプレートの数字を変更しても、記事の
半分が消えるのは改善しませんえしたが、manannanさま
のオリジナルを見たら問題なく映っていました。
きっと、画像の挿入時とかに、何やら変な事していたようです。
お忙しい中 早い回答いつも本当にありがとうございます。
以後 ご質問させて頂く時は頭を冷やしてからにします。
申し訳ございませんでした。
広告の件も ありがとうございました

[263] そのあたりの動作は

テンプレートをカスタマイズする作業の最中の動作が、どうも安定しないことがあるみたいなんですけど>FC2ブログ
あれ?反映してない?と思っても、F5とかctrl+F5とかで、反映されることがあります。

[268] 教えていただければありがたいです

初めまして。colorfreeを使わせていただいてます。解析挿入位置などあり初心者の私にもわかりやすくて大変助かっています。
作者の方がもしされていたら・・・と思ってきてみたのですが・・・。
カスタム検索Adを設置したのですが検索結果をサイト内にする方法でコードをどの辺りに貼り付けたらいいかいろんなところでの説明を見ながらしているのですが
<div id="primary-column" class="column"><!-- primary-column -->

<!--not_permanent_area-->
この下に入れてみました。自分の記事がそのまま出ましたが上の方にはGoogle結果がでています。他の方のところでやってみると自分の記事はでずGoogle結果だけでています。
あと検索結果の見出しと中身が合わないものがあるのですがこれはコード取得時の指定の仕方 ブログURL/*が悪いのでしょうか。
見当違いの質問でしたらすみません。

[271] るなのんさん、すみません、(今のところ)わかりません。

ブログ拝見しました。このタイプの検索を使ったことがないので、今のところ見当がつかないです。
 Google側の解説ページなどはないものですか?
 もし、登録をしていない人間でも見られるようになっていれば、見てみたいのですが……。

[272] ありがとうございます

<!--search_area-->
≫<em class="point"><%sub_title></em>
<!--/search_area-->
この間に入れてみました。前よりはすっきりキレイになり、うえに検索結果、下にはやはり検索結果の記事が出ますがGoogleの結果がイマイチなのでこれでもいいかと思っています。クロールされていないページがあるからイマイチなのかも・・・?Googleにも説明があるのですが初心者の私には難しいです。
登録されていない方でも見れるページはこのあたりでしょうか・・・
http://www.google.com/support/customsearch/?hl=ja

[274] るなのんさん、解決ですか?

>これでもいいかと思っています。
解決ということでよろしいですか?

それとも、「ここをこうしたい」というのがまだあったら、もう少し具体的にお願いします。たとえば「□□□という語で検索したときの◇◇◇という記事の見出しが、○○となってほしいのに××になってしまう」というように……。

[276] ありがとうございます

それはあるのですが・・・。
Googleのほうでの設定ではなくテンプレートでできるものなんでしょうか・・・。よくわかってないもので・・・すみません。

[277] まず「るなのんさんが、何をしたいのか」を伝えてください。

もう1度聞きます。

「ここをこうしたい」というのが、まだありますか?
何をどうしたいですか?

問題が残っているのは、検索結果の見出しなのですか?
見出しとはどこのことをおっしゃっていますか?

1)記事のタイトルが文字化けするなどの問題
 1-1)テンプレートの文字コード指定にミスがある?FC2の不具合?Googleの不具合?
 1-2)一部のフォントでしか表示されない文字等が使われていないか?
  具体的に「どのタイトルがどう変なのか」わからないとどうしようもないです。  
2)この記事で、閲覧窓の一番上、現在「「ManannanMacLir「colorfree」にヘッダーを入れる」とある部分を変えたい。
 テンプレートで<title>タグの内容を変更すれば、順番などは変更できる部分があります。
 例)上記を「「colorfree」にヘッダーを入れる☆ManannanMacLir」にする
3)タイトル下の説明
 3-1)検索の内容によって<meta>タグの内容を拾ってくる場合
  テンプレートでモードごとの<meta>タグを切り替えることによりご希望に近づける可能性はあります
 3-2)検索の内容によって、検索語周辺の文章をGoogleが切り出してくる場合
  テンプレートではどうしようもありません。

まず「るなのんさんが、何をしたいのか」を伝えてください。ただし、テンプレートを修正して変更できる部分でも、Googleの検索結果が修正されるのは次にクロールされた後だと思いますので、即効性がないことはご理解ください。

[278] ややこしいのですが・・・

ありがとうございます。
検索した結果の状態は・・・

①記事タイトルが  5/5 りんご
中身  りんごの木を植えた。
②記事タイトルが 5/6 みかん
中身 みかんの木を植えた
③記事タイトルが 5/7もも
中身 桃を食べた

とします。ある言葉で検索すると
INDEXが みかん
中身が 5/5りんご 5/6 みかん 5/7 もも

となっていたりするのです。INDEXと中身があっていないのです。みかんの記事を5/6と5/8に書いていたとします。みかんで検索すれば二日分の記事が出ればいいわけですが他にいろいろでているのです。

どうしたいかというのは検索結果の見出しと中身が合わないものをなくしたいということです。

[279] るなのんさん、なるほど!そういうことですか。

るなのんさん、すみません、やっと理解しました。

■現在、ご希望どおりの結果になっていない理由
ブログというのは本文だけでなく、「最新記事」などのメニューも同じ画面に出ます。そして、Googleロボットが、メニュー部分も検索対象としているのだと思います。

たとえば、

(1)記事タイトル:5/5 りんご
記事本文 りんごの木を植えた。
メニューカラム「最新記事」 りんごの木を植えた。

(2)記事タイトル:5/6 みかん
記事本文 みかんの木を植えた
メニューカラム「最新記事」 りんごの木を植えた。/みかんの木を植えた。

(3)記事タイトル:5/7もも
記事本文 桃を食べた
メニューカラム「最新記事」 りんごの木を植えた。/みかんの木を植えた。/桃を食べた

話がややこしくなるので、記事をアップしてFC2トップにPINGを打ったときにだけクロールされて、再クロールはないという前提にすると、
「桃」で検索すると、(3)のURLだけがヒットし、「適切な検索結果」に思える。
「りんご」で検索すると(1),(2),(3)が、検索にヒットして「不適切な検索結果」になる。
……ということではないでしょうか。

■対策はすみません、よくわかりません。
どこかもうちょっとGoogleに詳しい方のいらっしゃるところで、
「ページの途中で、このタグ以降は検索対象にしない、といったタグは存在しないか」
「具体的には、ブログの記事部分は検索させ、HTMLとして記事の後ろにあるメニュー部分は検索しないようにしたい」
と相談してみてはいかがでしょうか。
そういうタグがもし存在すれば、テンプレートの途中に挿入することで、ご希望どおりになるかもしれません。

[280] ありがとうございます!

何度もいろいろありがとうございます。
ややこしい話ですみませんでした。
相談方法、ありがとうございます。探してみます!!

[282] 別件なのですが・・・

すみません、別件なのですが・・・。
最近になってプラグイン2のエリアで順番を入れ替えると2のエリアではなく記事の下側にいくつか移動してしまうのですが・・・何が原因なのでしょうか・・・。

[283] 何度も同じことを書いて申し訳ないのですが

質問は具体的にお願いします。なにをどうしたら、どのプラグインが崩れたのでしょうか。

ユーザーフォーラムの下記にあるようなことではないですか?
「突然記事・サイドバーが下に落ちてしまいました」
http://blog.fc2.com/forum/viewtopic.php?f=6&t=2869

[291] ご無沙汰してます

mannanさん ご無沙汰しています
以前色々と教えて頂いたものです、その節は
ありがとうございました。
GWも終わり、やっとテンプレートカスタマイズ
再開しています。
早速なのですが、、
トップに画像を入れたいという質問に色々お答え頂いて
いたのですが、やっとこんな感じかなぁとう物ができました。
そこで今回教えて頂きたいのは
①トップ画像の所に出る、ブログタイトルを消したい
②私のページでは現在フリーエリアが表示されている
 (プラグイン3)の薄紫の部分を両隣のプラグイン1,2と
 高さを合わせるにはどうしたら良いですか?
作成中のテンプレート名はこちらになります。
colorfree_2_1_1_2
お時間のある時で結構ですので、ご教授願います。

[292] ありがとうございます

すみません、ありがとうございます。

[293] takanoさん

すみません、回答に時間があいてしまいました。

テンプレートHTML
<div id="header">
<h1><a href="<%url>" accesskey="0" title="「<%blog_name>」トップへ"><%blog_name></a></h1>
<p class="setsumei">

<!--date_area-->
≫<em class="point"><%sub_title></em>
<!--/date_area-->
<!--category_area-->
≫<em class="point"><%sub_title></em>
<!--/category_area-->
<!--search_area-->
≫<em class="point"><%sub_title></em>
<!--/search_area-->
<!--tag_area-->
≫<em class="point"><%sub_title></em>
<!--/tag_area-->

<!--titlelist_area-->
≫全記事一覧
<!--/titlelist_area-->

<!--not_date_area-->
<!--not_category_area-->
<!--not_search_area-->
<!--not_tag_area-->
<!--not_titlelist_area-->
<%introduction>
<!--/not_titlelist_area-->
<!--/not_tag_area-->
<!--/not_search_area-->
<!--/not_category_area-->
<!--/not_date_area-->
</p>
</div>

を消して

<a href="./index.php"><img src="[ヘッダ画像URL]" border="0"></a>

としてみてください。

そのあとでスタイルシートのほうで
div#primary-column {(略)margin-top:10px;
}
と入れて、様子を見てください。10pxの数字は調整してください。
(もしかしたらうまくいかないかも……、とりあえず、この変更をした状態で見せていただけるとありがたいです)

[294] ありがとうございました

こんな感じです。テンプレート名colorfree_2_1_1_2
下のように変更しました。
真ん中がビミョウに下がっている感じですが、自分
的にはこれ以上ならなかったので、良しとしようと
思います。
div#primary-column {text-align:left;
background:#fff;
margin:15px 206px;
margin-top:0px;
/* width: expression( document.body.clientWidth < 800? "340px" : "auto" ); */
/* min-width:310px; */
overflow:hidden;

}

div#secondary-column {text-align:left;
background:#fff;
position:absolute; left:0px; top:200px;
width:204px;
padding : 0 0 0 4px;
overflow:hidden;
margin-top:15px;
}

div#extra-column {text-align:left;
background:#fff;
position:absolute; right:0px; top:200px;
width:204px;
overflow:hidden;

}

Qカレンダーの曜日の下の色を変更するには何処を変えるとよいですか?
"ede"が現在の薄紫色の番号で良かったですか?
cssのカレンダーの設定であるだろうと思った箇所のedeを違う色番号に
変えてみたのですが、上手くいきませんでした。
お時間ある時また 教えて下さい。何度も小出しで申し訳ございませんが
宜しくお願いします 

[296] ごめんなさい、コメントが承認制になっていた。。。

なんかテストのために変更して、そのままになっていたようです。
いま気付きました、ちょっと時間あるときにゆっくりみます。ごめんなさい!

[298] 時間かかってごめんなさい。

takanoさん

>Qカレンダーの曜日の下の色を変更するには何処を変えるとよいですか?

テンプレートHTMLの下記の場所に「id="pidc"」をいれてください。

<!--///▼Calendarchive組み込み-->

<div id="navical">

<div class="menutitle" id="pidc">


テンプレートスタイルシート
「カラフルメニューバー」の設定が続く最後に、、
#pidc{background-color:【色コード】;}
を入れてください。

[302] 教えてください

お世話様です
前回の返信にお返事せず 申し訳有りません。
お伺いしたいことがあるのですが、
①記事入力時に画像入力しFC2のイメージで
borderを設定しましたが、(画像に枠をつけるよう)色が指定の色に反映されません。
また記事投稿後ブログの確認時に反映されていないのは
テンプレートの何処かを修正する必要がありますか?
②プラグイン1の見出しに<のマークが入るのは何故ですか?これを変更することは可能ですか?
③プラグインに載せた画像の位置をもう少し真ん中に
したいのですが?何処を直せばよいですか?
いつも 一方的な質問ですみません。
カレンダーの色はあのままきれいなので、そのままにして
います。お時間のある時に回答願います。
テンプレート名「colorfree_2_1_1_2」です
もうすぐ 出来上がりそうです。6月中にはと思っています。
宜しくお願いします。

[303] takanoさん、サーバーによって画面がちがいますか?

>(画像に枠をつけるよう)色が指定の色に反映されません。
この画面でしょうか?
http://blog-imgs-30.fc2.com/m/a/n/manan2/gazousettei.png
こちらで使っているサーバーでは、色を指定する機能がないようです。takanoさんのサーバーでは別の画面が出ますか?

>プラグイン1の見出しに<のマークが入るのは何故ですか?
もともとcolorfreeにはそういう設定はありません。HTMLの「<%plugin_first_title> 」の周辺に、余分な「<」が入力されていないか、確認をお願いします。

>プラグインに載せた画像の位置をもう少し真ん中
画像のすぐ前に「<p class="cntr">」、すぐ後に「</p>」と入力してください。
スタイルシートの最後に、「.cntr{text-align:center;}」と入力してください。

[307] おはようございます

早速の回答ありがとうございます
私の方でも色の指定はでないのですが、、
HTMLの設定でborder-coloerっと
いれて色指定してみたら、http://blog-imgs-30.fc2.com/m/a/n/manan2/gazousettei.png
枠の色が変わったので、勝手に反映されると解釈して
しまいました。出来ないものだったのですね。
ありがとうございました。
②、③ 試してみます。何せとても時間がかかるので
遅くなると思いますが、できたら結果ご連絡したいと
思います。いつも本当にありがとうござます。
感謝しています。

[308] 追伸

記事投稿の機能を使って、テーブルを作ると
テーブルの色がedg?(いつもでるきれいな薄紫色)
なのですが、この色は変更できるものでしょうか?

[309] takanoさん、どうやって指定していらっしゃいますか

>HTMLの設定でborder-coloer
画像枠の色指定はどこでやっていらっしゃいますか?
<img src="[画像url]" style="border:5px [色コード] solid;">
で、ダメでしょうか。

>テーブルの色
テンプレートスタイルシート中、下記の色コードをお好きに変えてください。

/* 表(全記事表示に表使用)
------------------------------------------------------------ */
table {margin:3px;line-height:1.3; border:1px solid #c9c;
(略)}
td{padding:3px; border:1px solid #c9c;}

[310] 教えて頂けますか?

お世話様です。
記事を入力しているのですが、文字の位置がばらばらになります。
テンプレート若しくは記事入力時に設定かのうでしょうか?
また 文字の色を予め黒以外の色に指定するのは、テンプレートの
編集で何処か直してもいいものでしょうか?一度一度記事入力時に
色変更した方がよいですか?
歩き方のhttp://fc2blogwalker.squares.net/modules/xpwiki/?%A5%C6%A1%BC%A5%D6%A5%EB%A4%CE%B3%C8%C4%A5%BD%F1%BC%B0参照にしたのですが、
私のように記事の途中、真ん中から揃えたいと考える初心者的発想は
ないようで、、、普通みなさんどうされているのでしょうか?
くだらない質問ですみません。お時間ある時に回答願います。
テンプレートはcolorfree_2_1_1_2 記事NO-75が見た目文字がばらばらです。
宜しくお願いします

[311] takanoさん、いらっしゃいませ。

>文字の位置がばらばらになります。
いただいたリンク先は、「fc2blogwalker.squares.net」の使い方の解説ページじゃないかと思います。
http://manannan.blog84.fc2.com/blog-entry-234.html に記事にしました。

>文字の色を予め黒以外の色に指定する
全記事同じ色でよければ、スタイルシートの下記の部分に、文字色指定を加えてください。

 /* 記事本体部分 */
 div.entry-body {
 (略)
 color:[色コード];}

参考:
http://www.tagindex.com/color/

「記事によって文字の色を変える」場合でも、スタイルシートから変更することは不可能ではありませんが、投稿のときに変更するのが結局楽だと思います。カテゴリーごとに色を変えるのだったら、スタイルシートで変える手もあるので、その場合は書き添えてください。

[323] こんにちは

ブログがとっても綺麗に変わっていて
びっくりしました。夏らしくて素敵です
また 教えてほしいのですが、、、
ブラグイン3にメニューサイトを作って
みました。色はセルのプロパティから
指定しました。
カーソルが上に載ったら色を変えたいのですが
本を見てCSSにa,a:hover,a.lastと適応する
CSSを入力した所、ブログのすべての
リンクに反応してしまい あわててやめました

1部の記事にCSSを利用してリンクの
カーソルが乗った時に色を変化する方法は
ありますか?
お時間のある時に教えていただければ
幸いです。よろしくお願いします

[324] Re: こんにちは

テンプレートほめていただいてありがとうございます。共有に登録申請中です。
> 1部の記事にCSSを利用してリンクの
> カーソルが乗った時に色を変化する方法
その設定を使いたい所の上に<div class="mycolor">、使いたい所の下に</div>と入れてください。
それから、スタイルシートの最後にでも、下記はいれてください。
.mycolor a:hover{color:[色コード];}
([mycolor]は、実は判りやすい英単語ならなんでもいいです。)

[331] No title

こんばんは
いつもありがとうございます
まだ途中なのですが、記事の中で表を消して、文字を揃える方法を取り入れた記事を作成中です。http://blog42.fc2.com/control.php?mode=editor&process=load&eno=88 高性能エディターで見ているときれいにできているのですが、保存してプレビューを見るとどうしても行間が空きすぎてしまいます。またマークも揃わずばらばらになってしまいます。この問題の解消方法をお知らせください。前でのように<div>でグループを括ると良いのでしょうか?プレビューはこちらですhttp://logmarlin.blog42.fc2.com/blog-entry-88.html テンプレートの変更はありません。ご教授宜しくお願いします(TOT)

[332] takanoさん

ちょっとやってみたんですが……、valign="middle"が入ってしまっているのがズレの原因、あちこちにいろんな高さでセル高さが指定されていたのが行間があいていた原因でした。試しながらやってしまったのが、思ったより煩雑だったので、無断コピーごめんなさい、記事にしてしまいました。受け取りを確認したら消します。

[333] おはようございます

お手数おかけして本当にすみません
重ね重ね申し訳ないのですが、、、
<記事にしてしまいました。
とは どちらを拝見すればいいですか?
探せませんでした。。。。。
21日にこちらを訪問していませんでした
それとも私の方のブログの方ですか???
お知らせください
無断コピーなんてとんでもないです
煩わせてしまって恐縮しています。

[334] takanoさん

takanoさん
そういえばリンクを貼っていませんでした。下記です。
http://manannan.blog84.fc2.com/blog-entry-245.html

[335] 記事拝見しました

こんにちは
お手数おかけしています
記事のタグ?の部分をコピーしてソースに貼りましたが
やはりこのようになってしまいます??
http://logmarlin.blog42.fc2.com/blog-entry-92.html

<最初は「質問」だけ表示させ、クリックすると「回答」を表示することもできます。(クリックしてみました!)
(^^)すっきりしてとてもいいです。難しいのでしょうか?

Javascriptは使ったことがないのですが、調べて挑戦しようと思います。
王道のURLも拝見しました。テーブルを消して文字を揃える方法しか
頭になくって、人がみたらかなり複雑な事をしでかしているようですね
本当にいつも丁寧なアドバイスありがとうございます

。。。。。Javascript できたらご報告します
(できるかどうか、、、かなり心配なのですが)
ありがとうございました。

[336] takanoさん、Javascriptは

FC2内では有名な、春木屋さんのスクリプトを設置したら、できそうです。
http://manannan.blog84.fc2.com/blog-entry-246.html

[337] 早速のお返事ありがとうございます

なんとか JAVAでできたのですが、、、
Q:CLOSEのリンクを右側に持ってきたく、closeのソースに
align="right"と入れてみましたが、左に寄ったままです。
どうしたら できますか?

manannanさんのお返事見る前に、挑戦していたので、
246.htmlの方法ではしていません(すみません)
http://logmarlin.blog42.fc2.com/blog-entry-91.html

エディタで表の部分とか調整したので、ソースには無駄な
空白記号がが山ほどありますが、、、

明日246.html参考にチャレンジしてみます
21日は遅くまでご迷惑おかけしたのに、方針変更してすみません
本当になんてお礼を言っていいやら、、、
ありがとうございます


[338] takanoさん

すみません、テストしてないのですが、
<a title="CLOSE" onclick="showPlagin(■);return false;" href="#">CLOSE</a>
の前に
<p style="text-align:right;">
後ろに
</p>
では、いかがでしょうか。

[340] お返事ありがとうございます

こんにちは
お忙しいでしょうに、いつもすぐお返事頂いて恐縮です。
CLOSE 書かれてある通りにしたら、右端に来ましたが、、、
閉じるとtop?に戻ってしまいます。
manannanに教えていただいた、春木屋さんのスプリクトの
設置もできましたので、挑戦してみます。
できたらご報告いたします。ありがとうございました。

[342] だめでしたか、すみません。

春木屋さんのスクリプトは、タイトルをクリックしたら開き、またタイトルをクリックしたら閉じる、という動作になるので、「close」の位置で悩むことはないと思います。

[343] こんばんは

manannan さま!!
いつも丁寧な回答ありがとうございます
お陰様でやっと 1/3ですが、できました。
私のPCでは文字等がきちんと揃ってみえるのです(^^)
http://logmarlin.blog42.fc2.com/blog-entry-95.html
取り急ぎ ご報告まで  ありがとうございました

[344] takanoさん、見やすいと思います

ただ、閲覧者のPC慣れ具合は、かなりさまざまなので。念のため「クリックすると答えを表示」など書いておいたほうがいいかもしれません。

[349] 教えて頂けますか?

ご無沙汰しています いつもお世話になっています。

プラグイン3に使っているメニューの表にリンクをカーソルを当てると
色の変化をつけたくて、試行錯誤した上 下記のようにするところ
までできました(最初のホームの文字が大きくなって揃えていませんが)
http://logmarlin.blog42.fc2.com/blog-entry-99.html
①このように作ったものをメニュー表のように横(4列)縦に(4列)と作ることは
可能ですか?
②記事99のようにするために、テンプレートのCCSに
a.gazobtn{ display:block; background-image:url(gazo4); width:125px; height:39px; margin-bottom:1px;}
a.gazobtn:hover{ background-position:top center;}
a.gazobtn:active{ background-position:top right;}
を貼り付けました
この場合 文字を変えるためにgazobtn1、gazobtn2と一個一個CCSに上記のものを足して画像も作らないといけません。メニュー表の数だけ作るとなると36個以上貼り足さなければいけません。このような場合は通常皆さんどうされていますか?
(本当はメニュー表のバックグラウンドをカーソルが載った時等で変えれれば
良いとは思うのですが、方法がわかりませんでした。
テンプレートは以前のままです。
お時間のある時にまた ご教授下さい よろしくお願いします。

[350] takanoさん

takanoさん
>このように作ったものをメニュー表のように横(4列)縦に(4列)と作ることは
>可能ですか?
表の背景を画像にします。
セルのなかに、a{display:block;}を入れて、カーソルが触れていないときには背景画像をつけ、カーソルが触れたら(hover)画像をなくして、表の背景を見せます。hoverで画像をつけるより、hoverで画像を無くして後ろを見せるほうが、表示が速いと言われています。(どこで読んだか忘れました)
>メニュー表のバックグラウンドをカーソルが載った時等で変えれれば
記事にしました。
http://manannan.blog84.fc2.com/?template=colorfish2&no=247
記事では、ご要望どおり画像を入れていますが、plugin3の表は色がとてもキレイなので、画像なしでも充分カッコイイと思います……。
(background-image:url(http);のところを、background-color:;にすれば、画像ナシ&色だけになります。)

[351] お世話様です

こんばんは
時間がかかりましたが、やっと希望と近いものができてきました
また 教えてほしいのですが、、、
http://logmarlin.blog42.fc2.com/blog-entry-99.html
の状態までできたのですが、ccsに下記を追加しました
.cap6{height:35px;width:127px;background-color:#f0ffff;
background-repeat: no-repeat; border:1px;padding:0;margin:0;
}
.cap6 a{display:block;height:35px;width:127px;font-size:12px;text-align:center;padding:15px 0 0 0;margin:0;}
.cap6 a:link{background-color:#66ffff;
background-repeat: no-repeat;
color:#ddf;text-decoration:underline}
.cap6 a:visited{background-color:#66ffff;
background-repeat: no-repeat;
color:#ffffff;}
.cap6 a:hover{background : none !important;
color:#f00;}
(cap~cap6まで貼りました)
①カーソルが上にいって赤い文字になる時にアンダーラインをいれた
いのですが
text-decoration:underlineをあれこれ入れてみたのですが
プレビュー見ても変化がありません。
どうしたら よいですがか?
②表の上下の間、、cap,cap2,cap3...の間を狭くすることは
可能なのでしょうか?できればでいいのですが、、
お時間あるときによろしくお願いします

追伸:ブログ開く度に テンプレートが変わっていて、いつも
びっくりしちゃいます。水彩画?のようなtop画像味があって
とても良いですね(^^)

[352] hoverでだめですか?>下線

新作ほめていただき、ありがとうございます。……描いたのは画像ソフトなんですけどね(写真を自動処理したものです)

アンダーラインですが、
.cap6 a:hover{text-decoration:underline;
background : none !important;
color:#f00;}
でダメですか?
.cap6 a:hover{text-decoration:underline !important;
background : none !important;
color:#f00;}
も試してみてください。

[353] お世話様です

ありがとうございます
hoverにtext-decoration:underline; をいれたら赤文字の時に
アンダーラインがでました
ただ linkにいれてもでないのと、visitedに入れると最初から
(link時に?)アンダーラインが入ってしまいます。
なにやら、また やらかしているようです、、、すみません
でも♪♪
高性能エディタのプレビューでは同じような表は見れないのと
十分 希望通りのものが作れましたのでこれ以上欲を出さない
ことにします。 本当に ありがとうございました
いつも 感謝しています。またよろしくお願いします

[354] ごめんなさい!、答え忘れてました

>表の上下の間、、cap,cap2,cap3...の間を狭くする
スタイルシートの最後にでも
td p {margin:0 0;padding:0 0;}
と入れてみてください。
もしかすると狭くなりすぎるので、
td p {margin:20px 0;padding:0 0;}
上に変えて、(今度は広すぎるかと思います)、あとは20の数字をお好みで微調整していってください。

アンダーラインの件。
visitedで下線が出てしまうのは、どうしても自サイトはあちこち自分で見てしまっている(visited=すでに訪れた)ということだと思います。「link」で表示がでるのは、訪問してないサイトへのリンクなので。
トップページ見せていただきました、カッコいいし、見やすいし、操作も軽い感じがします^^

自分が新しく作ったテンプレ、表示が遅いので手を焼いてます。なんとかならないのかな……。

[355] ありがとうございます

ご丁寧に追伸まで頂いて本当にありがとうございます
今 リンクのツリー化を検索したらhttp://blog-imgs-27-origin.fc2.com/h/i/y/hiyokokun/tree.htmlが出てきたので、やってみています。
記事通り リンクの設定からリンク名に見出しを追加してHTMLに貼り付けまで
終わりましたが、、manannanさんのテンプレートでは
<!--link-->
<li><a href="<%link_url>" title="<%link_name>"><%link_name></a></li>
<!--/link-->
</ul>
は何処の部分になりますでしょうか?
テンプレートのhtmlにリンクのツリー化という文字は見つけたのですが、、、
いじってしまったらおかしくなりそうで、先に伺ってしまっています
お時間のあるときで結構なのでよろしくお願いします
表の幅 明日にでもチャレンジしてみます。
<自分が新しく作ったテンプレ、表示が遅いので手を焼いてます。
 あぁ きっとすごく上のレベルで大変なのでしょうね
 がんばって下さい。としか書けなくて、、、、すみません 

[356] えーと、リンクのツリー化ですか??

共有プラグインにある、Pcafeさんの「Tree-LINK」プラグインを、そのまま入れるのでは、だめなのでしょうか?

ちなみに、うちにも、こんな記事があります。
「daniel(pcafe)さんのツリー化プラグインに、「親子カテゴリー」のツリー画像」
http://manannan.blog84.fc2.com/blog-entry-216.html

[357] すみません

こんにちは 毎日のように質問攻めですみませn
おっしゃる通りにPcafeさんの「Tree-LINK」プラグインを使わせていただきましたが、プラグイン1に登録すると見本通りのツリーになるのですが、フラグイン2に登録すると普通のリンクになったままです。注意でスプリクトがない場合は通常表示となっていましたが、ここらへんに問題がありますか?manannanさんの記事から
/* 親子カテゴリーリストマーク */という箇所もテンプレートのHTMLに貼り付けてみましたが、駄目でした。また 前にも書いたのですが、プラグイン1だけ<印が
勝手にでます。お時間のある時によろしくお願いします。(TOT)

[358] takanoさん

前にレスしませんでしたか、すみません。
http://manannan.blog84.fc2.com/?template=colorfish2&index
を見ていただくと判るように、もともとのテンプレートでは「>」は出ません。
takanoさんが改造の途中で壊していらっしゃる部分なので、そこはご自分で見つけて直していただくしかありません。
こちらからは、テンプレートのソースが見えないことは、ご理解ください。

プラグインを貼る位置によって表示が変わる,というのも、ちょっとよくわからないです。
他のプラグインと競合していたりしたときに、違うブログ(うちのブログ)でテストしても意味がないので……。

ツリー化プラグインは、共有プラグインにいくつかありますから、別のだと上手くいったりするかもしれませんが、それもこちらからはテストのしようがありません。

[359] おはようございます

早速のお返事ありがとうございます
私が壊しているのですね 了解しました
探してみます。ツリー化の件も何か
やらかしているのかもしれません
他のテンプレートで試して見たりします
本当にいつもすぐ質問してしまって
すみません。ありがとうございます。

直せたらご報告します^^

[360] 1個はできました

たびたびすみません
プラグイン1にでる>を消すことができました。うれしいです!
manannanのおっしゃる通り、HTMLに余計な>が入っていました。
お騒がせしました。プラグイン2にtree-linkがちゃんと表示できない
件はmanannanのcolorfreeのオリジナルテンプレートでプレビュー
しても、やはり同じ結果に見えてしまい、今のところお手上げです。
書かれている通りに違うツリー化プラグインを探して試してみます
ご教授ありがとうございました^^

[361] 何が原因なのでしょうね……

TreeLinkも、うちのブログだと、問題なく表示されます。
http://manannan.blog84.fc2.com/?template=colorfish2&index
他のプラグインでうまくいくといいですが。

公式プラグインページより
http://publicplugin.blog45.fc2.com/
の「リンクリスト」のほうが探しやすいかもしれません。

[362] ありが

本当 なんでかよくわかりません
ソースも目を凝らして何度も見たのですが、、、
で結局 取り合えず プラグイン1に載せたまま
にすることにしました。
気合が入ったら、違うリンクリスト探して挑戦して
見たいと思います。何度もご丁寧に本当に本当に
ありがとうございます。

[363] 上に

>他のプラグインと競合していたりしたときに
と書いたとおり、そのプラグインの上に相性の悪いプラグインが来たり(たとえば同じ変数名を使っているとか)すると、うまくいかない可能性があるような「気がします」。それを読み解けるほどのスキルは、もってなくて、もうしわけないです。

[364] こんにちは

すみません
ご丁寧に!申し訳ないなんてとんでも
ないです。こちらこそありがとうございます。
。。。。でしつこく質問してすみませんが
各プラグインメニューの文字をもう少し下に
するのと太字にしたいのですが、テンプレート
のCCSのどこを変更すればよいですか?
教えてください。
昨日mananannさんの記事を読み返しました
教えていただいていたのに、なぜか放棄している
変更とか見つけてしまいました。
なんて失礼な事をと思い、早速してみました
もうかれこれ3ヶ月近く、、、お付き合い頂いて
ますます恐縮しています。明日はいよいよ
デビューできるか!っと思っています。
mananannさんと巡り合えなければ到底 
できなかったことばかりで、この感謝の気持ちを
どうやったら伝えれるか?!ばかり考えています

[365] ここまでしてみたのですが、、、

.menutitle { 略
font-size : small;strong; /* 古いIEの文字サイズ */
                font- color:#00ff00;
border-bottom : 0px solid #c9c; /* 下線 */
text-align : center; /* センタリング */
margin : 12px 0;
voice-family : ""}""; /* おまじない */
voice-family : inherit; /* おまじない */
font-size : small;

何も変わらないのです。お時間のある時よろしくお願いします

[366] あいかわらず、レスが遅くてごめんなさい

.menutitleはあってます、
試しに、
padding-top:20px;
と入れてみてください、たぶん下がりすぎるので、数字を調整してください。
(大きな数字をとりあえず入れてみるのは、正しい場所が反応していることを確認するためです)
http://www.htmq.com/style/index.shtml#mar

太字のほうは
font-weight: bold;
です。
http://www.htmq.com/style/index.shtml#fon

FC2というブログは、商用ユーザーにも勧められるブログだと思っています。(これでもうちょっと広告の質が良くなるといいんですが) takanoさんのブログは、(商用という点から、オリジナルの写真を入れていらっしゃることまで)「こういうブログを応援したいな」っていう「ある種の理想形」なので。お手伝いしていて楽しいですから^^

[367] おはようございます

お返事ありがとうございました
早速 試してみます
15日からUPしました。
まだ YHAOOとかの登録はまだなのですが、、、
アクセスカウンターによってカウンター数に差が
でているのです なんででしょう?
こちらのブログにmananannのブログ 紹介
させて頂きたいのですが?よろしいですか?




[368] アクセスカウンターは、

>アクセスカウンターによってカウンター数に差が
>でているのです なんででしょう?
同じ人が1つのブログの違う記事を続けてみた場合を、「カウンターがリロードされた回数だけ」数えるカウンター(ページビュー)と、「1」と数えるカウンター(ユニークアクセス)があるので、その違いかもしれませんが。
個人的には、アクセス解析とかカウンターとか、ずれて当然くらいの感じで、「おおざっぱ」に見てます。性格がおおざっぱだからかも。

>紹介
ご紹介いただけるのであれば、とても嬉しいです。

[369] おはようございます

いつも丁寧な回答ありがとうございます
padding-top:20px;等を入れたら、希望通りに文字が
下がったのですが、影?まで下がってしまいました。。。
あれこれ試してみたのですが、変になるばかりで、、
しかもキャンペーン部分の#EDGの色まで落ちてしまい
ました。どこを修正すれば良いですか。。。
お時間のあるときで良いので、ご教授ください
いつも すみません

ManannanさんのブログのURL使わせて頂きました
http://marlinstaff.blog54.fc2.com/
プラグイン1なのですが、、、HTMLに載っている部分で
文章とか載せ方わからなく、タイトルに入っているという
代物になっていますが、、お借りしています
重ね重ねありがとうございました。

[370] takanoさん

>プラグイン1
とても嬉しいのですが、でも、それだと、hiyokoさんのところまでうちのブログみたいなので。
タイトルは普通に「リンク」かなにかで、うちのブログへリンクいただければ十二分です。


>変になるばかりで、、
.menutitle {(略)
[※]padding-top:5px;
(略)
[※]font-weight: bold;
(略)
}
原因が特定しきれてはいないのですが、上記2ケ所の※のところの空白が、全角スペースになっていないか、確認お願いします。
(空白をあけるのなら、タブか半角スペースである必要があります)

[371]

こんにちは いつもお世話になっています
うまく貼り付けれなかったのですが、、、
テンプレートでは下記の通り すべて頭が揃っています
manannanさんのテンプレートに2行追加した形です。
(意味がわかりますでしょうか?)
font-size (略)
padding-top:5px;
font-weight: bold;  
border-bottom : (略)

何回も見てたら、気にならなくなってきたので、、、、このままでも
いいかしら、、、と でもやはり影がずれているのは変ですよね
また きっとなにかやらかしているのですね すみません

ご指摘の題名 リンクに直しました。
驚かせてすみませんでした(泣) 

[372] 頭がそろってなくてもいいので、スペースを消してみていただけませんか?

全角スペースを消していただいて、問題が解決するかどうかが知りたいんです。

takanoさんのスタイルシートを、MS-WORDで見たものです。
http://blog-imgs-33.fc2.com/m/a/n/manannan/spacetab.gif
ちょっと図が大きくなってしまった、F11を押してみて、見終わったらF11で戻してください。

[373] お手数おかけしています

F11で拝見しました、その上□の部分を削除しましが、修正できず、
余計な所も削除してしまったので、現在はメニューの部分の一番
最後に入れてみました。が 変化ないようです
(略)サイズ */ padding-top:5px;font-weight: bold;
本当に無知ですみません。。お時間に余裕のあるときで結構
ですので、よろしくお願いします。

[374]

ありがとうございます、修正していただけたおかげで、やっと何が起こっているのかわかりました。正体不明の影がでている?と思っていたんですが、背景画像を繰り返していたんですね。

height:26px;を、height:21px;にしていただけますか?


あと、これはtakanoさんのせいでもぼくのせいでもなくて、FC2のせいなんですが、

<!--[if IE]>
<link rel="stylesheet" type="text/css" href="http://blog-imgs-23-origin.fc2.com/m/a/n/manannan/colorfree_ie.css">
<![endif]-->


<!--[if IE]>
<link rel="stylesheet" type="text/css" href="http://blog-imgs-23.fc2.com/m/a/n/manannan/colorfree_ie.css">
<![endif]-->
に直してください。IE6でメニューバーに色がつかなくなっていたので、どうしたのだろうと思ったら勝手に書き換えられていました。

[375] おはようございます

早くにお返事頂いていたのに、遅くなってすみませんでした
直りました。原因まで突き止めて頂き、本当にありがとう
ございました。感謝の気持ちでいっぱいです。
ブログも公開から1週間すぎ、スタッフブログも順調に
更新しています。これからカスタマイズすることがあれば
また ご質問させて頂く事もあるかと思いますが、、、
一段階ついた感じです。まったくのブログ初心者が、知識も
ない上に、発想だけでしたいと思う事をできたのは
manannanさんのお力添えがあったからです、、
本当にありがとうございました (お礼をしたいのですが、、
メールは頂けませんか?)

[376] ありがとうございます。

>発想だけ
とおっしゃいますが、ほんとに発想が素敵で、テストしていても楽しかったです。

>お礼をしたい
お気持ちだけで十分です^^

[377] こんにちは

お返事ありがとうございました
本当に何度もお手を煩わせてしまい、
その都度丁寧なご回答感謝しています。

他に方法がないので、このメールを
たっくさんの感謝を込めて送ります。
manannanさんありがとうございました。

Trackback
Trackback URL

«  | HOME |  »

Manannan Mac Lir

共有テンプレート


Tree-Recent


Tree-Comment


Tree-TB


カテゴリ


Tree-Arcive


CalendArchive


ブログ管理メニュー(新)


タグリスト(旧


ユーザータグ


テンプレート構造解析


フォーラムリンク


最新コメント


リンク


バナー貼


カテゴリ


画像一覧(月別)


ブログ内検索


プロフィール


Tree-LINK


RSSフィード


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