经典blog小贴士

 更新时间:2016年9月20日 19:05  点击:1731

抽时间做了一个经典blog群的可定制flash显示器,暂时命名为经典blog群小贴士吧,共享给大家 :)

作用:嵌入一段代码,可以在网站的自定义区域显示经典blog群里的最新更新信息(注意为了节省空间,目前只支持单行显示)

用法:在网站中嵌入以下推荐代码即可:

推荐代码 :

<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash
/swflash.cab#version=7,0,0,0" width="169" height="20" id="bxna" align="middle">
<param name="FlashVars" value="clr=#484848"/>
<param name="movie" value="http://blog./bxna/styles/mxna/bxna.swf" />
<param name="allowScriptAccess" value="sameDomain" />
<param name="loop" value="false" />
<param name="menu" value="false" />
<param name="quality" value="high" />
<param name="wmode" value="transparent" />
<param name="bgcolor" value="#ffffff" />
<embed src="http://blog./bxna/styles/mxna/bxna.swf" loop="false" menu="false" quality="high" wmode="transparent" bgcolor="#ffffff" width="169" height="20" name="bxna" align="middle" allowScriptAccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" />
</object>

如果您的网站需要对缺省设置进行修改,请使用下面的可选参数代码,并根据后面的使用帮助对参数进行微调:

<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/
swflash.cab#version=7,0,0,0" width="169" height="20" id="bxna" align="middle">
<param name="FlashVars" value="clr=#484848&speed=1&dfont=隶书&category=Flash&dy=-1.5"/>
<param name="movie" value="http://blog./bxna/styles/mxna/bxna.swf" />
<param name="allowScriptAccess" value="sameDomain" />
<param name="loop" value="false" />
<param name="menu" value="false" />
<param name="quality" value="high" />
<param name="wmode" value="transparent" />
<param name="bgcolor" value="#ffffff" />
<embed src="http://blog./bxna/styles/mxna/bxna.swf" loop="false" menu="false" quality="high" wmode="transparent" bgcolor="#ffffff" width="169" height="20" name="bxna" align="middle" allowScriptAccess="sam

很多时候,我们希望能在个人主页上挂上自己QQ的形象秀。并且达到同步的效果。其实这个功能挺容易的。因为QQ秀的图片不是虚拟的图片共用而是实际存在的。如:以下是我的QQ秀:

    使用代码:<IMG src="http://qqshow-user.tencent.com/120673406/10/00/">

    主要你将其中的120673406换成你的QQ号码就OK了。

  全身QQ秀: http://qqshow-user.tencent.com/你的QQ号码/10/00/   

    半身QQ秀: http://qqshow-user.tencent.com/你的QQ号码/11/00/




<

  现在像微软这样的业界领袖从来没有非常正式的单独提及过Web 2.0这个概念,显然他们同样下定决心指望在Web2.0上有所收获,相比上个星期我们这周就像身处在一个不同的世界里。

  如果你还不确定,就请阅读Tim O’Reilly那篇精彩的文章“Live Software blog entry”,它分析了微软在Web2.0上的一系列动作。微软所讲述都是关于RSS、Ajax、社会网络、作为平台的Internet、作为服务的软件等等。现在他们已经发布了早期版本,在这些比较正式的发布版本里面,真正可以看到的只有live.com和 microsoftgadgets.com,但显然还有些势单力薄。

  好了,现在那些强大的业界玩家真正把Web2.0的游戏放在了心上,我们需要反省一下,理顺一下思绪。在这个紧要关头,我提出一些列依旧抑制Web2.0发展的事儿,如果匿名发表,可能从根本上置Web2.0于死胡同,成为我们软件发展中停滞不前的落后者。

  不可否认的,这些都是我的主观臆断。您可以自由地添加自己的想法或告诉我哪里错了,无须拘谨 ……

  过度推崇:

  除了人们极力宣称Web2.0是解决软件中任何问题的方案,没有什么会伤害到Web2.0。它肯定不是解决方案,如果说成解决方案就扼杀了Web2.0的可信性。我们在对象技术中听到过,我们在组件中听到过,就像人们当年谈起.com时一样,在过去的20年中还听到过太多其他的银弹(“没有银弹”的意思是说没有软件工程本身就是复杂的,没有一劳永逸的、万能的解决方案)。没人相信有制作软件的万能药,Web2.0仅仅是关于如何设计和构建基于Web软件的有力思考方法。

  缺少简单的定义:

  很高兴看到一些可视化工具成为绝妙的知识工具,在里面添加一些组织内容的留言列表会更好,如果可以的话就让我们在今年年底定义好Web2.0。确实,Web2.0是包涵很多有趣、变化因素的大主题。假如把精通Web2.0的所有组织聚集在一起,让他们来给Web2.0下个定义,你会得到完全不同的答案。

  让匆忙进入Web2.0的孩子们成熟起来:

  Flickr和del.icio.us是Web2.0 新生代的绝佳例子。但是它们真的令整个世界疯狂吗?如果它们不在了,有人会为它们而死么?。但我的观点是,在Web时代有些站点虽然过了鼎盛时期,但这样很好,它们作为我们生活的中心无处不在,就像提起Google都已经7岁了。每天都有大量Web2.0站点的新生代诞生,我甚至不能对众多的社会书签网站保持跟踪。而且某些不错的Web2.0应用涌现在有趣、前景无限的垂直市场。如果这真的发生了,让我们期待比Microsoft Office Live(译者注:中小企业在线发布及管理系统)更好的应用出现。

  需要永久的连接:

  一些人使用内置无线上网功能的笔记本电脑,也许仅有0.0001%的网民会这样上网。Web2.0应用程序,甚至本机的iTunes和BitTorrent都需要快速、稳定的连接,它们才能工作。除非全面的进步,否则就像微软现在给Web2.0的定性:它只是我们如何工作的扩展而已,并不是在任何地方我们都能真正使用的。

  把Ajax作为Web 2.0的官方体验:

  Ajax 现在得到很多推崇,但是非常坦白地说,人们对它期待得越多它就会变得越糟糕。Ajax有一些非常受局限的地方。不要误解我,我喜欢把 Ajax作为某些问题的正确解决方案。但是试图在每个解决方案中像锤子一样使用它将会带来很多困难。本地的数据存储和同步可以恰当地解决,对于多Web服务器的安全问题就需要另寻办法,而且像canvas标签就完全不在Ajax的范畴之内。这些都可以在浏览器层面得到恰当的解决。Flash也可以是某种解决方案,这一点就连 Yahoo! 都默许了。但是我还是认为我们需要通过调整Web浏览器的模块来解决这些问题,而不是改造某些东西来改善Ajax。

  过度地注重技术:

  我们技术人员总是太关注技术层面的东西。不管它是Web2.0、RSS、Web服务、Ajax、DHTML、SOA还是其他的什么。人们试图从技术那里获得价值来解决他们的问题,他们不关心后台是如何实现的。我喜欢Web2.0的其中之一就是:它以人为中心。这正是我们技术人员应该被告知的。在 Web2.0中,技术是局外人,背后的交流、协作、集体智慧和人们之间的社会互动才是Web2.0花大力气关注的,而不是技术部分。如果我们忘记这个准则,我们将把Web2.0迷失在应用软件的销售和技术堆栈中,这些都是在现实生活中人们从来不关注的东西。

  糟糕的拥护者:

  做网站时经常要用到其他网站的Logo,一个一个从其他网站上copy即费时间,而且下载下来的图片通常都要进行二次加工,很不方便。今天无意中找到一种更好的查Logo的方法:

  用Google的图象搜索(images.google.com),在搜索框中输入“logo-网站名称”(如logo-sohu),返回的都是现成的logo,而且大小各异,下面还有图象分辨率,实在是“众里寻他千‘百度’”,得来全不费工夫“,喜欢哪个,您就自己随便挑吧。

  另外还可通过“logo_sohu"、”logo(空格)sohu"、"logo.sohu"查,不过好象最准确的还是中间带横杠的。



  网页中的平衡、对比、连贯和留白

  网页设计中需要把握好很多原则和细节,今天我们来谈谈网页设计中的平衡、对比、连贯和留白。

  一、平衡

  如果你的页面是平衡的,当用户浏览这个页面的时候就会感觉它们是一个整体,看得时候目光的跳转也会很自然。同时,构成页面的元素仍然是彼此独立(注意不是孤立)的,你不需要用线用颜色将它们直接地串接起来,这是为什么呢?因为它们彼此之间是平衡的。这就好比跷跷板,即便你看不到连接两端的人的木板,你也能感觉到他们是一个整体,因为“平衡”!

  1、对称平衡

  对称是最常见、最自然的平衡手段,这种方式通常用来设计比较正式的页面,不过也还需要和下面介绍的多种方式结合起来使用。比如图 1所示的网站,如果你在页面正中间划一条垂直向下的直线,你会发现页面的两边的布局是基本对称。

  2、非对称平衡

  非对称其实并不是真正的“不对称”,而是一种层次更高的“对称”,如果把握不好页面就会显得乱,因此使用起来要慎重,更不可用的过滥。比如这个网站http://www.graphic.com.cn(图 2)就打破了常见的对称。但是如果仔细看的话还是能够感到某种“对称”的影子。

  3、辐射平衡

  页面中的元素以某一个点为中心展开就可以构成辐射平衡。比如图3就是典型的例子,页面的正中是一个大大的LOGO,外侧环绕着多个链接 。

  4、实战平衡

  下面我们通过一个LOGO设计实例来看一看平衡的多种变化。

  二、对比

  如果说平衡搭起了一个稳定的页面框架,那么对比就是这个框架中的动态点缀。这里说动态并不是说要真的让元素动起来,而是要有“变化”。可以变化的因素包括:大小、颜色、字体、重心、形状、纹理等等。 我们还是通过简单的例子来介绍一下对比的应用,图 9是我们设计的底版,字体一样、大小一样、颜色一样,单调枯燥。

  三、连贯

  前面谈到了对比,对比离不开变化,然而如果对比太多,变化也会太多,页面就会显得零乱,因此我们现在来谈“连贯”。在一个成功的页面设计中,有很多要素是必须保持一致的,这些要素通常包括:

  1、布局

  页面的上下、左右,页面与页面中间要保持布局一致。比如如果页面上方的表格居中对齐而页面下方的表格却左对齐,那么整个页面就会很难看。

  2、字体

  字体的大小、颜色应当基本保持一致。

  3、导航栏

  导航栏应当保持完全一样,通常应单单独为导航栏建立一个框架页,这样就可以保证更新导航栏的时候,所有网页都会被自动更新。

  四、留白

  国画中“画鱼不画水”的妙处就是留白的妙处。留白可以让访问者有更大的想象空间,就好像就如一个没有过多摆设的房间一样。上上下下、里里外外都塞得满满当当就是很糟糕的设计。

  留白的原则包括:

  1、元素之间的留白不能太大 这是基本的原则,留白过多,叶面会变得零碎。

  2、文本中间的间隔不能太大 文本应当紧凑,尤其汉字文本,如果字与字之间或者行与行之间空白太大页面就会非常难看。

  总的来说平衡、对比、连贯和留白设四条原则是在网页设计中必须始终牢记,但绝不是教条,应当结合自己的实际需要灵活的应用。




[!--infotagslink--]

相关文章

  • Spring AOP 对象内部方法间的嵌套调用方式

    这篇文章主要介绍了Spring AOP 对象内部方法间的嵌套调用方式,具有很好的参考价值,希望对大家有所帮助。如有错误或未考虑完全的地方,望不吝赐教...2021-08-29
  • 详解C++ string常用截取字符串方法

    这篇文章主要介绍了C++ string常用截取字符串方法,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧...2020-04-25
  • Spring Cloud 中@FeignClient注解中的contextId属性详解

    这篇文章主要介绍了Spring Cloud 中@FeignClient注解中的contextId属性详解,具有很好的参考价值,希望对大家有所帮助。如有错误或未考虑完全的地方,望不吝赐教...2021-09-25
  • Springboot如何实现Web系统License授权认证

    这篇文章主要介绍了Springboot如何实现Web系统License授权认证,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下...2020-05-28
  • Python3 实现将bytes图片转jpg格式

    这篇文章主要介绍了Python3 实现将bytes图片转jpg格式,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧...2021-03-08
  • mybatis 返回Integer,Double,String等类型的数据操作

    这篇文章主要介绍了mybatis 返回Integer,Double,String等类型的数据操作,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧...2020-11-25
  • pytorch nn.Conv2d()中的padding以及输出大小方式

    今天小编就为大家分享一篇pytorch nn.Conv2d()中的padding以及输出大小方式,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧...2020-04-27
  • C#操作config文件的具体方法

    这篇文章介绍了在C#中对config文件的操作,有需要的朋友可以参考一下...2020-06-25
  • C#中的两种debug方法介绍

    这篇文章主要介绍了C#中的两种debug方法介绍,本文讲解了代码用 #if DEBUG 包裹、利用宏定义两种方法,需要的朋友可以参考下...2020-06-25
  • JS中artdialog弹出框控件之提交表单思路详解

    artDialog是一个基于javascript编写的对话框组件,它拥有精致的界面与友好的接口。本文给大家介绍JS中artdialog弹出框控件之提交表单思路详解,对本文感兴趣的朋友一起学习吧...2016-04-19
  • 详解SpringCloudGateway内存泄漏问题

    这篇文章主要介绍了详解SpringCloudGateway内存泄漏问题,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧...2020-07-16
  • 如何在Spring WebFlux的任何地方获取Request对象

    这篇文章主要介绍了如何在Spring WebFlux的任何地方获取Request对象,帮助大家更好的理解和使用springboot框架,感兴趣的朋友可以了解下...2021-01-26
  • golang 调用 php7详解及实例

    这篇文章主要介绍了golang 调用 php7详解及实例的相关资料,需要的朋友可以参考下...2017-01-15
  • Spring为什么不推荐使用@Autowired注解详析

    @Autowired 注解的主要功能就是完成自动注入,使用也非常简单,但这篇文章主要给大家介绍了关于Spring为什么不推荐使用@Autowired注解的相关资料,需要的朋友可以参考下...2021-11-03
  • 浅谈C++中的string 类型占几个字节

    本篇文章小编并不是为大家讲解string类型的用法,而是讲解我个人比较好奇的问题,就是string 类型占几个字节...2020-04-25
  • jQuery实现彩带延伸效果的网页加载条loading动画

    本文实例讲述了jQuery实现彩带延伸效果的网页加载条loading动画。分享给大家供大家参考,具体如下:这里介绍的jQuery彩带效果网页加载条动画,我觉得挺有创意的,虽然难度不算大,但能想到用这样一个背景来做Loading加载条,也实...2015-10-30
  • Springboot如何使用mybatis实现拦截SQL分页

    这篇文章主要介绍了Springboot使用mybatis实现拦截SQL分页,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下...2020-06-19
  • 【C#基础】Substring截取字符串的方法小结(推荐)

    这篇文章主要介绍了Substring截取字符串方法小结,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧...2020-06-25
  • java中String类型变量的赋值问题介绍

    下面小编就为大家带来一篇java中String类型变量的赋值问题介绍。小编觉得挺不错的。现在分享给大家,给大家一个参考。...2016-03-28
  • Nodejs中使用captchapng模块生成图片验证码

    本篇文章主要介绍了Nodejs中使用captchapng模块实现图片验证码,非常具有实用价值,需要的朋友可以参考下 ...2017-05-22