如果你是新這裡，您可能想訂閱我的RSS提要 。 感謝您訪問！
約翰遜盒是一個大家的東西是指，並假定每個人都知道所有關於他們如何做他們 - 但我的經驗，他們沒有。 繼'乾淨的頁面'選項上週發現，大多數人是一個潛在的銷售 /擠壓頁面似乎是合乎邏輯的跟進與有一點約翰遜盒。
對於誰不知道，他們是那些顏色的方塊，以固體或虛線，重點周圍一些文字，通常是受益的產品，或者銷售價格 - 任何你想提請大家注意。 它們是行之有效的方法增加轉換。 那麼如何做呢？
首先，你需要一點去的代碼在你的custom_css.php指定的風格和類型的方塊，然後把你的東西內德在您的網頁文本，就可以找到框。
一個簡單的版本都有在這裡 - 你可以詳細說明它請你，但這會給你一個基本的框
/*--Johnson-Box--*/
div#johnson-box{
display: center;
background: #YOUR-COLOR-CHOICE-HERE;
border: YOUR-BORDER-WIDTH-HEREpx solid #YOUR-COLOR-CHOICE-HERE;
width: YOUR-WIDTH-HEREpx;
height:YOUR-HEIGHT-HEREpx;
text-align: center;
}
/*--End Johnson-Box*/
這會給你一個中心與中心的文本框和一個實線輪。 實線並不想得多，而且往往比4px少。 如果你想破邊境只有取代'堅實'與'衝'。 如果你想為您的高度液體中，只是錯過了高度一致。
要使用中放置以下您的網頁的文本（使用HTML編輯器，而不是一個視覺可濕性粉劑）
<div id="johnson-box">
YOUR TEXT AND IMAGES HERE
</div>
這是我用來生成下面方框，但更常見的顏色邊界是＃cc0000
/*--Johnson-Box--*/
div#johnson-box{
display: block;
background: #f3edfc;
border: 4px dashed #cc99ff;
width: 600px;
height:60px;
text-align: center;
}
/*--End Johnson-Box*/
這就是我把我的網頁： -
<div id="johnson-box">
This is a Johnson Box
</div>
如果你想多個樣式的約翰遜箱，然後給每個剛剛成立了一個不同的分區的名稱。
您還可以使用內嵌式的，但我覺得 CSS的版本更容易當我設置為模板，但為了完整的代碼是在這裡，您將使用的HTML編輯器。
<div style="display: center; background: #YOUR-COLOR-CHOICE-HERE; border: 1px solid #YOUR-COLOR-CHOICE-HERE; width: YOUR-WIDTH-HEREpx; height:YOUR-HEIGHT-HEREpx; text-align: center;">
YOUR TEXT AND IMAGES HERE
</div>
這可能是有點基本你們當中一些人，但我希望是有用的人那裡。
comment } （1條評論 ）
