タグ: contact7

contact form 7 で文字化け

その他記事の対処はして
差出人
名前<メルアド>

の部分が文字化けしてたやつ

バージョンをグレードダウンして
もだめだったから

名前<メルアド>
の名前の後に　半角スペースいれたらなおった

マキノの問合せフォーム

クリックすると開くフォーム　一こめは最初から

/*巻のフォーム*/

.makinoform,.mailform{ margin-top:30px;}
.makinoform td{
	width: 14.4%;
	vertical-align: text-top
}
.makinoform td:last-child{
	padding-right: 16px;
	
}

.makinoform tbody { display:none}
.table_box .makinoform:first-child tbody {
	display: inherit
}



.makinoform caption{
	background: #F30;
	color: #FFF;
	padding: 12px;
	cursor:pointer
}

.d_textarea textarea { width:99%}

.mailform th{ position:relative; width:30%; vertical-align:text-top;}
.hissu{
	position: absolute;
	/*	top: 0;
	bottom: 0;*/
	right: 5px;
	text-align: center;
	font-size: 12px;
	color: #FFF;
	background-color: #FF8700;
	display: inline-block;
	padding-right: 6px;
	padding-left: 6px;
	height: 18px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	margin-top: 3px;/*ヴァーティかるtopにしたで*/
	margin-right: auto;
	margin-bottom: auto;
	margin-left: auto;
	}
	
.ninni{
	position: absolute;
/*	top: 0;
	bottom: 0;*/
	right: 5px;
	text-align: center;
	font-size: 12px;
	color: #FFF;
	background-color: #CCCCCC;
	display: inline-block;
	padding-right: 6px;
	padding-left: 6px;
	height: 18px;
	/*width: 36px;*/
	margin-top: 3px;/*ヴァーティかるtopにしたで*/
	margin-right: auto;
	margin-bottom: auto;
	margin-left: auto;
	
		-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius:2px;
	}
	

<div class="table_box">
<table class="makinoform">
<caption>1パターン目のご依頼内容</caption>
<tbody>
  <tr>
  <td>プリント
Body
品番<span style="font-size:90%;color:#FF3300"> ※1</span>
  </td>
    <td>プリント
Body
カラー
  </td>
    <td>プリント
Body
サイズ
  </td>
    <td>枚数
  </td>
 <td>プリント
箇所
  </td>
    <td>プリント
サイズ
  </td>
        <td>プリント色<span style="font-size:90%;color:#FF3300"> ※2</span>
  </td>
  </tr>
  </tr>

  

      <tr> 
   <td>
   
   </td>
    <td>
   
   </td>
    <td>
   
   </td>
    <td>
   
   </td>
    <td>
   [select menu-21-5 include_blank "FRONT" "BACK" "左胸" "右胸" "左袖" "右袖" "その他"]
   [select menu-21-5-2 include_blank "FRONT" "BACK" "左胸" "右胸" "左袖" "右袖" "その他"]
   [select menu-21-5-3 include_blank "FRONT" "BACK" "左胸" "右胸" "左袖" "右袖" "その他"]
  [select menu-21-5-4 include_blank "FRONT" "BACK" "左胸" "右胸" "左袖" "右袖" "その他"]
   </td>
    <td>
   [select menu-21-6  include_blank "100×100mm以内" "A4(210×297mm)以内" "B4(257×364mm)以内" "A3(297×420mm)以内" "B3(364×515mm)以内"]
   [select menu-21-6-2  include_blank "100×100mm以内" "A4(210×297mm)以内" "B4(257×364mm)以内" "A3(297×420mm)以内" "B3(364×515mm)以内"]
   [select menu-21-6-3  include_blank "100×100mm以内" "A4(210×297mm)以内" "B4(257×364mm)以内" "A3(297×420mm)以内" "B3(364×515mm)以内"]
   [select menu-21-6-4  include_blank "100×100mm以内" "A4(210×297mm)以内" "B4(257×364mm)以内" "A3(297×420mm)以内" "B3(364×515mm)以内"]
   </td>
       <td>

   [select menu--21-7 include_blank "フルカラー" "1色シルク"]
   [select menu--21-7-1 include_blank "フルカラー" "1色シルク"]
   [select menu--21-7-2 include_blank"フルカラー" "1色シルク"]
   [select menu--21-7-3 include_blank "フルカラー" "1色シルク"]
   </td>
   
   </tr>
<tr>
 <td colspan="7" class="d_textarea"> 
[textarea textarea-320 placeholder "何か書ききれない事があればお書きください。（サイズ違い・色違いはここに記入されても大丈夫です。）１色シルクをご希望の方は、色もご記入ください。DIC / PANTONEなど色指定があればご記入下さい。2色以上はインクジェットプリントとなります。"]
</td>
</tr>
<tr>
 <td colspan="7" class="d_textarea"> 
ご参考画像等 <span style="font-size:90%;">※ファイルは最大各5MBまで</span>
[file file-302 limit:5mb][file file-303 limit:5mb][file file-304 limit:5mb]
</td>
</tr>
</tbody>
</table>
<table class="makinoform">
<caption>2パターン目のご依頼内容</caption>
<tbody>
  <tr>
  <td>プリント
Body
品番<span style="font-size:90%;color:#FF3300"> ※1</span>
  </td>
    <td>プリント
Body
カラー
  </td>
    <td>プリント
Body
サイズ
  </td>
    <td>枚数
  </td>
 <td>プリント
箇所
  </td>
    <td>プリント
サイズ
  </td>
        <td>プリント色<span style="font-size:90%;color:#FF3300"> ※2</span>
  </td>
  </tr>
  </tr>

  

      <tr> 
   <td>
   
   </td>
    <td>
   
   </td>
    <td>
   
   </td>
    <td>
   
   </td>
    <td>
   [select menu-22-5 include_blank "FRONT" "BACK" "左胸" "右胸" "左袖" "右袖" "その他"]
   [select menu-22-5-2 include_blank "FRONT" "BACK" "左胸" "右胸" "左袖" "右袖" "その他"]
   [select menu-22-5-3 include_blank "FRONT" "BACK" "左胸" "右胸" "左袖" "右袖" "その他"]
  [select menu-22-5-4 include_blank "FRONT" "BACK" "左胸" "右胸" "左袖" "右袖" "その他"]
   </td>
    <td>
   [select menu-22-6  include_blank "100×100mm以内" "A4(210×297mm)以内" "B4(257×364mm)以内" "A3(297×420mm)以内" "B3(364×515mm)以内"]
   [select menu-22-6-2  include_blank "100×100mm以内" "A4(210×297mm)以内" "B4(257×364mm)以内" "A3(297×420mm)以内" "B3(364×515mm)以内"]
   [select menu-22-6-3  include_blank "100×100mm以内" "A4(210×297mm)以内" "B4(257×364mm)以内" "A3(297×420mm)以内" "B3(364×515mm)以内"]
   [select menu-22-6-4  include_blank "100×100mm以内" "A4(210×297mm)以内" "B4(257×364mm)以内" "A3(297×420mm)以内" "B3(364×515mm)以内"]
   </td>
       <td>

   [select menu--22-7 include_blank "フルカラー" "1色シルク"]
   [select menu--22-7-1 include_blank "フルカラー" "1色シルク"]
   [select menu--22-7-2 include_blank"フルカラー" "1色シルク"]
   [select menu--22-7-3 include_blank "フルカラー" "1色シルク"]
   </td>
   
   </tr>
<tr>
 <td colspan="7" class="d_textarea"> 
[textarea textarea-320-2 placeholder "何か書ききれない事があればお書きください。（サイズ違い・色違いはここに記入されても大丈夫です。）１色シルクをご希望の方は、色もご記入ください。DIC / PANTONEなど色指定があればご記入下さい。2色以上はインクジェットプリントとなります。"]
</td>
</tr>
<tr>
 <td colspan="7" class="d_textarea"> 
ご参考画像等 <span style="font-size:90%;">※ファイルは最大各5MBまで</span>
[file file-302-2 limit:5mb][file file-303-2 limit:5mb][file file-304-2 limit:5mb]
</td>
</tr>
</tbody>
</table>





<table class="makinoform">
<caption>3パターン目のご依頼内容</caption>
<tbody>
   <tr>
  <td>プリント
Body
品番<span style="font-size:90%;color:#FF3300"> ※1</span>
  </td>
    <td>プリント
Body
カラー
  </td>
    <td>プリント
Body
サイズ
  </td>
    <td>枚数
  </td>
 <td>プリント
箇所
  </td>
    <td>プリント
サイズ
  </td>
        <td>プリント色<span style="font-size:90%;color:#FF3300"> ※2</span>
  </td>
  </tr>
  </tr>

        <tr> 
   <td>
   
   </td>
    <td>
   
   </td>
    <td>
   
   </td>
    <td>
   
   </td>
    <td>
   [select menu-23-5 include_blank "FRONT" "BACK" "左胸" "右胸" "左袖" "右袖" "その他"]
   [select menu-23-5-2 include_blank "FRONT" "BACK" "左胸" "右胸" "左袖" "右袖" "その他"]
   [select menu-23-5-3 include_blank "FRONT" "BACK" "左胸" "右胸" "左袖" "右袖" "その他"]
  [select menu-23-5-4 include_blank "FRONT" "BACK" "左胸" "右胸" "左袖" "右袖" "その他"]
   </td>
    <td>
   [select menu-23-6  include_blank "100×100mm以内" "A4(210×297mm)以内" "B4(257×364mm)以内" "A3(297×420mm)以内" "B3(364×515mm)以内"]
   [select menu-23-6-2  include_blank "100×100mm以内" "A4(210×297mm)以内" "B4(257×364mm)以内" "A3(297×420mm)以内" "B3(364×515mm)以内"]
   [select menu-23-6-3  include_blank "100×100mm以内" "A4(210×297mm)以内" "B4(257×364mm)以内" "A3(297×420mm)以内" "B3(364×515mm)以内"]
   [select menu-23-6-4  include_blank "100×100mm以内" "A4(210×297mm)以内" "B4(257×364mm)以内" "A3(297×420mm)以内" "B3(364×515mm)以内"]
   </td>
       <td>

   [select menu--23-7 include_blank "フルカラー" "1色シルク"]
   [select menu--23-7-1 include_blank "フルカラー" "1色シルク"]
   [select menu--23-7-2 include_blank"フルカラー" "1色シルク"]
   [select menu--23-7-3 include_blank "フルカラー" "1色シルク"]
   </td>
   
   </tr>
<tr>
 <td colspan="7" class="d_textarea"> 
[textarea textarea-320-3 placeholder "何か書ききれない事があればお書きください。（サイズ違い・色違いはここに記入されても大丈夫です。）１色シルクをご希望の方は、色もご記入ください。DIC / PANTONEなど色指定があればご記入下さい。2色以上はインクジェットプリントとなります。"]
</td>
</tr>
<tr>
 <td colspan="7" class="d_textarea"> 
ご参考画像等 <span style="font-size:90%;">※ファイルは最大各5MBまで</span>
[file file-302-3 limit:5mb][file file-303-3 limit:5mb][file file-304-3 limit:5mb]
</td>
</tr>
</tbody>
   </table>
   </div>
   
   
   

<table class="mailform">

<tr><th>希望納品日<span class="ninni">任意</span></th>
<td>
<span style="font-size:80%">通常10営業日以内での発送となります。お急ぎの場合はお問い合わせください。</span></td>
</tr>

<tr><th>納品方法 <span class="hissu">必須</span></th>
<td>[select* menu-874  include_blank "ヤマト運輸（1万円以上は送料無料・時間指定可）" "引き渡しご来店"]</td>
</tr>

<tr><th>お支払い方法 <span class="hissu">必須</span></th>
<td>[select* menu-876  include_blank  "銀行振込（商品到着後、１週間以内）" "引き渡し時ご来店" "ヤマト運輸代引き（只今準備中です。16年2月予定）"]</td>
</tr>

</table>



<table class="mailform">

<tr><th>お名前 <span class="hissu">必須</span></th>
<td>  </td>
</tr>

<tr><th>郵便番号<span class="hissu">必須</span></th>
<td><span style="font-size:80%"></span></td>
</tr>

<tr><th>住所<span class="hissu">必須</span></th>
<td></td>
</tr>



<tr><th>電話番号<span class="hissu">必須</span></th>
    <td>    </td>
</tr>

<tr><th>メールアドレス <span class="hissu">必須</span></th>
  <td>   </td>
</tr>

<tr><th>※メールアドレス確認<span class="hissu">必須</span></th>
  <td> [email* your-email_confirm]
<span style="font-size:80%">＊注意　携帯のアドレスの場合、迷惑メール設定ドメインの解除をお願いします。
こちらからの返信メールが届かない場合があります。info@makinoprint.com</span></td>
</tr>


<tr><th>LINE ID <span class="ninni">任意</span></th>
  <td>   </td>
</tr>

<tr><th>ご希望連絡方法<span class="hissu">必須</span></th>
  <td>  [checkbox* checkbox-220 "メール" "LINE" "電話"]</td>
</tr>

<tr><th>ご予算（あれば）<span class="ninni">任意</span></th>
  <td>  </td>
</tr>


<tr><th>
お見積りご依頼<span class="ninni">任意</span>
お問合せ内容</th>
 <td>   [textarea your-message] </td>

<tr>

<tr><th>
納品先が違う場合は<span class="ninni">任意</span>
こちらに
お書きください。</th>
 <td>   [textarea nouhin-adress x4 "〒"] </td>

<tr>
<th>　</th>
<td>[submit "送信"]</td>
</tr>

</table>

一行内にない項目があるとその行は表示されないからこう書いてる

[your-name] 様
お問合せありがとうございます。
MAKINOプリントです。
下記内容でお問合せ頂きました。
確認後２営業日以内にご返信させて頂きます。


お名前: [your-name]  様
ご住所：[zip][addr] 
電話番号:[text-691]
メール：[your-email]
LINE ID：[your-line]

ご希望連絡方法：[checkbox-220]
ご予算：[text-556]
お問合せ内容:
[your-message]

上記住所以外の納品先：
[nouhin-adress]

希望納品日：[text-963]
納品方法：[menu-874]
お支払い方法：[menu-876]



★１パターン目のご依頼内★
--------------------------------------------
プリントBody品番    ：[text-21-1]
プリントBodyカラー ：[text-21-2]
プリントBodyサイズ ：[text-21-3]
プリント枚数           ：[text-21-4]
-------------------------------------------
プリント箇所1 ：[menu-21-5]　
[menu-21-6]　
[menu-21-7] 
プリント箇所2 ：[menu-21-5-2] 
[menu-21-6-2] 
[menu-21-7-2] 
プリント箇所3 ：[menu-21-5-3] 
[menu-21-6-3] 
[menu-21-7-3] 
プリント箇所4 ：[menu-21-5-4] 
[menu-21-6-4] 
[menu-21-7-4] 
-------------------------------------------
詳細内容：[textarea-320]

添付ファイル名：[file-302]
[file-303]
[file-304]


★2パターン目のご依頼内★
--------------------------------------------
プリントBody品番    ：[text-22-1]
プリントBodyカラー ：[text-22-2]
プリントBodyサイズ ：[text-22-3]
プリント枚数           ：[text-22-4]
-------------------------------------------
プリント箇所1 ：[menu-22-5]
[menu-22-6]
[menu-22-7] 
プリント箇所2 ：[menu-22-5-2]
[menu-22-6-2]
[menu-22-7-2] 
プリント箇所3 ：[menu-22-5-3]
[menu-22-6-3]
[menu-22-7-3] 
プリント箇所4 ：[menu-22-5-4]
[menu-22-6-4]
[menu-22-7-4] 
-------------------------------------------
詳細内容：[textarea-320-2]

添付ファイル名：[file-302-2]
[file-303-2]
[file-304-2]



★3パターン目のご依頼内★
--------------------------------------------
プリントBody品番    ：[text-23-1]
プリントBodyカラー ：[text-23-2]
プリントBodyサイズ ：[text-23-3]
プリント枚数           ：[text-22-4]
-------------------------------------------
プリント箇所1 ：[menu-23-5]
[menu-23-6]
[menu-23-7] 
プリント箇所2 ：[menu-23-5-2]
[menu-23-6-2]
[menu-23-7-2] 
プリント箇所3 ：[menu-23-5-3]
[menu-23-6-3]
[menu-23-7-3] 
プリント箇所4 ：[menu-23-5-4]
[menu-23-6-4]
[menu-23-7-4] 
-------------------------------------------
詳細内容：[textarea-320-2]

添付ファイル名：[file-302-3]
[file-303-3]
[file-304-3]



--
このメールは ホームページのお問い合わせフォームから送信されました

-------------------------------------
牧野広告代理店　プリント事業部
〒486-0916 愛知県春日井市八光町2-30
ハピネス八光403

TEL FAX: 0568-32-4355
mail: info@makinoprint.com
iphone: 080-3070-8232
iphone mail: 2youngc@i.softbank.jp

担当: 牧野　

WordPressで日本語のファイル名をアップロードする方法 コンタクトフォーム7で日本語ファイル名の添付ファイル　文字化け　解消

http://wpnote.link/how-to-upload-the-file-name-of-the-japanese-in-wordpress/

見だしに文字化けと書きましたが、実は、文字化けしている訳ではなく、「WP Multibyte Patch」プラグインを有効化していると日本語ファイル名をmd5ハッシュ値に変換し、サニタイズ化しているからだそうです。

このサニタイズ化を無効にし、日本語ファイル名をそのまま利用するには以下のように設定します。

/wp-content/plugins/wp-multibyte-patch/wpmp-config-sample-ja.php を/wp-content/ 直下にコピー
コピーした、wpmp-config-sample-ja.phpを　wpmp-config.phpというファイル名に変更
wpmp-config.php を編集し、$wpmp_conf[‘patch_sanitize_file_name’] の値をtrueからfalseに変更

これで治ったとおもいきやこれでwpの日本語ファイルがアプできるようになただけ
じつは添付ファイルの方は文字化けしてた
本文はええが

そのためやったのでは
http://www.communitycom.jp/2012/08/20/cn-contact-form-7/　参考
$wpmp_conf[‘mail_mode’] = ‘JIS’;
を
$wpmp_conf[‘mail_mode’] = ‘UTF-8’;

こいつもがメールに関する文字コードの設定

$wpmp_conf[‘patch_wp_mail’] = true;
を
$wpmp_conf[‘patch_wp_mail’] = false;
こいをきってもいかも

コンタクトフォーム　で　テキストエリアに　改行文字を　予め　挿入する方法

参考

document.myForm.memo.value = "aaa\nbbb"; 
とすれば良いです。
\nは改行コードです。

コード　ポイントは\n

<?php 
$subject = '作業希望日\n\n●第１希望　　　月　　　日\n●第２希望　　　月　　　日\n●第３希望　　　月　　　日'; 
			?>
			<script type="text/javascript">
			jQuery(document).ready(function () {
			  jQuery("textarea#tamatour").val("<?php echo $subject; ?>");
			});
			</script>

<?php echo do_shortcode( '[contact-form-7 id="11" title="コンタクトフォーム 1"]' ); ?>

コンタクト ポイントはid

<tr><th><span style="font-size:80%">仮予約お申込みご希望の方</span>
作業希望日<span class="ninni">任意</span></th>
  <td>[textarea textarea-913 id:tamatour]</td>

</tr>

〒郵便番号自動入力　コンタクトフォーム7

ajaxzip3

とやらをつかいます

■welcart

ファンクションの状態でドリではバグルが

いい風に動作するやつ　ファンクションに
http://qiita.com/kawaosa/items/ecacdfb28af3e5dc17b5

<?php
add_filter( 'usces_filter_apply_addressform', 'zip2addr_jp', 10, 3);
function zip2addr_jp($formtag, $type, $data){
  $pref_name = $type.'[pref]';
  $addr_name = $type.'[address1]';
  $js =<<<END
<script src="https://ajaxzip3.googlecode.com/svn/trunk/ajaxzip3/ajaxzip3.js" charset="UTF-8"></script>
<script>
jQuery(function($) {
  $('#zipcode').change(function() {
    AjaxZip3.zip2addr(this, '', '$pref_name', '$addr_name');
  });
});
</script>
END;
  return $formtag.$js;
}
  
  
?>

ばぐらんが
郵便番号を入力しなおせないやつ
これはヘッダーに
http://riyomaru.minibird.jp/wordpress/507/

<script src="https://ajaxzip3.googlecode.com/svn/trunk/ajaxzip3/ajaxzip3-https.js " type="text/javascript" charset="UTF-8"></script>
<script type="text/javascript">
//<![CDATA[
jQuery(function(){
var addr_de = function(){
AjaxZip3.zip2addr(this,'','delivery[pref]','delivery[address1]','delivery[address2]');
};
var addr_me = function(){
AjaxZip3.zip2addr(this,'', 'member[pref]', 'member[address1]', 'member[address2]');
};
 
var addr_cu = function(){
AjaxZip3.zip2addr(this,'','customer[pref]','customer[address1]','customer[address2]');
};
 
 
switch($('#zipcode').attr('name')){
case 'delivery[zipcode]':
  $('#zipcode').change(addr_de).keyup(addr_de);
  break;
case 'member[zipcode]':
  $('#zipcode').change(addr_me).keyup(addr_me);
    break;
case 'customer[zipcode]':
  $('#zipcode').change(addr_cu).keyup(addr_cu);
    break;
}
});
//]]>
</script>

コンタクトフォーム7の場合

<tr><th>郵便番号</th>
<td>[text* zip id:zip 10/ watermark]</td>
</tr>

<tr><th>住所</th>
<td>[text* addr id:addr]</td>
</tr>

フォーム出力コード前に

★★★うまくいった改造

<script src="https://ajaxzip3.googlecode.com/svn/trunk/ajaxzip3/ajaxzip3.js" charset="UTF-8"></script>
<script>
jQuery(function($) {
  $('#zip').change(function(event) {
    AjaxZip3.zip2addr(this, '', 'addr', 'addr');
  });
});
</script>

×××これは修正できっせん

<script type='text/javascript' src='https://ajaxzip3.googlecode.com/svn/trunk/ajaxzip3/ajaxzip3-https.js'></script>
<script type="text/javascript">
jQuery(function(){
  jQuery('#zip').keyup(function(event){
    AjaxZip3.zip2addr(this,'','addr','addr');
  })
})
</script>

コンタクトフォームにメルアド確認　追加

cssにinput[type=’email’]も追加　

input[type='text'], textarea, .wpcf7-select,input[type='email']

ファンクションに
// Contact Form 7 に確認用メールアドレス入力欄を実装する
add_filter( ‘wpcf7_validate_email’, ‘wpcf7_text_validation_filter_extend’, 11, 2 );
add_filter( ‘wpcf7_validate_email*’, ‘wpcf7_text_validation_filter_extend’, 11, 2 );
function wpcf7_text_validation_filter_extend( $result, $tag ) {
$type = $tag[‘type’];
$name = $tag[‘name’];
$_POST[$name] = trim( strtr( (string) $_POST[$name], “\n”, ” ” ) );
if ( ‘email’ == $type || ‘email*’ == $type ) {
if (preg_match(‘/(.*)_confirm$/’, $name, $matches)){
$target_name = $matches[1];
if ($_POST[$name] != $_POST[$target_name]) {
$result[‘valid’] = false;
$result[‘reason’][$name] = ‘確認用のメールアドレスが一致していません’;
}
}
}
return $result;
}

コンタクトに

<tr><th>※メールアドレス確認</th>
  <td> [email* your-email_confirm]</td>
</tr>

サブミットボタン　submitボタン　css

認証にしてdisabledがついた場合のcssも指定

input[type='submit']{
	border: 1px solid #777;
	padding: 4px 10px;
	color: #fff;
	cursor: pointer;
	background: #428ec9;
	border-radius: 5px;
	/* Webkit */
	background: -webkit-gradient(
        linear,
        left top,
        left bottom,
        from(#99c9e5),
        to(#428ec9)
        );
	-webkit-border-radius: 5px;
	-webkit-box-shadow: 1px 1px 1px #fff;
	/* Firefox */
	background: -moz-linear-gradient(
        top,
        #99c9e5,
        #428ec9
        );
	-moz-border-radius: 5px;
	-moz-box-shadow: 1px 1px 1px #fff;
     
/* IE */
    filter:progid:DXImageTransform.Microsoft.gradient
        (startColorstr=#ff99c9e5,endColorstr=#ff428ec9);
	zoom: 1;
	
	font-size: 16px;
}
/* 認証式にした場合 */
input[type='submit'][disabled]{
opacity:0.7;
filter: alpha(opacity=70);        /* ie lt 8 */
-ms-filter: "alpha(opacity=70)";  /* ie 8 */
-moz-opacity:0.7;                 /* FF lt 1.5, Netscape */
-khtml-opacity: 0.7; 
cursor: default;     
	}