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) | 一种呈现网页页面的方法、装置及系统 | |
CN101179519B (zh) | 一种自定义群组标签的方法及系统 | |
CN101815093A (zh) | 一种网页到移动终端的适配方法及移动终端页面适配装置 | |
CN103207873B (zh) | 用户专属页面的展示方法和系统 | |
US20070204013A1 (en) | Method and apparatus for creating a website | |
CN103593434A (zh) | 应用推荐方法及装置、服务器设备 | |
CN103294461A (zh) | 一种微博背景界面的实现方法和系统 | |
CN101807209A (zh) | 网页制作的方法和系统,客户端、服务端 | |
CN104516927A (zh) | 文档处理方法、装置和终端 | |
US11341209B2 (en) | Method of designing a customizable website | |
CN103701909B (zh) | 视频应用的快速生成方法及系统 | |
CN102810105A (zh) | 一种移动终端所访问网页的编辑方法及网页编辑器 | |
CN103634177A (zh) | 基于网络业务的组态实现方法和系统 | |
CN106446063A (zh) | 一种网页更新的系统 | |
CN107436785B (zh) | 基于信息系统的Revit软件信息交互系统及交互方法 | |
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) | 一种网站网页的展现方法、系统及网站服务器 | |
CN103795799B (zh) | 一种远程监控方法与系统 | |
CN104598554A (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 |