脇道を行く

ー 日々の暮らしを つれづれに・・ ー 

LIFE での 上のメニュー に、まさかの大苦戦

f:id:yakuroutan:20200405223942p:plainf:id:yakuroutan:20190131023305p:plain

f:id:yakuroutan:20200329184821p:plain

 

◎  去年の4月あたりから、ノンストップで動いて来て 11月の半ば辺りから、滅茶苦茶にアタマがフィーバーしてて 「これが収まったら、ブログの整理しょ !! 」って気で居たのですが、上手い具合にアクシデントが来てくれるもんなのですね〜? ブラウザーの見直しだのって、先日にレポートしてたのですが 応援に追加した、あのビバルディちゃん・・

 

ここの処のまさかのフリーズの連続で、とうとう大元のウブンツーちゃんまでが 仲良く立ち上がらなくなってしまい、あえなく再インストールの展開になり 泣く々、解雇する羽目になってしまいました・・ガッカリ !!  ですので近々、少し前に載せたブラウザー・レポートは消去いたしますので 申し訳御座いませんが、何卒ご了承の程をよろしくお願い存じ上げますので・・真にここいらはすみませんでした 平にお詫びを申し

上げます  !! 

 

 

 ◎ ・・で、前回の話題の続きで、今回もはてなテーマ・LIFEのラストのカスタマイズ !!  これをやっておかないと、2〜3ケ月もすりゃ忘れてしまうので、現在かなり必死なのですが ウブンツーちゃんのセッティングなんかも、1からなので 精神的にかなりの落ち込み状態・・まー、フリーズを4〜5回くらって、パソの元の電源を落とす時の あの怖さと惨めさ・・? 余計なコトを始めた自分が全ていけないのだし、パソは何かが有ったらすべてが自分持ち !!

 

f:id:yakuroutan:20190211194421p:plain

 

能書きはこの辺で辞めて、スキナモ・ノートさんの場所から持ち帰った CSSとヘッダへの記述データ・・これを今回は、気を取り直して頑張ってやって行きたいのですが 特にややこしいのが、HTMLの記述の部分で ここいらは、あのパンくずリストを理解してサブのカテゴリー項目がやれていないと おそらく出来なくなってしまう部分かも・・なのです? パソコン使いの面目がかかってきたりもしますし、自分もかなりに必死こいてたりしてます

 

 

ドロップダウン・メニュー の スキナモ・ノートさんの情報 

 

www.sukinamonote.com

 

 

f:id:yakuroutan:20190211194421p:plain

 

◎ 今回は自分のメインのこのブログでなく、サブのブログ倉庫の方での作業・・こちらはあんまりシビアなセッティングはやっていませんし、いくらかサブのカテゴリー項目もユル目にやってますので ぜひ、こちらでやらせていただきたいのです・・

しかし、ここんトコでエバー・グリーンスムース そしてパレット等のテーマも試してたりで、大いに意気軒昂だったのですが? 今の気分は恐る々な秘密の花園っぽい処女的な状態・・もう、涙の法善寺横丁的にしゃんめ〜ですのょ〜・・? で、デザインの箇所をクリックから行きます !!

 

f:id:yakuroutan:20190211044043g:plain

◎ こう云う風に画面が代わりますので・・

f:id:yakuroutan:20190211044100g:plain

 

◎ スパナ・マークをクリックしておいて ヘッダ の部分を出してから、またクリックでございますが 前回のレポートで久々にやったJPG画像が、あまりにもヒドいので 今回は又もや岐阜ならぬGIF画像に逆戻り・・はてなへ来て結構ここいらで悩まされぱなしの矢切の私 ならぬ、やられっぱなしのわたし

 

f:id:yakuroutan:20190211044115g:plain

 

◎ ヘッダの中の タイトル下 と云う部分のウィンドウ・・これをクリックして大きめにしてますが、今回のグローバル・メニューの操作は このヘッダ部分への記述が、かなり大変な操作で有り これを終わらせれば、あとはCSSに 拾って来た記述を、コピーペーストしてしまえばOK 

 

f:id:yakuroutan:20190211194421p:plain


と、段取りとしてはこう云う感じなのですが、口で云うのは何でも簡単ですから・・「わたしがAIですから !! 」なんて、信じられない言葉も どっかから出て来てたけど・・

 

f:id:yakuroutan:20190211044133g:plain

 

 f:id:yakuroutan:20190120140104p:plain

 

ヘッダ部分の記述を、自分なりに追いかけてみる

 

◎ で、スキナモ・ノートさんの場所から持ち帰った ヘッダへの記述・・これがその見本と云うかサンプルと云うのか?ですが、結構シンプル !!  これは残念ながら、レスポンシブには対応してない雰囲気なのですが かなり解かりやすいので、ここでの見本にはイイと思うのですし デザインのフィーリングが何気にスキで、ファンになってしまったのです 

そしてバックが白なのも女性の下着と一緒で好感が持てるし、黒いのとかはどうも商売を感じたりでイケませんよね けどビバルディからクロームに戻されてしまったんで、あんまりえらそうに云えませんが・・? クロはどうもアカン〜

 

f:id:yakuroutan:20190211044147g:plain

 

◎ いくらか文が詰まってて理解しにくいので、改行で空白を作り見やすくしました 毎回こう云う感じから始めています・・

 

f:id:yakuroutan:20190211044204g:plain

 

◎ ちょっと、ここのブログのページ・レポートでの グローバル・メニューの部分を見ていただけますか・・メニュー項目を5つにし ・TOP ・GIMP連絡用 ・ニュース ・暮らし ・脇道を行く とのカテゴリー項目にしています

 

f:id:yakuroutan:20190211044228g:plain

 

◎ そのうちの ・暮らし の項目に、サブの項目を2つ 料理と手芸です

 

f:id:yakuroutan:20190211044245g:plain

 

◎ 一番ラストの ・脇道を行く には 畑仕事 を入れていますが、前回のレポート情報の続きになりますけれど この下部分に広告が入るので、急遽、変更を余儀なくさせられましたのでありました

 

f:id:yakuroutan:20190211044259g:plain

 

◎ ・・何度もくどいのでありますが、拾って来た ヘッダ への記述を確認しておいてます・・その時は覚えてるのだけど、時間が経つと忘れてしまう人間の悲しいサガ?が 今回も !!  これに何度も泣かされるのが人生

 

f:id:yakuroutan:20190211044320g:plain

 

◎ メニュー1が ・TOP と、なり メニュー2が GIMP連絡用・・と、こうなってきます そして メニュー3の ・ニュース のカテゴリー項目迄には、サブの項目は作っておりません したがって、点線の四角で囲った部分の記述は今回はいらなくなってきます 

 

f:id:yakuroutan:20190211194421p:plain

 

あとは赤丸の部分の記述を、その下にコピーで作ってやり メニュー5として 脇道を行く のカテゴリー項目を作らないとなりません

 

f:id:yakuroutan:20190211044340g:plain

 

◎ 思い立ったら即、実行で、メニューの部分をすべて打ち直し 脇道を行く の項目も、追加してみましたのが 下の図になります

 

f:id:yakuroutan:20190211044430g:plain

 

◎ このヘッダを弄るのは、去年の夏以来のコトでしたが 段々と感覚が蘇ってきました !!  番号をふっておいたのですが ①の<nav> そして</nav>が文の始めと終わりに有り、文を囲っている形になって居ますが 次の②<ul></ul>も同じ形になっています

 

f:id:yakuroutan:20190211194421p:plain

 

そして ・TOP ・GIMP連絡用 ・ニュース のサブの項目が無い部分には ④で用いられている<ul> </ul> での記述が有りません !!  解らないながらにですが、ここいらのセオリーだけを頼りに やってみています

 

f:id:yakuroutan:20190211044451g:plain

 

◎ こうして文を全体で追っていると疲れるし、URLが入った場合に そこいらの認識も解らなくなってしまう位に、ごちゃごちゃしてしまうので 前半と後半を引き離す作戦を、またぞろ今回も始めました

 

f:id:yakuroutan:20190211044524g:plain

 

◎ メモ帳のツールでウィンドウを3つ開いておいて、前半と後半をやっておいて アトでひとまとめにする方法ですが、要はやり方がどうだろうが 出来ればいい・・スタイルなんて決められた日にゃ困りますが、料理も出来て美味ければいい !!  

ただ、こちらはガス代だの電気代あたりが、アトから伸し掛かってきますが・・?

 

f:id:yakuroutan:20190211044538g:plain

 

◎ こう云う格好になったらば、あとはの場所に URLをコピーペーストで挿入するだけ・・実は結構これが、記述が長いんで 見てるとイライラしてしまうんですよね けど、ここ迄出来たので、1と2に分けてこの文を保存しておきました

 

f:id:yakuroutan:20190211044551g:plain

 

 

 f:id:yakuroutan:20190201092308p:plain

 

 

ダッシュボードも含めた確認作業

 

◎ ラストの方面へ突入の第一歩は さっき目印で追った 暮らしの項目の中の 料理 のサブ項目・・まず、こいつから やっつけて行こうと思います !! ダッシュ・ボードから今度は カテゴリー をクリック

 

f:id:yakuroutan:20190211044616g:plain

 

◎ カテゴリーが表示されたので 暮らし-料理 のカテゴリー項目をクリックしてますが ここいらでパンくずリストのレポートでやった、半角のマイナスが付加されていた様な辺りの情報部分が このカテゴリー項目のノウハウにも加味されて来てしまい、ここの部分もキチンと出来ていないと 今回の方面はおそらくは出来てきません・・

 

f:id:yakuroutan:20190211194421p:plain

 

ここいらが実際の話で、ビギナーやスマホの人には おそらく厳しい話になってきそうらしきです

 

f:id:yakuroutan:20190211044634g:plain

 

◎ ・・これで 暮らし-料理 のカテゴリー項目のページが出てくるので、このURLが必要になってきます なので矢印の部分をコピーしておきました

 

f:id:yakuroutan:20190211044655g:plain

 

◎ これをメモ帳に貼り付けておいて・・

 

f:id:yakuroutan:20190211044736g:plain

 

◎ 先程の#の部分に貼り付けてやればイイのです ドラッグでを選択して消しておき

 

f:id:yakuroutan:20190211044805g:plain

 

◎ URLを貼り付けました !! 次は 手芸 のサブ項目になります

 

f:id:yakuroutan:20190211044819g:plain

 

◎ またカテゴリーの項目に戻って、今度は 暮らし-手芸 をクリック

 

f:id:yakuroutan:20190211044833g:plain

 

◎ ブログ・ページが出たら、今と同じ事をやっていってます・・このURLをコピーしておいて・・

 

f:id:yakuroutan:20190211044854g:plain

 

◎ また、メモ帳に貼り付けておき・・

 

f:id:yakuroutan:20190211044910g:plain

 

◎ 記述の " " の中に貼り付けて行けばOK あとの項目もこのやり方で、すべて終わらせました・・ トップ・ページだけは、一番新しい記事のURLをやってしまえばいいのですから・・

 

f:id:yakuroutan:20190211044927g:plain

 

 

 

f:id:yakuroutan:20190211194537p:plain

 

 

が、面倒なのはここ迄・・

 

◎ あとは スキナモ・ノートさんから拾ってきた、もうひとつのデータのCSSを ブログのデザイン部門に貼り付けるだけ・・苦労も体力も電車賃も入りません

 

f:id:yakuroutan:20190211044944g:plain

 

◎ こんなカンジでCSS画面に貼り付けておいてます

 

f:id:yakuroutan:20190211045003g:plain

 

◎ 元データの雰囲気はこんなカンジ・・これは画像なので スキナモ・ノートさんへ伺って、ダウンロードする行動からぜひ頑張っていただきたい・・と、切に願います これにてこのレポートも一見落着 !!  上へ戻るボタンから始まった、カスタマイズもすべて終了になります これまで見て下さった方、どうもおつかれさまでした

 

f:id:yakuroutan:20190211045022g:plain

 

◎ ・・で、今回のモデルの分室はこちらになります !!

 

yakuroutan.hatenadiary.jp


◎ ラストにこう云う気分になれたので、いくらか気分は安堵ゥトロワ・・? ウブンツーちゃんが未だ心配ですし、またフリーズが起こらないか・・? なんて気苦労でレロレロ でーす !! とっておいた写真データなんかも、みんなパーだし せめてグーかチョキなら・・なんて冗談も、さすがに現在はとても出ません 

 

f:id:yakuroutan:20190201114135p:plain

 

 

よければですが、・・ここいらもぜひ見てくださいませ〜


◎ 世の中・・とっくにパソコン通信の時代は終わってしまい、ネットはスマホだのの天下 !! けれど、仕事場ではたして役に立ってはいるのか・・? 目にするのはメールかゲームくらいしか正直にはないし 街ナカのながら族なんかは、現場じゃお話にもならず 典型的に使えない輩の代名詞 必要なのはそう云う技量じゃぁないのに・・ !!

 

はてなとは、自分には 休憩や休息の場所なのだし 勉強になる部分もあったりしますが、あくまで趣味の場・・それでも何とか情報を載せられたら !!   の意気でひと握りのパソコン・ユーザーの為に、大した事がないながらにも 頑張って今年もレポートをあげて行きたいです ( おそらく、迷惑高齢者の見本だろうな?こう云うごたくをやるのが・・ )

 

yakuroutan.hatenablog.com

 

yakuroutan.hatenablog.com

 

 

  今回はラストに ひさびさの、あのひと息休憩を・・

 

◎ ・・と、突然に吠えたりなのですが? 久々にトボけて、ここいら行っちゃいますか !!   硬い話が続いたので、目の保養のサービス・タイム・・久しぶりに 足成 へ行き、飯田君とのご対面・・ ぱくたその 宗吾君もイケ面なんだけど、いかんせんモノが少ない・・

 

今年もとりあえずこの人にお世話にならないとダメかも? そろそろ女性陣から、「別な人を出してョ 〜 !! 」 なんてリクエストを言われそうだけど 男のモデルさんは ぱくたそ のが豊富? いや、女の子もかなぁ、どうやら・・ 足成さん、一発ここいらで 奮起をお願いしますょ !!

 

f:id:yakuroutan:20190212014350j:plain

 

◎ 男性陣にはやっぱりこの人 !!  ぱくたその姫こと河村の友歌ぽん・・今年もぱくたそさんに、いくらかお世話になりそうな気配が? モデルさんがまぁまぁ垢抜けたみたいな部分があるし、その逆の人も居たりで よその国からも応援が来てるし・・

自分は よたか氏 がイイですね、トボけた部長職ぽくて !! ・・しかし、コレ?何枚くらい撮って OKになってるんだろか・・笑う方も撮る側も大変だろうなぁ 

 

f:id:yakuroutan:20190211061339j:plain

 

◎ ・・と、書く側にかなりのプレッシャーをくれる、テーマの記事でしたが ようやく終了 2〜3キロ痩せたみたい、体でなく心が・・少し休みたい雰囲気で20年くらい !! トラブルが未だに尾を引いてるけど、懲りずにこれも記事にしてやろっかなぁ〜

 

f:id:yakuroutan:20190211194625p:plain