Greater Dunnellon Historical Society

Wed

18

Mar

2015

将jimdo前台翻译为中文

       随着jimdo全面退出中国市场,现在我们大家使用的中国区的jimdo系统不管是前台还是后台都变成了英文,主要表现在留言系统和博管系统的部分元素内容。给用户的操作和访问带来了很大的不便!后台是没有办法改变的,因为我们没有办法控制,那前台能不能将留言和博客显示系统翻译替换成中文显示呢?答案是肯定的!

Read More 0 Comments

Sat

01

Feb

2014

针对360浏览器高速模式和兼容模式分别设计样式的方案

      最近用360浏览器浏览网页时发现我用JIMDO自助建站系统建设的网站,在高速模式下无法正常显示网站首页的FLASH图片轮播,里面有5张图片,表现为有进打开首页5张全部显示,有时全只显示其中的3张,但改用兼容模式后发现无论什么时候打开都能像其它浏览器下一样正常显示5张图片。

Read More 1 Comments

Mon

12

Aug

2013

网页背景色在IE浏览器产生偏差的解决方法

      最近制作了一个绿色圆角背景的站内搜索框,原意是希望把它放在一个同样是绿色背景色的圆角背景框中,使它看起来点立体的感观。但是在火狐下浏览起来还算正常,但在IE浏览器,网页背景图片和站内搜索框却产生了颜色偏差,如下图所示:

Read More 0 Comments

Fri

09

Aug

2013

兼容所有浏览器的背景色渐变方案

       CSS渐变特性推出已经好几年了,可惜由于大多数浏览器都对它不是很兼容,这个属性很少被使用。但是现在随着越来越多的浏览器对渐变的支持,我们不必再通过图片来创造渐变的效果了。那么如何通过CSS来创造对于主流浏览器都兼容的渐变方案?至少要让Firefox 3.6+、 Safari、Chrome和IE浏览器都支持。

Read More 0 Comments

Wed

07

Aug

2013

用PS替换网页素材颜色的方法

       最近想换网站站内的GOOGLE自定义搜索框,本来想自己用photoshop制作,但苦于自己没有一点美工基础,另外对phtoshop也不是很熟练,于是就想到了在网上找一个素材。到后来找到一个比较满意的,可是问题又来,颜色不协调,我想将原来的颜色改成浅绿色的。由于对PS没有什么基础,花了不少时间和精力才算解决。方法如下:

Read More 0 Comments

Fri

05

Jul

2013

利用firebug修改网站模板的方法

       刚接触建站的新手,无论你是用的哪种管理系统,比如wordpress等等,可能都对丰富多彩、数量众多的Wordpress主题或者其它管理系统提供的主题模板非常感兴趣。

Read More 0 Comments

Thu

04

Jul

2013

推荐一款改良版的焦点图片轮播软件focus.swf

       浏览很多大型门户网站,看到很多播放焦点图片的代码居然能随机变换很多种切换图片的特效,后来经过研究发现原来是用一个叫做focus.swf的FLASH实现的,虽然那些切换效果也可以用一个JS代码现实,但遗憾的是它不适用于火狐浏览器,因为JS实现的那些特效是IE浏览器所专用的!所以现在就觉得还是用focus.swf比较好,因为它可以完全兼容所有浏览器!

    

Read More 0 Comments

Tue

26

Feb

2013

仿google和百度搜索框两边和文本之间留间距

       最近我把站内的GOOGLE自定义搜索框改为用圆角图片来代替后,却发现当输入框中的文本如果超出搜索框的宽度时,左边的文本就会挤到左边的搜索边框线上!后来通过研究GOOGLE和百度搜索框,终于得到圆满解决!html代码如下:

 

Read More 0 Comments

Sun

24

Feb

2013

用js实现jimdo博文最近更新

    jimdo网站利用博客显示等的方法实现博客最近更新不仅复杂而且不利于美化和排版。在这里我介绍用一个超简单的JS源代码,它不仅能实现博文的最近更新,另外排版起来也比较方便。

Read More 4 Comments

Wed

13

Feb

2013

兼容所有浏览器的超出元素长度用省略号代替的代码

      兼容所有浏览器,超出元素,比如DIV或者UL LI表格元素,给它规定一个固定的长度或者宽度,超出的部分用省略号代替,如果是JIMDO博文标题,那它在CSS中的定义代码如下:

Read More 1 Comments

Sun

03

Feb

2013

玩转美化google自定义搜索

     在google网站定制的站内自定义搜索,因为GOOGLE强大的搜索功能和快速和全面的收录,是百度搜索无法比似的。我们可以利用它的ID来重新设置CSS样式,改造搜索输入框的颜色和样式,以及更换搜索按钮和样式等等的美化功能,以达到具有自己站内特色的真正自己的站内搜索!

Read More 0 Comments

Sun

03

Feb

2013

如何给博文最近更新的标题前面加一个数字,间距,颜色

      在feed2js网站定制的博客最近更新,如想在博客标题前面加数字标号,以及改变数字颜色,并设置标题之间的间距,jimdo博客网站的CSS设置可如下:

Read More 1 Comments

Sun

03

Feb

2013

如何去掉feed2js最近更新前面的项目符号

      利用feed2js定制的博文最近更新虽然利于排版,但也出现了新的问题,那就是每个博文标题前面都会有一个黑色项目符号,个人觉得影响美观,应该想办法去掉!方法有2种。

Read More 1 Comments

Sun

03

Feb

2013

美化google自定义搜索—改变高度

     想要更好地控制好GOOGLE自定义搜索框的高度的代码如下: <input style="font: 16px arial; padding: 3px;" type="text" />

Read More 1 Comments

Sun

03

Feb

2013

美化GOOGLE自定义搜索框—设置input样式

鼠标移到GOOGLE自定义搜索框上去的时候,边框的颜色是#060,当鼠标移除的时候边框的颜色是#c00。这样的CSS代码如下:

Read More 1 Comments

Sun

03

Feb

2013

美化Google自定义搜索—定义图像形式的提交按钮

美化GOOGLE自定义搜索,我们可以将文字提交按钮改成图像或者是动画(GIF)形式的按钮!代码如下:

<input type="image" src="submit.gif" alt="Submit" />

        submit.gif即红色部分的图像地址最好用绝对地址!如我的GOOGLE自定义搜索框代码如下:

Read More 1 Comments

Sun

03

Feb

2013

Google自定义搜索INPUT和图标提交按钮、文字按钮对齐的方法

1.INPUT和图片按钮对齐:

<input alt="Submit" src="http://u.jimdo.com/www22/o/s6fa75db20a8ee120/userlayout/img/mya.png" type="image" align="absmiddle" />

 

也可以在按钮的样式里面加入:vertical-align:middle;

Read More 1 Comments

Sun

03

Feb

2013

GOOGLE自定义搜索框输入提示的代码

      我们可以为Google自定义搜索的输入框任意自定义提示内容,以达到美化JIMDO和GOOGLE自定义的目的。代码如下:

Read More 1 Comments

Sun

03

Feb

2013

GOOGLE自定义搜索框内输入文字居中的技巧

最近我发现利用GOOGLE自定义搜索的ID做成适合自己的站内搜索后出了很多意想不到的问题,其中就包括输入框内显示和输入的内容不居中,如不解决影响美化效果!后来参考了很多网上资料,最终圆满解决,代码如下:

Read More 1 Comments

Sun

03

Feb

2013

GOOGLE自定义搜索美化技巧

      google自定义搜索提供的原始代码的搜索框有“GOOGLE自定义搜索“的水印,不符合自己的要求,很难想办法去除,另外也无法把搜索框和按钮改成自己想要的效果,比如“天下搜索”这样的字样。不过我们可以利用它提供给我们的ID,只要将原它的原始代码改下就一切搞定,这样可以轻松美化GOOGLE自定义搜索。。。。。

Read More 2 Comments

Sun

03

Feb

2013

利用Feed2js轻轻实现博客最近更新

    feed2js是一个将博客feed rss 博客转换成JS的网站,它通用所有博客网站,得用它可以轻松实现网站博客最近更新功能!你可以将你的博客rss在feed2js官方网设置一下,你就可以拥有一段JS输出代码,你可以将JS代码放在支持JS的网站上,输出的内容就是你的博客最新日志。你可以设置显示条数、是否显示摘要、是否显示日期、是否新窗口打开等等,甚至你可以用它来做一个博客聚合网站。

Read More 1 Comments

Fri

01

Feb

2013

最简单的画直线的html

     最简单的画直线的html如下:

<div style="float:left;width:740px;height:1px;margin-bottom:5px;background-color:#458B00;overflow:hidden;">
</div>

     下面是效果实例:

Read More 1 Comments

Thu

31

Jan

2013

兼容所有浏览器的动态显示完整时间和日期的代码

      兼容所有浏览器的动态显示完整时间和日期的代码在网上很难找到,特别是一般网上很多人帖出来的要不就是没有能够完整显示日期,要不就是显示的时间是本地的和网上服务器的很差别,一般网上服务器的要标准很多!要不就是在火狐可以,到了IE浏览器就不能动态显示变化的时间,另外还有的只能显示英文日期,除非你刷新!现在我做了一个JS,通过改进克服了那些问题,我把它发布出来供大家研究和借鉴。

Read More 1 Comments

Wed

30

Jan

2013

把google自定义搜索框设置为圆角框方法

     曾经为了将google自定义搜索框改成圆角框,在网上找了很久的经验和方法,阅读了大量他人的博客,一直没有好的解决办法。因为google是将自定义搜索框的样式定义捆绑在官方提供的JS中。不过现在终于找到了好的办法,方法如下:

Read More 1 Comments

Wed

30

Jan

2013

用PS给google自定义搜索画一个圆角框的方法

      用ps给google自定义搜索框画一个圆角框的方法如下:

      先打开 Photoshop,软件,并新建一个文件在如下 图所示的界面中定义圆角框的宽和高,并将内容项的透明选中,(即蓝色框中的地方)以便做成后的圆角框在网页上显示时没有白边。

Read More 1 Comments

Mon

01

Oct

2012

给网页加一个定时自动关闭的漂浮欢迎文本

       我们可以给网页加一个设定时间(比如只显示10秒)漂浮显示后自动关闭的欢迎文本或者广告,我里的是实例是文本,不过要实现漂浮广告的自动关闭方法大同小异!代码如下:

Read More 0 Comments

Mon

27

Aug

2012

给任何区加圆角框最简单有效的方法

     可以给任何区加圆角框最简单最有效的方法就是利用CSS的border给DIV或者其它类画一个边框,然后再利内联的一段JS源码将其强行改成圆角,而且圆的圆度可以随意设置!如下图所示就是这种原理:

Read More 3 Comments

Sat

11

Aug

2012

jimdo侧边栏博客显示css设置

/*  bloglist */
#cc-matrix-1366337555 .blogselection .clearover h1
{float:left;margin-top:-8px; border:none;padding:0px !important;width:220px;overflow:hidden;
white-space:nowrap;text-overflow:ellipsis;-o-text-overflow:ellipsis;-moz-text-overflow: ellipsis;}       /*  设置行宽及换行隐藏并以...表示 ,注意火狐下面应该如果宽度改变不就将#cc-matrix-1366337555 .blogselection .clearover h1的H1去掉,即前面绿色显示的字!*/


Read More 1 Comments

Wed

08

Aug

2012

缩小JIMDO广告盒乱布局的解决方法

      由于各种布局都有它的局限性!在有的浏览器布局下重新设置JIMDO广告盒的高度和宽度不会乱布局,有的布局如不重新在CSS里面设置一下sidebar的样式,就会出现在IE浏览器下面一切正常,但一到别的浏览器,比如火狐下就会使广告盒下面的元素从sidebar区跑到content区。解决的办法就是把SIDEBAR样式中的溢出自动隐藏属性(overflow: hidden;)去掉,或者是把JIMDO广告盒的浮动属性,比如:FLOT属性去掉,就会兼容各个浏览器!

0 Comments