如果你是新這裡,您可能想訂閱我的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條評論 )














