ホームページビルダーでサムネイル作成

ホームページビルダーでサムネイル作成方法




※サムネイルを作成したい画像を準備（リンク先の大きい画像のみ・ファイル名は半角英数字)

1. サムネイルを挿入したい個所にカーソル移動
   
   
   
2. 挿入　→　画像の効果　→　サムネイル　と順にクリック
   
   
   
3. 左の画面で挿入したい場所を決めて、右の画面で挿入したい画像をクリック
   複数選択可能
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
4. 「自分で設定する」にチェックを入れて「設定」ボタンをクリック
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
5. サムネイルの数・大きさ等を設定し、「OK」をクリック
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
6. 「次へ」をクリック
   
   
7. 「ページ」にチェックを入れて、ページの保存先の「参照」ボタンからファイルの保存先（フォルダ）を決める。
   
   ※なお、フォルダとフォルダの中のファイルは半角英数字で指定
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
8. 上の画面でレイアウトを「画像のみ」「リンクあり」で選択することができる
   
   
   ・画像のみ
   名前の通り画像だけで次の画像・前の画像などのリンクが設定されない
   
   
   ・リンクあり
   画像の上下等に次の画像・前の画像にジャンプするリンクが設定される
   なお、リンクありには種類が5つあり、選択する種類によって配置が違う
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   ・サムネイルのページとは別のウィンドウで開くのチェックについて
   
   このチェックは入れるか入れないかは、リンクのターゲットの新しいウィンドウで表示と同じである。
   
   リンク先を同一ウィンドウで表示させるか、別ウィンドウにするかの違いです。
   
   
   
9. 設定が完了したら、「OK」をクリック
   
   
10. 最後に「完了」をクリック
    
    

CSSリンクタグの優先順位

CSSリンクタグの優先準備（備忘録）

a:link,a:visited{
Text-Decoration: none;
color : blue;
}
.lnk a:link,a:visited{
Text-Decoration: none;
color : blue;
}
a:hover{
Text-Decoration: none;
color : red;
}
.lnk a:hover{
color : green;
text-decoration : underline;
}
a:active{
Text-Decoration: none;
color : blue;
}
.lnk a:active{
Text-Decoration: none;
color : blue;
}

*LINK→VISITED→HOVER→ACTIVEの順に記述すること。
そうでないとうまく動作されない。

Facebookプロフィールバナー作成方法

Facebook プロフィールバナー





１．Facebook バナーをアクセスします。（Facebookログインが必要です）

２．「プロフィール用バナー」をクリックします。

３．＋Blogger　のアイコンをクリックします。

４．Bloggerの画面に切り替わります。（Bloggerログインが必要です）

５．「ウィジェットを追加」をクリックします。

６．Bloggerのレイアウトの画面が表示されますので、好みの場所にガジェットをドラッグします。

７．右上の「保存」をクリックします。

ピカサウェブアルバムのスライドショー作成

ピカサウェブアルバムのスライドショー作成




１．スライドショーを作成したいアルバムをクリック

２．右側のサイドバーの「このアルバムへのリンク」をクリック

３．「スライドショーを埋め込む」をクリック
するとダイアログボックスが表示される。

４．「コピーしてウェブサイトに貼り付けてください。」のソースコードを全選択→全コピー

５．ブログ・ホームページ作成ソフトなどに貼り付け。

Excel非表示シートを簡単操作で再表示（VBA）

非表示になったシートがたくさんあるワークブックは、シートの再表示を何度も操作するのは面倒臭い。

…ので、ネットで調べてみるとこんなマクロが！

--------------------------------------------------------------------------

Sub UnHideSheets()



Dim objSheet As Object

Dim intRet As Integer


For Each objSheet In ActiveWorkbook.Sheets

If objSheet.Visible = False Then

intRet = MsgBox("シート『" & objSheet.Name & "』を再表示しますか？", vbYesNo)

If intRet = vbYes Then objSheet.Visible = True

End If

Next


End Sub

--------------------------------------------------------------------------


このVBAを実行するとシートの再表示をダイアログで確認しながら再表示可。

上記のSubプロシージャを、VBE（Visual Basic Editor）を起動して標準モジュールに貼り付ければOK。

あとはマクロ実行するなり、よく使用するのであればボタン登録してもいい。





ちなみに非表示になっているシートの全表示をするのであれば、for～next間を

If objSheet.Visible = False Then objSheet.Visible = True

のみにすればいい。

QRコード作成（ホームページビルダー使用）

ホームページビルダーでQRコードを作成します。





１．挿入　→　その他　→　ケータイ用部品　→　QRコード　の順にクリック

２．文字の欄に「ホームページアドレス」を入力。

３．作成されるコードの大きさを選択。

４．OKをクリック。

５．QRコードが作成されます。

Bloggerページの追加・編集

Bloggerページの追加・編集


1.   ダッシュボードにアクセスします。

2.   「投稿」をクリックします。

3.   上メニューの「ページを編集」をクリックします。

4.   「新しいページ」をクリックします。

5.   「ページタイトル」を入力します。

※  ページの項目名となります。

例）プロフィール、趣味等。

6.   「ページの内容」を入力します。

※  ５．で決めた項目の内容です。

7.   下の「ページを公開」をクリックします。

ページを再編集する場合

上記の1～3まで進み、各項目の「編集」をクリックします。

BloggerでのYOUTUBEの動画貼り付け

YOUTUBE動画貼り付け




1.YOUTUBEで検索します。

貼り付けを希望する動画を探す

2.動画の下位にある「共有」をクリック

3.「埋め込みコード」をクリック

4.範囲指定（青く反転）されているのを確認しコピーする
※埋め込みできない設定になっているケースあり

5.投稿の下にある「投稿オプション」をクリックし、「入力されたHTMLを解釈」をクリック

6.最後に「投稿を公開」をクリック

※5．の作業は一度でも設定をすれば、2回目以降はチェックしなくてもOKです。

ウィンドウズメディアプレーヤー（Windows Media Player)で音楽取込（WinXP)

ウィンドウズメディアプレーヤー（Windows Media Player)で音楽取込する方法
（WinXP用）





1.スタート⇒すべてのプログラム　⇒　Windows Media Playerをクリック

2.取り込みボタンの▼をクリック　⇒　形式　⇒　MP3をクリック

3.音楽CDをセット

4.取り込みオプションが表示されますので、赤丸部分をクリックし、OKをクリック

5.CDの中の音楽データが取込されます。

なお、取り込んだ音楽データは「マイドキュメント」の「マイミュージック」に保存されます。

Bloggerコメント入力時の文字入力確認省略

今更ながらコメント入力時、確認用文字を入力しないようにする設定手順。





1.Bloggerダッシュボード画面にアクセス

2.「設定」をクリック

3.画面上にある「コメント」をクリック

4.下にスクロールし、「コメントの～を入力させますか？」の箇所を「いいえ」にチェック

5.下までスクロールをして、「設定を保存」をクリック


以上で今後閲覧者がコメントを入力する際、文字入力の確認をしなくてもOKです。

CSS八苦（ハック）

自分メモ用（他力本願でごめんなさい）

Internet Explorer

IE6以下

#help_me { _color: blue; }

* html #help_me  { color: red; }

IE7

*:first-child+html #help_me { color: red; }

*+html #help_me {  color: red; }

IE6, IE7

#help_me { /color: blue; }

IE8

#help_me { color: blue\9; }

IE7, IE8

#help_me { color/*\**/: blue\9; }

IE6以外

#help_me { color/**/: blue; }

IE6, IE7以外

html>/**/body #help_me { color: red; }

IE6〜IE8以外

:root *> #help_me { color: red;  }

モダンブラウザ

Firefox

#help_me,  x:-moz-any-link  { color: red; }

Firefox 3.0以上

#help_me,  x:-moz-any-link, x:default  { color: red; }

Safari 2-3

html[xmlns*=""] body:last-child #help_me { color: red; }

Safari 2 – 3.1

html[xmlns*=""]:root #help_me  { color: red; }

Safari 2 – 3.1, Opera 9.25

*|html[xmlns*=""] #help_me { color: red;  }

Safari 3以上, Chrome

@media screen and (-webkit-min-device-pixel-ratio:0) {

#help_me  { color: red;  }

}

Safari 3以上, Chrome, Opera 9以上, Firefox 3.5以上

body:nth-of-type(1) #help_me { color: red; }

body:first-of-type #help_me {  color: red; }

Opera 9.25以上

;;body #help_me {  color: red; }

html:\66irst-child #help_me {  color: red; }

Opera 8, 9以外

body[class|="hypen-ated"] #help_me {  color: red; }

iPhone

iPhoneのみCSSを変える場合はiPhone用CSSを作成して読み込ませます。

<link media="only screen and (max-device-width: 480px)" href="iphone.css"type="text/css" rel="stylesheet" />

ブックマークしていたCSSハックのサイトの中にiPhone用ハックもありました。

/* iPhone / mobile webkit */

@media screen and (max-device-width: 480px) {

#help_me { color: red;  }

}

参考URL：http://www.webcreatorbox.com/tech/css-hack-list/