约翰逊框和如何使它们

flaminglacer2010年2月23日
工具

如果你是新这里,您可能想订阅我的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评论

论文清洁页选项

flaminglacer2010年2月18号
工具

我真的,疯狂地,深深地与毕业论文的爱-这是最好的wordpress主题,无一例外。值得每一分钱我为此付出了代价。我会付出很多。这可能是最宝贵的单一投资,我有史以来为自己的公司。 的乐趣之一是多么容易使自己看起来不像。我需要一个简单,干净的网页客户端,其上的事,所以我们可以这样做,虽然我们高兴通过WordPress的后端,并与所有的搜索引擎优化功能该论文带来加上一切。所有我们想要的是一个良好的边界内容的容器。

CSS是不是我的一大优势,但我决定解决这个小问题,提出有用的东西了。这是我的工作的结果,我希望你觉得它有用,我有。我感谢委员在diythemes论坛 ,他们的集体智慧,帮助我实现这一目标。

我有标记的每一小段代码,以便可以看到它的作用,并作出自己的更改所需的颜色等。

这将产生一个干净的,空白页,没有头,导航,工具条或页脚。H1,H2和H3的风格已大,必须在一个特定的颜色,和链接将与一对悬停彩色背景突出,但这些元素可以被排除在外,如果你愿意的话。同样的容器的大小和边框是可以改变的。在评论关闭'也被删除。如果你想改变它应该是相当简单的,看看你需要取出。

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

。cleanpage#头(填充:0;边框底部:0em;)
。cleanpage#头#标志(显示:无;)
。cleanpage#头#口号(显示:无;)
。cleanpage。菜单(显示:无;边界:无;)
。cleanpage#内容(保证金:0汽车;浮动:无;)
。cleanpage(#侧边栏显示:无;边界:无;)
。cleanpage#标签(显示:无;)
。cleanpage#content_box(背景:无;)
。cleanpage。comments_closed(显示:无;)
。cleanpage#页脚(填充底:0;边界的顶部:0em;)

/ *- [浅色背景上的链接悬停] -* /
。cleanpage 1(颜色:#你的色中,这里;)
。cleanpage 1:悬停(颜色:;背景:#你的色中,这里;)

/ *- [尾浅色背景上的链接悬停] -* /

/ *- [标题如h1,h2,H3的格式] -* /

。cleanpage#内容H3的(字体大小:18pt;字体体重:大胆,颜色:#你的色中,这里)
。cleanpage#内容氢(字体大小:24pt;字体体重:大胆,颜色:#你的色中,这里)
。cleanpage#内容上半年(字体大小:30pt;文本对齐:中心;字体体重:大胆,颜色:#你的色中,这里)

/ *- [尾头如h1,h2格式] -* /

/ *- [集装箱] -* /

。cleanpage#集装箱(宽度:您的宽度在- HEREpx;缘上方:1em;边界:0.2em固体#你的色中,这里;)

/ *- [尾集装箱] -* /

/ *- [尾造型为清洁页] -* /

要使用它,只需作出的色彩等方面的考虑,以适应到custom_css文件中的您的网站并粘贴代码的感觉调整。 在创建页面本身只需添加'cleanpage'在页面上的CSS类框。

Thesis Cleam page

你可以看到实际的范例网页浏览论文清洁页

它未必是最优雅的代码-我的孩子有没有呼啸,但它再次表明,在多方面的神话般的论文主题是。 如果没有它,请你赞成,得到它 - 这钱花得值。

comments } (5评论

谁是您的网站?

2010年1月17日

有装修一直是我生活中去,目前在很多 - 客厅和博客。客厅接近完成,是比博客和最新完成的事情给了我停下来思考一下。
昨天我花了决策(改变确切地说)在客厅的窗帘,因为他们[...]

阅读完整的文章→

美味Dropbox

2010年1月13日

一位朋友对我说:有一天,当谈到一些新的geekery“我们toolsmiths”,他是相当正确的。我喜欢新的发光玩具和工具。 我们在讨论波*谷歌在当时的工具,但我想提请你注意今天Dropbox - 这是任何人奇妙的工具[...]

阅读完整的文章→

一件小事

2010年1月8日

我是一个哲学的东西今天的心情。这一直是向上和向下周主要是由于天气寒冷,我讨厌,但三件事今天发生的事件令我多少事小事情,给了我额外的收获的灵感。
第一件事是在[...]

阅读完整的文章→

我回来了!

2010年1月6日

我没有张贴任何东西很长一段时间到我的博客。原因是多方面的,其中没有我会进入,因为它会采取长,迅速成为一个忧郁的自我辩护哀号。这只是它的方式。
然而,时代在变,我有计划,这是一个博客的一部分[...]

阅读完整的文章→

西米德兰兹MeetUp

2009年2月21日
缩略图图像西米德兰兹MeetUp

我刚刚回来的西米德兰MeetUp在伊夫舍姆,很累,但很高兴,因为他们说。这是一个伟大的下午,无愧于它的努力筹办好。
我们是一个有经验的选择范围广泛的不同频段,不同的各种技能,但对于一个和谐的整体作出[...]

阅读完整的文章→

西米德兰兹Meetup

2009年2月10日

我一直在威胁做了一会儿,并终于找到它排序!任何人谁一直对MeetUps一举行了世界所有,你就会知道他们是如何有益 - 和乐趣。 我想,在曼彻斯特MeetUp发起30天的挑战美好的回忆[...]

阅读完整的文章→

扭转这种局面

2009年2月5日

这是一个众所周知的事实,我有无限的塞思戈丁,你可能不知道钦佩的是,我都用了几个星期和几个月变得越来越反对Numpties谁鼓吹的厄运,悲观和失望,我长篇大论尖刻各种媒体 - 我成为女人谁[...]

阅读完整的文章→

从求职2009年1月14日

09年1月14日

这是一个可爱的小Firefox的扩展为所有网页那里的建设者 - ColorZilla为分析的颜色和网站上。很高兴能在我的指尖这等一整排的工具。
这一个了不小的惊喜给我的东西 - 我什至没有意识到这[...]

阅读完整的文章→