Если Вы новичок здесь, вы можете подписаться на мой RSS Feed. Благодарим за посещение!

Джонсон коробки являются одной из тех вещей, которые относятся к каждому и предполагает, что каждый человек знает все о них и как делать их, - но по моему опыту, это не так. После опцию 'чистой страницы' на прошлой неделе, которую большинство людей пятнистый как потенциальная продажа / Squeeze странице логично следовать его с немного о Джонсон коробки.

Для тех, кто не знает, это те, цветные квадраты с твердыми или ломаную вокруг них, что особое внимание какой-нибудь текст, как правило, благо продукт, или продажная цена - все, что нужно обратить внимание. Они доказали способ увеличения конверсии. Так как вы их?

Прежде всего вам нужно немного кода, чтобы идти в custom_css.php, который определяет стиль и тип вашего окна, то вы NED положить что-нибудь на вашей странице текста, вызывающая этот флажок.

Простой вариант приведен здесь - вы можете остановиться на его как угодно, но это даст вам основное поле

/*--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-редактора, а не один в Visual 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 комментарий)

Я действительно, безумно, страстно влюблен в диссертации - это лучший WordPress Theme, бара нет. Стоит каждую копейку я заплатил за это. Я хотел бы заплатить гораздо больше. Это, пожалуй, наиболее ценное одного инвестиционного я когда-нибудь сделал для моего бизнеса. Одна из радостей является, как легко, чтобы он выглядел в отличие от себя. Мне нужна была простая, чистая страница для клиента, ни с чем на нее, так что мы могли бы многое сделать как мы рады с помощью WordPress бэкэнда и со всеми SEO функциональность Этот тезис приносит плюс все остальное. Все, что мы хотели, содержание контейнера с тонкой границе.

CSS не является одной из моих самых сильных, но я решил, чтобы справиться с этой проблемой малого и придумать что-нибудь использовать. Это результат моей работы, я надеюсь, что вы найдете его в качестве полезного как у меня. Моя благодарность членам DIYthemes форумах, коллективная мудрость помогли мне добиться этого.

Я Маркируется каждый кусочек кода, вы можете увидеть, что он делает, и делать ваши собственные изменения, необходимые для цветов и так далее.

Это позволит производить чистую, пустую страницу, без заголовка, навигации, боковую панель или колонтитула. H1, H2 и H3 были стиле будет больше, и в определенный цвет, и ссылки будут выделены цветным фоном на режиме висения, но эти Элементы могут быть оставлены, если вам так хочется. Столь же контейнера размеры и границы могут быть изменены. замечаний закрытым "также была удалена. Если вы хотите внести изменения он должен быть достаточно простым, чтобы увидеть, что вам нужно, чтобы вывезти.

/*---[Styling For Clean Page]---*/

. cleanpage # Header (PADDING: 0; нижнюю границу: 0em;)
. cleanpage # Header # (логотип Дисплей: None;)
. cleanpage # Header # (Подзаголовок Дисплей: None;)
. cleanpage. меню (Дисплей: нет; границу: нет;)
. cleanpage # (содержание Маржа: 0 Авто; Float: None;)
. cleanpage # (отображения боковой панели: нет; границу: нет;)
. cleanpage # (вкладке Дисплей: None;)
. cleanpage # (content_box справочная информация: нет;)
. cleanpage. comments_closed (Дисплей: None;)
. cleanpage Footer # (font-вниз: 0; границ Top: 0em;)

/ *- [Цветном фоне в наведении на ссылку] -* /
. cleanpage (COLOR: # Ваш-Цвет-IN-ЗДЕСЬ;)
. cleanpage: Hover (COLOR:; фона: # ваш-Цвет-IN-ЗДЕСЬ;)

/ *- [Конец цветном фоне в наведении на ссылку] -* /

/ *- [Заголовков H1, H2, H3 форматирование] -* /

. cleanpage # содержание h3 (Размер шрифта: 18pt; FONT-WEIGHT: Bold; Цвет: # ваш-Цвет-IN-HERE)
. cleanpage # содержание h2 (Размер шрифта: 24pt; FONT-WEIGHT: Bold; Цвет: # ваш-Цвет-IN-HERE)
. cleanpage # содержание h1 (Размер шрифта: 30pt; текстовых Align: центр; FONT-WEIGHT: Bold; Цвет: # ваш-Цвет-IN-HERE)

/ *- [Конец заголовков H1, H2 форматирование] -* /

/ *- [Контейнер] -* /

. cleanpage # (ширине контейнера: ВАШ-ширина-IN-HEREpx; разницы-топ: 1em; границу: 0.2em # Ваше твердое-Цвет-IN-ЗДЕСЬ;)

/ *- [Конец контейнеров] -* /

/ *- [Конец стайлинг чистой страницы] -* /

Чтобы его использовать, просто внести коррективы, с точки зрения цвета и т.д. в код, указанный в соответствии вид вашего сайта и вставить в custom_css файла. При создании самой страницы, просто добавьте 'cleanpage' в поле CSS класс на этой странице.

Thesis Cleam page

Вы можете увидеть фактический странице образцом здесь диссертацию чистой страницы

Оно не может быть самым элегантным кода - Я не свист ребенком, но это еще раз демонстрирует, каким универсальным сказочные Тема диссертации является. Если вы не имеете его, сделать себе услугу и получить его - это хорошее вложение денег.

comments } (5 комментариев)

Кто ваш сайт?

17 января 2010

Там's было много косметический ремонт происходит в моей жизни на данный момент - в гостиную и в блоге. Гостиная закончили ближе, чем в блог и последняя вещь завершена дала мне пищу для размышлений.
Я провел вчера решения (изменения если быть точным) шторы для гостиной, потому что они [...]

Читайте полный текст статьи →

Delicious Dropbox

13 января 2010

Друг сказал мне на днях, когда обсуждаем некоторые новые Geekery "Мы toolsmiths", и он был совершенно прав. Я люблю новые блестящие игрушки и инструменты. Мы обсуждали Google Волна * на время, но инструментом я хочу обратить ваше внимание сегодня Dropbox - фантастический инструмент для любого [...]

Читайте полный текст статьи →

Мелочь

8 января 2010

Я в чем-то философское настроение. Это было вверх и вниз неделю основном из-за холодной погоды, который я ненавижу, но есть три вещи, которые произошли сегодня привезли домой ко мне, насколько малое дело вещей и дал мне дополнительный бонус в размере вдохновение.
Первое, что произошло, было [...]

Читайте полный текст статьи →

Я вернулся!

6 января 2010

Я не писал ничего на мой блог в течение длительного времени. Есть много причин, ни один из которых я буду вдаваться, потому что потребуется для долгого и быстро стал жалобно самооправдываемое вопль. Это именно так, как это было .
Однако времена меняются, я планирую и этот блог является частью [...]

Читайте полный текст статьи →

West Midlands MeetUp

21 февраля 2009
Миниатюрное изображение для West Midlands MeetUp

Я только что вернулся из MeetUp West Midlands в Evesham, усталые, но счастливые как они говорят. Это было большим днем и стоит усилий по организации его.
Мы были выбрать группу с широким спектром различного опыта, и все виды различных наборов мастерством, но он сделал для гармоничное целое [...]

Читайте полный текст статьи →

West Midlands Meetup

10 февраля 2009

Я был угрожающим для этого на некоторое время и, наконец, получил его отсортированных! Для тех, кто был одной из Meetups проводятся по всему миру, вы будете знать, насколько выгодны они - и весело тоже. У меня приятные воспоминания о Манчестер MeetUp что начал тридцать дней Challenge [...]

Читайте полный текст статьи →

Касаясь таблицы

5 февраля 2009

Это хорошо известный факт, что я неограниченными восхищение Сет Годин, что вы, вероятно, не знают, что я провел в последние недели и месяцы становится все более язвительный в моей тирады против Numpties кто проповедует Doom, мрака и отчаяния в различные средства массовой информации - я становлюсь женщиной, которая [...]

Читайте полный текст статьи →

Из каналов 14 января 2009

14 января 2009

Это прекрасная маленькая расширение для Firefox для всех тех веб-строителей там - ColorZilla предоставляет целый набор инструментов для анализа цвета и т.д. на веб-сайтах. Очень рад, что это у меня кончики пальцев.
Это одна пришла, как нечто большим сюрпризом для меня - я даже не понимают этого [...]

Читайте полный текст статьи →