CN103294461A - 一种微博背景界面的实现方法和*** - Google Patents
一种微博背景界面的实现方法和*** Download PDFInfo
- Publication number
- CN103294461A CN103294461A CN2012100539681A CN201210053968A CN103294461A CN 103294461 A CN103294461 A CN 103294461A CN 2012100539681 A CN2012100539681 A CN 2012100539681A CN 201210053968 A CN201210053968 A CN 201210053968A CN 103294461 A CN103294461 A CN 103294461A
- Authority
- CN
- China
- Prior art keywords
- background
- interface
- picture
- microblogging
- url
- Prior art date
- Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
- Granted
Links
Images
Landscapes
- Information Transfer Between Computers (AREA)
- User Interface Of Digital Computer (AREA)
Abstract
本发明公开了一种微博背景界面的实现方法和***,包括:上传背景图片和相应的背景界面参数,生成背景图片统一资源定位符(URL);将背景图片URL和背景界面参数进行关联,并生成相应的背景界面ID;访问微博页面时,根据获取的背景界面标识(ID)获取相应的背景图片URL和背景界面参数;将获取的背景图片URL和背景界面参数填入页面层叠样式表(CSS)模板,进行背景界面展示。通过本发明,可以实现微博背景界面、即皮肤的自定义设置和展示。
Description
技术领域
本发明涉及Web页面设计技术,特别是指一种微博背景界面的实现方法和***。
背景技术
网络即时通讯(IM,Instant Messenger)工具发展到今天已经被大多数的网民所接受,成为用户必不可少的通信工具,不仅在平时的休闲娱乐中,而且在用户的工作中得到广泛的使用。特别是微博,由于其信息传递效率非常高,已经成为主流的IM工具。因此,用户对微博的背景界面也提出了更为丰富的需求。
微博的背景界面,也可以称为皮肤,一般包含背景图片及配色方案。目前,微博皮肤的实现方式为:将普通的背景图片上传通过页面显示,并为每张背景图片搭配层叠样式表(CSS,Cascading Style Sheet),以控制皮肤的显示方式。
上述实现方式存在如下问题:
1、上述通过页面显示时,并不能完全按照上传的图片进行显示,而是需要将背景图片和微博的页面布置有效的结合;
2、每一套微博***提供的背景界面的显示方式都是由相应的CSS决定的,因此其显示方式是固定的,用户无法自由设定也无法修改。
在实际应用中发现,用户对微博皮肤的需求各式各样,并没有统一的标准,因此,如果能够实现微博的自定义皮肤展示,那么将会为用户带来非常好的体验,提升微博的实用价值。但是,通过上述分析可以看出,现有的技术方案中:单纯的背景图片以及***背景界面却无法满足微博用户自定义皮肤展示的需求。
发明内容
有鉴于此,本发明的主要目的在于提供一种微博背景界面的实现方法和***,能够实现微博的自定义背景界面展示。
为达到上述目的,本发明的技术方案是这样实现的:
本发明提供了一种微博背景界面的实现方法,该方法包括:
上传背景图片和相应的背景界面参数,生成背景图片统一资源定位符(URL);
将所述背景图片URL和所述背景界面参数进行关联,并生成相应的背景界面标识(ID);
访问微博页面时,根据获取的所述背景界面ID获取相应的所述背景图片URL和背景界面参数;
将获取的所述背景图片URL和背景界面参数填入页面层叠样式表(CSS)模板,进行背景界面展示。
所述背景界面参数至少包括:配色方案、图片显示位置和图片显示方式。
该方法还包括:根据需要修改、增加和/或删除所述背景界面参数。
将获取的所述背景图片URL和背景界面参数填入页面CSS模板后,该方法还包括:生成CSS,控制背景界面展示。
本发明还提供了一种微博背景界面的实现***,包括:客户端和服务器,其中:
所述服务器,用于存储上传的背景图片和相应的背景界面参数,并生成背景图片URL;还用于将所述背景图片URL和所述背景界面参数进行关联,并生成相应的背景界面ID;
所述客户端,用于供用户上传背景图片和相应的背景界面参数;还用于当用户访问微博页面时,自动获取所述背景界面ID,并根据背景界面ID获取相应的背景图片URL和背景界面参数;还用于将获取的所述背景图片URL和背景界面参数填入页面CSS模板,进行背景界面展示。
所述背景界面参数至少包括:配色方案、图片显示位置和图片显示方式。
所述客户端还用于供用户修改、增加和/或删除所述背景界面参数。
所述客户端还用于,将获取的所述背景图片URL和背景界面参数填入页面CSS模板后,生成CSS,控制背景界面展示。
本发明微博背景界面的实现方法和***,提供了适用于微博页面的页面CSS模板,并通过页面CSS模板规定了背景界面参数,则用户可以通过客户端自行设置背景界面参数、动态填充页面CSS模板,通过生成的CSS来控制背景界面的展示。
附图说明
图1为本发明微博背景界面的实现方法流程图;
图2为本发明微博背景界面的实现***结构图。
具体实施方式
本发明微博背景界面的实现方法的基本思想是:在存储普通背景图片时,同时存储自定义的背景配色表、图片显示位置以及显示方式等背景界面参数;在展示背景界面时,读取自定义的背景界面参数和背景图片,动态的填充页面CSS模板,控制背景界面的展示。
如图1所示,本发明提供的微博背景界面的实现方法包括:
步骤101,上传背景图片和相应的背景界面参数,生成背景图片统一资源定位符(URL,Uniform/Universal Resource Locator)。
用户通过客户端(微博客户端)可根据需要选择喜欢的图片作为背景图片上传至服务器,服务器存储背景图片并生成图片访问的URL、即背景图片URL。
同时,用户还可以通过客户端针对该背景图片设置相应的背景界面参数,例如配色方案、图片显示位置和图片显示方式(例如微博页面滚动时的显示方式等等)等。实际应用中,背景界面参数并不限于这几种,可根据实际需求不断修改、增加和/或删除。设置完背景界面参数后,上传至服务器。
步骤102,将背景图片的URL和背景界面参数进行关联,并生成相应的背景界面ID。
服务器将某一图片的背景图片URL和背景界面参数进行关联,并存储,然后创建对应的背景界面ID,也可以称为皮肤ID。通过背景界面ID就可以直接获取到对应的背景图片URL和背景界面参数。
通过上述步骤就完成了微博皮肤的自定义设置,之后进行展示时,该方法如下:
步骤103,访问微博页面时,根据获取的背景界面ID获取相应的背景图片URL和背景界面参数。
当用户访问微博页面时,客户端自动向服务器获取背景界面ID,当有多个背景界面ID时,可显示给用户进行选择,之后,客户端根据背景界面ID向服务器获取对应的背景图片URL和背景界面参数。
步骤104,将背景图片URL和背景界面参数填入页面CSS模板,进行背景界面展示。
客户端自动将获取的背景图片URL和背景界面参数填入页面CSS模板中的相应位置,生成相应的CSS,控制背景界面、即皮肤的展示,具体的:根据背景图片URL获取图片,然后结合背景界面参数进行显示。
需要指出的是:页面CSS模板和背景界面参数可以有效地与微博页面结合,且本发明支持对页面CSS模板和背景界面参数进行修改,如此,页面CSS模板和背景界面参数可以根据需求不断地优化,使展示的皮肤满足用户日益丰富的需求。
为了实现上述方法,本发明还提供了一种微博背景界面的实现***,如图2所示,包括:客户端和服务器,其中:
服务器,用于存储上传的背景图片和相应的背景界面参数,并生成背景图片URL;还用于将背景图片URL和背景界面参数进行关联,并生成相应的背景界面ID;
客户端,用于供用户上传背景图片和相应的背景界面参数;还用于当用户访问微博页面时,自动获取背景界面ID,并根据背景界面ID获取相应的背景图片URL和背景界面参数;还用于将获取的背景图片URL和背景界面参数填入页面CSS模板,进行背景界面展示。
背景界面参数至少包括:配色方案、图片显示位置和图片显示方式。
客户端还用于供用户修改、增加和/或删除背景界面参数。
客户端还用于,将获取的背景图片URL和背景界面参数填入页面CSS模板后,生成CSS,控制背景界面展示。
以上所述,仅为本发明的较佳实施例而已,并非用于限定本发明的保护范围。
Claims (8)
1.一种微博背景界面的实现方法,其特征在于,该方法包括:
上传背景图片和相应的背景界面参数,生成背景图片统一资源定位符(URL);
将所述背景图片URL和所述背景界面参数进行关联,并生成相应的背景界面标识(ID);
访问微博页面时,根据获取的所述背景界面ID获取相应的所述背景图片URL和背景界面参数;
将获取的所述背景图片URL和背景界面参数填入页面层叠样式表(CSS)模板,进行背景界面展示。
2.根据权利要求1所述微博背景界面的实现方法,其特征在于,所述背景界面参数至少包括:配色方案、图片显示位置和图片显示方式。
3.根据权利要求2所述微博背景界面的实现方法,其特征在于,该方法还包括:根据需要修改、增加和/或删除所述背景界面参数。
4.根据权利要求1或3所述微博背景界面的实现方法,其特征在于,将获取的所述背景图片URL和背景界面参数填入页面CSS模板后,该方法还包括:生成CSS,控制背景界面展示。
5.一种微博背景界面的实现***,其特征在于,包括:客户端和服务器,其中:
所述服务器,用于存储上传的背景图片和相应的背景界面参数,并生成背景图片URL;还用于将所述背景图片URL和所述背景界面参数进行关联,并生成相应的背景界面ID;
所述客户端,用于供用户上传背景图片和相应的背景界面参数;还用于当用户访问微博页面时,自动获取所述背景界面ID,并根据背景界面ID获取相应的背景图片URL和背景界面参数;还用于将获取的所述背景图片URL和背景界面参数填入页面CSS模板,进行背景界面展示。
6.根据权利要求5所述微博背景界面的实现***,其特征在于,所述背景界面参数至少包括:配色方案、图片显示位置和图片显示方式。
7.根据权利要求6所述微博背景界面的实现***,其特征在于,所述客户端还用于供用户修改、增加和/或删除所述背景界面参数。
8.根据权利要求5或7所述微博背景界面的实现***,其特征在于,所述客户端还用于,将获取的所述背景图片URL和背景界面参数填入页面CSS模板后,生成CSS,控制背景界面展示。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201210053968.1A CN103294461B (zh) | 2012-03-02 | 2012-03-02 | 一种微博背景界面的实现方法和*** |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201210053968.1A CN103294461B (zh) | 2012-03-02 | 2012-03-02 | 一种微博背景界面的实现方法和*** |
Publications (2)
Publication Number | Publication Date |
---|---|
CN103294461A true CN103294461A (zh) | 2013-09-11 |
CN103294461B CN103294461B (zh) | 2017-11-14 |
Family
ID=49095405
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN201210053968.1A Active CN103294461B (zh) | 2012-03-02 | 2012-03-02 | 一种微博背景界面的实现方法和*** |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN103294461B (zh) |
Cited By (5)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN103425466A (zh) * | 2012-05-17 | 2013-12-04 | 腾讯科技(深圳)有限公司 | 配色处理方法和装置 |
CN105094775A (zh) * | 2014-05-13 | 2015-11-25 | 腾讯科技(深圳)有限公司 | 网页生成方法和装置 |
CN105791086A (zh) * | 2016-01-26 | 2016-07-20 | 腾讯科技(深圳)有限公司 | 一种信息处理方法、第一终端及第二终端 |
CN105808613A (zh) * | 2014-12-31 | 2016-07-27 | 广州市动景计算机科技有限公司 | 页面背景图片的处理方法及装置 |
CN107391610A (zh) * | 2017-07-04 | 2017-11-24 | 广州视源电子科技股份有限公司 | 背景图片设置方法、装置、可读存储介质和计算机设备 |
Citations (8)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN1906568A (zh) * | 2004-01-28 | 2007-01-31 | 索尼爱立信移动通讯股份有限公司 | 具有依赖于游戏的用户接口的设备、方法、游戏模块及计算机程序产品 |
CN1987854A (zh) * | 2005-12-20 | 2007-06-27 | 北京亿中邮信息技术有限公司 | 一种个性化替换网页主题的方法 |
CN101136089A (zh) * | 2007-09-24 | 2008-03-05 | 腾讯科技(深圳)有限公司 | 一种更新电子邮件网页背景的方法、***及设备 |
CN101356494A (zh) * | 2006-05-16 | 2009-01-28 | 捷讯研究有限公司 | 对主题进行换肤的***和方法 |
CN101505320A (zh) * | 2009-03-09 | 2009-08-12 | 腾讯科技(深圳)有限公司 | 一种图形用户界面分享方法、***及工具 |
US20090288023A1 (en) * | 2008-05-15 | 2009-11-19 | International Business Machines Corporation | Establishing A Graphical User Interface ('GUI') Theme |
CN102279745A (zh) * | 2011-08-25 | 2011-12-14 | 深圳市五巨科技有限公司 | 一种移动终端浏览器外观设置的方法及*** |
CN102346619A (zh) * | 2010-07-29 | 2012-02-08 | 深圳Tcl新技术有限公司 | 一种供用户进行ui定制的网络电视及定制方法 |
-
2012
- 2012-03-02 CN CN201210053968.1A patent/CN103294461B/zh active Active
Patent Citations (8)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN1906568A (zh) * | 2004-01-28 | 2007-01-31 | 索尼爱立信移动通讯股份有限公司 | 具有依赖于游戏的用户接口的设备、方法、游戏模块及计算机程序产品 |
CN1987854A (zh) * | 2005-12-20 | 2007-06-27 | 北京亿中邮信息技术有限公司 | 一种个性化替换网页主题的方法 |
CN101356494A (zh) * | 2006-05-16 | 2009-01-28 | 捷讯研究有限公司 | 对主题进行换肤的***和方法 |
CN101136089A (zh) * | 2007-09-24 | 2008-03-05 | 腾讯科技(深圳)有限公司 | 一种更新电子邮件网页背景的方法、***及设备 |
US20090288023A1 (en) * | 2008-05-15 | 2009-11-19 | International Business Machines Corporation | Establishing A Graphical User Interface ('GUI') Theme |
CN101505320A (zh) * | 2009-03-09 | 2009-08-12 | 腾讯科技(深圳)有限公司 | 一种图形用户界面分享方法、***及工具 |
CN102346619A (zh) * | 2010-07-29 | 2012-02-08 | 深圳Tcl新技术有限公司 | 一种供用户进行ui定制的网络电视及定制方法 |
CN102279745A (zh) * | 2011-08-25 | 2011-12-14 | 深圳市五巨科技有限公司 | 一种移动终端浏览器外观设置的方法及*** |
Cited By (8)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN103425466A (zh) * | 2012-05-17 | 2013-12-04 | 腾讯科技(深圳)有限公司 | 配色处理方法和装置 |
CN103425466B (zh) * | 2012-05-17 | 2017-02-08 | 腾讯科技(深圳)有限公司 | 配色处理方法和装置 |
CN105094775A (zh) * | 2014-05-13 | 2015-11-25 | 腾讯科技(深圳)有限公司 | 网页生成方法和装置 |
CN105094775B (zh) * | 2014-05-13 | 2020-08-04 | 腾讯科技(深圳)有限公司 | 网页生成方法和装置 |
CN105808613A (zh) * | 2014-12-31 | 2016-07-27 | 广州市动景计算机科技有限公司 | 页面背景图片的处理方法及装置 |
CN105808613B (zh) * | 2014-12-31 | 2019-07-26 | 广州市动景计算机科技有限公司 | 页面背景图片的处理方法及装置 |
CN105791086A (zh) * | 2016-01-26 | 2016-07-20 | 腾讯科技(深圳)有限公司 | 一种信息处理方法、第一终端及第二终端 |
CN107391610A (zh) * | 2017-07-04 | 2017-11-24 | 广州视源电子科技股份有限公司 | 背景图片设置方法、装置、可读存储介质和计算机设备 |
Also Published As
Publication number | Publication date |
---|---|
CN103294461B (zh) | 2017-11-14 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
CN101996206B (zh) | 一种呈现网页页面的方法、装置及*** | |
CN102402378B (zh) | 一种展示消息的方法及装置 | |
CN101179519B (zh) | 一种自定义群组标签的方法及*** | |
CN101815093A (zh) | 一种网页到移动终端的适配方法及移动终端页面适配装置 | |
CN103207873B (zh) | 用户专属页面的展示方法和*** | |
CN103593434A (zh) | 应用推荐方法及装置、服务器设备 | |
CN103294461A (zh) | 一种微博背景界面的实现方法和*** | |
CN101807209A (zh) | 网页制作的方法和***,客户端、服务端 | |
CN104516927A (zh) | 文档处理方法、装置和终端 | |
US11341209B2 (en) | Method of designing a customizable website | |
CN102810105A (zh) | 一种移动终端所访问网页的编辑方法及网页编辑器 | |
CN103701909B (zh) | 视频应用的快速生成方法及*** | |
CN103634177A (zh) | 基于网络业务的组态实现方法和*** | |
CN106446063A (zh) | 一种网页更新的*** | |
CN107436785B (zh) | 基于信息***的Revit软件信息交互***及交互方法 | |
CN108268260A (zh) | 一种基于一体化支撑技术的快速微应用组装方法 | |
CN107357810B (zh) | 一种用于输出专题落地页的方法及*** | |
CN105117555A (zh) | 核电三维设计模型在线浏览*** | |
CN106326403A (zh) | 网页生成方法及装置 | |
CN104052626A (zh) | 配置网元数据的方法、装置和*** | |
US20190026393A1 (en) | Highly Custom and Scalable Design System and Method for Articles of Manufacture | |
CN101546546B (zh) | 一种网络数据转换装置及其数据转换控制方法 | |
CN101477644A (zh) | 一种支持企业工作流运行的计算机装置 | |
CN106201461A (zh) | 一种界面的生成方法、***及后台服务器 | |
CN102004729A (zh) | 一种网站网页的展现方法、***及网站服务器 |
Legal Events
Date | Code | Title | Description |
---|---|---|---|
C06 | Publication | ||
PB01 | Publication | ||
C10 | Entry into substantive examination | ||
SE01 | Entry into force of request for substantive examination | ||
GR01 | Patent grant | ||
GR01 | Patent grant |