SS+ [kenpa_ブログ]
このエントリーを書いている現在、So-net blogのスキンやレイアウトのカスタマイズ機能は有限。
ここ最近サイドバーが拡張されたりスキン数がべらぼうに増え続けたりするも、やはり基本は有限。
どれだけ選択肢があってもSo-net blog userなら似たような体裁のデザインに出会います。
しかしtarさんの記事などを参考にすれば非合法(失礼)ながらも自分色を出すことは可能です。
それには私自身が以前に記したようにリスクも伴いますが魅力もまた然り…
ならばと一番リスクが少なそうな「背景の上書きを…」と思ったのが事の始まり。
元のスキンにのっかりつつ、その枠からなるべくはみ出さないようにするのがコンセプト。
ひとり気分が盛り上がったのでオリジナルを現すのにロゴを作成…
"So-net blog Skin design PLUS"略して"SS+"
*注:So-net blog公式でも認定でもありません
"SS"というと流浪の皆様から迫害を受けそう、でも"+"部分は永世中立をイメージ。
ぶっちゃけ絆創膏みたい。。。
盛り上がり了。
オリジナルスキンっぽいことを実現してみる？してみない？ [kenpa_ブログ]
tarさんの記事「オリジナルスキン(っぽいことを実現する方法) 」【トラックバック先】は危険性を孕みつつもその諸刃の剣の美しさもひとしおな記事でした。◆その後のシステム改変でサイドバーを使うなど以下の記事とは違う回避策もありますが、レイアウト自体を後付け的に弄る＆スキン変更の際の手間やリスクは相変わらずですのでその点は十二分にご注意ください。
私もHTMLタグの使用拡張がなされた時にSTYLEタグの引用を考えました。そこで暫く静観していると実践される方が出てくるかなぁ？と自らの他力本願っぷりを発揮してましたが、広告の消し方以外は出会う事はありませんでした。やはり記事毎にレイアウトが異なる危険性をもつのはユニーバーサルでユーザーフレンドリーなBLOGというお手軽ツールの性格が個の主張に勝った結果かもしれませんね。yahoo blogのレイアウトデザインの簡素さを見てもやはり内容が大きいのだと思います。
そしてtarさんが指摘するようにこの方法でレイアウトを弄るのは記事数が肥大化する一方のBLOGというシステム上、統制をとるのが非常に困難なのも積極的でない一因ですね。もし（次回投稿からの）一部記事のみに適用してレイアウトの混用があれば、来訪者（とくにユニークアクセス）の視点からすれば日常よく使う携帯電話のインターフェイスがあるところで突然変わってしまうようなものでもあるわけで、変化が少なければ誤認も少ないとは思いますが、やはりいろいろな危険性を孕んでそうです。管理者もシステムの変更やスタイルの再変更時には気を使う部分が増えてしまいますしね。私は記事数が３桁の時点で脱落する軟弱者ですので…（笑）
ロゴ追記 [kenpa_ブログ]
以前tarさんの記事から発展した『リンクバナーを設置する』の補足追記。
もう皆さんお気づきだとおもいますが、バナー（orロゴ）のアドレスをこのblogシステム外にすると…
◆blogシステム内の画像しか記事一覧などの縮小画像に表示されない
＝バナーを本文頭に設置してもblogシステムにアップロードした画像が表示される
◆文頭に設置できるようになれば「続きを読む」機能を使う上でも便利
＝「続きを読む」機能のmore/タグ後にバナーをつけるとそのエントリーしか反映されない
などの細かい点が改善？できます。（外部サーバーアクセスという弊害は出ますが…）
もうひとつ注意点は本文頭にバナー系のタグを持ってきた場合、タグの直後に本文を書かないと
改行が反映されてしまう点でしょうか？
ついでにココにはタグを埋め込んでないのでロゴ画像もバナーも出てきません…
この短い文纏めるのに５ヶ月は経っている…（コメント欄参照）
ボンジュ－ル ジャポン？ [kenpa_ブログ]
他事に時間を裂き過ぎてしまいました…今回はSo-net blogの日付システムのお話。
（今更ですが、すでにお気づきの方も多い事ですし…）
…ある時、キリスト生誕ブログでっきるっかな？西暦０年でっきるかな～？
と私の「はてはてふむ～？」が発動いたしました。
が…
システム的に受け付けてもらえず…
それならどこまで遡れるんぢゃいぃと探りを入れますれば、
1999は通過。
擬似サイドバー [kenpa_ブログ]
前回の応用。
参考例
＜div style="width:754px; position:absolute; top:145px; z-index:-1; font-size: 7pt; " align="right">
＜p style="width:202px; background-color:#FFBFD3; margin:0px; ">
F1 TEAM＜/p>
＜p style="width:202px; background-color:#EDEDED; margin:0px; ">
＜A href="http://www.ferrariworld.com/"target="_blank"＞Ferrari World＜/A>＜br>
＜A href="http://www.barf1.com/"target="_blank"＞BARｆ１.com＜/A>＜br>
…中略…
＜/p>＜/div>
注）参考例中の＜は全角入力です、コピーの場合は半角に打ち直してください
（私には？）スライドバーをどうしても消せなかった…
試行結果：純正より優るもの無し。
【05/02/18 追記】
ブラウザ等使用環境下での表示の違いを埋めるべく設定見直し。
参考例１行目＜div style"text-align:right;"＞を＜div align="right"＞に変更。
しかしWIN+Firefoxで『MOTORCYCLE COMPANY』の上に1pxの背景色が出現。（つまり空間）
依然不明。。。あとMac環境も不明、ゴメンナサイ…
情報を提供していただいた『かのんさん、しんたろさん、yocchanさん』に「Special thanks!!」
勉強、勉強、又勉強です。。。
【03/02/20 さらに追記】
tarさんからの指摘を元に１行目divタグ内に＜z-index:-1;＞を追加。
これにより本文以下部分のリンクに順応。しかしながらエントリータイトル部分より上部にボックスを配置するとボックスと重複する部分はリンクが機能しない問題は修整されず。（ブログタイトルやトップ・使い方・Q&Aへのリンクも同様。本文部分始点基準高より高められず…）
よって配置をtop:130px;から:145px;に変更。
無駄に羅列していたpタグ内の＜font-size: 7pt;＞をdivタグ内へと移行。
『tarさん、しんたろさん』に「Special thanks!!」
CSSとHTMLタグの微妙な差も実感できました、ありがとうございます。
リンクバナーを設置する [kenpa_ブログ]
tarさんのblog記事「ロゴ画像のつけ方」【トラックバック先】は刺激された方も多いと思う。
各いう私も興味深いと思いアレやコレやと詮索、リンクバナー置き場としてみました。
参考例
＜DIV style="width: 545px; text-align: right; position:absolute; top:90px;">
＜A href="http://www.yoshii-lovinson.com/" target="_blank">
＜img src="/blog/_images/blog/princess-works/3879.gif" border="0"/>＜/A>
＜A href="http://blog.so-net.ne.jp/princess-works/2004-12-03">
＜img src="/blog/_images/blog/princess-works/4744.gif" border="0"/>＜/A>＜/DIV>
注）参考例中の＜は全角入力です、コピーの場合は半角に打ち直してください
バナー以外にも応用例は多い事でしょう。
ただ２月９日にメンテナンスによる機能追加で「続きを見る」機能が追加されるとどうなるか…
『What's new?』より【予告】2月9日 15:00-17:00 メンテナンスの為、サービスを停止します。
特にタグを文末に置く場合…
…しかしこんなところで一旦は諦めたCSSの勉強をするハメになるとは…阿呆だ＞私…
【05/02/10 追記】
「続きを見る」機能の追加は１４日に持越しされました。。。
それとトラックバックを頂いたMyCometG3さんの記事でのコメント【トラックバック先】を考慮した結果、タグの一部を変更しました。＜H1＞を＜P＞に＜DIV＞も可。勉強になりました、まだまだ未熟ですね。
【05/02/18 さらに追記】
＜P＞タグではブラウザ間の表示の違いが出ることから＜DIV＞に変更。
（WIN＋IEの場合と＋Firefoxで表示位置に差が出たのを検証した結果）
改良された「簡単トラックバック」を試す 【ブログ使い方】 [kenpa_ブログ]
モデルケースとして長文で本文中にリンクがあるものを選んだ。画像のある記事を『簡単トラックバック』すると画像は表示されない＝蹴られるようだ。以降の考察は「表示結果を確認しながら編集する入力」を使用では文頭に新たな文章を入れようとすると斜体が外れないので、不本意ながら文末に記す。
あれれ？センター配置？ [kenpa_ブログ]
8文字以上のニックネーム問題 [kenpa_ブログ]
2005/02現在、問題解決へ向け前進（表示字数拡張、しかし全肯定ではない）
■algoritmoさんのブログ記事「IDが８文字を超えると」【トラックバック先】から
ニックネームが８文字以上になるとシステム的に省略されて語尾が「..」になってしまう問題。詳しいことはalgoritmoさんの記事を見ていただくとして、So-netさん、いくらなんでも本人のblogのプロフィールページまで見に行かなければ正式なニックネームの判断がつかないのは大問題だと思います。本当はどこでも全部表示されるようにされるのが筋ですけど（nice!のアイコンの下にあまりスペースがないとかの事情も解りますが…）本人のブログですらサイドバーのプロフィールも省略、コメントの欄にも正式なニックネームが載らないのは行き過ぎだと思います。
ニックネームを８文字以上に設定された方への早期の改善・救済措置を期待して、陰ながら応援させていただきます。
改行＝Shift＋Enter・段落＝Enter 【ブログ要望 ブログ使い方】 [kenpa_ブログ]
So-netさん、もう一ヶ月になりそうなので、
「使い方」のページ １．基本的な使い方＞１－２記事の投稿＞本文編集機能の使い方に
「表示結果を確認しながら編集する入力」の場合
Shift＋Enterキーで「改行」（一行ごと）
Enterキーのみでは「段落」（二行ごと/一行空ける）
の様な注意書きを記してください。結構戸惑われる新規ユーザーの方が多いようです。サポートは手厚過ぎて無駄なことは無いと思います。よろしくお願いいたします。
詳しいことは以前の私の記事「so-net blog改行・リンク・エラーのアレコレ【ブログ使い方】」や検索でどうぞ…
「So-net blog内ならキーワード「ブログ要望」でも検索できます。」
「So-net blog内ならキーワード「ブログ使い方」でも検索できます。」
