如果你是新这里，您可能想订阅我的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编辑器，而不是在可湿性粉剂视觉1）
<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条评论 ）
