web-design802のブログ

web-design802のブログ

ホームピグアメブロ

芸能人ブログ人気ブログ

26Aug
- テスト
  囲み枠デザインカスタマイズ１<div style="border: 1px #ccc solid; padding: 20px; box-shadow: 0 2px 3px 0 #ddd; background: #fff; font-size: 90%;">囲み枠デザインカスタマイズ１</div>
25Aug
- ホームページを作りすぎて、顔の形がホームベースになりました
  １．ポジティブ心理カウンセラー協会２．コーチング心理学協会３．人間関係コーチング４．戦略的に理想の人生を創るファーストステップコーチやカウンセラー、コンサルタント、講師の方を対象にホームページ制作のサービスを行っております。ホームページって難しくないですか？と質問されるのですが、ら・く・ち・んです。ワードプレス！という素晴らしいホームページソフトがありますから。巷では、ワードプレスはクソムズイ！みたないことが言われていると思います。決してそんなことありません。そんなデマを言ったのは誰ですか？おそらく、どっかのホームページ制作会社の人たちだと思います。そうしないと儲かりませんからね。顔を踏んでいいと思います。喜んでくれます。(笑)とりあえず、ワードプレスを使えばホームページはカンタンに作れることを覚えてください。宣言します。9月中にホームページを4つ作ってみます。お楽しみください。何が言いたいかというと、読者登録をしてください。お願いします。
20Aug
- 静岡県浜松市で活動するアーティフィシャルフラワー講師の方のページをワードプレスにて作成
  一日中部屋にこもってホームページ制作をしておりました。↓↓↓ページ名：戦略的に理想の人生を創るファーストステップです。ワードプレスで作りました。テーマは安定のLightningです。無料テーマでもここまでできるんですね。驚き。
05Aug
- アメブロでヘッダーとメニューバーを創りました。
  うん・・・ダサい。(笑)ヘッダーのデザインイラストレーターを立ち上げて、カチャカチャ。こんな感じです。↓↓↓からのこれ。1120px×250pxコーチ、カウンセラー、講師＆先生、コンサルタントのためのホームページ制作サービスをしております。おひとりでご活動中のコーチカウンセラー講師＆先生コンサルタント様・・・ブログじゃなくてホームページをお作ります。かなりの低価格で。100,000円は超えません。最近制作したホームページです。コーチング心理学協会様https://coaching-psycho.com/さて、マイペースに頑張ります。にしても、暑い(´;ω;｀)
29Apr
- アメブロで３つのバナーを横並びにして、クルクル回してみた。
  タイトルの通りです。アメブロで画像を横並びに表示させて、マウスが当たったら画像がクルクル回る仕掛けを作っています。＜課題は３つ＞ PCとスマートフォンできれいに表示されることみんなから「欲しい！」と思ってもらえること忘れた・・・・（思い出したら更新します）【思い出した】　※追記フッターバナーを横に並べること。そして、最後まで記事を読んでくださった読者様を自分のコンテンツに誘導すること！でした。横並びにバナーを表示させたほうが、スクロールしなくても全部見れるから、こっちのほうが効果的です。さて、実験スマフォのプレビューが絶望的。。。出おなしてきます。・・・・・・・・・・・・・・・「諦めるな！」と誰かが言った出直してきました。テーブルタグで横並びにしてみた。画像のサイズを200px→180pxにして幅を10pxずつつけてみた。ついでにこっちも。 CSS3になってから、アメブロでの遊びの幅が広がりましたね。癖になりそう笑table td { border:none; } table td a img:hover { opacity: 0.8;/* 透過率50% */ transition: 0.5s;/* 0.2秒アニメーション */ -webkit-transition: 1s; transform: rotateZ( 345deg ) ; } .never-giveup img:hover { transition: 0.5s;/* 0.2秒アニメーション */ -webkit-transition: 1s; transform: rotateZ( 720deg ) ; }
28Apr
- 【突然】を思い出して、CSSでお遊び。
  突然アメブロからのメール♪あの日から途切れたブログの更新♪今すぐパスワードを設定するよ♪GWが終わりそうになっても♪アメブロでバナーの横並びを作成しています。引き続き挑戦中。スマートフォンでもきれいに表示させたいですね。ブログの読者さんをメインページに誘導するため！！！リストタグで作成しみたはい、失敗泣グレてやる。盗んでいないバイクで走ってやる。DivとPタグで実験テーブルタグ4列横並びにしてみた。もうちょっと画像を大きくしよう。 DanDan心惹かれていくくらいに。果て無い闇から抜け出せたかな？誰かHold my hand♪　←ゲス .waku1 { background-color:#ccc; width:auto; } .waku1 ul { overflow:hidden; display:block; margin-left:-2em; } .waku1 ul li { float:left; padding:2px; list-style-type:none; } td { max-width:300px; padding:2px; } .waku2 { overflow:hidden; } .waku2 p { width:300px; float:left; display:block; margin:3px; } table { width:auto; } table td { width:auto; }まぁまぁかな。スマフォ表示の精度をあげたいところ。最後に替え歌突然の衝動に駆られて夢中でCSSを打ったね。壊れそうになったら、HTMLでエディタを表示してまたー、あの日のようにのびのびとブログを更新したい
03Sep
- ボックス表示
  ボックスを作ってみました。キチンと表示されるでしょうか？ボックスが表示されないと、ちょっと困ります。無事表示されていました。ちょっと安心しました。試しにもう一回pタグは勝手に自動生成されるみたいですね。ちょっと安心しました。「ちょっと安心しました」が口癖になっていますね。
- ノリでアメブロを始めました。
  2017年に32歳にして念願のWEBデザイナーになりました。新人なので完全に下積みからのスタートです。ちょっとしんどい。この記事では、WEBデザインについて記事を書いております。アメブロで使えそうなコードのテクニックなんかも発信していきます。宜しくお願いいたします。 h2タグ h2タグテストです。