はじめてのブログ♪ ぼちぼち日記

御訪問頂いた方々へ本当にありがとうm(_ _*)mｺﾞﾒﾝﾅｻｲです元気どぇす♪どす

ブログ勉強♪(転載)

[ リスト | 詳細 ]

記事検索
検索

全2ページ

[1] [2]

[ 次のページ ]

タイトルでグラデーションの応用！？

タイトルでグラデーションの応用みたいの♪

↓基本
有的生活〜有 and ＹＵＵ☆ days〜♡ 

||<#0035D5' ``||
||<#FFFFFF' style='width:560px;text-align:center;font:bold 20pt;color:#0035D5;filter:progid:DXImageTransform.Microsoft.Gradient(startcolorstr=#BFCFFF,endcolorstr=#2B60FF,gradienttype=0)' ``有的生活〜有 and ＹＵＵ☆ days〜♡
||<#0035D5' ``||

↓フォント　：　HGS創英角ﾎﾟｯﾌﾟ体
有的生活〜有 and ＹＵＵ☆ days〜♡ 

||<#0035D5' ``||
||<#FFFFFF' style='width:560px;text-align:center;font-family:HGS創英角ﾎﾟｯﾌﾟ体;font:bold 15pt;color:#0035D5;filter:progid:DXImageTransform.Microsoft.Gradient(startcolorstr=#BFCFFF,endcolorstr=#2B60FF,gradienttype=0)' ``有的生活〜有 and ＹＵＵ☆ days〜♡
||<#0035D5' ``||

↓改行
有的生活☆〜有_and_ＹＵＵ☆_days〜♡ 有的生活☆有くん大好き♡有的生活☆有くん大好き♡ 有的生活☆〜有_and_ＹＵＵ☆_days〜♡ 

||<#0035D5' ``||
||<#FFFFFF' style='width:560px;text-align:center;font-family:HGS創英角ﾎﾟｯﾌﾟ体;font:bold 15pt;color:#0035D5;text-align:center;word-spacing:560px;filter:progid:DXImageTransform.Microsoft.Gradient(startcolorstr=#BFCFFF,endcolorstr=#2B60FF,gradienttype=0)' ``有的生活☆〜有_and_ＹＵＵ☆_days〜♡ 有的生活☆有くん大好き♡有的生活☆有くん大好き♡ 有的生活☆〜有_and_ＹＵＵ☆_days〜♡
||<#0035D5' ``||

↓改行　：　行間40px
有的生活☆〜有_and_ＹＵＵ☆_days〜♡ 有的生活☆有くん大好き♡有的生活☆有くん大好き♡ 有的生活☆〜有_and_ＹＵＵ☆_days〜♡ 

||<#0035D5' ``||
||<#FFFFFF' style='width:560px;text-align:center;font-family:HGS創英角ﾎﾟｯﾌﾟ体;font:bold 15pt;color:#0035D5;text-align:center;word-spacing:560px;line-height:40px;filter:progid:DXImageTransform.Microsoft.Gradient(startcolorstr=#BFCFFF,endcolorstr=#2B60FF,gradienttype=0)' ``有的生活☆〜有_and_ＹＵＵ☆_days〜♡ 有的生活☆有くん大好き♡有的生活☆有くん大好き♡ 有的生活☆〜有_and_ＹＵＵ☆_days〜♡
||<#0035D5' ``||



間違いがあった時はここ↓に連絡ください♪
作成者：
https://blogs.yahoo.co.jp/IMG/ybi/1/55/43/bmygy088/banner/banner.gif 有的生活の 記事はここで〜す♪

転載元転載元: 有的生活〜有 and ＹＵＵ☆ days〜

開く トラックバック（0）

【wiki】文法内での改行

改行について

文章が長くなりそうな時、 改行できたらって思いますよね そんな時はこれ!!使えますよぉ

||<#00ffff' style='font-size:13pt;color:#3300ff;word-spacing:560px;text-align:center;verti
cal-align:middle;border:double 4px #3300ff;' width=560px ``文章が長くなりそうな時、 改行できたらって思いますよね そんな時はこれ!!使えますよぉ||


||<#00ffff' style='font-size:13pt;color:#3300ff;word-spacing:560px;text-align:center;vertical-align:middle;border: double 4px #3300ff;' width=560px ``文字列||

ポイント：
『word-spacing:560px』これを入れることで、改行ができます。
　
　改行する時は、改行したいところで【半角スペース】を入れる！！



作成者：
https://blogs.yahoo.co.jp/IMG/ybi/1/55/43/bmygy088/banner/banner.gif 有的生活で〜す♪

転載元転載元: 有的生活〜有 and ＹＵＵ☆ days〜

開く トラックバック（0）

【wiki】タイトル･･･グラデーション

https://blogs.yahoo.co.jp/IMG/ybi/1/55/43/bmygy088/folder/1468462/img_1468462_39784033_1?20061012010541

グラデーションのタイトルです♪

https://blogs.yahoo.co.jp/IMG/ybi/1/7f/05/michiru8463/banner/banner.gif みちるんるん（＾＾）さんの こちらの記事を参考にさせてもらいました♪

青いグラデーション☆

||<#ffffff' style='border:double #2BCFFF 6px;width:560px;text-align:center;color:#ffffff;font:bold 10pt ;filter:progid:DXImageTransform.Microsoft.Gradient(startcolorstr=#99ffff,endcolorstr=#0099ff,gradienttype=0)' ``青いグラデーション☆||

||<#ffffff' style='��border:double ��#2BCFFF ��6px;��width:560px;��text-align:center;��color:#ffffff;��font:bold 10pt ;filter:progid:DXImageTransform.Microsoft.Gradient(��startcolorstr=#99ffff,��endcolorstr=#0099ff,��gradienttype=0)' ``青いグラデーション☆||

��border:double・・・枠の種類
��#2BCFFF・・・枠の色
��6px・・・枠の太さ
��width:560px・・・背景の幅指定
��text-align:center・・・文字の位置指定
��color:#ffffff・・・文字色
��font:bold 10pt・・・文字のザイズ＆太字
��startcolorstr=#99ffff・・・グラデーション始まりの色
��endcolorstr=#0099ff・・・グラデーション終わりの色
��gradienttype=0・・・グラデーションの種類(縦のグラデーション：0)

『filter:progid:DXImageTransform.Microsoft.Gradient』がグラデーションを命令している??

ピンクのグラデーション♡

||<#ffffff' style='border:double #ff99ff 6px;width:560px;text-align:center;color:#ffffff;font:bold 10pt ;filter:progid:DXImageTransform.Microsoft.Gradient(startcolorstr=#ffccff,endcolorstr=#ff33cc,gradienttype=0)' ``ピンクのグラデーション♡||

きみどりのグラデーション♪

||<#ffffff' style='border:double #00BF30 6px;width:560px;text-align:center;color:#ffffff;font:bold 10pt ;filter:progid:DXImageTransform.Microsoft.Gradient(startcolorstr=#99ff99,endcolorstr=#00ff33,gradienttype=0)' ``きみどりのグラデーション♪||

あかのグラデーション◆

||<#ffffff' style='border:double #BF0030 6px;width:560px;text-align:center;color:#ffffff;font:bold 10pt ;filter:progid:DXImageTransform.Microsoft.Gradient(startcolorstr=#FFBFBF,endcolorstr=#EA0000,gradienttype=0)' ``あかのグラデーション◆||

パ〜プルのグラデーション◇

||<#ffffff' style='border:double #9500BF 6px;width:560px;text-align:center;color:#ffffff;font:bold 10pt ;filter:progid:DXImageTransform.Microsoft.Gradient(startcolorstr=#D8AFE4,endcolorstr=#B600EA,gradienttype=0)' ``パ〜プルのグラデーション◇||

[[attached(1)]]

間違いがあった時はここ↓に連絡ください♪
作成者：
https://blogs.yahoo.co.jp/IMG/ybi/1/55/43/bmygy088/banner/banner.gif 有的生活の 記事はここで〜す♪

転載元転載元: 有的生活〜有 and ＹＵＵ☆ days〜

開く トラックバック（0）

【wiki】背景指定・・・練習編

有クンユニフォーム忘れるなよ♡

||<#9999ff' width=570' ``'''有クンユニフォーム忘れるなよ♡'''||

有クンユニフォーム忘れるなよ♡

||<#9966ff' style='width=570' ``'''有クンユニフォーム忘れるなよ♡'''||

文字がセンタリングになる

有クンユニフォーム忘れるなよ♡

||||<#9933ff' width=570' ``'''有クンユニフォーム忘れるなよ♡'''||

有クンユニフォーム忘れるなよ♡

||||<#9900ff' style='width=570' ``'''有クンユニフォーム忘れるなよ♡'''||

有クンユニフォーム忘れるなよ♡

||<#9900cc' width=570 height=70'``'''有クンユニフォーム忘れるなよ♡'''||

有クンユニフォーム忘れるなよ♡

||<#9933cc' style='width=570;height=70'``'''有クンユニフォーム忘れるなよ♡'''||

文字がセンタリングになる

有クンユニフォーム忘れるなよ♡

||||<#9966cc' width=570 height=70'``'''有クンユニフォーム忘れるなよ♡'''||

有クンユニフォーム忘れるなよ♡

||||<#cc66ff' style='width=570;height=70'``'''有クンユニフォーム忘れるなよ♡'''||



間違いがあった時はここ↓に連絡ください♪
作成者：
https://blogs.yahoo.co.jp/IMG/ybi/1/55/43/bmygy088/banner/banner.gif 有的生活の 記事はここで〜す♪

転載元転載元: 有的生活

開く トラックバック（0）

【wiki】位置指定その２

位置指定その２です♪

●文字の大きさを変える

※『font-size:〜pt』を挿入すると文字サイズがかわります。

・背景ピンク　文字サイズ：12pt
ピンクで中央

・背景黄緑　文字サイズ：15pt
グリーンで左寄り

・背景水色　文字サイズ：20pt
ブルーで右寄り

【ソース】
・背景ピンク　文字サイズ：12pt
||<#FFCCFF'style='text-align:center;font-size:12pt;width:570px'``ピンクで中央||

・背景黄緑　文字サイズ：15pt
||<#99FF99'style='text-align:left;font-size:15pt;width:570px'``グリーンで左寄り||

・背景水色　文字サイズ：20pt
||<#66ffff'style='text-align:right;font-size:20pt;width:570px'``ブルーで右寄り||

注）文字サイズが大きすぎると、背景からはみ出してしまいます。
　　25ptだとはみ出しちゃいました(笑)

●文字色を変える

※『color:〜』を入れると、文字色が変わる。

・背景ピンク
ピンクで中央

・背景黄緑
グリーンで左寄り

・背景水色
ブルーで右寄り

【ソース】
・背景ピンク
||<#FFCCFF'style='text-align:center;color:#ff00cc;width:570px'``ピンクで中央||

・背景黄緑
||<#99FF99'style='text-align:left;color:#336666;width:570px'``グリーンで左寄り||

・背景水色
||<#66ffff'style='text-align:right;color:#6600ff;width:570px'``ブルーで右寄り||

●文字サイズ＆文字色変更
・背景ピンク　文字サイズ：12pt
ピンクで中央

・背景黄緑　文字サイズ：15pt
グリーンで左寄り

・背景水色　文字サイズ：20pt
ブルーで右寄り

【ソース】
・背景ピンク　文字サイズ：12pt
||<#FFCCFF'style='text-align:center;font-size:12pt;color:#ff00cc;width:570px'``ピンクで中央||

・背景黄緑　文字サイズ：15pt
||<#99FF99'style='text-align:left;font-size:15pt;color:#336666;width:570px'``グリーンで左寄り||

・背景水色　文字サイズ：20pt
||<#66ffff'style='text-align:right;font-size:20pt;color:#6600ff;width:570px'``ブルーで右寄り||

次は、フォント変更と、背景の高さ変更にチャレンジしてみたいと思います。

間違いがあった時はここ↓に連絡ください♪
作成者：
https://blogs.yahoo.co.jp/IMG/ybi/1/55/43/bmygy088/banner/banner.gif 有的生活の 記事はここで〜す♪

転載元転載元: 有的生活

開く トラックバック（0）

全2ページ

[1] [2]

[ 次のページ ]

Yahoo!ブログからのお知らせ

よしもとブログランキング

もっと見る

[PR]お得情報

数量限定！イオンおまとめ企画
「無料お試しクーポン」か
「値引きクーポン」が必ず当たる！
ふるさと納税サイト『さとふる』
11／30まで５周年記念キャンペーン中！
Amazonギフト券1000円分当たる！

その他のキャンペーン

プライバシー -  利用規約 -  メディアステートメント -  ガイドライン -  順守事項 -  ご意見・ご要望 -  ヘルプ・お問い合わせ

Copyright (C) 2019 Yahoo Japan Corporation. All Rights Reserved.

みんなの更新記事
前へ 次へ