ちゃならんど**にくきうの小部屋**

久しぶりに、イメージチェンジですのよ☆うふふ

ブログの自習部屋☆

[ リスト | 詳細 ]

記事検索
検索

全2ページ

[1] [2]

[ 次のページ ]

Wiki文法を使って、画像にリンクを貼る方法

http://linetopics.d-a.co.jp/linetopics/swf/mtst1.swf?5RzPUPiPFFFFFF000FFF050F6FFFFFFF
http://tipy.2bee.jp/php/count.php?acount=bunniler&NoReload=true&img=1

画像をクリックすると、指定したサイトにジャンプする！・・・と言う方法を勉強してみましょう。

　（１）最初に新規投稿の画面で、画像をアップします。

http://proxy.f2.ymdb.yahoofs.jp/users/1db92be7/bc/img/wiki/__hr_wiki.jpg?BClVxsDBOu4D5GVF

新規投稿の画面にアップされた画像は、左側から順番に、１番、２番・・・・というように番号が自動的に割り当てられています。




　（２）Wiki文法の構文をテキスト画面に貼り付けます。
以下が、Wiki文法の構文となります。

◆画像にマウスをおいたときに手のマークがつかないタイプ◆
||<#ffffff' onclick=document.location='【ＵＲＬ】' ``[[attached(*)]]||

◆画像にマウスをおいたときに手のマークがつくタイプ◆
||<#ffffff' onMouseOver=this.style.cursor='pointer' onMouseOut=this.style.sursor='' onclick=document.location='【ＵＲＬ】' ``[[attached(*)]]||

◆’ちゃならんど’にリンクを貼る場合◆
||<#ffffff' onMouseOver=this.style.cursor='pointer' onMouseOut=this.style.sursor='' onclick=document.location='http＆#58;//blogs.yahoo.co.jp/bunniler/' ``[[attached(*)]]||





　（３）Wiki構文に対して、リンク先のＵＲＬなどを記載していきます。（注意事項）
　
�―猗�作業
　新規登録画面を開き、テキスト入力画面の右上にある、’Wikiを使用する'にチェックを入れます。

��Wiki文法をテキスト入力画面に貼り付けます。
　上記の構文をコピーして貼り付けてくださいね。
　

��【ＵＲＬ】の部分にリンク先のＵＲＬを置き換えてください。
　このとき、ＵＲＬの「：」コロンの記述を半角の記号で「＆＃５８；」と変更してください。
　（修正画面を何度も表示すると、「＆＃５８；」の記述が元の「：」に戻ってしまうので気をつけてね。
　
　例）ちゃならんどのＵＲＬの場合は以下のようになります・・・
　　　http＆＃５８；//blogs.yahoo.co.jp/bunniler
　
��[[attached(*)]]⇒この記述の*部分を数字に置換えてください。
　１枚目の画像の場合は[[attached（1）]]、２枚目の画像の場合は[[attached（2）]]、・・・のように。




　（４）【決定】ボタンを押して、画像からジャンプできるか確認してくださいね。

こんな感じになります↓
イメージ 1


これで、ＯＫ！！　できたかな〜〜？



http://www.ff.iij4u.or.jp/~bunny/chanaland.jpg

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

Wiki文法を使って罫線（横線）を引く方法☆ 

　　　　　　　　　　　　　WIKI文法を使って罫線（横線）を引いてみましょう！

いろんな色を使って罫線（横線）を引くことができます。

ブログを４コマ漫画風に仕上げたり、話の内容を切替えたいときに便利ですよ♪
お試しくださいね。









　||<#0000FF' style=width:560px;``||　　･･･青
　||<#FF0000' style=width:560px;``||　　･･･赤
　||<#FF8C00' style=width:560px;``||　　･･･オレンジ
　||<#008B00' style=width:560px;``||　　･･･緑
　||<#FFC0CB' style=width:560px;``||　　･･･ピンク
　||<#9932CC' style=width:560px;``||　　･･･紫
　||<#FFFF00' style=width:560px;``||　　･･･黄

　「#0000FF」のように６桁の英数字が色の番号となります。
　この部分の番号を変更すると、好きな色で罫線（横線）を引くことができます。
　色番号は「色の一覧表」をクリックすると、色・番号を確認することができます。

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

WIKI文法で画像と画像の間に文字を入れる方法☆ 

　　　　　　　　画像と画像の間に文字を入れてみよう！

Yahooブログの画像添付機能をつかって、通常どおりに画像をアップします。

添付した画像は、左から１番、２番・・・という風にシステム側で番号が割り当てられます。

以下のコマンドを使うと、画像を好きな場所に移動することができます。


　　　　　[[attached(＊)]]　　　　　　　・・・カッコ内（＊）は画像番号です

以下の画面のように・・・

　　
　　[[attached(＊)]]　　　・・・(＊)⇒(1)に設定する

　　バナナを乗せるこゆき

　　[[attached(＊)]]　　　・・・(＊)⇒(2)に設定する

　　きゅうりを乗せるこゆき
　
　　[[attached(＊)]]　　　・・・(＊)⇒(3)に設定する

　　トマトを乗せるこゆき


と記載すると、画像とコメントが交互に表示されます。

イメージ 1



　　　　　　　　画像を、左・中央・右へと動かしてみよう！

画像番号をカンマで区切り、場所を指定します。

　
　　[[attached(＊,left)]]　　　・・・左

　　[[attached(＊,center)]]　　・・・中央

　　[[attached(＊,right)]]　　・・・右


そうすると、以下のように、画像を移動させることが出来ます。

イメージ 2


追記：こゆきんちゃん、ワンコの画像を勝手に借りちゃいました。承諾なくごめんよ。
　　　　これで出来るかどうか、試してみてくださいな♪

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

★wiki使ってブログを楽しくしよ〜う★

wikiで出来ること、少し面倒だけどアップしてみました♪


wikiで文字を小さく・大きくしたい時


笑える雑学面白ネタ画像
笑える雑学面白ネタ画像


||<#FFFFFF' style=font-variant:small-caps;``笑える雑学面白ネタ画像||
||<#FFFFFF' style=font-size:25pt;font-variant:small-caps;``笑える雑学面白ネタ画像||


wikiで取り消し線を引く時は


取り消し線引いてみた

||<#FFFFFF' style=text-decoration:line-through;``取り消し線引いてみた||



文字に色を付けてみよう!


笑える 雑学面白 ネタ画像 


||<#FFFFFF' ``||
||<#FFFFFF' style='padding:0px;``笑える
||<#FFFFFF' style='font:bold 20pt;color:FF0000;padding:0px;``雑学面白
||<#FFFFFF' style='padding:0px;``ネタ画像
||<#FFFFFF' ``||


一応基本編です♪


'''ABC''' ⇒字を太くします 
= ABC = ⇒字のサイズを大きく、青色になるよ 
== ABC == ⇒字のサイズは中間で、白色になるよ 
=== ABC === ⇒字のサイズは中間で、青色になるよ 
==== ABC ==== ⇒字のサイズを小さく、白色になるよ 
===== ABC ===== ⇒字のサイズを小さく、青色になるよ 
[リンク先のURL] ⇒リンクを設置します 
[[img( 画像のURL )]] ⇒画像を設置します


URLを表示せず文字で表したい時は?


☆★☆笑える雑学面白ネタ画像☆★☆こちらから♪


'''☆★☆笑える雑学面白ネタ画像☆★☆'''[ここにURL こちら]から♪
[ ]中のURLと文章の間は半角スペース開けてね!!

wikiだと少し味気ないので↑少しは楽しいブログ作りに役立てればと思います♪　



◆◇その他ハートなど記号登録法は◇◆こちらからどうぞ♪


分からない方の為に役立ちそうだと思ったら転載して少しでも参考にして貰えれば嬉しいです

転載元転載元: ★☆笑える雑学・おもしろネタ画像★☆

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

テーブル（表）の背景色や文字色を変える！

http://tipy.2bee.jp/php/count.php?acount=bunniler&NoReload=true&img=1

ＷＩＫＩ文法のお勉強の時間です☆
今日は、先日の「ＷＩＫＩ文法でテーブル（表）を作る！」の応用編で、テーブルの背景色や文字色をかえたものを勉強します。

`こゆきんちゃんのリクエストに答えて`こんな表を作ってみました！
`文字を大きく(15pt)したり`文字を小さく(8pt)したり
`背景色を変えたり`文字色を変えたりできますよ〜

色の設定する場合には、１６進数の色見本表(←ここクリック)とあわせて設定すると便利です♡

それでは、ソースを見てみましょう。

||<#00CED1' style='font-size:10pt;color:#FFFFFF'``こゆきんちゃんのリクエストに答えて||<#00B2EE' style='font-size:10pt;color:#FFFFFF'``こんな表を作ってみました！||
||<#FFA500' style='font-size:15pt;color:#000000'``文字を大きくしたり||<#FFD700' style='font-size:8pt;color:#000000'``文字を小さくしたり||
||<#DDA0DD' style='font-size:10pt;color:#FFFFFF'``背景色を変えたり||<#9370DB' style='font-size:10pt;color:#EE6AA7'``文字色を変えたりできますよ〜||

つまり、1つのセルの中はこのようになっています・・・
||<【16進数の背景色】' style='font-size:【1〜20までのポイント数】pt;color:【16進数のfont色】'``【文字】||

このセルを複数つなげると、カラフルなテーブルの出来上がり！！
わ〜い、できたできた〜〜♡

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

全2ページ

[1] [2]

[ 次のページ ]

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

.
bun*i*er
bun*i*er
女性 / 非公開
人気度
Yahoo!ブログヘルプ - ブログ人気度について

最新のコメント

最新のトラックバック

日 月 火 水 木 金 土
1 2 3 4 5 6 7
8 9 10 11 12 13 14
15 16 17 18 19 20 21
22 23 24 25 26 27 28
29 30 31

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

もっと見る

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

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

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