メニューだのシェアボタンだのを変えてみた。

2017/11/10 13:16

それだけ(殴)

別で個人的に管理任されてるHPをHTML5とか諸々地味に変えるがてら

こっちも変えてみた。

メニューでCSS3を活用してみた。

メニューがいい感じなってていいわー(棒)

 

主に参考にさせていただいたページ

CSSだけで作る「多階層」なドロップダウンメニュー|Webpark

CSSで作ったドロップダウンメニューのドロップの動きいろいろ|Webpark

 

上記ページを参考にしつつ

子メニューと孫メニューを別々の動きにしてみた。

これ、WordPressのみならず

他でも使えるように改変して紹介したいくらいなんだけどなぁ…

多分ウン万ウン千番煎じだろうし

それ以前にデザイン云々を教授するHPでもないから

程よく気が向いたときにでも。

気が向かなかったら一生公開しない

そうなってもお互い後悔しない。

 

WordPressプラグイン

AddToAny Share Buttons and Icons

 

CSSで、プラグインの親divに「position: fixed;」入れて

固定位置で表示させているだけ。

「+」ボタンがないのは

JavaScriptが疑似フレーム関係なしに浮動表示しだすので

表示しない設定にした。

ちゃんと疑似フレームに対応するようにできるんだろうけど

JavaScriptに疎いので…。

JavaScriptさん、電脳症かな?…いや、違うか。

そうであってもなくてもIEで疑似フレームのガタガタを抑えるスタイル宣言無視して軽くガタガタするから、IEいい加減にしろ。

 

 

 

それと最後にこれだけは書かせてくれ。

CSSだとかCSS3でアニメーションだとかは

CSS3でドラえもんとか作る優秀な人のところとか

とにかく自力で調べてくれ。

俺は全く知らん。

あくまで今は個人的趣味の範疇でしか触ってないからな。

偶然の産物

2017/04/10 15:36

唐突ですけど、ズバッと核心へ。

マイナーチェンジ=ページ上部を変更しました。

 

cssのみでフレーム表現をする、所謂疑似フレームといわれたりするものなんですが、

個人的なざっくりイメージとしては、

 

タイトル

キャプション(HPの説明・検索結果とかに出るやつ)

メニュー

—–(疑似ボーダー)—–

本編

 

とする予定でした。

ただ、高さを適当に指定してやったところ、運良く現状みたいな感じになり、

思いの外しっくりきたもんで、こちらを採用させていただきました。

 

今後もこんなマイチェンがちょこちょこ続くかもしれないです。お許し下さいw

 

 

 

 

 

以下、主の本音。

正直、デザインなんて全くできません。全て手探りでやってます。

未だに「見てくれ劣ってんなぁ…」とか、「なんかい言いようのないかっこ悪さがあるんよねぇ…」とか思ってます。

東西の融合

2017/04/06 15:59

更新雑記なるカテゴリを作成して、メモ的な感じで書いてみようかなと。

 

ブログページを見てたらわかると思うんですが

こんな感じになってますよね。(当記事公開前当時のキャプチャ)

 

ブログタイトル部分は、JR東日本的な見てくれを意識して作ってたんです。

これに関しては、他のページでも応用して…と言うよりタイトル左側のバーの色を替えて使ってます。

実は、このバーの色、当時cssあんまりわかってないマンだった主がバカやって、

画像を使ってるんですw

多分今仕様ならcssでやるんでしょうけどまぁ、これはこれでいいとしてw

 

そして、めんどくさがりマンの主、またやらかしましたw

右側ウィジェットもこのクソ技術を活かして(?)

JR西日本風見出しにしてみました!!wwwww

 

そう、まさに「東西の融合」…っ!www

 

自分で見てて見づらいなぁと思ったし、若干おざなり感があったんで、

替えてみちゃいましたw

というわけで、見た目クレイジーで0.1%くらいクールなブログページを今後とも宜しくおねがいしますw

 

 

 

あ、そうそう。

見出し・タイトル部のフォントが「新ゴ」と「Frutiger」になってます。

これに関しては後日書きますね。

更新溜めまくってます。

2017/03/31 14:26

タイトル通りです。すいません。。。

 

そして、1年弱も空きました。

Twitterではつぶやきまくってますがw

ほんの少し暇ができたので、WP・CSS・JS関係の実験も兼ねてHP更新が少しでも出来たらいいなとは思ってます。

 

もしかすると高校デビューでギャル化しちゃった同級生なみのケバいHPになる可能性もありますが…w

 

兎にも角にもTK過去作の公開と実験的PRG実装、ぼちぼちのペースでやっていきます。

 

…フラグじゃない…と思うよw

2年ぶりですか…

2016/05/20 09:29

どうも。めちゃくちゃお久しぶりでです。
更新サボりまくりです。
 
今から本気だす、というフラグは立てませんが、
ゆっくり更新していきますのでよろしくお願いします。
 
 
…正直いいますと、trainkitの作り方とか忘れてますし、
思い出したって駄作に過ぎませんし…
 
でもそんなん書いてたらこのHPの存在意義なんてないに等しいんで、
過去の作品をゆっくり放出します。
 
支離滅裂しっちゃかめっちゃかは平常運転です。
以上、駄文でした。

  • カレンダー

    2018年6月
    « 11月    
     12
    3456789
    10111213141516
    17181920212223
    24252627282930
  • 最新5件の投稿

  • 投稿カテゴリー

  • 月別アーカイブ

  • 管理人Twitter