HTML+CSS、パソコンでなら、

文字を枠で囲んだ線の方法など出ておりますが・・・

 

パソコンでブログを書くにしても、CSS編集?

それ何??

って人も多いかもしれませんネ・・・

 

どうやるん?

って感じでしょうね、、、

 

 

 

CSSといったキーワードであれば、

方法がいっぱい出ていますけど・・・

 

 

アメブロでもCSS編集用のデザイン

使わないと編集出来ないとか

 

アメブロアプリでは、

CSS編集、出来ないじゃん!!

 

 

って、諦めてた方も多いかも・・・

 

ちょっとした裏技があります。

(*^^*)

 

いつもお世話になっているこのサイトから

してみますネ♪

 

https://saruwakakun.com/html-css/

 

 

このサイトでもスマホ対応の

アメブロアプリの方法はありません

(´・ω・`)

 

 

 

 

今回は、この10番目のイメージで作ってみます

 

メモ帳を使おうが、

直接、アメブロアプリで編集しようが

2つのアプリを切り替えながら

操作していきます。

 

 

コードを表示をタップして

まずは、HTMLの部分を選択してコピーします。

 

 

【アメブロアプリ】

タグ編集を開き 「貼り付け」

 

 

【WEB】に戻り

box10の内容を選択しコピー

画面上切れてますが全部ですよ!!

 

 

【アメブロアプリ】

box10 の箇所に貼り付け

 

綺麗に整形していきます。

/*~~*/ ← コメントなので削除

box10の変わりにしていきます。

style= を先頭に付け、”ダブルクォーテーションで囲みます。

 

 

【WEB】に戻り

box10 p の部分

中身をコピーします。

こちらも全部です。

 

 

【アメブロアプリ】

p の箇所に、スペースを1文字あけて

貼り付けます。

 

P の部分も

Style=” で囲み

”で終わり

「ここに文章」の箇所に、

かきたい内容を記述していくと・・・・

 

 

こんな感じになりました。

\(^o^)/

 

 

単純な編集なら

コピペ操作で出来ます。

 

枠とか、見出しなど

飾り付けしたい場合に、使える方法です。

 

 

stlye属性を使って、定義していくと

アメブロアプリで見ても、パソコンから見ても

同じように見えます。

(´・ω・`)

 

 

パソコンでする場合も同じ操作で出来ます。

 

HTML表示で編集して下さい。

 

今回はスマホで、cssの代わりに、Style属性を使って編集してみました。

 

CSS編集で作っても、

アメブロアプリからみると、

残念ながら、表示されません♪

(´・ω・`)

 

 

フォローしてね!

 

 

ちょっとハードル高かったかな?

 

パズルゲーム追加しました♪(ここクリックでみれます)

 

 

スマホからだと、中々思い通りの箇所に

コピペ出来ないので、

ちょっと大変かもしれませんが

 

 

CSSの代わりに、style属性を使えば

何とかなるもんです。

(´・ω・`)

 

 

アメブロだと、CSSで編集するよりも

この方法をオススメします。

 

 

アメブロアプリ使っている人の方が

多いですもんね♪

 

 

せっかく見やすく飾り付けしても

アメブロアプリからだと見えない

といったもどかしさ・・・

 

 

面倒だけど、コピペしながら作っていく方が

単純操作できます。

 

 

一度作ってしまえば、

メモ帳などで残しておいて、

コピペして使えるので、、、、

活用してみて下さいネ♪

 

メール配信・イベント・HP作成

メール配信とかイベント告知用のランディングページとか簡単につくれます
簡単作成、サポート有りだから安心
無料で使えるサイト
ネットショッピングするその前に(^^)!
もう知っているかな?楽天ポイントをもっとゲット♪

Rebatesお友達紹介キャンペーン

 

メルマガ配信中♪

プログラミングに興味のある人、お子さんに教えてみようと思っている人へ
プログラミング無料講座

初心者のためのアメブロ講座
はじめてのアメブロ講座

 

初心者向けの簡単な内容です。

読者登録すると、「ちょっとしたお小遣いが入る方法」をプレゼント♪
 
 

パソコン・プログラミングの相談窓口

困ったことがあれば、相談できるように窓口を設けています。

お問合せ
 

 

ブログランキング

こちらもよろしく♪


岡山県ランキング
岡山県 ブログランキングへ

こちらもよろしく♪


にほんブログ村

 

 


岡山市、岡山県、倉敷市、玉野市、赤磐市、備前市、京橋町、表町
大人気のロボット教室とプログラミング教室、時々、困った時の便利なパソコン相談所、
楽しく学ぶパソコン教室(*'ω'*)
ものづくりの楽しむ教室です

 

 

教室はこちらから

1週間に1度は更新しているホームページです♪
たまには、見て下さいネ♪

ホームページ・ブログカスタマイズもOK♪
岡山市のパソコン教室

子ども達に大人気のロボット教室\(^o^)/
岡山市のロボット教室

気になるプログラミングの相談もOK♪
岡山市のプログラミング教室

子ども向けの英語教室も(*^^*)
岡山市のこども英語教室