iMessage チャットのテンプレート

2021年02月03日 2021年02月07日 ※CSSの色の設定・変更がし易いように変更 「iMessage」 Apple端末同士(iPhone、iPad、Mac、iPod touch)で、メッセージがやり取りできるiOS独自の機能 その機能はMMSに近く、写真・動画・音声の送受信が出来、文字数制限なし LINEスタンプに似た…

続きを読む

チャットテンプレ LINE名月やバージョン

チャットテンプレをLINEバージョンにしてみました。 そして、「名月や 落葉ちらちら 雲流る」ですね(笑) 1 チャットテンプレ LINEバージョン <わけいの部屋にて> 季節外れの話ですが・・・ ② 春は曙っだたね! うん、夏は月夜やホタルだったね じゃあ、秋は何だっけ? え~と・・・ …

続きを読む

コーヒーブレイク / 早速、チャットテンプレの応用

早速、iMessage チャットのテンプレートを使ってみました。 色は、コーヒー系の色に統一して・・・ 1 わけいの部屋にて ここはわけいの部屋 何だかいい香りがするわ! そうなんだ、今コーヒー淹れてるからちょっと待ってね ブルーシーとかいうやつ 早速使った iMessage チャッ…

続きを読む

スタイルシートw3.css / 引用符

スタイルシート「w3.css」を使って引用符たテンプレートです。 スタイルシート「w3.css」はリンクして使いますので、すべてに共通して記事の冒頭に次の行を加えてください。 <link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css"> …

続きを読む

スタイルシートw3.css / パディングの有無

2020年05月31日 2021年02月01日 1 とても便利な外部スタイルシート「w3.css」 とても便利な外部スタイルシート「w3.css」をリンクして使ってみます。 使い方は「W3.CSS チュートリアル」← リンクに詳しく書かれています。 スタイルシート「w3.css」はリンクして使いますので、すべてに共通して記事の冒頭に…

続きを読む

スタイルシートw3.css / テキスト背景の装飾

画像は、わけいのコラージュより 外部CSSのリンクソース「w3.css」を使うと、テキスト文の背景に色を付けたり枠で囲ったりの効果をいとも簡単に実現できます。 色名を変えたり、線を付けたりと、適宜変更して使っていただければと思います。 クラス名が全て「w3-〇〇」の形式に統一されていますので、使いやすいと思います。 ※事例のテキスト文は特に意味…

続きを読む

スタイルシートw3.css / ドロップダウンメニュー

画像は、わけいのコラージュより リンク型のスタイルシートの「w3.CSS」のドロップダウン機能を使ってみます。 スタイルシート「w3.css」はリンクして使いますので、すべてに共通して記事の冒頭に次の行を加えてください。 <link rel="stylesheet" href="https://www.w3schoo…

続きを読む

スタイルシートw3.css / 画像表示

「w3.css」というスタイルシートを使ってみました。 使ってみて、いちいち面倒な記述なしでつかえて、とても便利だと思いました。 他にも、このように外部のサーバーから利用できるCSSがあるといいなと思います。 スタイルシート「w3.css」はリンクして使いますので、すべてに共通して記事の冒頭に次の行を加えてください。 <link re…

続きを読む

JavaScript / 時間帯であいさつを変更

この「ご挨拶」は、時間帯によって変わります。 1日を3つに区切って、3種類の「ご挨拶」を用意しています。 挨拶を変更する24時間の区切りは  ・おはようございます~4時以降10時未満  ・こんにちわ~10時以降18時未満  ・こんばんわ~18時以降4時未満 の3区分に、補足メッセージを加えました。 以下に、HTMLとJavaScr…

続きを読む

FontAwesomeを使った各種引用スタイル・続編(9~17)

画像は、わけいのトマト缶ラベルより 今回は、前回紹介した「FontAwesomeを使った各種引用スタイ」の続編です。 基本的事項は前回書きましたが、次の部分は基本的に必要な部分なので再掲します。 事例9のHTMLのソース <blockquote class="wf09in"> <p class="wf09in">(引用文~略)…

続きを読む

FontAwesomeを使った各種引用スタイル・前編(1~8)

画像は、わけいのトマト缶ラベルより 今回紹介する各種の引用スタイル事例は、全てFontAwesome v5.11.2を使用しています。 なお、FontAwesomeを使う場合は、CSSに次のよう記述します。 @import url(//use.fontawesome.com/releases/v5.11.2/css/all.css); font-family:…

続きを読む

10種類の引用文のスタイルとCSS(FontAwesame不使用)

画像は、わけいのトマト缶ラベルより 以前、引用スタイルを紹介しました。 しかしながら、その記事は・・・ ① 記事が長かったこと ② FontAwesame使用・不使用の両方の事例が混じっていて分かりにくかったこと ③ ソースが付いていなかったこと これらを踏まえて、改訂記事を書きました。 今回は、事例1~10の10種類をCSSのソースも合…

続きを読む