1.{ plurk css } 主控台的图图标形式
{ plurk css } 主控台的形式
主控台是噗浪展示个人资料的区域,分为自我介绍、标布发布噗文、局源统计、码下朋友、软件粉丝等几个区块。图图标WINFORM读取页面源码原版预设的标布主控台形式如图所示。
如果用户使用自定义背景,局源可能会被遮挡大部分,码下这时,软件可以通过代码来调整背景。图图标
可以去掉黑色背景的标布优秀项目源码代码如下,同时隐藏标题。局源
再将字型、码下行距、软件字距等进行调整。
代码如下:字型调整后,图形亦可相应调整。
噗主头像、朋友、粉丝的代表图,以及加入朋友与关注等按钮,通过代码设置如下。html 开发 源码
上图是未登录时的噗浪画面,未做改变前,加入朋友与粉丝等按钮的原始样子。
因此,进行了色彩协调的代码设计,使版面更加清爽。
登录后,会出现的发噗区域,此处的图标也可以调整,例如选择表情符号、上传资料以及发噗按钮。syllable源码分析
原本的各色按钮,如选择发噗的橘色按钮,可以改成单色系。
同时,统一了浪上的噗回应列表下方的按钮位置。
然后,调整了撰写噗文的栏位,未改造前可能字型比例过大,与背景冲突,通过代码可改变。
放上这段代码:在这里有三段变化,flash 控件源码当滑鼠移至该处(hover)、滑鼠点击(focus),以及未移至时。未移至时如上图所示。
这是当滑鼠移至时的展示。
这是点击时的展示。底色透明度降低,看得更清楚。
目前改造后的主控台显示如下,整体比原本噗浪预设画面更加清爽、统一。
如果想要完整呈现背景,可以将主控台隐藏。
使用这段代码:当滑鼠移至整个主控台时,才会展现。
也可以选择分区域呈现,移至各区域的效果如下:仅展现个人资料、仅展现发噗区域、仅展现统计资料。
通过各区域隐藏的代码,替代了上方主控台的整体隐藏代码。
隐藏主控台的设计,使背景的展示面积大大增加。
此外,可以进一步将浪上的噗隐藏,使背景图如桌布画面,当滑鼠移过时才出现。
加上这段代码:然后整个页面会如图所示,几乎完整呈现了想要的背景(除了噗浪预设不行更改的页首横条外)。
需要使用噗或查看噗文时再将滑鼠移过即可。主控台的形式变化有许多玩法,尝试过将这块区域移至左侧、右侧或上方、下方,动态效果也尝试过许多,多多尝试,你将发现最适合自己的玩法和形式,组装设计成自己的主控台样式。
接下来,将心中新的玩法实现,新样式,新噗版设计好后,将在D+发布,喜欢的话记得去下载。每个新噗版的出现也会在噗浪和噗浪版型研究社通知大家,有想要实现的样式,可以与我分享。除了自己动手玩噗,有需要的话可以去D+数字生活品项里订制噗版,我会安排时间帮你制作出来。
D+数字生活,客制噗版:bit.ly/2IuOU5I
常玩噗,常逛D+,祝大家生活充实、愉快。