『ゆう』のひとりごと 〜Wiki文法・日記などなど〜

復活しました！少しずつ復帰していくのでまたよろしくです<(_ _)>

ブログ[Wiki文法]

[ リスト | 詳細 ]

習得したWiki文法
記事検索
検索

全7ページ

[1] [2] [3] [4] [5] [6] [7]

[ 次のページ ]

Wiki文法[マウスイベント 其の四]

ひさびさにWiki文法の紹介をしたいと思いま〜す！
今度はマウスイベントで文字の書体(太さ・書体・大きさ)を変える方法ですhttp://www.geocities.jp/hy53336/ICON/Disny/GoofyKiss.gif


○例�� 文字の太さ：普通 ⇒ 太く
カーソルが上にくると・・・文字が『太く』なります！

○例�� 文字の種類：通常 ⇒ 斜体
カーソルが上にくると・・・文字が『斜体』になります！

○例�� 文字の種類：通常 ⇒ HG丸ｺﾞｼｯｸM-PRO
カーソルが上にくると・・・文字が『HG丸ｺﾞｼｯｸM-PRO』になります！

○例�� 文字の大きさ：通常 ⇒ 13pt
カーソルが上にくると・・・文字が『13pt』になります！

○例�� いろいろ組み合わせ
ゆうの顔を見て、だんなさんは・・・ 「わ〜！！」 と驚いた・・・。 


↑のWiki文法の記述です。

○例�� 文字の太さ：普通 ⇒ 太く
||<#FFFFFF' onMouseOver=this.style.fontWeight='bold' onMouseOut=this.style.fontWeight='normal' ``カーソルが上にくると・・・文字が『太く』なります！||

○例�� 文字の種類：通常 ⇒ 斜体
||<#FFFFFF' onMouseOver=this.style.fontStyle='italic' onMouseOut=this.style.fontStyle='normal' ``カーソルが上にくると・・・文字が『斜体』になります！||

○例�� 文字の種類：通常 ⇒ HG丸ｺﾞｼｯｸM-PRO
||<#FFFFFF' onMouseOver=this.style.fontFamily='HG丸ｺﾞｼｯｸM-PRO' onMouseOut=this.style.fontFamily='normal' ``カーソルが上にくると・・・文字が『HG丸ｺﾞｼｯｸM-PRO』になります！||

○例�� 文字の大きさ：通常(10pt) ⇒ 13pt
||<#FFFFFF' onMouseOver=this.style.fontSize='13pt' onMouseOut=this.style.fontSize='10pt' ``カーソルが上にくると・・・文字が『13pt』になります！||

○例�� いろいろ組み合わせ
||<#FFFFFF' style='padding:0px' ``||
||<#FFFFFF' style='padding:0px' ``ゆうの顔を見て、だんなさんは・・・
||<#FFFFFF' onMouseOver=this.style.color='#0000FF';this.style.fontWeight='bold';this.style.fontFamily='HG丸ｺﾞｼｯｸM-PRO';this.style.fontSize='13pt' onMouseOut=this.style.color='#000000';this.style.fontWeight='normal';this.style.fontFamily='normal';this.style.fontSize='10pt' ``「わ〜！！」
||<#FFFFFF' style='padding:0px' ``と驚いた・・・。



■ 書き方 ■
||<#カラーコード' style='□□□' onMouseOver=this.style.●●●='○○○' 
    　　　　　　               　　　 onMouseOut=this.style.●●●='△△△' ``文字列||

※ カラーコードは、背景色を指定します
※ □□□は、最初に表示される文字列の編集(color / fontsize / fontfamily ・・・など)

【マウスイベント】　
onMouseOver　： カーソルが乗った時
                ⇒ ○○○は、カーソルが乗った時の文字列の編集
onMouseOut 　： カーソルが離れた時
                ⇒ △△△は、カーソルが離れた時の文字列の編集
※●●● は以下のものがあります！(呪文のようにそのまま覚えて下さいね)
　this.style.fontWeight  ： 太さ
　this.style.fontStyle 　： 書体(斜め)
　this.style.fontFamily  ： 書体(いろいろ)
　this.style.fontSize    ： 大きさ
　this.style.color       ： 文字色
　this.style.backgraound ： 背景
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX

・複数指定するときは・・・？
　例�イ陵佑法◆�;(ｾﾐｺﾛﾝ)」でつなげましょう



目的別 Wiki文法一覧 へ

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

Wiki文法[上線・下線・取消線をひいてみよう！]

久々にWiki文法の紹介をしま〜す！
今回は、簡単な文法を紹介しますhttp://www.geocities.jp/hy53336/ICON/Disny/DeisyKiss.gif
画像だけじゃなく、見出しなど文字を囲むこともできますよ！！

【余談】
明日、朝礼当番なのでネタを探すのに必死だけど、少し・・・現実逃避http://www.geocities.jp/hy53336/ICON/2Ch_0107.gif
こういうの苦手なんですよね・・・


○例�　Ь綫�
文字列に上線をひく

○例�◆Р疾�)
文字列に下線をひく

○例��：取消線
文字列に取消線をひく


↑のWiki文法の記述です。
※ 全て半角で記入して下さいね！！

○例�　Ь綫�
||<#FFFFFF' ``||
||<#FFFFFF' style='text-decoration:overline' ``文字列に上線をひく||

○例�◆Р疾�)
||<#FFFFFF' ``||
||<#FFFFFF' style='text-decoration:underline' ``文字列に下線をひく||

○例��：取消線
||<#FFFFFF' ``||
||<#FFFFFF' style='text-decoration:line-through' ``文字列に取消線をひく||



■ 書き方 ■
||<#FFFFFF' ``||
||<#カラーコード' style='text-decoration:□□□ ' ``文字列||

※ カラーコードは、背景色を指定します

※ スタイルシート `text-decoration`を指定します
【詳細設定】　
　・□□□部分には、線の種類をしてします
　　overline     ：  上線
　　underline    ：  下線
　　line-through ：　取消線



目的別 Wiki文法一覧 へ

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

Wiki文法[マウスイベント 其の参]

昨日に引き続き、Wiki文法の紹介をしま〜す！

マウスイベントで文字の色を変える方法を。
こっちの方が分かりやすいかも・・・。
紹介順番、間違えたったかな・・・まいっか！
頑張ってチャレンジしてみて下さいな〜背景の画像を変える方法ですhttp://www.geocities.jp/hy53336/ICON/Disny/MinnieKiss.gif


○例�� 文字色：桃 ⇒ 青
カーソルが上にくると・・・！？

○例�� 背景色：薄桃 ⇒ 薄青 / 文字色：桃 ⇒ 青
カーソルが上にくると・・・！？

↑のWiki文法の記述です。

○例�� 文字色：桃 ⇒ 青
||<#FFFFFF' style='color:#FF0099'onMouseOver=this.style.color='#6633CC' onMouseOut=this.style.color='#FF0099' ``カーソルが上にくると・・・！？||

○例�� 背景色：薄桃 ⇒ 薄青 / 文字色：桃 ⇒ 青
||<#FFCCFF' style='color:#FF0099'onMouseOver=this.style.color='#6633CC';this.style.background='#99FFFF' onMouseOut=this.style.color='#FF0099';;this.style.background='#FFCCFF' ``カーソルが上にくると・・・！？||



■ 書き方 ■
||<#カラーコード' style='color:□□□' onMouseOver=this.style.color='○○○' 
    　　　　　　               　　　 onMouseOut=this.style.color='△△△' ``文字列||

※ カラーコードは、背景色を指定します
※ □□□は、最初に表示される文字の色を指定します

【マウスイベント】　
onMouseOver　： カーソルが乗った時
                ⇒ ○○○は、カーソルが乗った時の文字色
onMouseOut 　： カーソルが離れた時
                ⇒ △△△は、カーソルが離れた時の文字色
※ [onMouseOut=this.style.color]は、呪文の様にそのまま覚えて下さい！
※ 色を指定する時は「'(ｼﾝｸﾞﾙｺｰﾃｰｼｮﾝ)」で括る必要があります！

XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX

・複数指定するときは・・・？
　例�△陵佑法◆�;(ｾﾐｺﾛﾝ)」でつなげましょう(↓こんな感じで〜♪)

||<#カラーコード' style='color□□□' onMouseOver=this.style.color='○○○';
                                                  this.style.background='●●●'
                                      onMouseOut=this.style.color='△△△';
                                                 this.style.background='▲▲▲' ``文字列||



目的別 Wiki文法一覧 へ

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

Wiki文法[マウスイベント 其の弐]

Wiki文法の紹介をしま〜す！

マウスイベントで背景色を変える方法の時に画像もそのうち・・・
・・・・と言っていたのに・・・間があいてしましましたm(_ _)mペコッ

頑張ってチャレンジしてみて下さいな〜背景の画像を変える方法ですhttp://www.geocities.jp/hy53336/ICON/Disny/MickeyKiss.gif


○例
↑お仕事モードから、休日モードにチェンジ〜♪

↑のWiki文法の記述です。
※ 全て半角で記入して下さいね！！

○例
||<#FFFFFF' style=width:85px;height:179px;background-image:url(http＆#58//www.geocities.jp/hy53336/Avatar/WeekDay.gif); onMouseOver=this.style.backgroundImage='url(http＆#58//www.geocities.jp/hy53336/Avatar/HoliDay.gif)' onMouseOut=this.style.backgroundImage='url(http＆#58//www.geocities.jp/hy53336/Avatar/WeekDay.gif)' ``||



■ 書き方 ■
見やすくするために故意的に改行してますが、実際はズラズラと続けて書いて下さいd(^ー^*)

||<#カラーコード' style=width:□□px;height:○○px;
                       background-image:url(■画像URL■) 
                       onMouseOver=this.style.backgroundImage='url(●画像URL●)' 
                       onMouseOut=this.style.backgroundImage='url(▲画像URL▲)' ``文字列||


※ カラーコードは、背景色を指定します
※ □□は幅、 ○○は高さを指定します
　 ⇒ 背景の画像の大きさは、文字列の幅と高さに反映します
　 　 画像の大きさそのままを表示したい場合は、『幅と高さ』を指定して下さい

※ ■画像URL■は最初に表示される画像のURLを指定します

XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX

【マウスイベント】　
onMouseOver　： カーソルが乗った時
                ⇒ ●画像URL●は、カーソルが乗った時の背景画像
onMouseOut 　： カーソルが離れた時
                ⇒ ▲画像URL▲は、カーソルが離れた時の背景画像

※ [this.style.backgroundImage]は、呪文の様にそのまま覚えて下さい！
※ URLを指定する時は「'(ｼﾝｸﾞﾙｺｰﾃｰｼｮﾝ)」で括る必要があります！
※ 画像URLについて注意
　 アドレスは『http://〜』といった指定になりますが、
　 「:」が認識しない為、代わりに「＆#58」(全て半角)を入力します。
　 修正の度に「＆#58」が「:」と表示されますが、「＆#58」と入力しなおす必要があります！！
 　 ↓
　「http＆#58//〜」



目的別 Wiki文法一覧 へ

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

Wiki文法[マウスイベント 其の壱]

Wiki文法の紹介をしま〜す！

ちょっと高度な技を・・・それは、マウスが上にくると背景の色を変える方法ですhttp://www.geocities.jp/hy53336/ICON/Disny/DonaldKiss.gif
この方法も使えば、画像も変えることができますよ！
それは、また今度d(^ー^*)


○例
カーソルが上にくると・・・！？


↑のWiki文法の記述です。
※ 全て半角で記入して下さいね！！

○例
||<#99FFFF' style='color:#0000FF' onMouseOver=this.style.background='#FFFF99' onMouseOut=this.style.background='#99FFFF' ``カーソルが上にくると・・・！？||



■ 書き方 ■
||<#カラーコード' style='color:□□□' onMouseOver=this.style.background='○○○' 
    　　　　　　               　　　  onMouseOut=this.style.background='△△△' ``文字列||

※ カラーコードは、背景色を指定します
※ □□□は文字の色を指定します

【マウスイベント】　
onMouseOver　： カーソルが乗った時
                ⇒ ○○○は、カーソルが乗った時の背景色
onMouseOut 　： カーソルが離れた時
                ⇒ △△△は、カーソルが離れた時の背景色
※ [this.style.background]は、呪文の様にそのまま覚えて下さい！
※ 色を指定する時は「'(ｼﾝｸﾞﾙｺｰﾃｰｼｮﾝ)」で括る必要があります！



目的別 Wiki文法一覧 へ

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

全7ページ

[1] [2] [3] [4] [5] [6] [7]

[ 次のページ ]

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

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

もっと見る

[PR]お得情報

ふるさと納税サイト『さとふる』
お米、お肉などの好きなお礼品を選べる
毎日人気ランキング更新中！
ふるさと納税サイト『さとふる』
11／30まで５周年記念キャンペーン中！
Amazonギフト券1000円分当たる！

その他のキャンペーン

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

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

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