**FU-RA**

〜メモ的なものとか雑記とか色々〜

   気分転換に


ブログ背景等、CSSをちょっと変更。
物凄〜〜〜〜く久しぶりに黒背景にしました。

目に優しいはずなんだけど、圧迫感あるような…
むしろ、前の白背景のほうが、目に優しい(チカチカしない)気もしてくる。。。ウーン (Θ_Θ;)
文字読むだけなら白背景のほうがいいのかしらん…



過去記事の文字色変更部分など、見にくくなってる恐れがあります。

一時的な変更なので、すぐに戻す可能性もありまっす(*`ゝω・´*)ゞ




そして、いつの間にやら、Googleカスタム検索窓が機能しなくなってた…
謎じゃ〜〜〜!!
後で弄ってみまふ(´ε`;)


comments(0)trackbacks(0)
Bookmark and Share Check web拍手


   ソーシャルブックマークボタンカスタマイズ


いつのまにかJugemにスマートフォン対応テンプレ設定がついてた…
何故か携帯やスマホで閲覧する方もいるようなので
とりあえず設定ボタンポチリ。
Jugemはムダに使えない機能もあるけど、これは簡単でイイなぁ〜w


で、本題のソーシャルブックマークのボタンカスタマイズなど。
忘れないように、とりあえずφ(*-.-*) メモメモ

デフォルトではマウスオーバーで表示されるメニューを
クリックで表示するようにカスタマイズ。

変更するきっかけは…
「ソーシャルブックマークボタン うざい」
で検索してきた人がががが…

確かに、トップ頁の各記事表示を短くしてると マウスオーバー時にいちいち表示されて…
記事隠すんじゃないよ!!(#゚Д゚)ゴルァ!!…と、私自身も思ってしまったので…
変更しちゃいますた(*´'З'*)ゞ

Add This のカスタマイズオプション
マウスオーバーを無効にするスクリプトがあり、これを追加。


<!-- AddThis Button BEGIN -->
<a class="addthis_button" href="http://www.addthis.com/bookmark.php?v=250&amp;pubid=ra-4e1a9dc162add355"><img src="http://s7.addthis.com/static/btn/v2/lg-share-en.gif" align="middle" width="125" height="16" title="○○○" alt="Bookmark and Share" style="border:0"/></a>
<script type="text/javascript">var addthis_config = {"data_track_clickback":true,"data_track_addressbar":true};</script>
<script type="text/javascript" src="http://s7.addthis.com/js/250/addthis_widget.js#pubid=ra-4e1a9dc162add355"></script>
<!-- AddThis Button END -->


こんな風に赤字部分を追加
(青字は任意で追加した部分)

まぁ、このソーシャルブックマークボタン…
共有のどれかをクリックすると、ブラウザとの連携許可を確認してくるので
…それもちょっと怪しく思われそうでイマイチ…

他にもっとよいボタンは無いかしら…
ボタンを何個も並べるよりは、コンパクトが好み。


そして、シンプルデザイン嗜好の趣旨から逸れるのではないかと
今まで敬遠していた他のソーシャルボタンも並べてしまいました。
…自分用メモを兼ねたまったりブログに
本来なら不要なボタンだというのに(;´∀`)


Jugem独自タグで選べるアイコンデザインの中に好みのものがないため
各社公式サイトから設置タグを収集。

なぜかGoogle+1ボタンは表示の遅延が甚だしいので、
Googleの「+1 をウェブサイトに表示」詳細オプションを睨みつつ、
Google +1 ボタンを設置してみました + Tips を少し」(WebOS Goodies )
を参考にタグ配置。
ブラウザによっては表示されないことがある…とか、
IEやFirefoxで表示されて、Googleで開発したChromeで表示されない場合が多いのは
変じゃないのだろうか(о・ω・)?(・ω・о)

mixiチェックボタンのJugem独自タグは独自ドメインでは表示されないので、
mixiチェックボタンを設置しよう」(WEBマスターのお仕事)を参考にタグ設置。

オマケでWeb拍手ボタン…サイト内検索機能をGoogleカスタム検索に変更。


う〜〜〜ん…気分転換が違う方向にいってる気がする…(´−`;)



comments(0)trackbacks(0)
Bookmark and Share Check web拍手


   アーカイブリストの折りたたみ


Jugemのアーカイブリストの折りたたみタグ
{archives_list2ex}
これを使用すると、うちのブログの場合、昨年以前のリストの位置がずれてしまい、
正常に表示されませんでした。

これを何とか使えるように弄り…

まず、テンプレートのhtmlに「キープテンプレート」のスクリプトを入れている場合は
削除するか、スクリプトを
<!--
// -->
で、括るなどして機能しないようにする。
(?tid=6などのテンプレートIDがついているURL内では
月別アーカイブへのリンクが機能しないため)

テンプレートのhtmlの中の{archives_list}タグを
ミルクゼリーさんが配布しているタグに直接入れ替える。

このままでもズレが生じるので、スクリプトタグの中の


<script type="text/javascript">
<!--
function writeArchive(){
var year;
var str;
var i;
var display;
var archive= new Array();
<!-- BEGIN archives_items -->
tmp=new Array({archives_item_id},{archives_item_year},"{archives_item_num_month}",{archives_item_num});
archive.push(tmp);
<!-- END archives_items -->
document.write("<ul>¥n");
for(i=0;i<archive.length;i++){
str="";
if(year==undefined || year!=archive[i][1]){
if(year!=undefined){
display="none";
str="</ul></li>¥n";
}
if(year==undefined){
display="block";
}
year=archive[i][1];
str+="<li><a href=¥"javascript:viewarc('"+ year +"')¥">"+ archive[i][1] + "年</a>¥n"
str+="<ul id=¥"month_"+ year +"¥" style=¥"display:"+display+";¥">¥n";
}
str+="<li><a href=¥"./?month="+archive[i][0]+"¥">"+ archive[i][1] + "年" + archive[i][2] + "月(" + archive[i][3] +")</a></li>¥n";
document.write(str+"¥n");
}
document.write("</ul></li></ul>¥n");
}
function viewarc(year){
var tar =document.getElementById('month_'+ year);
var disp=tar.style.display
if(disp=="none"){
tar.style.display="block";
}else{
tar.style.display="none";
}
}
writeArchive();
//-->
</script>



赤字部分を削除。

これでうちのブログでも使えるようになりました。

恐らく、CSSで ul タグや li タグに変更を加えている場合、
ズレなどが生じるのだと思います。

またバグったら…再度考えるか、諦めよう…(;´Д`)


comments(0)trackbacks(0)
Bookmark and Share Check web拍手


   ソーシャルブックマークボタン変更


ソーシャルブックマークのAdd Clips がどうも鯖不安定ぽくて表示されにくいので
Add This に変更。
ついでに隣にあった ▲Return Top ボタンを取っ払いました。
同じ機能を右下固定ボタンにとりつけたので、とりあえず…

ただし、Add Clips と同じく
IEとFirefoxではマウスオーバー時にカーソル周辺に出る表示が
Chromeだと離れた場所に表示されます…orz


マウスオーバー時の挙動も 多少心もとないので、また変更するかもしれない



comments(0)trackbacks(0)
Bookmark and Share Check web拍手


   サイドバーのボックス内表示調整


長いこと同一Blogを使ってるとどうしてもサイドバーが長くなってしまう…(´・ω・`)
長いといってもこのブログ3つめだというのに…

いい加減長くなったArchiveとPowered(各オンゲ運営元著作権表示)をスクロール表示化

テンプレートhtmlのサイドバー内の該当部分を

<div class="○○">〜</div>

でくくる。
"○○"の部分は適当な半角英数字


テンプレートcssに

.○○ {
    height: 200px;
    width: 179px;
    overflow: auto;
    scrollbar-face-color: #ffffff;
    scrollbar-highlight-color:#ffffff;
    scrollbar-shadow-color:#cec6d7;
    scrollbar-3dlight-color: #f7eed7;
    scrollbar-arrow-color:#cccccc;
    scrollbar-track-color: #ffffff;
    scrollbar-darkshadow-color: #988863;
}

を加える。
.○○ { の○○はhtml内で記入した半角英数字

height は表示長さ
width は表示幅
overflow: auto はボックス内表示プロパティのため変更×


それにしてもサイドバーが長い…長すぎる…カッチョワル…( ´△`)
プルダウンにしたほうが短いんだけど好みじゃない(ォィ...



comments(0)trackbacks(0)
Bookmark and Share Check web拍手


   リンクカテゴリーを調整


実はこのブログ、元々は隠れブログだったため…( ̄w ̄)
大っぴらにリンクは貼ってなかったのです。

相互リンクしてくれているブログは、ほとんど更新が進まず、こちらがメインになったしまった感じなので…
ぶろぐぴーぷるをコチラのブログに貼り替えました。

正直ブログにリンクをつけると、スパマーへもリンク誘導してしまうので抵抗があるんですよね…(´・ω・`)

リンクを貼って怒る方は稀でしょうけど、どこのサイトもスパムの管理は面倒で大変だと思います。


とりあえず、リンク切れは削除。
更新停滞中のブログはこのままリンクを貼らせていただきます。



comments(0)trackbacks(0)
Bookmark and Share Check web拍手


   WordPressかMovableTypeか


Jugemの重さに耐え切れなくなってきたので、Blogシステムを再導入しようと検討。
Jugem管理画面まで辿り着くのに何十秒とか

何度も何度も何度も更新押して

やっと表示とか・・・しかも毎日毎時間
もぅダメダメダメ…ストレスたまるっ><

…で、前に何度か使っていたMovable Typeにしようと思ったんですが、現時点ではWordPressのほうがユーザーが増えているらしい…

そういえば、Windows Live Messenger のライブスペースも最近WordPressに移行されたし、やはりこっちのほうがメジャーになりつつあるのだろうか(о・ω・)?(・ω・о)



ちなみに、ロリポ管理画面内では、WordPressMovableTypeの両方とも簡単インストールできるようになりました。
なので、試しに両方とも構築゛(*・・)σ【】ぽちっ♪


MovableTypeも以前よりかなり進化したけど…WordPressはJavaScriptがすごい!
…というか、管理画面内が驚くほど動的。
気に入らなかったデフォルトの日本語フォントも…テーマを変えたら見違えたし!!Σ(・∀・;)
レンタルブログスタイルのWordPressやWindws LiveスペースのWordPressはCSSを弄るのは有料。自鯖へのインストール構築の場合は全て無料なので、弄ってみるイイ機会 (b・д<*)

…自分のスキルでどこまでできるのか謎なんだけどネ…

Movable Typeで以前お世話になった小粋空間
…WordPress向けテーマやJS、プラグインの紹介をしてました。
流石だなぁ・・・またまたお世話になります(;´∀`)

カスタマイズし終わるまでJugemで我慢ダヨ…
めちゃくちゃ時間かかりそう…



comments(0)trackbacks(0)
Bookmark and Share Check web拍手


   ログピなるものを弄る


paperboy&cotwitter=ログピ(LOGPI)

ブログやtwitter、携帯と連携ができるポイ。
よくわからないけど、試用してみますた。

ブログやサイトに貼り付けができるらしく、試しに(→右サイドバーに)貼り貼り。。

昔はブログパーツやFlashやら色々なものを ごちゃごちゃつけていたのですが・・・
今はサイドバーを下手に長くするのはイヤなので、あとで取っ払うかもしれない・・・ヾ(-ε-o)ォィォィ...

これも、デフォのままだとサイドバーを乗っ取りかねない長さになるので、サイドバー内の一定の長さでスクロールするように調節。


CSS追加項目
#logpi-badge {
    height: 200px;
    width: 165px;
    overflow: auto;
    scrollbar-face-color: #ffffff;
    scrollbar-highlight-color:#ffffff;
    scrollbar-shadow-color:#cec6d7;
    scrollbar-3dlight-color: #f7eed7;
    scrollbar-arrow-color:#cccccc;
    scrollbar-track-color: #ffffff;
    scrollbar-darkshadow-color: #988863;
}

height: 200px; =ログピの縦幅
width: 165px; =ログピの横幅
scrollbar =スクロールバーの色調節


ログピの貼り付け用コードのSample CSSも多少変更。
#logpi-badge {
  border: 1px solid #fffff;
  padding: 10px;
  }
他も多少変更してみましたが、まだログピ自体更新していないため、またさらに変更するかも。
まぁ・・・取っ払う可能性が高・・・(ぁ


これってブログに貼り付けたとしても、更新情報的な使い方ばかりだと、最近のエントリー(SELECTED ENTRIES)項目の意味が無くなるような・・・(;´∀`)


comments(0)trackbacks(0)
Bookmark and Share Check web拍手


   (;=´З=)ぅむぅ...


Jugemのブログってimg画像関連が、サイト外アドレスになってるのね・・・
HeartRails Glance をずっと継続導入してたんだけど、
Jugemだと とてもウザイことになってしまうという・・・><

サイト内の全ての画像リンクがポップアップしてしまうウザイ仕様に・・・

仕方ないので、HeartRails Glance はoff にしますた・・・

なんかもう、IEのJavaに悩むとか、、blog引越しせずに済むよう再度Movable Type を作り直そうかとか・・・

悩むことすら面倒に・・・ぉぃぉぃヾ(-ε-;)-ε-;)-ε-;)ぉぃぉぃ

IEなんて(キΦдΦ)、、ペッペッ



ダメダ・・気晴らしでもしよう 



うおっっ絵文字まで新しい仕様になってる・・・Σ(゚Д゚;≡;゚Д゚)


comments(0)trackbacks(0)
Bookmark and Share Check web拍手


   画像の拡大表示テストю┐ ̄ε ̄) ポチットナ


サイト関連サボってた間に色んなスクリプトが
出ていたんでつね・・・(゚Д゚;≡;゚Д゚)
完璧乗り遅れてますがイザ!導入実験〜〜〜

画像の内容は(・ε・)キニシナイ!!

クリックで原寸大表示

クリックで原寸大表示

クリックで原寸大表示



(´ε`;)ウーン…このテンプレのCSSと競合してしまう部分があるのネ
表示が崩れるトコ数箇所あるヨ・・・
いつもテキトーにCSS弄ってるからコンナときに不都合が出てくるぅ(>ω<)
あんまり弄るとテンプレ変更時 またメンドウになるので
表示の崩れはもう気にしないことにしまふ悲しい

LiteBoxと合わせて使うのは問題ないらしぃので
とりあえずコノまま使ってみよぅ〜

ちなみに最新版Highslide JSを使用するとまた設定の変更必要アリ・・・撃沈

ココまでヤルのもかなりの時間ががががががが彡彡彡(TдT)彡彡彡







クリックで原寸大表示




(o-`ω´-)ンー
画像離してもコントローラーの表示あり

あんまり色々導入しすぎるのも競合ができて大変・・・
IEだと不都合が出るってチョットなぁ〜〜
これは小さめ画像向き・・・(´・ω・`)ショボーン


って《ヽ(メ`Д´)ノ》ぉぃ!!
LiteBoxでは出てしまう競合がコッチのだと出ないのか!!
む、むずぃ〜〜〜〜〜っっっ




comments(0)trackbacks(0)
Bookmark and Share Check web拍手