音楽サイト情報
ブログ_音楽仲間 バンド掲示板と音楽仲間トップ
コメント:0 件

バンド掲示板と音楽仲間トップ

いつまでたってもバンド掲示板がGoogleの検索結果に現れないので「なんでだろ?」と思いよくよく考えたら、、

<meta name="keywords" content="キーワード">
と、
<meta name="description" content="サイトの概要">

、、を、わざと記述しなかったのを忘れてたw
(^-^;汗ハハハ..

記述しなかった理由は、Z-Z BOARDでは<head></head>間の編集が出来ないのでGoogle検索でどうなるのか様子を見る為だった。。。
見事に無視された〜w、数年前はこんな事無かったのにな。。

、、と言う事で、ヘッダーにサイト概要とキーワードを記述してみた。。
さてさて、どうなるのかにゃ?


■話し変わりますが、、
今月19日で音楽仲間トップバンドメンバー募集掲示板が2008年11月19日の公開から「まる9年」10年目に突入しまっす!
ついでに、このブログも今月で1周年!!

思ぉ〜えばぁ〜遠ぉ〜ぉ〜くへ〜来たぁ〜もん〜だぁ〜♪
と、来たもんだぁ〜ぁ〜w

\(^-^*
まだまだガンバルっすよ〜ン!

ブログ_音楽仲間 Googleの個人サイト検索は使えない?
コメント:0 件

Googleの個人サイト検索は使えない?

このブログでも使用しているGoogleSiteSearchは全然だめですね〜w
Googleのディレクトリからどんどん削除されて行くだけだ(怒)!

SiteSearchは、2018年で無効になるそうなのでGoogleカスタムサーチを試していますが、そっちもあんまり役に立ちそうにない...
┗広告しか表示しなかったり、ふざけた検索エンジンだでw

他に良い検索エンジンないかな〜?


[追記]
ディレクトリからindexページが消えて行く流れを見ていると、、
なんだか(/)スラッシュで仕切られたURLだけ残してその他を削除しているように思える
、、、、のだが。
音楽仲間トップのページURLはスラッシュで仕切られているが、ほぼ全部のindexページが削除されている気がする....なんでだ?
.....Orz

音楽仲間掲示板トップのトップページ4

>>前回

続き、、
■問題1
ページの容量制限ギリギリだったが、携帯電話版は別ファイルにあるのでこの問題はモノスペ独自タグを使って簡単にクリア!
┗PCユーザーエージェントからのアクセス時のみ携帯電話版とPC版のテキストを出力。
┗携帯電話からのアクセス時は携帯電話版のみ出力。

■問題2
この問題は時間がかかったが、WEBから集めたJavaScriptをいろいろ試してみてなんとかなったw

■問題3
この問題は、初めからフェードアウトフェードインでやろうと決めていたのでWEBでいろんなサンプルCSSをみてコピペで済ませましたw

■問題4
見ての お・た・の・し・み w


、、、て、事で。
とっくに完成しとりますが実は....Googleカスタムサーチを表示させたいと思って試してみたところ容量オーバーとスクリプトの欠陥で実現が難しく、別ページに表示してトップページにリンクを貼る事になったのです。
┗こっちがメインで、トップページの切り替えはついでの事だった。。
(^-^@...

「どうせページを作成するなら」と、カテゴリ毎に分類して投稿先を分かりやすくしようとグループサイトを整理したリンク集形式のページを作っています。

雛型を完成させてテストページでリンクさせて、前々からやろうと思っていた“流れるコメント”の挿入も容量オーバーにならずに出来たので近々公開出来ると思いまっす

音楽仲間掲示板トップのトップページ3

>>前回

お盆ですね〜
折角の長い休みなので・・・

音楽仲間掲示板トップのトップページのPC版表示を携帯電話版スマホ版のどちらかに自由に切り替えられる様に、JavaScriptとCSSを駆使してなんとかならんか実験やってます。

しかし。。いくつかクリアしなければならない問題があって時間かかりそうです。

■問題1
携帯電話版とスマホ版の両方のテキストを記述しなければならないので、携帯電話やスマホ(モバイルブラウザ)からアクセスした場合はそれぞれのテキストのみを出力するように変更しなければならない。

■問題2
携帯電話版・スマホ版の切り替え時にそれぞれのスタイルにする為にCSSファイルの読み込み変更をしなければならない。
┗かなりの難題だw

■問題3
どのようにしてスマホ版と携帯電話版をチェンジさせるのか?

■問題4
切り替えボタンを表示させたままにする為に、配置やスタイルなどをどうするのか?


・・・などなど。
難題山積でしたが、実験の結果、なんとかなりそうなところまで来ました。。

...つづく

ブログ_音楽仲間 やっとこさ、、
コメント:0 件

やっとこさ、、

Z-Z BOARDで作成した新しい掲示板が今日やっとこさGoogleにINDEXされた。。

最近は、GoogleBotの訪問回数が数日に一度とか極端に少なく、携帯電話偽装のクローラーは全く来ない(※全検索サイト共通)。。
毎日訪問して来るクローラーは、もっぱらbingbotとかslurpなどGoogle以外の検索サイトがメインだ。

Googleやる気あるのかね〜?w

■ついでに記述....
Googleの新しいSiteSearchエンジン(無料)を試していますが、僕のサイトでINDEXされているページの数が少な過ぎてあんまり役に立たなさそうだw
商用サイト以外のページを抹殺しようとしているのだろうか??

ブログ_音楽仲間 公開してみたよ
コメント:0 件

公開してみたよ

>>前回

長らく編集作業をしていた Z-Z BOARDの掲示板をおととい音楽仲間掲示板トップにリンクした。

音楽仲間グループの直轄掲示板としては2011年10月の音楽仲間掲示板以来6年ぶりの新サイト公開かな??

新掲示板は、ルール的には今年閉鎖した0bbsのバンド+BAND BBSと同じだが、掲示板機能が全然違うので別モノです。

今は仮公開中ですので本公開(検索サイトのINDEX完了)しましたら正式にお知らせしまっす

ブログ_音楽仲間 なかなか手強いな..
コメント:0 件

なかなか手強いな..

>>前回

新たにレンタルした Z-Z BOARDのテストと編集をやり続けてます。

主に PCで表示確認して編集しているのですが、PCもスマホもケータイもソースを振り分ける事が出来ないので imb2.0と Androidなどで具合良くになるように調整するのに手間取ってます、、

Androidの場合、Safariと他のブラウザの PCモードとモバイルモードとで width ..つか、画面の大きさが違うので随分と悪戦苦闘してみたのだがどうにもならず諦めたw
(^-^;..ハハハ

バカSafari(ねくすとぶらうざ?)の表示が一番マシだったのは意外だったw
┗ before擬似要素でケータイ以外にアンカー表示させてる箇所があるのですが、Safariだけボタン化しなかったが display:inline-block;でなんとかなったんでオススメのブラウザになったど〜w
┗モバイルモードだとどれも同じ表示なんだけれど、広告がウザイので PCモードで見て欲しいんス。。


CSSいじくり倒したせいで、また imb2.0のテストせなアカンやん
...Orz

ブログ_音楽仲間 Z-Z BOARDの掲示板
コメント:0 件

Z-Z BOARDの掲示板

運営しているサイト群の月初めの更新作業をやったついでに、先月テストしていた Z-Z BOARD の検索フォームを音楽仲間トップ投稿情報ページに移植してみました。 
ページは80サイト以上にリンクしていますので、音楽仲間の携帯電話版トップだけにあるより良いかな?と、思ってやりました。
PC・スマホ版トップにも表示する予定だったのですが、どこに挿入するかで今も迷ってるンです、、
(^-^;汗..


..話し変わりますが、
先月中頃から z-z.jp ドメインの掲示板を新たにレンタルして(ゆる〜〜く)作成を続けていたのですが、近々公開出来そうっス!

www.z-z.jp のURLがあるのは去年くらいから知ってて「カッコイイな〜〜w」とか、思ってたのでレンタルしてしまいましたw

Z-Z BOARD を初めてレンタルしたのは2008年11月頃で、その頃からずいぶん変わってしまったので実験を兼ねてイチからデザインし直した。
デザインのベースとなっているのは2008年から運用している z.z-z.jp ドメインの掲示板ですが、それのとは少しだけHTMLが違うみたいやから新しいデザインを古いサイトには適用出来ないかもネ、、

思い通りにカスタマイズ出来ないので、最適化?に随分と時間を要してまっすw

ブログ_音楽仲間 ゴールデンウィーク2017
コメント:0 件

ゴールデンウィーク2017

ゴールデンウィークもようやく終わりですな〜w
オイラはずっと仕事してしてたので関係ないっす。。
おもえば、この数年間ゴールデンウィーク中はサイト作りとかばっかりやってて遊びに行くとか全然ないw

さてさて、
先月中頃からGoogleSiteSearchを使ってZ-Z BOARDのスレッド検索をするフォームを作ってテストしていたのですが、説明ページを含め完成したので携帯電話版音楽仲間に移植して本テストしています。
ドメインを指定しなければならない関係で Z.Z-Z ドメインしか検索出来ませんが、音楽仲間の掲示板検索が目的なので同ドメイン検索はオマケですw

近頃は書き込みがほとんどないですが、何かの役に立てばいいかな?って思います。
y(^o^# 

あ。。
曲作り、すっかり忘れてた Orz..

ブログ_音楽仲間 近況?
コメント:0 件

近況?

前回の続きから、、
☆music.BBSの掲示板群のスマホ版のチェックやりましたが、全く問題ありませんでした。

近頃は、サイトの作成やリニューアルなど何もなく手が空いたのでSEO対策と言うか、バックリンクを増やす為にPC向けの検索サイトなどにリンク登録を行っています。
かれこれ4年以上リンク集等への登録をほとんどして来なかった為にバックリンクがかなり減っていた、、
検索エンジンサイト自体もかなり少なくなってて登録先を見つけるのにも一苦労だw

あと、、
去年の5月頃からDTMで曲作ってまして。。
バッキングは完結しているのにも関わらず11月頃から作業ストップしているので今月からちょこちょこ作業開始してま〜すw
┗エンディングのギターソロが中々納得いかないっつうか、収まらなくて放置してたが、なんとかなりそうなのです。
、、一昨年からストップしてる曲もやりたいのだが、ほぼ完成してるので中々ヤル気になれないっす、、
(^-^;汗...ガンバレオレ〜

ブログ_音楽仲間 もういいかw
コメント:0 件

もういいかw

今月初め、、
いつも使っているimb1.0端末の電話の調子悪かったため滅多に使わないimb2.0端末で電話して何気なく僕のサイトを見て回ったところ、☆music.BBSで使っているmobile bbsのサイト群の表示が全部壊れてた、、
....Orz

いつからこんな事になってたのか不明、、26コのサイトのCSSを修正した。

外部CSSファイルが原因みたいだが詳細不明、imb以外のケータイブラウザでどんな風に見えているのかも不明、、
(^-^;汗..ま。もういいかw


一応。全サイトを一通り点検しましたよ。
暇があればスマホ版の点検もやろうと思います。。

音楽仲間掲示板トップのトップページ2

>>前回

ようやく音楽仲間トップのスマホ版とケータイ版の入れ替えが完了した。

実は、ナカマTOPのケータイ版は共通定型ファイル中にあるのでカウンター値がそのページの数値になる以外は全く同じ表示を簡単に http://xxmusicxx.2.tool.ms/ のどの子ページにも表示出来るのだが諸事情あって時間がかかってしまった、、w
(^-^;汗・・・

一応テスト版を作って問題ない事を確認したのだが、ちょこちょこ不具合があり修正を加えた。

偽装スマホでの確認テストでも問題が見つから無かったので完了とした。(スマホ向けケータイ版トップページはPC・スマホ用なので携帯電話のアクセスを想定していません)

話し変わりますが、、
最近は携帯電話偽装のクローラーが全く来ない!
Googleの検索結果もWEB版とMOBILE版じゃ全く違う事に最近になって気が付いたw
ちよっッと気付くの遅過ぎたかなぁ〜〜w
;^-^)ゞ..イア〜マイッタマイッタ

音楽仲間掲示板トップのトップページ

音楽仲間トップ(管理人は「ナカマトップ」と言ってます)のトップページのPC用表示を完全にスマホ版と同じにしたので、検索サイトのINDEX内容も書き代わると思う。

元のケータイ版表示は前のスマホ版ページを使ってPC・スマホでも見れるようにするつもり。。

■Googleでの検索結果
音楽仲間 のキーワードで数年間1位表示だったが、去年辺りから首位陥落し現時点では村八分状態になってる、、w
(^-^;汗…
┗これがトップページをスマホ版に変更したいちばんの理由、

トップページをスマホ版に変更してどうなるのか?、と、様子をみている状態です。。

一応。トップページに必要なページをスマホ版に追加して若干HTMLとCSSを変更したのでチェックとテストをやらなければならないから今後も変更するかもです。
※大幅な変更はしないつもり。

ケータイ版トップページをリンクしたら完全にスマホ版とケータイ版の入れ替えが完了です。
※携帯電話からトップページにアクセスした場合は、元々のケータイ版トップが表示されます

ブログ_音楽仲間 OGP設定出来ない..Orz
コメント:0 件

OGP設定出来ない..Orz

閲覧ロック解除されたみたい、、

どこがアカンのんか ナノ運営に問い合わせたが返答がなく「どないせぇッちゅゥとんねン(怒)!」とか思いつつトップページ下部の半透明CSSを無効にしたらOKになったよw
アゼン..( ̄ロ ̄;)ショーモナ..


...おとつい、☆music.BBSトップページにOGP?とか言うSNS向けのMETA指定をやってみた。
↓↓こんなんらしい、、

<html>
<!--/* ここからOGP */-->
<head prefix="og: http://ogp.me/ns# website: http://ogp.me/ns/website#">
<meta property="og: type" content="website">
<meta property="og: description" content="ページの概要">
<meta property="og: url" content="ページのURL">
<meta property="og: image" content="画像URL.jpg">
<meta property="og: site_name" content="サイトのタイトル">
<meta property="og: title" content="ページのタイトル">
<meta property="og: email" content="連絡先メールアドレス">
<!--/* ここまでOGP */-->
</head>

website の部分はブログやホームページのトップページの場合に指定、記事ページには article とするみたいです。。
あと、og: の後ろの半角スペースは必要らしいです。

、やってはみたものの僕はフェイスブックやツイッターとかラインなど見た事もないので、どんなんなるんか知りまへ〜〜んw


■■ナノの場合。
headタグに属性を指定したり出来ないし、ブログのトップと記事ページのヘッドが同じなので部分的に設定する事しか出来まへン
.....Orz

ブログ_音楽仲間 スマホ版作成中5:最終回
コメント:0 件

スマホ版作成中5:最終回

ようやく☆music.BBSトップの新しいスマホ版を書き替えました!

テストと言うか、練習を数百回繰り返したので何の問題も無く一発で決まりましたよンw
о^∇^)/ ヨッシャー!

ちょっと間が空いたのでUI:ユーザーインターフェース(下部ボタン)のアクションとか、ちょっとこだわって改良を加えました(先ほど作成したこのブログで実験したUIに更なる改良を試みた)。
カテゴリページやBBSのUIも変更したいと思うくらい良い出来だった、、(今更ムリなんですがw)


たった2行のJavaScriptと数行のCSSだけでテキストの開閉などスタイルの変更が可能になったのでJavaScriptファイルを使わず、追加CSSファイルも軽量化出来ました。

可能にしたのは、数年前から使っている...

function op(n) {var box = document.getElementById(n);box.className = 'op';}
function cl(n) {var box = document.getElementById(n);box.className = 'cl';}
※opとclは任意の値(名前)

..この2行の(クラス名を書き替える)JavaScriptと、、

セレクタ1,セレクタ2,セレクタ3{transition:all 0.2s;}
セレクタ1{font-size:100%;color:#000000;height:20em;line-height:100%;}
セレクタ1.cl{font-size:0;color:#ffffff;height:0;line-height:0;overflow:hidden;}
↑こんなカンジのCSSなどの組み合わせです!

下の例の様なボタンで指定IDのクラス名を書き替える事により、少ない記述でUIにいろんなアクションをつけることが出来るようになりました!
【例】
<要素 onClick="op('ID名');">
 または、
<要素 onClick="cl('ID名');">


前までは、transitionプロパティーに all なんて値がある事を知らず、長〜〜いCSSやJavaScriptを記述していたので「こんな簡単なんでええんかいな?」ってカンジでやってみたのですが、いいカンジに仕上がってビックリしました!
┗Chromeさま様でんな(^-^;ハハハ..


まだまだ勉強が足りてないと痛感しましたヨw
いつの日かバラバラのサイト群をひとつのサイトで運用する時の為に「頑張って勉強せなアカンな〜」って思います。

宜しくお願いしま〜す!

ブログ_音楽仲間 スマホ版作成中4
コメント:0 件

スマホ版作成中4

☆music.BBSトップの新しいスマートフォン版トップを19日日曜日のみんなが寝静まった頃に書き替えようと思っていたのですが、オイラが先に寝入ってしまって出来ませんでしたw
(^-^;汗‥‥ハハハ

今日までに、、
細かいところのCSSを微調整したり追加したり文章を書き替えたりしました。
いろんなブラウザでの表示テストを数百回繰り返したので、大方のブラウザで思った通りの表示になると思っています(総表示回数1200回以上)。
┗SafariやIEには警告を表示するとか、、


新しくサイトのトップページを作成する時は表示回数がだいたい千回くらいになる、、携帯電話でCSSファイルとかを編集してPC等で確認したりするからです。
┗僕のメイン携帯電話は外部CSSが反映しないしJavaScriptもムリだしフルブラウザも古いIEと同じカンジだから、、w
同じURLでキャリア別に違うテキストを表示するページの場合は軽く千回以上の表示回数になるw
今の新☆music.BBSのトップページ作成には半年以上かかったので数千回になってたよン、、
┗しんどかったナ〜〜w

まあ、今月中には確実に変更出来そうだで、、
o(^-^)o..ヨシ!

ブログ_音楽仲間 スマホ版作成中3
コメント:0 件

スマホ版作成中3

EdgeとIE11のテストもやりました。
何故かこの日に限って突然SAMEHAに接続出来なくなったり(サーバーダウン?)、僕のセカンドPC(Windows10)がフリーズしたり勝手にEdgeが閉じたりとかトラブル連発だった、、
ちょっぴり不安になったけれど、まぁ問題無いみたいですヨw
y(^-^;..タブンダイジョーブ、、

UAスイッチャーでのブラウザテストの第2弾でも問題は無かったので、あとはテキストを差し替えして確認するだけになりました!


さて、いつやろうかな?

ブログ_音楽仲間 スマホ版作成中2
コメント:0 件

スマホ版作成中2

ブラウザテストの第1弾やりました!

問題の旧Operaと新Operaでは、やはり問題があり修正、、
大丈夫だと思っていたIE10でも修正、、
EdgeのテストはまだだがChromeなので問題ないでしょうw
IE11はどないやろ?

Safariや旧IEと旧Operaは非対応ブラウザなのでコメントを表示するのですが、UAスイッチャーを使ってクローラーに表示しないとかプログラム(サーバーに処理させるif文)をやり直しました。
一応問題ないみたいw

UAやブラウザの情報を使ってのCSSやコメントなどの出力振り分けは完成したかな?

if文は、むかし使っていたプロページのモノに比べるとかなり簡単な事しか出来ないのですが、今となっては☆music.BBSトップのサーバーでしか使えないので重宝してます

あとは、アンドロイド実機とEdgeのテストかな?
(^-^;...

ブログ_音楽仲間 スマホ版作成中
コメント:0 件

スマホ版作成中

☆music.BBSトップのスマホ版をリニューアルする為のテスト版を作成しています。

先月からやっててブラウザ別の確認チェックを残して殆んど出来上がっているのですが、(いつもの事ながら)公開を前に「本当にこれでいいのかな〜?」とか、迷って足踏みしとりますw

2月中には公開したいな〜〜

ブログ_音楽仲間 なかなか難しいな
コメント:0 件

なかなか難しいな

このブログのGoogleへのページINDEXはものすごいスピードで70ページを超えたが、クローリングが最近ピタリと止まったみたいだw
GoogleSiteSearchは役に立ちそう?だでw


話し変わって、、
 今月ヒマになってから☆music.BBSのスマホ版をリニューアルしようと思い、(かなり)重い腰を上げてみたのだがなかなか前に進まない、、
(^-^;汗……
 数年前からやろうと思いつつ考えがまとまらず保留していたのですが、いちからやり直す決心で取り組んでます。
o(^-^)o ガンバるッス

ところで、上手く差しかえられるのだろうか?w
5年も前に作ったキャリア別表示切り替えのプログラム、、何がどうなっているのか忘れてしまってるよw
どうするよ?俺w

ブログ_音楽仲間 作成日誌
コメント:0 件

作成日誌

公開から1週間過ぎました。
GoogleへのページINDEX数が、ざっと20ページくらいになりましたよン。。
ェ!?(゚゚ ;)ハヤ!
 ヨシ! o(^∇^o)(o^∇^)o ヨシ!

今は、ちょこちょことテキスト追加や修正などをやってます。
昨日は、CSSやMETAなどヘッド内の整理や編集をやりました。

スマホ・PC版で使わないページの編集なども終わったので、ほとんどやる事がなくなって来たからGoogleのINDEX状況を見ながらMETA編集をやろうと思う。


■訂正など
>>作成日誌

HEAD編集をやっていたところ、共通ヘッドの編集からmetaタグのデフォルト出力を無効に出来る事が分かりオリジナルファビコンを表示出来ました!
(^-^;汗...スンマソン
6、7年ナノ使ってて初めて知ったよw
けれど、、スマホ用のCSSファイルが<HEAD>タグ直下に出力されてしまう不細工な結果になっちまったw


imodeだと記事内にfontタグが反映するが他のブラウザはダメだ。
marqueeはどうだろうか?

ブログ_音楽仲間 作成日誌
コメント:0 件

作成日誌

カゼ、少しマシになった。

厚着して暖房ガンガンして水分とって熱っついモン食って汗流して、着替えて外出て冷たい空気で深呼吸する...を繰り返す。。
…と、いつもこんな感じで治してます。
医者に行った事ありませんw

まあ、悪寒と軽い咳程度のカゼだったので今は2台のパソコンで表示チェックしながらビール飲んでタバコ吸ってまっすョw

■PC表示テスト
やはり、Chrome,Edge,新OperaのChrome系ブラウザと、Firefoxは(軽い調整をしただけで)特に問題はなかった。

IE9以前は全くダメなのは分かっていたが IE9 IE10 IE11 は、互換モードじゃないと意図した表示にならなかった。
Windows版Safariも、Android版Safariも同じカンジで思い通りの表示じゃなかったので、Macも旧Operaも同じだろうから使えないブラウザだ。

IEだけDOCTYPEを非表示にするとか、このサイトじゃ出来ないからChrome系のブラウザで見てもらうように促すしかないっす、、


...φ(.. )メモ

ブログ_音楽仲間 作成日誌:完成?
コメント:0 件

作成日誌:完成?

昨日夕方から編集を続けた結果、どうやら完成したぽぃw(見た目だけだが…)
\(^O^)/ワーイ

思いの外上手く行ったので「滑り込みセーフ」くらいで公開出来る状態までこれた、、記述が無かったり変更箇所があったりなどまだまだだが、「やれやれ、間に合った」って感じっス。
年始の「お知らせ」などに使用するため、今までの「お知らせリンク」をサイト更新時にどうしても書き直したかった、のだ。

明日深夜から数日間、30,40サイトくらい編集しまくる為ほとんどこのブログの編集は出来まヘン。
、、公開後にぼちぼちやろうと思いま〜〜す。
y(^-^@
今日は、やる気になるまで休憩しまっすw
⇒ビデオ見ながらギター弾くっす!火暴音で?w
(ToT)…カゼひいたポイからムリ...Orz

でわよひお年を

ブログ_音楽仲間 作成日誌:PC版作成開始
コメント:0 件

作成日誌:PC版作成開始

昨日昼から今まで、永遠とPC版トップページの編集をやってました。。
もう限界、疲れ果てた..(^-^;ハハハ

数時間かけてイメージに近いページレイアウトのCSSとhtmlソースを作ったのに、実際にhtmlテキストを記述してみるとナノの不完全な機能に阻まれイメージ通りにはならず、
イメージに近いデザインになるように色々試して数時間、、、、
ようやく新たなイメージが固まって来たよ…
...(*_*)
イメージでは。。
右側にスマホ版の記事リンク一覧を表示して、左側の記事本文をページトップに表示させようと思っていたのだが
なんと、!
ナノの不備だらけのブログ機能では、記事本文一覧と記事リンク一覧を同時に作成(表示)出来ない事に今ごろ気が付いた〜w
...(-ロ-;)アゼン

何とか為らんかと試行錯誤を繰り返すこと数時間、、、、、、

どうにもならない事が分かり諦めて本文を省略表示にして、記事ページリンクを真横に表示して一覧ぽくしてみた。
見た目は3カラムですが、2カラムです。
どのみち記事リンクは表示するつもりだったので無駄なテキストが省けた、、ってところか?w

 …………………………………
■省略表示。
webkitは省略文の末尾に、「…」が表示される独自のCSSがあるのでそれを使いました。
他のブラウザはどんな表示か分からんから後で調整するつもり。

まあ、、何とか為らんかと試行錯誤を繰り返したので少し新しい知識を得る事も出来てそれなりに有意義な1日だったのかな?w

ブログ_音楽仲間 作成日誌
コメント:0 件

作成日誌

昨日に続きスマホPC版の記事ページのCSS編集をやりました。

htmlテキストの作成とレイアウトだけは、ほとんど終わったのでテストや配色など後回しで、PC版のトップページの編集に取り掛かっていこうと思いまっす。

 ………………………………… 
今日もいろいろと難題がありましたが、まずまず上手く切り抜けたでこの勢いで年始までには公開出来る状態にしたいナ〜w

本当はJavaScriptを使った動的な表示など色々やりたいのだが、時間がなさ過ぎて後回しにするしかない、、
...Orz

溜まりに溜まったテレビ録画、いつになったらゆっくり観れるんだろう?w

ブログ_音楽仲間 作成日誌
コメント:0 件

作成日誌

6時間ほど記事ページの編集をやってました。

今回は出来る事出来ない事の実験や大まかなレイアウトをやりました。

ページ全体のwidthをコントロールしたかったが、やはりpositionプロパティを複雑に使ったせいで☆music.BBSの掲示板のようには出来ませんでした。
(当初は想定してなかったのだw)

追記記事をマウスオーバーか onClickで表示させる実験に少し手間取ったが、上手く出来そうです。
┗CSSのみで実現する為にhover擬似要素でテストした。
↑コメント記事もこれでやろうと思う。
※コメントと追記ページはスマホPCで使わない

 ……………………………………

■ハマった...
Firefoxで記事を見てみたら、<br /><br />と2回連続改行している部分が1回しか改行されておらず、「おかしな」…って事で2時間近くハマってしまったw

bodyのCSSを全部消しても直らず、降参→「やんぺじゃボケー!」って、、投げそうになった寸前で……<br />にdisplay:block;を指定している事に気づき、削除したところ直りましたw
(^-^;ハハハ...アセッタヨ

Chromeじゃ問題なかったからホンマ分からんかった。。
なんでこんな余計な事したんか覚えてヘンし、こんなんなるとは思わんかったワw

ブログ_音楽仲間 作成日誌:スマホ版記事ページ
コメント:0 件

作成日誌:スマホ版記事ページ

一昨日24日〜25日朝まで、まる1日CSSの編集していたせいで昨日25日は夕方6時に起きてしまったw
今日朝6時に仕事行かなアカンからもうすぐ寝ま〜す、、
(^-^;ハハハ

急ぎ記事ページのhtmlテキストを書いて、出来合いのCSSをコピペして、表示確認とFirefoxでソースチェックしました。
一応PC版でも使うページなのでデザインはPCでも見やすいようにしなければならない、、

先に#bodyのwidthを狭くしてcenter表示にしよう。
PC版のメインとmax-widthを合わせたいと思う。

■PC版は……。
記事(メイン)を左側に、スマホ版のmainなどを右側の2カラム表示にするつもり。
2カラム表示だが、右左独立してスクロールさせる!
ヘッダーとフッターと最下部ナビとnano広告は画面いっぱいの表示にするつもりだ。
右側の記事タイトルアンカーで左側の本文を上部移動させるためにアンカーに日時独自タグを使うつもりだ。記事ナンバーを表示させる独自タグがないから仕方がない、、

忘れていたがJavaScriptを有効にするようにメッセージ表示しなければ、、

左側テキスト内に追記とコメントページへのアンカーを表示したいが可能なのかナ?

とりあえず、コメントページのhtmlテキストを作って記事ページでCSS編集しよう〜!

ブログ_音楽仲間 作成日誌
コメント:0 件

作成日誌

1日かけてスマホ版トップページのデザインと言うかレイアウトが終わりました。
(^-^;…見た目だけですがw、、
細かいところは後回しで記事ページをサクッと仕上げようと思います。

さてさて、上手く行きますかな?

■メモ...φ(.. )
#latest_blog1_date#
この独自タグ、、「date部分に日時関係タグが使える云々」て、書いたーるけど使えンやん、、、
...Orz、ウソばっかりやんケw

どないな使い方すんのんか具体的に説明しろやー!

ブログ_音楽仲間 作成日誌
コメント:0 件

作成日誌

本格的な作成開始から1ヶ月が過ぎましたが、半分出来たかな?ってところすネ…w

微調整は後回しで下部のUIなど作ったところで再確認の為にAndroid実機でチェックしました。
最下部に固定しているナビゲーション表示が各ブラウザで違う為に調整しました。
SafariはやっぱりCSS3に対応出来てないのでヘッダーに対応ブラウザを表示しました。

Chrome
PCと同じで、まあ安定的で問題ないかな?つか、Chrome基本で作ってま〜すw

Firefox
読み込み等が終わるまでフリーズした様なカンジになるが良いですね、慣れていればこれで閲覧したいと思うブラウザです。
なお、PC版FirefoxはRSSリーダーを標準装備しているので便利です!

Safari
CSS3に対応出来ていないのに加え拡大縮小などで問題がありoranchi@(僕)のサイトには向かないブラウザなので、対応ブラウザから外しました。

Edge(Windows10のブラウザ)
テストしていませんが、最新版Operaと同じGoogleChromeなのでたいした問題はないと思います。

 …………………………………

そんなこんなで世が更けてしまいました。。
...(^-^;ハハハ

また明日、、?

ブログ_音楽仲間 作成日誌
コメント:0 件

作成日誌

引き続きFORMのカスタマイズなどやっておりました、、

完成されたUI(ユーザーインターフェース)を壊してから作り直すとか、ワケ分からんこと何日もやってて疲れ果ててますw

ふつうにUI作るのもoranchi@(僕)の場合数時間かかるところ、ブラウザと他者が作ったUIを加工するのは至難の業なんです、
...(^-^;汗

まあ、苦労した甲斐あって(まずまず)思い通りになりましたー!(ChromeとFirefoxで違いアリっすw)
ヮーィ“\(^O^)/

…が、、勢いで記事一覧のアンカー部分のUIも作ってみたのですが、全体的な配色が不満で足踏みしとりま〜〜すw

 ……………………………………

こだわり捨てて先に進まないと1月中の完成も難しい状況になって来た、、とにかく前進するっス!

ページステータス

アクセス制限機能充実
夢小説のDLove
- ナノ -