Ако сте нов тук, може да искате да се абонирате за моята 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 редактор, не на визуалната един в WP)
<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>
Ако искате повече от един стил на Джонсън 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 коментар)
