月別表示をスマートに♪

ってことで、ホントにおひさのこのカテゴリー(笑)

まぁ、CSSも、HTMLもほぼ自由にカスタマイズできるSo-net blogになりましたので、
他の方々のお知恵を拝借しての、今回。

まぁ、要は、いままでは、カレンダー下部に年度毎に月別のリンクがあったのだけれど
以前の大改修で、別になったのさ、ってな記事がコレ。

で、かなーり前...
にチヨロギさんのところで見かけた記事を拝借して、スマートに表示しようじゃないか！
ってのが、今回の記事(笑)

で、詳細は上のチヨロギさんにおまかせして、
じゃぁ、結局ドコをどう変えたのさ？

ってのは、以下。

１．まず、表示
管理ページから、「デザイン」→「レイアウト」を選択
左脇の「サイドコンテンツ」内から「月別表示」をコンテンツ配置内にドラッグ
ここで、一旦、「設定を保存する」ボタンをクリック。

２．編集ページにGO!
ドラッグした「月別表示」をクリックすると別のウィンドウが開くので、
開いたら右上にある「コンテンツHTML編集」をクリック

３．さぁ、編集開始！
以下は、Necoが設定している内容です。
全部コピーして全部消して、全部ペーストが一番楽(笑)

<script type="text/javascript"> <!-- function jumpmenu(targ,selObj,restore) { eval(targ+".location='"+selObj.options[selObj.selectedIndex].value+"'"); if (restore) selObj.selectedIndex=0; } //--> </script> <div class="sidebar" id="archive"> <h3 class="sidebar-title"><% content.title | html %></h3> <div class="sidebar-body"> <% content.header -%> <center> <form id="archive" name="archive" action=""> <select name="menu" onchange="jumpmenu('parent',this,0)"> <option value="<%url>" selected="selected">月を選択</option> <% loop:list_archives -%> <% if:archives.article_count -%> <option value="/archive/<% archives.createstamp | date_format("%Y%m") %>-1"><% archives.createstamp | date_format("%Y年%m月") %></option> <% /if -%> <% /loop -%> </select> </form> <% content.footer -%> </div> <div class="sidebar-end"></div> </div> </center>


あとは、各画面やら、ウィンドウやらで必ず「保存」ボタン系を押して終了です！

で、自分のブログを見ると、

まぁ、なんてスッキリしたことでしょう♪

ってな感じです。

m(_ _)mm(_ _)mm(_ _)mm(_ _)m
チョー手抜き記事でごめんなさいm(_ _)m

チヨロギさん、紹介してくださってありがとー♪

ぅぅ...orz

この段差...orz

えーーー、単純にヘッダー外だししたんじゃないのかよ...orz

久しぶりにCSS編集でもするか

追記：2007/11/21 19:00
CSS修正しましたー♪
えーっと、Necoが趣味でやっているカスタマイズ記事には、記載してない方法でやっていたので、
あえてのせず(笑)

とりあえず、ヘッダーは外だしされていた。

けどねー
取り込みタイミングが自分のCSSの後にヘッダー用CSSを取り込んでいるので、
改修めんどー。

せめて、ブログの幅と同一であればよいのに...。
げぼにゃー

スキンカスタマイズ(正規(笑))

暫定版UPです。
ってことで、So-netから正式なカスタムスキンのご案内を受けて、イロイロ試していますよ。

しかしねー、他のブログサービスのカスタム方法を見たことがないから、あれ(どれ?)だけど、
なーんか、

「素人お断り！」

的な感じを受けるのはNecoだけかなー。

So-netのカスタムスキンについてのトリセツはココからどーぞ♪

まぁ、そんなウダウダはさておき、とりあえず、変更の方法とか載せておきますね。
で、トラブルはイヤなので、まずは「はじめる前に」を読んでください。

※と、多分、随時追加していくかも。
※この前のタイトル画像差し替えは、3コも記事あって、見にくかったし...σ(＾＾)

■はじめる前に
■カスタムのやり方(一読)
■タイトル画像の差し替え
■記事タイトル帯の変更
■サイドバーの項目の変更
■記事下のリンクの表示位置について(2007/02/03更新)
■全体のリンクの色設定変更(2007/02/03更新)
■カレンダー周りの設定変更(2007/02/26更新)
■nice!とコメントとトラバ欄の設定変更(作成中)

■その他、どーでもよいよーな変更(笑)(作成中)
■今、カスタムしていて、その設定を残したい！って方

続きを読む

カスタムスキンの正式発表きたー！

http://blog.so-net.ne.jp/blog_wn/2007-01-24

ってことで、とりあえず、ベースのみ設定済み...(笑)

※まっしろしろすけですがσ(＾＾)

どーしよーかなー、ガラっと変えてみるか♪

追記：2007/01/30 未明
イロイロ試してます。
途中でよければ、覗けます。ただし、参考にはならないかとσ(＾＾)

CSSカスタムひとまず停止中

してます。

っつか、記事タイトル帯と記事の一行目ってば、こんなに狭かったっけか！？？！？

写真が先頭だと、記事タイトルにべったりなのだけれど...orz

ココとかココ。

とうとうカスタムスキン機能搭載！

とうとう来た。

http://blog.so-net.ne.jp/blog_wn/2006-12-06-2

So-netが公式にカスタムスキンの機能を搭載することを発表しましたねー。

で、この記事読んでいくと

「※12月のメンテナンスでブログを構成するスキンデータの一部入れ替えを行います。入れ替えに伴いまして、現在ご自分でスキンをカスタマイズされているお客さまのブログにつきましては挙動が変わる場合があります。スキンのカスタマイズはSo-net blogのサポート対象外となりますことをあらかじめご了承ください。」

...

...。。。

サポート対象外というだけで、このスキンカスタマイズはやってよいということ？

まぁ、もともとカスタムスキンの構想があれば、ユーザーが独自にやっていても問題ないよ
ということかな？

まぁ、なんにせよ、カスタムベースのスキンがキッチリしているのならば、
ユーザーへの浸透は早いものと思われ...。

...

。。。

そういや、やっぱり、カスタムスキン用の画像は、ブログ内の画像容量に含まれるんだろうなぁ...。

っつか、そういえば、So-netブログってば、まだベータ版だっけか？
正式版の案内みてないよーな(笑)

と、一時期、無条件に広告がついていて、取り下げた広告機能が
復活する予定ですな。
広告機能のON/OFFが付けられるのと広告クリックでポイントが付くことで、
ユーザーに理解を求めているものと思われる。

多分、これは、大丈夫かと。
前の広告表示は、記事本文と同一のフォント、色を使用しているため、
あまりにもユーザーへの配慮がなさすぎたので反感を買ったため。
ここいら辺がクリアされていれば、大丈夫。。。多分(笑)

となると、このカテゴリーの存在がかなーり微妙になってきましたな。
カスタムスキン機能が搭載されれば、質問はすべてSo-netへと集中するしね。
そーするとNecoは楽チンになるなー(笑)

ってことで、これからのSo-netに期待ですな！

ジャンプ(!?)設定

また、久しぶり＜このカテゴリー

で、今回は？

というと、

■「ジャンプ設定」の話し
■「くたばっていた」の話し
■「そろそろ」の話し

続きを読む

スクロールバーの色変更...とか(笑)

ひさーしぶりに。

で、今回は、ブラウザ自体のスクロールバーの変更方法です。

が、能力不足のためできず...orz

あれー？

...。。。

なんでだろう...

まぁ、とりあえず、コメント欄のスクロールバーは変更できました。

<style>
body {
scrollbar-base-color: #000000;
scrollbar-track-color: #333333;
scrollbar-face-color: #000000;
scrollbar-shadow-color: #999999;
scrollbar-darkshadow-color: #555555;
scrollbar-highlight-color: #000000;
scrollbar-3dlight-color: #AAAAAA;
scrollbar-arrow-color: #999999;
}
</style>

どーやら、正規のCSSの読み込み終了後に、置き換えをいままでしていたのだけれど、
スクロールバー(ブラウザ自体の)に関しては、完了しちゃってるのかな？

読み込み順と処理順は不明...。

っつか、上のCSSでできなきゃ、おかしいよ！

...。。。(と、能力不足を棚にあげておきます...げぼにゃー)

※まぁ、おそらく<head>タグ内の読み込み段階でブラウザ周りの処理は完了して、表示してるんだろーなー。
まぁ、用は、置き換えCSSの限界なのかなーと勝手にまとめ(笑)

So-net blogのブログ教室の内容ってば

このカテゴリーにかなーり近いことが...orz
※ココとかココ。

※件のサイトはココ。

やはり、オフィシャルが書くと信頼性とかが無条件でMAX状態だから
みんな、利用するよねー...。

ちょっとげんなり＜謎

※でも、ポラ風のサイトはよいな。
誰しも画像加工できるソフトを持っているわけではないしね♪

ま、誰しも知っているわけではないから、こーゆーのをオフィシャルがやってくれるのはユーザーからすれば、ありがたい。

でも、現時点(2006/09/25 16:00)で間違いが...。
※動作に影響はないと思うけど...。もうちょっと精査してUPしてくれ...。

追記：2006/09/25 18:25
直った。
コメントに残ってしまったよ。
なので、これから見る人は、どう間違っていたかは分かりませぬよ。

ブログタイトルの微調整～

ってことで、カユイところに手が届くレベルのお話し。

皆さんが使用されているスキンによっては、ブログタイトルが左側のヘリに
ぴったり身を寄せている状態のものをあり、びみょーにズラしたいのだけれど
空白(スペース)入れると、RSSとかでの表示が変になるのよーーーー。

っていう質問がチラリホラリ。

今、ちょびっと忙しいのだけれど、SKNYSさんの
「猫にも出来るオリジナル・スキン」
で、記事にされていたので、便乗♪

<style>
#banner h1{margin-left: 10px}←ブログタイトル
#banner .lead{margin-left: 10px}←説明文
</style>

これで、微調整オッケーです！！
10pxの数値の箇所をピコピコ変更してお好みの位置にしてしまいましょー！