2007年12月24日

Faviconを設定しました。

Seesaaは3年近く使っていますが、今更ながらFaviconを設定してみました。

以下自分用の覚書として残しておきます。

1.Faviconを作成する
 私は、256 Pixelsを使用しました。
 作成したFaviconはそのままicoファイルで保存できます。

2.Faviconをアップロードする
 Seesaaのファイルマネージャーでアップロードします。
 画像一覧でファイル名を確認し、メモ帳にコピーしておきます。
  
 https://xxxxx.up.seesaa.net/image/xxxxx.ico
 こんな風になっています。

3.Faviconリンクを設定する
 ブログ説明欄に以下を記載します。
 エキスパートで「ブログ説明」をクリックすると記載欄が出ます。
 以下コードを記載します。
 <link rel="SHORTCUT ICON" href="https://xxxxx.up.seesaa.net/image/xxxxx.ico">
 
 *<>は実際は半角です。

日々是ブログさんの記事を参考にさせていただきました。

posted by 京極恭輔 at 21:43 | 上海 | Comment(1) | TrackBack(0) | blog小技

2005年05月04日

GmailでBLOG!?

Drk7.jpさん経由知りました。
様々なGmail Hacksが有るんですね。

リンクを辿って行って私が最も面白いなと思ったのがGallinaです。

Gmailに蓄えられたメッセージをBlogのエントリにするものです。

これが、スクリーンショットです。

スクリーンショットを見る限り、コメントやトラックバックは出来ないようですが、面白いアイディアですね。

非公開に出来るのであれば、何人かで進めるプロジェクトの連絡事項確認用にも使えるかもしれません。
添付文書はどんな扱いになるのかな?

休み中に時間があったら試してみます。

とは言いつつ、本日も出勤しましたし7日も出勤なんで無理かな?
そう言えば、誰もいないだろうなぁ、と思い会社に行ったところ同じフロアーの別の部署の人ですが5人も出勤していました。
聞いたところ、連休に入ってから毎日出勤しているとのことでした。

私の場合は、ただ単に仕事が遅いので挽回する為に出勤しただけですが、彼らはちょうど仕事のピークのようで、連休明けの業務に間に合わせる為に山のようなデータの処理をしていました。

お疲れ様でした。
posted by 京極恭輔 at 22:24 | 上海 ☀ | Comment(0) | TrackBack(0) | blog小技

2004年10月16日

埋め込みe-Words

皆さんもうご存知かと思いますがこんなのを見つけました。
その名は埋め込みe-Wordsです。
以下のようなものです。
「埋め込みe-Words」は、あなたのWebページに関連するIT用語リストを表示するプラグインです。埋め込まれたページに含まれるIT用語の一覧を表示します。各項目をクリックすると、対応するe-Wordsの解説ページを参照できます。

私のようにIT用語音痴には非常に便利ですね。
左サイドバーの最下段に付けてみましたが、意識していなくとも私の記事の中でもITに関連する用語を使っていました。
方法は至って簡単、下記コードを埋め込みたい場所に貼り付けるだけです。
有り難く使わせていただきます。
埋め込みe-Words<script type="text/javascript" src="http://e-words.jp/embed.x"></script>

*<>は実際は半角です。

posted by 京極恭輔 at 22:05 | 上海 ☀ | Comment(2) | TrackBack(1) | blog小技

2004年09月11日

シンプル3カラム(サイズ可変)!?

えびすさんのシンプル3カラム(固定幅)をお借りしたのですが、私のBlog特有の問題(素人なのに色々と弄ってますので)から右サイドバーが落ちてしまい綺麗に表示されなかったのですが、な、なんと、えびすさんが態々シンプル3カラム(サイズ可変)テンプレートを作ってくれました。
色々とアドバイスをいただいた上に、このご親切、大感激です。
綺麗な3カラムが表示されました。(現在はカテゴリページに適用しています。)
posted by 京極恭輔 at 17:09 | 上海 ☔ | Comment(0) | TrackBack(0) | blog小技

2004年09月10日

Blog微調整

お気づきでしょうか?
エントリータイトル背景に画像を使ったり色合いを変えたりして微調整してみました。
爽やかな感じになったのではないかと自画自賛しております。
未だ完成しておりませんが、カテゴリーページではえびすさんのシンプル3カラムを使用させてもらいました。
えびすさん曰く、微調整中ですが、落ちつた色合いで良い感じです。
posted by 京極恭輔 at 14:47 | 上海 ☁ | Comment(0) | TrackBack(0) | blog小技

2004年09月01日

コメントのツリー表示

コメントのツリー化がしたくて色々挑戦していたのですが出来ず悶々としておりました。
諦め掛けていたところseesaaでコメントをツリー表示しているblogを発見し質問してみました。
blueさんが教えてくれました。有り難う御座いました。
良く見れば良かったんですね、失礼致しました。

コメントのツリー表示テンプレート管理→テンプレート一覧のコンテンツ[追加/変更]→最近のコメント、最近のトラックバックの設定を選択し表示形式をノーマルからツリーに変更。



posted by 京極恭輔 at 22:31 | 上海 ☁ | Comment(2) | TrackBack(1) | blog小技

2004年08月11日

「瞬!ワード」を貼り付けてみた。

@niftyの「瞬!ワード」を貼り付けてみました。
カウンターの下にあります。
「瞬!ワード」は、検索キーワードをリアルタイムで集計、急激に検索回数が増えているキーワード&サイトをピックアップ、ランキング表示するものです。

以下のscriptを貼り付けるだけです。
<script language="JavaScript" src="http://www.nifty.com/search/s_form/
js/s_form_shun.js"></script>

私のように人々の趣向や動向に疎い人間には気楽に見れていいですね。
posted by 京極恭輔 at 00:05 | 上海 ☀ | Comment(8) | TrackBack(2) | blog小技

2004年08月09日

JUGEPi! BBS設置完了

おたけさんにアドバイスをいただきJUGEPi BBSの設置に成功しました。
おたけさん、有り難う御座いました。

下記の通り赤字部分を追記しました。
<script type="text/javascript" language="javascript" src="http://pi.jugem.jp/bbs_read.php? url=http://xxxx.seesaa.net/&bbsid=xxxx" charset="euc-jp"></script>


posted by 京極恭輔 at 10:39 | 上海 | Comment(4) | TrackBack(0) | blog小技

2004年08月08日

JUGEPi!のBBSが設置できない!

aynim.orgが管理しているミニ掲示板を使用させてもらっていたんですが、何故か最近アクセス出来なくなった為、JUGEPi!のBBSをお借りしようと思ったのですが上手く設置できません。

以下のように貼り付けたんですが....。(旧バージョンじゃないんですけど)
リファラが取得出来ません:
今お使いのコードは旧バージョンです。あなたが管理者の場合、作成しなおしてください


<script type="text/javascript" language="javascript" src="http://pi.jugem.jp/bbs_read.php? url=http://xxxx.seesaa.net/bbsid=8502" charset="euc-jp"></script>

ん〜、何故だろう???
posted by 京極恭輔 at 21:46 | 上海 | Comment(3) | TrackBack(0) | blog小技

2004年08月07日

コメントのツリー化−−失敗

以前からコメントのツリー化をしてみたいと思っています。
くくさんののっぺりブログに「ブログ人のコメントをツリー化」する記事がありましたので、これを倣いトライしてみました。くくさん有り難う御座います。

1,comtree.jsとツリー画像をファイルマネージャーでアップロード
2,コンテンツの追加(自由形式)−−場所は右サイドバーの最後(100)
3,1,でアップロードしたファイルのURLを反映させたscriptを「自由入力欄」に記載。

残念ながら何の変化も無しでした。
seesaaでコメントをツリー化しているblogの有無も検索してみましたが、残念ながら見つかりませんでした。
何処が間違っているんだろう?ん〜、難敵だ!

この方法はseesaaでは出来ないのかな?
posted by 京極恭輔 at 13:19 | 上海 | Comment(2) | TrackBack(0) | blog小技

2004年08月01日

seesaaでのこうさぎ設置方法

部分的にどう指定するのかよく分からず、こうさぎに投稿して貰えなかったんですが、困った時のベタ辞典さんのところに捜し求めていた記事がありました。その通り設置したらこうさぎが投稿してくれました。
こうさぎの設置方法を覚書として記しておきます。

<こうさぎの設置設定@>は分かると思いますので<こうさぎの設置設定A>について記します。
■Blogのmt-xmlrpc.cgiのURL
 https://blog.seesaa.jp/rpc/
■BlogID
 サインインしてマイブログを表示させると「あなたのブログ一覧」の下にブログの名前がありますので、ここにポインターを重ねるとURLが現れます。最後の方にblog_id=「数字」が記載されています。この数値が「BlogID」です。
■MTのユーザーIDとパスワード
 自分のblogのユーザーIDとパスワードです。
■Blogの文字コード
 Shift-JIS

これで、あなたのblogにもこうさぎが記事を投稿してくれます。


posted by 京極恭輔 at 12:15 | 上海 🌁 | Comment(0) | TrackBack(0) | blog小技

2004年07月28日

真似っこ!

blogscapeに投稿されていたKOuさんの記事絵葉書風エントリが余りにもカッコ良いので早速真似させてもらいました。KOuさんの記事って宝の山ですね。
写真はLa Bohemeさんからお借りしました。有り難う御座います。

耳を澄ますと波音が聞こえ潮の香りが心地良く目覚めさせてくれます。




posted by 京極恭輔 at 00:46 | 上海 | Comment(2) | TrackBack(0) | blog小技

2004年07月25日

文字色の変更

恥ずかしながら、投稿記事の一部の文字色の変更方法が今まで分かりませんでした。従って、強調したい部分は、いつもboldにしていました。(調べれば直ぐ分かるんですね...。)
以下の様に文字色を変更したい部分(■)を括ればいいんですね。

<font color="#FF3300">■</font>*<>は半角

ははっ!面白いな。
色々な色が使えますね。
色々な色が使えますね。
色々な色が使えますね。
色々な色が使えますね。
色々な色が使えますね。
posted by 京極恭輔 at 16:18 | 上海 | Comment(0) | TrackBack(0) | blog小技

SeesaaのCSS、Class定義一覧

すばらしいので皆さんに紹介しちゃいます。KOuさんがblogscapeの■Seesaa専用総合質問フォーラムの中で纏めてくれたものです。
私のような初心者には、非常に便利に使えます。
posted by 京極恭輔 at 14:40 | 上海 🌁 | Comment(5) | TrackBack(0) | blog小技

2004年07月24日

googleの検索窓を付けてみた。

BLOGNAVIの検索窓を付けていたのですがロゴの色合いや幅が私のサイトに合わないため代わりになるものを探していました。いかんともしがたいさんの記事で見つけたgoogleの検索窓設置方法を倣ってみました。
いかんともしがたいさん有り難う御座いました。
でっ、機能はするんですが、文字が異常に大きくなってしまいました。CSSも弄って見たのですが今のところ修正出来ません。
ん〜何でだろう?
*追記 <div style="font-size:12px;">で解決しました。
因みにgoogleのロゴも貼り付けたのですが、何故か紫色の枠が付いてしまうため外しました。不思議〜!

自分の覚書として残しておきます。
お気に入りリンク(下)に下記を記載しました。<>は実際は半角です。
<form action="http://www.google.co.jp/search" target="_blank">
<div style="font-size: small;">
<input type="text" name="q" size="15" maxlength="255" value="" />
<input type="hidden" name="hl" value="ja" />
<input type="hidden" name="ie" value="Shift_JIS" />
<input type="hidden" name="oe" value="Shift_JIS" />
<input type="submit" name="btnG" value="検索" /><br />
<input type="radio" name="q" value="" checked="checked" />ウェブ全体から検索<br />
<input type="radio" name="q" value='"seesaa.net"' />seesaa全体から検索<br />
<input type="radio" name="q" value="site:oasis.seesaa.net" />blog内検索<br />
</div></form>



posted by 京極恭輔 at 17:23 | 上海 ☀ | Comment(0) | TrackBack(0) | blog小技

2004年07月21日

トップ画像の共有プロジェクト 成功!

びおびおさんの懇切丁寧なご教示のお陰でトガキューの設定にほぼ成功しました。
テンプレートは、すちゃらかCSS素材集さんのpurpleweblogを借用しているんですが、びおびおさんのアドバイス通り下記の通り設定したところ成功しました。
1,CSSの#banner部分を全てびおびおさんの内容に置き換える。
2,コンテンツ部分がトップ画像と重なってしまう為、CSSの#content内padding-top:XXpx;数値で位置を調整。

コンテンツ部のトップ部枠線が画像の中に入ってしまっているのですが、自分的には大満足です。
*更にびおびおさんからアドバイス有り完璧になりました。
1,CSSの#contentからpadding-top:80px;を削除。
2,CSSの#contentにmargin-top:100px;を追加。
3,CSSの.blogにpadding-top:10px;を追加。


実地でトライアル迄して教えて下さったびおびおさん、本当に有り難う御座いました。
posted by 京極恭輔 at 23:28 | 上海 | Comment(4) | TrackBack(0) | blog小技

ClipLink他を付けました。

トガキューについては上手くいっていないんですが、こっちは上手くいきました。KOuさんのscriptをそのまま使わせて貰っただけですが...。
初心者の私にも簡単に出来る程詳しく記載されています。
KOuさん有難う御座いました。
以下概略を引用しておきます。
■概要
エントリの最後に付くエントリフッタに3つの機能を追加し、
blogを見てくれる人がもっと便利になります。seesaa専用。

ロ1clickで記事をclipできるようになる「ClipLink
ロ1clickでBulkfeedsを使った類似記事検索「サマリサーチ」
ロ1clickでページTOPに飛ぶ「TOPに戻るボタン」

posted by 京極恭輔 at 19:36 | 上海 | Comment(4) | TrackBack(0) | blog小技

トップ画像の共有プロジェクトに参加?その2

色々弄ってみたもののとんでもないことになってしまったりして画像の中にタイトルも入りません。
体裁を整えるために右下角のxを無くしてトガキューのバナーにしてみました。
ん〜、難しいな!
寝ようをっと。
posted by 京極恭輔 at 01:09 | 上海 | Comment(0) | TrackBack(0) | blog小技

2004年07月20日

トップ画像の共有プロジェクトに参加?

トップ画像の共有プロジェクトに参加したくてblogscapeで色々な方に教わりながらトライしているのですがご覧の通り未だ上手くいっていません。
タイトルは画像の中に入っていませんし、右下角にはx印が出ています。
色々な人に教えてもらったので後々見やすいように下記に残しておきます。初心者に毛が生え始めたばかりの私にとっては時間が掛かりそうですが一歩つづ歩いていこうと思います。
皆さん、有り難う御座います。
Catkickさん その1その2その3biobioさんwakadannnaさん
posted by 京極恭輔 at 00:29 | 上海 | Comment(0) | TrackBack(0) | blog小技

2004年07月06日

スクロールバーの色を変更

ありきたりではありますが、スクロールバーの色を変更してみました。
覚書を残しておきます。
CSSを弄りました。(太字部分を追加)

body {
margin:0px;
background:#e5e5f7;
color: #003366;
scrollbar-face-color: #e5e5f7;
scrollbar-arrow-color: #666699;
scrollbar-highlight-color: #666699;
scrollbar-shadow-color: #666699;
scrollbar-base-color: #e5e5f7;
scrollbar-3dlight-color: #e5e5f7;
scrollbar-darkshadow-color: #666699;

}


posted by 京極恭輔 at 23:01 | 上海 ☔ | Comment(0) | TrackBack(0) | blog小技

purpleweblogカレンダー部 外枠線

すちゃらかCSS素材集さんからpurpleweblogと言うテンプレートをお借りし使用しております。
元々の設定はカレンダー部の外枠線無しなんです。ここに他の部分と同様に外枠線を表示したいと思い、すちゃらかQ&A掲示板に質問したところ早速kurouさんからの投稿があり、無事表示出来ました。
kurouさん有難う御座いました。

一応自分のための覚書を下記しておきます。
#calendar table {
width:100%;
}

ここの部分に

#calendar table {
width:100%; BORDER: #666699 2px solid;
}

と追加する。

posted by 京極恭輔 at 20:59 | 上海 ☁ | Comment(0) | TrackBack(0) | blog小技

2004年06月27日

ミニ掲示板を設置しました。

新バージョンへの移行も何とか形になってきたので念願のミニ掲示板を設置しました。
右サイドバーにあるアクセスカンターの下にあります。気軽に一言残していって下さい。宜しくお願いします。
参考にさせていただいたのは日々是ブログさんの記事です。
管理しているのはaynim.orgさんです。

まずはここから登録します。メールアドレスを記入したら「内容確認」をクリック。
パスワードが書かれたメールが送信されてきます。
ここにメールアドレスとパスワードを記入して「GET!!」をクリックするとMEMOコードとWINDOWコードが表示されます。(私はこのWINDOWコードをどのように使用するのか分かりませんが。)
サイドバーの設置したい場所にこのコードをコピーすれば終了です。
私にも出来ましたのでどなたでも簡単に設置できると思います。
posted by 京極恭輔 at 21:28 | 上海 🌁 | Comment(15) | TrackBack(0) | blog小技

2004年05月09日

BLOGNAVI SEARCHを付けました。

皆さんは既にご存知かもしれませんが、ネットをフラフラしていたらこんなのがありました。
キーワード検索が出来るBLOGNAVI SEARCHです。
自分のBlog内とこのサイトに登録しているサイト、それぞれからキーワード検索が出来ます。
procfeed(左サイドバーの下方)の下に付けました。
ロゴ文字の色が、いまいちこのサイトには、マッチしていないかな...。
posted by 京極恭輔 at 12:04 | 上海 🌁 | Comment(0) | TrackBack(0) | blog小技

2004年05月04日

procfeedを貼り付けました。

NDO::Weblogのnaoyaさんが始めた『procfeed - Blog/ニュースヘッドライン貼り付けサービス』を貼り付けてみました。
デザイン、大きさ、出力文字コードなどは自由に設定できます。
素晴らしいの一言です。しかもこれだけの優れものを趣味でやっている、の一言で片付けてしまうところが、またなんとも奥ゆかしい。
naoyaさん有難う御座います。

因みに私は左サイドバーの最下部に「SeesaaBLOGの最新記事一覧」を貼り付けました。

ところで、私のパソコン或いは環境のせいだと思うのですが、設定画面でデザインや大きさの調整をしてプレビューで確認出来る筈なんですがスクリプトエラーになりプレビューも見れず貼り付け用のコードはオリジナルと変わりません。

コードを見ながら一部の大きさは変更出来たのですが、色は「%23fc6」という表現になっており素人の私には私が設定したい6桁のコードをどう変換したらいいのか分からず、取り敢えずオリジナルのままとしました。

又改めて私のサイトの色に合うように変更したいと思います。
posted by 京極恭輔 at 02:02 | 上海 ☔ | Comment(10) | TrackBack(2) | blog小技

2004年05月02日

テキストが画像を回りこむようにする。その2

カプチーノ
先程のは失敗に終わりました。今回は上手く行くでしょうか?
やはり先人のやり方をそのまま踏襲する方が確実なようですね。良い方法が有ったと思ってトラックバックまでしちゃったんですが...。
上手く行くだろうとの前提に自分の覚書として方法を記しておきます。

1,CSS span.left{float:left;}を適当な場所に追記。

2,upする画像のスクリプトを<span class="left"></span>で括る。

武士(MONONOFU)さん、有難う御座いました。
posted by 京極恭輔 at 05:11 | 上海 🌁 | Comment(2) | TrackBack(3) | blog小技

テキストが画像を回り込むようにする。

カプチーノ
この方法は失敗でした。色々なサイトを見たりしたのですが、CSSで制御する方法と画像貼り付けと一緒にタグで制御する方法があるんですね。毎回テキストを回り込ませたいとは限らない為、CSSへの追記は止めて画像貼り付けと一緒にタグを書き込む方法でトライしてみました。


<table border="0"><tr><td class="pic">
<img src="xxxx.jpg"align="left">
</td></tr></table>
*1 align="left"は画像を左に固定
*2<>は実際には半角を使用

果たして上手くいくでしょうか?
若干方法が違いますが日々の雑感さんと武士(MONONOFU)さんのサイトを参考にさせていただきました。
posted by 京極恭輔 at 04:01 | 上海 🌁 | Comment(0) | TrackBack(0) | blog小技

2004年05月01日

写真風写真!?

よく参考にさせていただいている日々是ブログさんの記事をそのまま参考にさせていただいて試してみました。
画像を写真風に見せる工夫なんですが私は写真を使ってやってみました。
如何でしょう?

カプチーノ


自分の覚書の為に、その方法を記しておきます。

1,CSSへの追記
 .pic {
 border-top: solid 1px silver;
 border-left: solid 1px silver;
 border-bottom: solid 2px gray;
 border-right: solid 2px gray;
 background-color: white;
 padding: 6px;
 }
2,記事にupする際の例
 <table border="0"><tr><td class="pic">
 <img src="xxxx.jpg">
 </td></tr></table>
 *<>は実際には半角を使用


日々是ブログさん、そのまま使わせていただきました。
有難う御座いました。
posted by 京極恭輔 at 05:09 | 上海 ☔ | Comment(5) | TrackBack(1) | blog小技

2004年04月05日

MyClipにスクロールバーをつける。

これも参考にさせていただいたのはKEROPPYの本棚です。
要領はMyblogListの時と同様です。下記タグをリンク集のメモ欄に記載します。

<div class="myclip">
(<script language="javascript" type="text/javascript" src="http://clipdata.myblog.jp/list/js?code=xxxxxxxx"></script>)*括弧内はMyClipで生成したjavascript
</div>
<style TYPE="text/css">
<!--.myclip { overflow: auto; height: 250px; } -->
</style>


私の場合、MyblogListは文字コードをEUC_JPで固定していましたが、MyClipは何故か固定していなかったのでとりあえず固定しませんでしたが、文字化けは起きていないので今のところ大丈夫なようです。

あ、それとこのままだとスクロールバー内と外にバナーがダブってしまうので前提対策としてMyClipの表示設定でバナーではなく「by MyClip」を選択しました。

ところで、この下の記事ですが記事本文の幅が広がって可笑しくなっていますね。この記事もそうなのかな?
原因はなんなんだろう?

posted by 京極恭輔 at 03:47 | 上海 | Comment(2) | TrackBack(0) | blog小技

MyblogListにスクロールバーをつける。

見つかる時は纏めて見つかるんですね。
KOROPPYの本棚昨日の出来事と辿り着きました。
seesaaはhtmlは弄れないので駄目かなと思ったのですが、リンク集のメモ欄にお二方の記事を参考に下記タグを記載したら何とスクロールバーが表示されました。
*何故かこの記事だけblockquoteで枠で囲むと記事本文の幅が広がってしまい原因が分からない為、枠で囲むのを止めました。

<div class="mybloglist">
(<script language="javascript" type="text/javascript" src="http://list.myblog.jp/list/js?code=xxxxxxxx" charset="EUC-JP"></script>)*括弧内はMybloglistで生成したjavascript
</div>
<style TYPE="text/css">
<!--.mybloglist { overflow: auto; height: 250px; } -->
</style>
posted by 京極恭輔 at 03:16 | 上海 | Comment(0) | TrackBack(3) | blog小技

BlogpeopleのLink Listにスクロールバーをつける。

BlogpeopleLink Listが長くなってきたので前から良い方法が無いかなと思っていました。
何気なく巡回していたらThe Electlic WombMerry Style BlogsPIROBLOGと辿り着きました。これらの記事を参考にさせていただき何と下記1行をCSSに追加しただけでスクロールバーがつきました。

.blogpeople-main { overflow: auto; height: 250px; }


これによりheightが250pxを越えると自動的にスクロールバーが表示されるんですね。

この後、2件記事を続けて投稿します。
全て先人の方法を参考にさせていただいているだけですがMybloglistとMyclipにもスクロールバーを付けましたので自分の為のメモ書きとの意味合いも含め書いておきます。
posted by 京極恭輔 at 02:52 | 上海 | Comment(4) | TrackBack(1) | blog小技

2004年03月30日

CSSにblockquoteの表示を設定しました。

こういうのを灯台下暗しって言うんですかね。
色々と見ていたらseesaaのスタイルシートに関して紹介している公式サイトのStyle Sheetsに説明がありました。

記事を書く際にHTMLタグを使用する場合(例えば引用のタグ<BLOCKQUOTE>)は、CSSファイルに新たにセレクタ名を追加するようにして下さい。
例:
blockquote {
margin:10px;
border-left:solid 2px #CCCCCC;
padding:5px;
width:auto;
}


私はこれを参考にしてCSSに下記を追加しました。

blockquote {
background:#FFFFFF;
border:dotted 1px #4C90BF;
margin:5px;
padding:2px;
}

「width」は記載せずに「margin」で幅を制御しようとの素人考えですが、しっかり表示されるでしょうか?
と、ここまで書いて気になったのですが、CSSでblockquoteの表示(引用文を枠で囲む)を設定していなかった時に記載した引用文の表示に影響はないのかな?

追記:やっぱり影響ありました。3月27日に投稿した「BLOCKQUOTE使えるのかな?」の記事の下に変な枠が出来ていました。記念に?このままにしておきます。
posted by 京極恭輔 at 21:02 | 上海 | Comment(0) | TrackBack(0) | blog小技

2004年03月27日

懲りもせずに3カラムに挑戦 追記

コメントページがサイドバーと重なってしまっている為、下記設定を追加しました。

#comments {
z-index: 3;
padding: 10px;
background: #DCDCDC;
margin-right:195px;
margin-left: 175px;
margin-bottom:20px;
}

#trackback {
z-index: 3;
padding: 10px;
background: #DCDCDC;
margin-right:195px;
margin-left: 175px;
margin-bottom:20px;
}

今までに何度もCSSを弄っているのですが、何処を何故弄ったのか全く記録を残しておらず、何をしたらどうなったのかは頼りない自分の記憶だよりになっていたので、メモ書きとして残すことにしました。
多分、又色々なものをベースに弄りたくなると思うので次回からは効率的に出来るようになるのかなと思っています。
いずれにしても、自己流の域は出ないのですが...。
後は肝心の内容ですかね。いつ自己満足の域を脱することが出来るか?
と言いながら図図しくも公開しちゃってるんですけど。
posted by 京極恭輔 at 04:18 | 上海 | Comment(0) | TrackBack(0) | blog小技

懲りもせずに3カラムに挑戦

何と言うか、文字通り懲りもせずに3カラムに挑戦しちゃいました。
BlogstylesのフリーのCSS(3カラム)を借用しました。
やったことは
1,#llinksを#links-leftに変更
2,本文の幅が狭いので、#contentの設定を調整。
  margin-right:195px;
  margin-left: 175px;
  *オリジナルの設定は忘れました。
3,本文の行間が狭いので
 .blogbody, .commentsbody, .trackback-bodyの設定調整。
 line-height:14px;→line-height:150%;
4,サイドバーの行間が狭いので.sideの設定を調整。
 line-height:14px;→line-height:140%;
5,サイドバータイトル下の隙間が少ないので.sidetitleの設定  を調整。
 line-height:14px;→line-height:150%;
6,各部分の文字大きさを適宜調整。

未だ、リンクの色等細部の調整は必要ですが上記のみの調整でこんな感じになりました。
posted by 京極恭輔 at 03:36 | 上海 | Comment(0) | TrackBack(0) | blog小技

2004年03月22日

再度3カラムに挑戦

movabletype Default Stylesのplain janeをベースに3カラムに挑戦してみました。
文字色や左右サイドバーの幅、間隔等細部が未だ整っていませんが今日はここまでにしておきます。
なかなか、これだっ!とのイメージにはなりませんね。
posted by 京極恭輔 at 01:51 | 上海 🌁 | Comment(0) | TrackBack(0) | blog小技

2004年03月20日

up↑マークが表示できました

up↑が表示出来ました。
Candyさん色々お世話になりました。有難う御座いました。
Blogpeopleのリンクリストが更新された時に、そのリンクに画像を付けて表示しようとし、どうやっても出来ずにいたのですがBlogpeopleさんからの下記回答で私が採用していたselectタグ(プルダウン方式のことだと思います。)では画像を表示出来ないことが分かりました。
Blogpeopleさんからの回答は「表示形式にselectタグをご利用のようですが残念ながら、現状では、<select>タグ内でのグラフィックスの利用は標準のHTMLではできません。スタイルシートを使うやり方があるのですが、この場合Netscape系では問題なく画像を表示させることができるのですが、IE系では表示しません。」でした。
そこで、Blogpeopleの設定を<div>形式に変更し、このblogにupした画像のurlをリンクさせたら表示できました。
簡単なことなんでしょうが、素人の私にとっては大感激物です。
因みに、<select>タグをコメント欄に半角で記載すると不具合が起きます。
コメント欄に<select>を含んだ文章を記載し「書き込」をクリックし内容確認後に「登録」をクリックしようとしたところ、左右のサイドバーが中央に重なってしまい「登録」をクリック出来なくなりました。
ヒョットして、こういうのって常識だったりして...。
posted by 京極恭輔 at 22:22 | 上海 ☔ | Comment(6) | TrackBack(0) | blog小技

直りました

当たり前の事なんでしょうが、#content及び#containerと同一内容の設定を#comments及び#trackbackに適用したら直りました。
ところで、CSSローカル確認方法では、コメントとトラックバックの表示は出来ないんですね。
というか、#content及び#containerと同一の設定にすれば良いので見れる必要はないと言う事なんですね。
又一つ勉強になりました。
posted by 京極恭輔 at 01:36 | 上海 | Comment(0) | TrackBack(0) | blog小技

ありゃ、不完全だった!

コメントとトラックバックを表示させると左のサイドバーが被ってしまいます。
ありゃりゃ、直さなきゃ。
こんな時はやはりCSSローカル確認方法が便利ですね。
posted by 京極恭輔 at 01:04 | 上海 | Comment(0) | TrackBack(0) | blog小技

3カラムに挑戦しました

s.tamo StyleさんのできるだけわかりやすくしてみましたとZUBATTO LOGさんのCSSローカル確認方法を参考させていただき、3カラムに挑戦してみました。
この2つの記事は私のような素人にも良く分かるように書かれおり、とても助かりました。
デザインはまだいまいちですが、これで何処をどう変えるとどうなるのか随分分かるようになりました。
お二方、どうも有難う御座いました。今後の記事にも期待してます。
posted by 京極恭輔 at 00:46 | 上海 | Comment(0) | TrackBack(1) | blog小技

2004年03月08日

不具合が直りません、ん〜

一日中色々と試してみましたが、コメント及びトラックバックを表示させると右のサイドバーが重なってしまう不具合が直りません。
何処が悪いんだろう?
何処かに解決方法が出ていないかと思い、様々なサイトを見たんですけどね。初心者にとっては非常に難しいですね。
posted by 京極恭輔 at 02:22 | 上海 | Comment(0) | TrackBack(0) | blog小技

2004年03月06日

スキンを変更しました。

すちゃらかCSS素材集にあるsimpleblueBlueRobotのテンプレートを活用させて貰ってスキンを変更しました。
まだ、不具合はありますが自分のイメージに近いものになりそうです。ななせ♪さん、有難う。
posted by 京極恭輔 at 01:44 | 上海 | Comment(0) | TrackBack(0) | blog小技

2004年02月14日

また変えました。

style sheetをまた変えてみました。しっくり来ません。出かけなければならないので、取りあえずコレにしておきます。
posted by 京極恭輔 at 10:45 | 上海 🌁 | Comment(0) | TrackBack(0) | blog小技

驚いた!

驚きました。色々なblogを参考にさせて貰おうと思って偶々movabletypeのサイトを見ていたら、なんとstyle sheetのサンプルが7種類あるんです。コピーしたらどうなるのかと思いやってみたら、ななななななんとサンプルと殆ど同じイメージのblogが出来上がりました。
文字の色やスクロールバーを変更したのがこれです。邪道ですしひょっとすると著作権違反になるのかな?(movabletypeの当該ページに特に記載はありませんでしたが...。)
取りあえずコレを基に改造していこうと思います。
私は驚きましたがseesaaを使用している人の間では既に知れ渡っている話しなんですかね?
posted by 京極恭輔 at 03:38 | 上海 🌁 | Comment(1) | TrackBack(0) | blog小技

2004年02月12日

スクロールバー変更

Candyさんの記事を参考に(というか変えたのは色だけ)スクロールバーを変更してみました。Candyさん、Thanks.
色合いが思い描くイメージ通りにはなっていませんが今日はここまでにします。ところで、CandyさんのCSSには何故下記記載が入っているのでしょうかね。
background-position:left top:
なんとなくレイアウトが変わった気がします。
CSSが良く分からなくて、なかなかblogの改造が進みませんが徐々にやっていきます。
今日も面白いサイトの紹介が出来なかった....。
posted by 京極恭輔 at 02:32 | 上海 | Comment(1) | TrackBack(0) | blog小技

2004年02月11日

Blog改造

とほほ...。Blogの改造がしたくて色々な人の記事を見ながら約4時間奮闘。あの記事にこう書いてあるんだから、こうすればああなるんだろう...ならない。
簡単なところでは、右のサイドバーが画面からはみ出しているので、このはみ出しをなおそうとしたのですが、サイドバーと本文の隙間が開いてしまっただけ...。何で?
明日(今日?)の労働に差し支えるので寝ます。ん〜。
posted by 京極恭輔 at 02:11 | 上海 🌁 | Comment(5) | TrackBack(0) | blog小技

2004年02月08日

遅ればせながらカウンターつけました。

未だ動作確認は出来ていませんが、アクセスカウンターをつけました。seesaa BLOGでカウンターをつけている人を探していたんですが見つからず、偶々livedoor Blogにカウウンターをつけたuauさんの記事を見て参考にさせていただきました。uauさん有難う。uauさんのサイト

1,XREA.COMにいき登録する。(無料)
2,タグが登録したメールアドレスに送信されてくる。
3,このタグを「新しいリンクグループ」のメモ欄に貼る。
4,右のサイドバーにカウンターが表示されます。
本当はサブタイトルの下に入れたかったのですが、その下の記事の日付と重なってしまい私の知識ではどうにもならず上記のようにしました。
posted by 京極恭輔 at 22:27 | 上海 | Comment(3) | TrackBack(0) | blog小技
×

この広告は180日以上新しい記事の投稿がないブログに表示されております。