亚洲国产日韩欧美一区二区三区,精品亚洲国产成人av在线,国产99视频精品免视看7,99国产精品久久久久久久成人热,欧美日韩亚洲国产综合乱

目錄
鑰匙要點
您在MailChimp中的屏幕應(yīng)該看起來如下：
修改注冊表格
謝謝您的頁面
>打開視圖/主頁，您會注意到已經(jīng)有一個contact.cshtml。就像我們之前在“感謝”頁面上所做的那樣，除了頂部視圖包代碼外，清除所有內(nèi)容。我們將再次使用Jumbotron。除了右側(cè)將是空的，我們將使用兩列。這使我們的觸點表格在左側(cè)更加對齊。
首頁 科技周邊 IT業(yè)界 Visual Studio社區(qū)2015：添加電子郵件和聯(lián)系頁面

Visual Studio社區(qū)2015：添加電子郵件和聯(lián)系頁面

Feb 20, 2025 pm 12:58 PM

Visual Studio社區(qū)2015：添加電子郵件和聯(lián)系頁面

鑰匙要點

  • Visual Studio Community 2015允許用戶實施電子郵件注冊表格，聯(lián)系和大約頁面的網(wǎng)站?？梢允褂肕ailChimp的表格將電子郵件注冊表格放在主頁上。
    • >
  • >可以使用bootstrap拋光UI，以格式化表單并使所有內(nèi)容正確對齊?？梢栽趕ite.css中創(chuàng)建自定義類，例如不折疊，透明背景和軟 - 邊界 - radius。
    • >可以創(chuàng)建其他頁面，例如“謝謝”頁面和“聯(lián)系”頁面，以更好地進(jìn)行用戶互動。這些頁面可以設(shè)計為匹配主頁的配色方案和主題，從而在整個網(wǎng)站上提供一致的用戶體驗。
    • >
本文由Microsoft贊助。感謝您支持使SitePoint成為可能的贊助商。

>歡迎使用Microsoft的現(xiàn)代IDE：Visual Studio Community 2015回到我們的系列文章，以快速設(shè)計并為客戶建立一個有吸引力的功能性網(wǎng)站。如果您錯過了最后一部分，請在此處查看。 >現(xiàn)在，安迪（Andy）擁有網(wǎng)站的首頁，他可以開始更多地構(gòu)建網(wǎng)站。這將涉及實施電子郵件注冊表格以及聯(lián)系方式和大約頁面。

>

>我們將從電子郵件注冊表格開始，然后進(jìn)入創(chuàng)建一些其他頁面。電子郵件注冊表將是主頁上的正面和中心。它將被放置在Jumbotron的右側(cè)，那里有一些空白空間。

>

>對于電子郵件注冊表格，我們將使用MailChimp中的表格。安迪（Andy）正在使用其客戶的MailChimp帳戶，并將使用現(xiàn)有的主頁列表。在主頁上注冊的每個人都將進(jìn)入此列表。

>

我們的注冊表格將設(shè)計為這樣的外觀：

>

從MailChimp獲取代碼

>登錄MailChimp后，選擇要添加的人的列表。單擊注冊表格。單擊嵌入式表單。經(jīng)典風(fēng)格很好?？蛻粝Ｍ东@名字和電子郵件地址。 MailChimp實際上將其視為默認(rèn)值，因此我們可以像它們一樣留下東西。Visual Studio社區(qū)2015：添加電子郵件和聯(lián)系頁面>

您在MailChimp中的屏幕應(yīng)該看起來如下：

>

復(fù)制HTML。這就是我們將粘貼到Jumbotron中的東西。在這條線下的巨型人物中：

Visual Studio社區(qū)2015：添加電子郵件和聯(lián)系頁面>添加MailChimp表單代碼。如果您運行該應(yīng)用程序，則應(yīng)如下：

> 

<span title="&">&amp;lt;p&amp;gt;&amp;lt;a class=&amp;quot;btn btn-primary btn-lg&amp;quot; href=&amp;quot;#&amp;quot; role=&amp;quot;button&amp;quot;&amp;gt;Learn more &amp;amp;raquo;&amp;lt;/a&amp;gt;&amp;lt;/p&amp;gt;</span>
顯然，這不是我們希望它看起來像的樣子，但這是一個很好的起點。從這里開始，我們將使用Bootstrap格式化表單，并正確對齊所有內(nèi)容。

>用bootstrap

修改注冊表格

>當(dāng)前格式化，我們失去了響應(yīng)式設(shè)計。當(dāng)注冊表格向右時，需要留下站點標(biāo)題。他們也應(yīng)該在同一行。 bootstrap將幫助我們恢復(fù)正常的狀態(tài)。

我們可以添加幾列。用A

和mailChimp代碼包圍Jumbotron。這種格式意味著站點標(biāo)題文本將占據(jù)Jumbotron的2/3，而注冊格式則占1/3。

>您的代碼應(yīng)該看起來如下：

> Visual Studio社區(qū)2015：添加電子郵件和聯(lián)系頁面

記住，Bootstrap使用了12個網(wǎng)格系統(tǒng)。 8 4 = 12，您可以從這些數(shù)字中看到我們?nèi)绾潍@得2/3和1/3。

如果您運行了網(wǎng)站，您會看到我們有兩列，我們的響應(yīng)網(wǎng)絡(luò)設(shè)計又回來了。

Visual Studio社區(qū)2015：添加電子郵件和聯(lián)系頁面接下來，我們將開始拋光注冊表格UI，使其與網(wǎng)站更好地融合。

UI拋光

>而不是經(jīng)過許多小步驟，而是更容易顯示完成的MailChimp修改的外觀。然后，我們可以逐步完成。用以下內(nèi)容替換當(dāng)前的MailChimp代碼：

<span title="&">&amp;lt;p&amp;gt;&amp;lt;a class=&amp;quot;btn btn-primary btn-lg&amp;quot; href=&amp;quot;#&amp;quot; role=&amp;quot;button&amp;quot;&amp;gt;Learn more &amp;amp;raquo;&amp;lt;/a&amp;gt;&amp;lt;/p&amp;gt;</span>
>我在代碼中添加了幾行空間，以更好地幫助分解表格進(jìn)行討論。

>我們將創(chuàng)建一些自定義類，其中包括不折疊，透明背景和軟 - 基本 - radius。我們在site.css.

中定義了這些類

>由于MailChimp代碼的大多數(shù)與我們從MailChimp復(fù)制的代碼相同，所以讓我們討論這些自定義類別的情況。

>

不折疊的定義如下：

>它只是刪除了大膽的字母。這用于取消強調(diào)表單字段標(biāo)簽。 我們的行動呼吁是大膽的。如果表單字段標(biāo)簽也被粗體，則眼睛將努力弄清楚在哪里聚焦。更糟糕的情況：人們只是放棄并繞過我們的注冊表格。
<span title="&">&amp;lt;!-- Begin MailChimp Signup Form --&amp;gt;
</span><span title="&">&amp;lt;link href=&amp;quot;//cdn-images.mailchimp.com/embedcode/classic-081711.css&amp;quot; rel=&amp;quot;stylesheet&amp;quot; type=&amp;quot;text/css&amp;quot;&amp;gt;
</span><span title="&">&amp;lt;div id=&amp;quot;mc_embed_signup&amp;quot; class=&amp;quot;transparent-background soft-border-radius&amp;quot;&amp;gt;
</span><span title="&">&amp;lt;form action=&amp;quot;#&amp;quot; method=&amp;quot;post&amp;quot; id=&amp;quot;mc-embedded-subscribe-form&amp;quot; name=&amp;quot;mc-embedded-subscribe-form&amp;quot; class=&amp;quot;validate&amp;quot; target=&amp;quot;_blank&amp;quot; novalidate&amp;gt;
</span>  <span title="&">&amp;lt;div id=&amp;quot;mc_embed_signup_scroll&amp;quot;&amp;gt;
</span>  <span title="&">&amp;lt;h3&amp;gt;Enter your name and email for&amp;lt;br /&amp;gt; your first FREE lesson!&amp;lt;/h3&amp;gt;
</span>
  <span title="&">&amp;lt;div class=&amp;quot;mc-field-group&amp;quot;&amp;gt;
</span>  <span title="&">&amp;lt;label for=&amp;quot;mce-FNAME&amp;quot; class=&amp;quot;not-bold&amp;quot;&amp;gt;First Name &amp;lt;/label&amp;gt;
</span>  <span title="&">&amp;lt;input type=&amp;quot;text&amp;quot; value=&amp;quot;&amp;quot; name=&amp;quot;FNAME&amp;quot; class=&amp;quot;transparent-background soft-border-radius&amp;quot; id=&amp;quot;mce-FNAME&amp;quot;&amp;gt;
</span>  <span title="&">&amp;lt;/div&amp;gt;
</span>  <span title="&">&amp;lt;div class=&amp;quot;mc-field-group&amp;quot;&amp;gt;
</span>  <span title="&">&amp;lt;label for=&amp;quot;mce-EMAIL&amp;quot; class=&amp;quot;not-bold&amp;quot;&amp;gt;Email &amp;lt;/label&amp;gt;
</span>  <span title="&">&amp;lt;input type=&amp;quot;email&amp;quot; value=&amp;quot;&amp;quot; name=&amp;quot;EMAIL&amp;quot; class=&amp;quot;required email transparent-background soft-border-radius&amp;quot; id=&amp;quot;mce-EMAIL&amp;quot;&amp;gt;
</span>  <span title="&">&amp;lt;/div&amp;gt;
</span>

  <span title="&">&amp;lt;div id=&amp;quot;mce-responses&amp;quot; class=&amp;quot;clear&amp;quot;&amp;gt;
</span>  <span title="&">&amp;lt;div class=&amp;quot;response&amp;quot; id=&amp;quot;mce-error-response&amp;quot; style=&amp;quot;display:none&amp;quot;&amp;gt;&amp;lt;/div&amp;gt;
</span>  <span title="&">&amp;lt;div class=&amp;quot;response&amp;quot; id=&amp;quot;mce-success-response&amp;quot; style=&amp;quot;display:none&amp;quot;&amp;gt;&amp;lt;/div&amp;gt;
</span>  <span title="&">&amp;lt;/div&amp;gt;    
</span>  <span title="&">&amp;lt;!-- real people should not fill this in and expect good things - do not remove this or risk form bot signups--&amp;gt;
</span>  <span title="&">&amp;lt;div style=&amp;quot;position: absolute; left: -5000px;&amp;quot;&amp;gt;&amp;lt;input type=&amp;quot;text&amp;quot; name=&amp;quot;b_f27f671242f9376d66eb9034e_a5f924c1e8&amp;quot; tabindex=&amp;quot;-1&amp;quot; value=&amp;quot;&amp;quot;&amp;gt;&amp;lt;/div&amp;gt;
</span>
  <span title="&">&amp;lt;input type=&amp;quot;submit&amp;quot; class=&amp;quot;btn btn-primary btn-lg&amp;quot; value=&amp;quot;Subscribe&amp;quot; name=&amp;quot;subscribe&amp;quot; /&amp;gt;
</span>
  <span title="&">&amp;lt;/div&amp;gt;
</span>  <span title="&">&amp;lt;/form&amp;gt;
</span><span title="&">&amp;lt;/div&amp;gt;
</span><span title="&">&amp;lt;!--End mc_embed_signup--&amp;gt;</span>
>

下面的屏幕截圖顯示了.Not-bold

的使用

透明背景為形式背景和輸入字段提供了半透明度，為我們的設(shè)計提供了更深入的深度。它被定義為：Visual Studio社區(qū)2015：添加電子郵件和聯(lián)系頁面

RGBA

僅表示紅色，綠色，藍(lán)色和alpha。 Alpha設(shè)置不透明度。該值越低，越透明。值的范圍為0到1。
<span><span>.not-bold</span> {
</span>    <span>font-weight:normal;
</span><span>}</span>
>

>柔軟的邊界 - 拉迪烏斯使我們的形式和輸入字段用圓角表達(dá)了一些優(yōu)雅的細(xì)節(jié)。此類定義為：

>最后，我們有一個全寬藍(lán)色按鈕。 .max寬度在這里對我們有所幫助。藍(lán)色不僅提供了極大的對比度，并將其賦予了眼睛，而且大尺寸使其無法抗拒。 .max寬度定義為：
<span><span>.transparent-background</span> {
</span>   <span>background-color: <span>rgba(0, 0, 0, 0.25)</span>
</span><span>}</span>
>
<span title="&">&amp;lt;p&amp;gt;&amp;lt;a class=&amp;quot;btn btn-primary btn-lg&amp;quot; href=&amp;quot;#&amp;quot; role=&amp;quot;button&amp;quot;&amp;gt;Learn more &amp;amp;raquo;&amp;lt;/a&amp;gt;&amp;lt;/p&amp;gt;</span>

>將上面的類添加到site.cs.css和以上表單代碼中的粘貼應(yīng)與上面顯示的相同的注冊表格。

>。

謝謝您的頁面

>用戶注冊時，通常最好提供一個確認(rèn)頁面，讓他們知道一切順利。您幾次注冊了某人的列表，只是被一個極其不想像的感謝頁面打招呼？

> 安迪知道他的客戶是一位真正的藝術(shù)家，想加倍努力。這意味著不要使用一些庫存感謝頁面瀏覽。但是，通過使用主頁中的相同配色方案和主題。

創(chuàng)建感謝頁面，打開控制器/homecontroller.cs。添加以下內(nèi)容：

因為這是一個MVC應(yīng)用程序，所以當(dāng)某人輸入 /home /Thenkyou時，它將達(dá)到上述方法。當(dāng)然，我們不希望任何人輸入“感謝”頁面，因為這將作為注冊我們客戶的電子郵件列表的確認(rèn)。
<span title="&">&amp;lt;!-- Begin MailChimp Signup Form --&amp;gt;
</span><span title="&">&amp;lt;link href=&amp;quot;//cdn-images.mailchimp.com/embedcode/classic-081711.css&amp;quot; rel=&amp;quot;stylesheet&amp;quot; type=&amp;quot;text/css&amp;quot;&amp;gt;
</span><span title="&">&amp;lt;div id=&amp;quot;mc_embed_signup&amp;quot; class=&amp;quot;transparent-background soft-border-radius&amp;quot;&amp;gt;
</span><span title="&">&amp;lt;form action=&amp;quot;#&amp;quot; method=&amp;quot;post&amp;quot; id=&amp;quot;mc-embedded-subscribe-form&amp;quot; name=&amp;quot;mc-embedded-subscribe-form&amp;quot; class=&amp;quot;validate&amp;quot; target=&amp;quot;_blank&amp;quot; novalidate&amp;gt;
</span>  <span title="&">&amp;lt;div id=&amp;quot;mc_embed_signup_scroll&amp;quot;&amp;gt;
</span>  <span title="&">&amp;lt;h3&amp;gt;Enter your name and email for&amp;lt;br /&amp;gt; your first FREE lesson!&amp;lt;/h3&amp;gt;
</span>
  <span title="&">&amp;lt;div class=&amp;quot;mc-field-group&amp;quot;&amp;gt;
</span>  <span title="&">&amp;lt;label for=&amp;quot;mce-FNAME&amp;quot; class=&amp;quot;not-bold&amp;quot;&amp;gt;First Name &amp;lt;/label&amp;gt;
</span>  <span title="&">&amp;lt;input type=&amp;quot;text&amp;quot; value=&amp;quot;&amp;quot; name=&amp;quot;FNAME&amp;quot; class=&amp;quot;transparent-background soft-border-radius&amp;quot; id=&amp;quot;mce-FNAME&amp;quot;&amp;gt;
</span>  <span title="&">&amp;lt;/div&amp;gt;
</span>  <span title="&">&amp;lt;div class=&amp;quot;mc-field-group&amp;quot;&amp;gt;
</span>  <span title="&">&amp;lt;label for=&amp;quot;mce-EMAIL&amp;quot; class=&amp;quot;not-bold&amp;quot;&amp;gt;Email &amp;lt;/label&amp;gt;
</span>  <span title="&">&amp;lt;input type=&amp;quot;email&amp;quot; value=&amp;quot;&amp;quot; name=&amp;quot;EMAIL&amp;quot; class=&amp;quot;required email transparent-background soft-border-radius&amp;quot; id=&amp;quot;mce-EMAIL&amp;quot;&amp;gt;
</span>  <span title="&">&amp;lt;/div&amp;gt;
</span>

  <span title="&">&amp;lt;div id=&amp;quot;mce-responses&amp;quot; class=&amp;quot;clear&amp;quot;&amp;gt;
</span>  <span title="&">&amp;lt;div class=&amp;quot;response&amp;quot; id=&amp;quot;mce-error-response&amp;quot; style=&amp;quot;display:none&amp;quot;&amp;gt;&amp;lt;/div&amp;gt;
</span>  <span title="&">&amp;lt;div class=&amp;quot;response&amp;quot; id=&amp;quot;mce-success-response&amp;quot; style=&amp;quot;display:none&amp;quot;&amp;gt;&amp;lt;/div&amp;gt;
</span>  <span title="&">&amp;lt;/div&amp;gt;    
</span>  <span title="&">&amp;lt;!-- real people should not fill this in and expect good things - do not remove this or risk form bot signups--&amp;gt;
</span>  <span title="&">&amp;lt;div style=&amp;quot;position: absolute; left: -5000px;&amp;quot;&amp;gt;&amp;lt;input type=&amp;quot;text&amp;quot; name=&amp;quot;b_f27f671242f9376d66eb9034e_a5f924c1e8&amp;quot; tabindex=&amp;quot;-1&amp;quot; value=&amp;quot;&amp;quot;&amp;gt;&amp;lt;/div&amp;gt;
</span>
  <span title="&">&amp;lt;input type=&amp;quot;submit&amp;quot; class=&amp;quot;btn btn-primary btn-lg&amp;quot; value=&amp;quot;Subscribe&amp;quot; name=&amp;quot;subscribe&amp;quot; /&amp;gt;
</span>
  <span title="&">&amp;lt;/div&amp;gt;
</span>  <span title="&">&amp;lt;/form&amp;gt;
</span><span title="&">&amp;lt;/div&amp;gt;
</span><span title="&">&amp;lt;!--End mc_embed_signup--&amp;gt;</span>
。

>我們需要此方法的視圖。打開視圖/主頁文件夾，然后制作contact.cshtml的副本。將復(fù)制的文件重命名為thessyou.cshtml。

我們的感謝頁面基本上將是主頁上的Jumbotron。在Themyou.cshtml中清除代碼，僅將ViewBag代碼放在頂部。粘貼以下內(nèi)容：

>

制作“聯(lián)系”頁面的副本使我們可以充分利用現(xiàn)有頁面結(jié)構(gòu)。我們將擁有我們熟悉的導(dǎo)航和頁腳，而無需做任何事情。
<span><span>.not-bold</span> {
</span>    <span>font-weight:normal;
</span><span>}</span>
>

>您可能注意到了Jumbotron-tall類。這是一個新課程，為感謝頁面增加了一些額外的高度。否則，我們最終會在頂部跑得很短。不會太令人印象深刻。

較大的圖像看起來很棒，并為我們的藝術(shù)家（即客戶）提供了一些額外的播放時間。 Jumbotron-tall定義為：

您的最終感謝頁面應(yīng)該看起來如下：

聯(lián)系頁面
<span><span>.transparent-background</span> {
</span>   <span>background-color: <span>rgba(0, 0, 0, 0.25)</span>
</span><span>}</span>

>我們希望為潛在客戶提供直接通過他的網(wǎng)站與客戶聯(lián)系的機會。這是聯(lián)系頁面到達(dá)的地方。我們將遵循上述基本輪廓以創(chuàng)建聯(lián)系頁面。我們的最后頁面看起來如下：

Visual Studio社區(qū)2015：添加電子郵件和聯(lián)系頁面

>打開視圖/主頁，您會注意到已經(jīng)有一個contact.cshtml。就像我們之前在“感謝”頁面上所做的那樣，除了頂部視圖包代碼外，清除所有內(nèi)容。我們將再次使用Jumbotron。除了右側(cè)將是空的，我們將使用兩列。這使我們的觸點表格在左側(cè)更加對齊。

>我們將介紹一些新的CSS課程，這也將影響我們的主頁。頭等艙是：

<span title="&">&amp;lt;p&amp;gt;&amp;lt;a class=&amp;quot;btn btn-primary btn-lg&amp;quot; href=&amp;quot;#&amp;quot; role=&amp;quot;button&amp;quot;&amp;gt;Learn more &amp;amp;raquo;&amp;lt;/a&amp;gt;&amp;lt;/p&amp;gt;</span>

這是專門針對表單底部的藍(lán)色按鈕。添加此類將創(chuàng)建一個更寬的按鈕，并在按鈕頂部和評論框的底部之間添加一點空間。我們還可以將此課程應(yīng)用于主頁按鈕。

接下來是對現(xiàn)有類的修改：

<span title="&">&amp;lt;!-- Begin MailChimp Signup Form --&amp;gt;
</span><span title="&">&amp;lt;link href=&amp;quot;//cdn-images.mailchimp.com/embedcode/classic-081711.css&amp;quot; rel=&amp;quot;stylesheet&amp;quot; type=&amp;quot;text/css&amp;quot;&amp;gt;
</span><span title="&">&amp;lt;div id=&amp;quot;mc_embed_signup&amp;quot; class=&amp;quot;transparent-background soft-border-radius&amp;quot;&amp;gt;
</span><span title="&">&amp;lt;form action=&amp;quot;#&amp;quot; method=&amp;quot;post&amp;quot; id=&amp;quot;mc-embedded-subscribe-form&amp;quot; name=&amp;quot;mc-embedded-subscribe-form&amp;quot; class=&amp;quot;validate&amp;quot; target=&amp;quot;_blank&amp;quot; novalidate&amp;gt;
</span>  <span title="&">&amp;lt;div id=&amp;quot;mc_embed_signup_scroll&amp;quot;&amp;gt;
</span>  <span title="&">&amp;lt;h3&amp;gt;Enter your name and email for&amp;lt;br /&amp;gt; your first FREE lesson!&amp;lt;/h3&amp;gt;
</span>
  <span title="&">&amp;lt;div class=&amp;quot;mc-field-group&amp;quot;&amp;gt;
</span>  <span title="&">&amp;lt;label for=&amp;quot;mce-FNAME&amp;quot; class=&amp;quot;not-bold&amp;quot;&amp;gt;First Name &amp;lt;/label&amp;gt;
</span>  <span title="&">&amp;lt;input type=&amp;quot;text&amp;quot; value=&amp;quot;&amp;quot; name=&amp;quot;FNAME&amp;quot; class=&amp;quot;transparent-background soft-border-radius&amp;quot; id=&amp;quot;mce-FNAME&amp;quot;&amp;gt;
</span>  <span title="&">&amp;lt;/div&amp;gt;
</span>  <span title="&">&amp;lt;div class=&amp;quot;mc-field-group&amp;quot;&amp;gt;
</span>  <span title="&">&amp;lt;label for=&amp;quot;mce-EMAIL&amp;quot; class=&amp;quot;not-bold&amp;quot;&amp;gt;Email &amp;lt;/label&amp;gt;
</span>  <span title="&">&amp;lt;input type=&amp;quot;email&amp;quot; value=&amp;quot;&amp;quot; name=&amp;quot;EMAIL&amp;quot; class=&amp;quot;required email transparent-background soft-border-radius&amp;quot; id=&amp;quot;mce-EMAIL&amp;quot;&amp;gt;
</span>  <span title="&">&amp;lt;/div&amp;gt;
</span>

  <span title="&">&amp;lt;div id=&amp;quot;mce-responses&amp;quot; class=&amp;quot;clear&amp;quot;&amp;gt;
</span>  <span title="&">&amp;lt;div class=&amp;quot;response&amp;quot; id=&amp;quot;mce-error-response&amp;quot; style=&amp;quot;display:none&amp;quot;&amp;gt;&amp;lt;/div&amp;gt;
</span>  <span title="&">&amp;lt;div class=&amp;quot;response&amp;quot; id=&amp;quot;mce-success-response&amp;quot; style=&amp;quot;display:none&amp;quot;&amp;gt;&amp;lt;/div&amp;gt;
</span>  <span title="&">&amp;lt;/div&amp;gt;    
</span>  <span title="&">&amp;lt;!-- real people should not fill this in and expect good things - do not remove this or risk form bot signups--&amp;gt;
</span>  <span title="&">&amp;lt;div style=&amp;quot;position: absolute; left: -5000px;&amp;quot;&amp;gt;&amp;lt;input type=&amp;quot;text&amp;quot; name=&amp;quot;b_f27f671242f9376d66eb9034e_a5f924c1e8&amp;quot; tabindex=&amp;quot;-1&amp;quot; value=&amp;quot;&amp;quot;&amp;gt;&amp;lt;/div&amp;gt;
</span>
  <span title="&">&amp;lt;input type=&amp;quot;submit&amp;quot; class=&amp;quot;btn btn-primary btn-lg&amp;quot; value=&amp;quot;Subscribe&amp;quot; name=&amp;quot;subscribe&amp;quot; /&amp;gt;
</span>
  <span title="&">&amp;lt;/div&amp;gt;
</span>  <span title="&">&amp;lt;/form&amp;gt;
</span><span title="&">&amp;lt;/div&amp;gt;
</span><span title="&">&amp;lt;!--End mc_embed_signup--&amp;gt;</span>

對于此表格，我們將使用類似于MailChimp表單代碼的結(jié)構(gòu)。但是，我們不會使用MailChimp的CSS，因為我們不使用其注冊表格。

>

> MailChimp CSS提供的一件事是圍繞輸入字段的較暗邊界?，F(xiàn)在消失了。為了補償，我們正在添加軟 - 邊界 - 拉迪烏斯內(nèi)部的邊框，這將產(chǎn)生相同的效果。

>在聯(lián)系表格中，我們添加了一個評論文本框。這個盒子可以帶有滾動條，默認(rèn)情況下將是相當(dāng)白色的。這種更亮的顏色將與我們的深色形成鮮明的對比。為了幫助滾動條更好地融合，我們需要修改文本方面：>

注意FFFAD5的顏色，它將我們的評論字段文本從黑色更改為更亮的黃色。我們正在為輸入字段做同樣的事情：
<span><span>.not-bold</span> {
</span>    <span>font-weight:normal;
</span><span>}</span>

上述所有CSS課程都進(jìn)入site.css. <span><span>.transparent-background</span> { </span> <span>background-color: <span>rgba(0, 0, 0, 0.25)</span> </span><span>}</span>

現(xiàn)在我們可以繼續(xù)使用表單代碼。>

>您可能會注意到與MailChimp表格的一些相似之處。這實際上是該表單的修改版本。觸點表格位于左柱中，該左柱為Col-Md-8寬。由于我們的右列是Col-Md-4，因此可以創(chuàng)建一個2/3寬的列。請記住，8 4 = 12，這是在Bootstrap中組成我們的12列網(wǎng)格的列數(shù)。

摘要
<span><span>.soft-border-radius</span> {
</span>  <span>border-radius: 10px;
</span><span>}</span>
Andy的客戶現(xiàn)在有一個很棒的注冊表格，一定會吸引注冊。他還添加了一個聯(lián)系表，與網(wǎng)站的整體主題融為一體。在這一點上，安迪的客戶取得了一個良好的開端。

>

接下來，我們將為客戶添加一種購買課程的方法。安迪的客戶認(rèn)識到移動設(shè)備現(xiàn)在是網(wǎng)絡(luò)的很大一部分。他想確保移動網(wǎng)站提供出色的用戶體驗。其中一部分是在獲得新課程后發(fā)送通知。

> 安迪（Andy）為網(wǎng)站有一些令人興奮的功能。當(dāng)一切融合在一起時，我們將繼續(xù)跟隨他的肩膀。

以上是Visual Studio社區(qū)2015：添加電子郵件和聯(lián)系頁面的詳細(xì)內(nèi)容。更多信息請關(guān)注PHP中文網(wǎng)其他相關(guān)文章！

本站聲明
本文內(nèi)容由網(wǎng)友自發(fā)貢獻(xiàn)，版權(quán)歸原作者所有，本站不承擔(dān)相應(yīng)法律責(zé)任。如您發(fā)現(xiàn)有涉嫌抄襲侵權(quán)的內(nèi)容，請聯(lián)系admin@php.cn

熱AI工具

Undress AI Tool

Undress AI Tool

免費脫衣服圖片

Undresser.AI Undress

Undresser.AI Undress

人工智能驅(qū)動的應(yīng)用程序，用于創(chuàng)建逼真的裸體照片

AI Clothes Remover

AI Clothes Remover

用于從照片中去除衣服的在線人工智能工具。

Clothoff.io

Clothoff.io

AI脫衣機

Video Face Swap

Video Face Swap

使用我們完全免費的人工智能換臉工具輕松在任何視頻中換臉！

熱工具

記事本++7.3.1

記事本++7.3.1

好用且免費的代碼編輯器

SublimeText3漢化版

SublimeText3漢化版

中文版，非常好用

禪工作室 13.0.1

禪工作室 13.0.1

功能強大的PHP集成開發(fā)環(huán)境

Dreamweaver CS6

Dreamweaver CS6

視覺化網(wǎng)頁開發(fā)工具

SublimeText3 Mac版

SublimeText3 Mac版

神級代碼編輯軟件(SublimeText3)

您的設(shè)備喂養(yǎng)AI助手并收集個人數(shù)據(jù)，即使他們睡著了。這是如何知道您分享的內(nèi)容。 您的設(shè)備喂養(yǎng)AI助手并收集個人數(shù)據(jù)，即使他們睡著了。這是如何知道您分享的內(nèi)容。 Jul 05, 2025 am 01:12 AM

不管喜歡與否，人工智能已成為日常生活的一部分。許多設(shè)備（包括電動剃須刀和牙刷）已成為AI驅(qū)動的“使用機器學(xué)習(xí)算法來跟蹤一個人的使用方式，Devi的方式

由于新的Microsoft AI型號 由于新的Microsoft AI型號 Jul 05, 2025 am 12:44 AM

一種新的人工智能（AI）模型已經(jīng)證明了比幾個使用最廣泛使用的全球預(yù)測系統(tǒng)更快，更精確地預(yù)測重大天氣事件的能力。該名為Aurora的模型已接受過培訓(xùn)。

高級AI型號的CO＆＃8322;回答相同問題時的排放量比更常見的LLM 高級AI型號的CO＆＃8322;回答相同問題時的排放量比更常見的LLM Jul 06, 2025 am 12:37 AM

根據(jù)最近的一項研究，我們試圖使AI模型的功能越精確，其碳排放量就越大 - 某些提示產(chǎn)生的二氧化碳比其他提示高達(dá)50倍。

威脅AI聊天機器人，它將撒謊，作弊和'讓您死”以阻止您，并警告 威脅AI聊天機器人，它將撒謊，作弊和'讓您死”以阻止您，并警告 Jul 04, 2025 am 12:40 AM

根據(jù)一項新的研究，人工智能（AI）模型在模型的目標(biāo)和用戶決定之間發(fā)生沖突時可能會威脅和勒索人類。

ai不斷地'幻覺”，但是有一個解決方案 ai不斷地'幻覺”，但是有一個解決方案 Jul 07, 2025 am 01:26 AM

大型技術(shù)實驗人工智能（AI）的主要關(guān)注點并不是它可能主導(dǎo)人類。真正的問題在于大語言模型（LLMS）的持續(xù)不準(zhǔn)確性，例如Open AI的Chatgpt，Google的Gemini和

研究表明，當(dāng)問題變得太困難時 研究表明，當(dāng)問題變得太困難時 Jul 07, 2025 am 01:02 AM

人工智能（AI）推理模型并不像看起來那樣能力。實際上，根據(jù)Apple的研究人員的說法，當(dāng)任務(wù)變得過于復(fù)雜時，它們的表現(xiàn)會完全崩潰。

在網(wǎng)絡(luò)攻擊M＆S和合作社的網(wǎng)絡(luò)攻擊背后捕獲了狩獵者的逮捕 在網(wǎng)絡(luò)攻擊M＆S和合作社的網(wǎng)絡(luò)攻擊背后捕獲了狩獵者的逮捕 Jul 11, 2025 pm 01:36 PM

英國國家犯罪局（NCA）逮捕了四名涉嫌參與針對Marks和Spencer（M＆S），合作社和Harrods的網(wǎng)絡(luò)攻擊的人

See all articles