December 2018  |  01 02 03 04 05 06 07 08 09 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31

確認事項(01) ※Google

【  Q001  】現在、使用してらっしゃるプラットフォームをお答え下さい。



【  Q002  】現在、Googleのアカウントを持っていますか?



※上記で「持っている」とお答えの場合、Googleアカウントをご利用のプラットフォームをお答え下さい。

持っている方は Q004 へ進んで下さい。持っていない方は Q003 へ
 

【  Q003  】Google Chromeのインストール方法をご存知ですか?

 

 Q003 Googleアプリ上で複数でのアカウントの管理方法をご存知ですか? 





、まずご自身のGoogleアカウントを取る為に「Google Chrome」をインストールして、ご自身のアカウントを取って下さい(こちらはあくまで私的なアカウントでWEBサイト用ではありません。個人のアカウントを取った後に、WEBサイト用を別に作りますので、アカウントの命名を最初から切り分けて下さい)。
 
備  考(この投稿の為にした事)
 

<!--jugemform用 2015.10.30 ST-->
<link type="text/css" rel="stylesheet"http ://ca-va-ya.com/webcontent/common/css/jugemform.css">
<!--jugemform用 2015.10.30 ED-->


これでは上手く動作しなかった為、テンプレートのCSSに直接、以下追加
/* JUGEM用フォーム ST */
/*まず、フォーム全体の囲み罫や角丸を指定*/
form#jugemform {
    color: #666;
    padding: 7px;
    margin-bottom: 15px;
    border: 3px solid #EEE9ED;
    /*↓ボックスの角丸の指定*/
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
}
/*<p>に背景や角丸を指定*/
form#jugemform p {
    margin:7px 0 0;
    padding:10px;
    font-size: 12px;
    background: #EEE9ED;
    /*↓ボックスの角丸の指定*/
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
}
/*最初の<p>にはマージンをつけない(:first-child疑似クラスによる指定)*/
form#jugemform p:first-child {
    margin:0;}
/* span要素をブロック化しフロートでフォーム部品と横に並べる*/
form#jugemform p span {
    width: 19em;
    margin:0px;
    display:block;
    float:left;
}
/*「:after」で <p>の末尾でフロートをクリア*/
form#jugemform p:after {
    content:".";
    display:block;
    height:0;
    visibility:hidden;
    clear:both;     /*←フロートをクリア*/
}
/* テキスト入力部品の見た目を統一する */
form#jugemform p label .txtfiled, form#jugemform p select {
    width:300px;
    padding:3px 5px;
    margin:0px;
    color:#666;
    border: solid 1px #ccc;
    background: #fff;
    /*シャドウをつける。*/
    -webkit-box-shadow: 1px 1px 1px #fff;
    -moz-box-shadow: 1px 1px 1px #fff;
    box-shadow: 1px 1px 1px #fff;
    /*角丸にする*/
    border-radius:7px;
    -webkit-border-radius:7px;
    -moz-border-radius:7px;
}
form#jugemform p select {
    /*selectは250では大きすぎるので*/
    width:100px;
}
/*チェックボックス、ラジオボタンのブロックの指定*/
form#jugemform p span.check, form#jugemform p span.radio {
    display:block;
    width:300px;
}
/*チェックボックス、ラジオボタンの label要素を横に並べる*/
form#jugemform p span.check label, form#jugemform p span.radio label {
    margin-right: 2em;
    display: block;
    float: left;
    width: 9em;
}
/*ラジオボタンの label要素の幅は9emでは大きすぎるので調整*/
form#jugemform p span.radio label {
    width: 4em;
}
/*「:after」で <span>の末尾でフロートをクリア*/
form#jugemform p span.check:after, form#jugemform p span.radio:after {
    content:".";
    display:block;
    height:0;
    visibility:hidden;
    clear:both;     /*←フロートをクリア*/
}
/*input要素とテキストがくっつかないように右にマージンを少し*/
form#jugemform p span.check label input, form#jugemform p span.radio label input {
    margin-right:0.5em;
}
/*チェックボックス、ラジオボタンの label要素にロールオーバー時の変化を指定する*/
form#jugemform p span.check label:hover , form#jugemform p span.radio label:hover{
    background : #C08B9B;
    color: #fff;
    font-weight:bold;
}
/*送信・リセットボタンの体裁を指定([type="○○"]で属性の値でセレクト)*/
form#jugemform p input[type="submit"] ,
form#jugemform p input[type="reset"] {
    cursor:pointer;     /*←これでカーソルを指先型に変化させる*/
    font-size:130%;
    font-weight: bold;
    width:100px;
    padding: 4px 10px;
    margin-right:0.5em;
    color: #fff;
    border:1px solid #bbb;
    background: #C08B9B;
/*↓背景グラデーションの指定です*/
    background: -moz-linear-gradient(top, #E7D6DB, #C08B9B);
    background: -webkit-linear-gradient(top, #E7D6DB, #C08B9B);
    background: linear-gradient(#E7D6DB, #C08B9B);
/*↓以下、ボックスの角丸、シャドウの指定*/
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 1px 1px 1px #fff;
    -moz-box-shadow: 1px 1px 1px #fff;
    box-shadow: 1px 1px 1px #fff;
/* IE用 */
    filter:progid:DXImageTransform.Microsoft.gradient
        (startColorstr=#E7D6DB,endColorstr=#C08B9B);
    zoom: 1;
}
form#jugemform p input[type="submit"]:hover ,
form#jugemform p input[type="reset"]:hover {
/*↓ここではロールオーバー時の透明度を変更。もちろんグラデーションを指定してもOK*/
    opacity: 0.8;
    font-size:135%;
}
/* JUGEM用フォーム ED */
pagetop