博克顶部通栏图片

最新推荐文章于 2019-09-02 22:06:37 发布
最新推荐文章于 2019-09-02 22:06:37 发布
阅读量82 收藏
点赞数
原文链接：http://www.cnblogs.com/cy163/archive/2006/09/29/518761.html
版权

       打开你的博客页面，首先映入眼帘的便是顶部的通栏。

   

    新浪已经提供了足够的通栏图片供选择，但你可能觉的还不够，或者是不太中意。

   

    如"魔兽风格"模板，浅棕色的背景色很雅致，但可能有些人不太喜欢顶部通栏的那些“怪兽”。

   

    好在新浪博客系统提供了进一步DIY的可能，你可以用其他图片来覆盖通栏的图片，从而定制出更满意的个人页面。

   

    这里为大家提供一些原创的通栏图片，是从我拍摄的几千张数码照片中选择出来的，并且已经制作为770*135象素大小，可以直接使用了。

   

    具体的操作过程，请参考如何拥有个性化模版和头部通栏。

   

    先提供30张图片(以绿色自然风格为主，今后还会陆续提供其他风格的图片），如果有什么建议，喜欢或不喜欢哪一张，可以留言。

 
    要看到图片的全部尺寸，直接点击该图片即可。
 
1.
49ba2b9402000a19
 
2.
49ba2b9402000a1a
 
3.
49ba2b9402000a1b
 
4.
49ba2b9402000a1c
 
5.
49ba2b9402000a1d
 
6.49ba2b9402000a24
 
7.49ba2b9402000a1h
 
8.
49ba2b9402000a1g
 
9.
49ba2b9402000a1i
 
10.49ba2b9402000a25
 
11.
49ba2b9402000a1k
 
12.
49ba2b9402000a1l
 
13.
49ba2b9402000a1m
 
14.
49ba2b9402000a1n
 
15.
49ba2b9402000a1o


16.49ba2b9402000a1p

 

17.

49ba2b9402000a1q

 

18.

49ba2b9402000a1r

 

19.

49ba2b9402000a1s

 

20.

49ba2b9402000a1t

 

21.

49ba2b9402000a1u

 

22.

49ba2b9402000a1v

 

23.

49ba2b9402000a1w

 

24.49ba2b9402000a1x
 
25.
49ba2b9402000a1y
 
26.
49ba2b9402000a1z
 
27.
49ba2b9402000a20
 
28.
49ba2b9402000a21
 
29.
49ba2b9402000a22
 
30.
49ba2b9402000a23
 

    在前几日的 DIY你的博客“头”——头部通栏图片库 一文中，已经提供了30张图片，这次再提供一些。
    这些原创的通栏图片，是从我拍摄的几千张数码照片中选择出来的，并且已经制作为770*135象素大小，可以直接使用了。
    具体的操作过程，请参考如何拥有个性化模版和头部通栏。
    要看到图片的全部尺寸，直接点击该图片即可。 

31.(接上期)49ba2b9402000abr

32.49ba2b9402000abs

33.49ba2b9402000abt

34.49ba2b9402000abu

35.49ba2b9402000abv

36.49ba2b9402000abw

37.49ba2b9402000abx

38.49ba2b9402000aby

39.49ba2b9402000abz

40.49ba2b9402000ac0

41.49ba2b9402000ac1

42.49ba2b9402000ac2

43.49ba2b9402000ac3

44.49ba2b9402000ac4

45.49ba2b9402000ac5

46.49ba2b9402000ac6

47.49ba2b9402000ac7

48.49ba2b9402000ac8

49.49ba2b9402000ac9

50.49ba2b9402000aca

51.49ba2b9402000acb

52.49ba2b9402000acc

53,49ba2b9402000acd

54.49ba2b9402000ace

55.49ba2b9402000acf

56.49ba2b9402000acg

57.49ba2b9402000ach

58.49ba2b9402000aci

59.49ba2b9402000acj

60.49ba2b9402000ack


 
点击图片可以看完整的效果
470e283e02000137
 
代码:
<STYLE type=text/css>.banner{background:url(https://i-blog.csdnimg.cn/blog_migrate/28500f6f91f70dd94a6499db5c6449a2.gif ) no repeat no scroll!mportant;}</STYLE>
 
470e283e02000133
 
代码:
<STYLE type=text/css>.banner{background:url(https://i-blog.csdnimg.cn/blog_migrate/9bd9e03efde0361adad23c074dfa3163.gif ) no repeat no scroll!mportant;}</STYLE>
 
470e283e02000134
 
代码:
<STYLE type=text/css>.banner{background:url(https://i-blog.csdnimg.cn/blog_migrate/160b0245a740c173a787ddf04c337167.gif ) no repeat no scroll!mportant;}</STYLE>
 
470e283e02000135
 
代码:
<STYLE type=text/css>.banner{background:url(https://i-blog.csdnimg.cn/blog_migrate/a3c5895dbc9542c558b15fdb8e526037.gif ) no repeat no scroll!mportant;}</STYLE>
 
470e283e02000136
 
代码:
<STYLE type=text/css>.banner{background:url(https://i-blog.csdnimg.cn/blog_migrate/80e8c94c58d7384ad9fb47a80bdb4b66.gif ) no repeat no scroll!mportant;}</STYLE>
 

点击图片可以看完整的效果
470e283e02000137
 
代码:
<STYLE type=text/css>.banner{background:url(https://i-blog.csdnimg.cn/blog_migrate/28500f6f91f70dd94a6499db5c6449a2.gif ) no repeat no scroll!mportant;}</STYLE>
 
470e283e02000133
 
代码:
<STYLE type=text/css>.banner{background:url(https://i-blog.csdnimg.cn/blog_migrate/9bd9e03efde0361adad23c074dfa3163.gif ) no repeat no scroll!mportant;}</STYLE>
 
470e283e02000134
 
代码:
<STYLE type=text/css>.banner{background:url(https://i-blog.csdnimg.cn/blog_migrate/160b0245a740c173a787ddf04c337167.gif ) no repeat no scroll!mportant;}</STYLE>
 
470e283e02000135
 
代码:
<STYLE type=text/css>.banner{background:url(https://i-blog.csdnimg.cn/blog_migrate/a3c5895dbc9542c558b15fdb8e526037.gif ) no repeat no scroll!mportant;}</STYLE>
 
470e283e02000136
 
代码:
<STYLE type=text/css>.banner{background:url(https://i-blog.csdnimg.cn/blog_migrate/80e8c94c58d7384ad9fb47a80bdb4b66.gif ) no repeat no scroll!mportant;}</STYLE>
 
470e283e02000138
 
代码:
<STYLE type=text/css>.banner{background:url(https://i-blog.csdnimg.cn/blog_migrate/ba4aa3ad8f01ef5112cfbe363638006d.gif ) no repeat no scroll!mportant;}</STYLE>
 
470e283e02000139
 
代码:
<STYLE type=text/css>.banner{background:url(https://i-blog.csdnimg.cn/blog_migrate/d76b89a79a99fc4faea5e22282314982.gif ) no repeat no scroll!mportant;}</STYLE>
 
470e283e0200013a
 
代码:
<STYLE type=text/css>.banner{background:url(https://i-blog.csdnimg.cn/blog_migrate/594927061d31008f3c89a2fb361e579b.gif ) no repeat no scroll!mportant;}</STYLE>
 
470e283e0200031r
代码:
<P align=center><A href=" http://blog.sina.com.cn/u/1192110142 "    target=_blank>CC-Tophead</A></P><STYLE type=text/css>.banner{background:url( https://i-blog.csdnimg.cn/blog_migrate/9997166e03af9e59953d019559f1df91.gif ) no repeat no scroll!mportant;}</STYLE>
 
 
 
470e283e0200031s
 
代码:
<P align=center><A href=" http://blog.sina.com.cn/u/1192110142 "    target=_blank>CC-Tophead</A></P><STYLE type=text/css>.banner{background:url( https://i-blog.csdnimg.cn/blog_migrate/2608ebdf74b7b6903857757698e7d4bd.gif ) no repeat no scroll!mportant;}</STYLE>
 
470e283e0200031t
 
代码:
<P align=center><A href=" http://blog.sina.com.cn/u/1192110142 "    target=_blank>CC-Tophead</A></P><STYLE type=text/css>.banner{background:url( https://i-blog.csdnimg.cn/blog_migrate/a4bb574e7ff473cd7e7cf263bdc1558d.gif ) no repeat no scroll!mportant;}</STYLE>
 
 
470e283e0200031u
 
代码:
<P align=center><A href=" http://blog.sina.com.cn/u/1192110142 "    target=_blank>CC-Tophead</A></P><STYLE type=text/css>.banner{background:url( https://i-blog.csdnimg.cn/blog_migrate/e881e6c4600fa6e067acc97a3fb3963e.gif ) no repeat no scroll!mportant;}</STYLE>
 
 
470e283e0200031v
 
代码:
<P align=center><A href=" http://blog.sina.com.cn/u/1192110142 "    target=_blank>CC-Tophead</A></P><STYLE type=text/css>.banner{background:url( https://i-blog.csdnimg.cn/blog_migrate/86443e4f99f5ff207b39a15e79b91024.gif ) no repeat no scroll!mportant;}</STYLE>
 
 
470e283e0200031w
 
代码:
<P align=center><A href=" http://blog.sina.com.cn/u/1192110142 "    target=_blank>CC-Tophead</A></P><STYLE type=text/css>.banner{background:url( https://i-blog.csdnimg.cn/blog_migrate/7007ad4394406c8ae1c9fe06783d7411.gif ) no repeat no scroll!mportant;}</STYLE>
 
470e283e0200031x
 
代码:
<P align=center><A href=" http://blog.sina.com.cn/u/1192110142 "    target=_blank>CC-Tophead</A></P><STYLE type=text/css>.banner{background:url( https://i-blog.csdnimg.cn/blog_migrate/5aa4bd7f49ac421a1e1a1e175175781c.gif ) no repeat no scroll!mportant;}</STYLE>
 
470e283e0200031y
 
代码:
<P align=center><A href=" http://blog.sina.com.cn/u/1192110142 "    target=_blank>CC-Tophead</A></P><STYLE type=text/css>.banner{background:url( https://i-blog.csdnimg.cn/blog_migrate/400134e67cb1cac04fff01e2fae0cb0d.gif ) no repeat no scroll!mportant;}</STYLE>
点击图片可以看完整的效果
 
470e283e020002dh
代码:
<P align=center><A href=" http://blog.sina.com.cn/u/1192110142 "    target=_blank>CC-Tophead</A></P><STYLE type=text/css>.banner{background:url( https://i-blog.csdnimg.cn/blog_migrate/57064ac379e250a4637ff5c6319b097e.gif ) no repeat no scroll!mportant;}</STYLE>
 
 
 
470e283e020002dj
 
代码:
<P align=center><A href=" http://blog.sina.com.cn/u/1192110142 "    target=_blank>CC-Tophead</A></P><STYLE type=text/css>.banner{background:url( https://i-blog.csdnimg.cn/blog_migrate/bfdbc80d76403e85badb211f3606d16a.gif ) no repeat no scroll!mportant;}</STYLE>
 
470e283e020002dk
 
代码:
<P align=center><A href=" http://blog.sina.com.cn/u/1192110142 "    target=_blank>CC-Tophead</A></P><STYLE type=text/css>.banner{background:url( https://i-blog.csdnimg.cn/blog_migrate/73d775f8cbe322ae77686bf536981467.gif ) no repeat no scroll!mportant;}</STYLE>
 
 
470e283e020002di
 
代码:
<P align=center><A href=" http://blog.sina.com.cn/u/1192110142 "    target=_blank>CC-Tophead</A></P><STYLE type=text/css>.banner{background:url( https://i-blog.csdnimg.cn/blog_migrate/e881e6c4600fa6e067acc97a3fb3963e.gif ) no repeat no scroll!mportant;}</STYLE>
 
 
470e283e020002dl
 
代码:
<P align=center><A href=" http://blog.sina.com.cn/u/1192110142 "    target=_blank>CC-Tophead</A></P><STYLE type=text/css>.banner{background:url( https://i-blog.csdnimg.cn/blog_migrate/8916dff252b9a841533217dc22e7c638.gif ) no repeat no scroll!mportant;}</STYLE>
 
 
470e283e020002dm
 
代码:
<P align=center><A href=" http://blog.sina.com.cn/u/1192110142 "    target=_blank>CC-Tophead</A></P><STYLE type=text/css>.banner{background:url( https://i-blog.csdnimg.cn/blog_migrate/839007025ce1e3a2bc37547f55164746.gif ) no repeat no scroll!mportant;}</STYLE>
 
以上转自：★Celidia★的BLOG

转载于:https://www.cnblogs.com/cy163/archive/2006/09/29/518761.html

weixin_30491641
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
网页顶部通栏
08-24
网页顶部通栏
更改blog顶部的图片
weixin_30297281的博客
07-22 147
前段时间改了下blog顶部的图片，因为喜欢《兄弟连》，所以就用英雄们站在草地上的图片，呵呵。 .header{ height:195px; background-color:#ffffff; background-image:url(http://images.cnblogs.com/cnblogs_com/pains/121322/o_top.jpg); background-re...
如何写移动页面的顶部大图
brokenkay的博客
07-12 678
在开发html5的移动项目会经常出现某个页面的顶部需要加载一张很大的图,如果按照正常的情况来写就可能会出现大图还没加载完毕,图下面的数据已经加载出来了.等大图加载出来后就会把内容往下顶,这对用户的体验非常的不友好.为了解决这个问题我们可以按照下面这种方法来写: Document *{ padding:0px; margin:0px; }
经验总结：典型顶部图形
weixin_30613343的博客
04-06 79
1、300296 2016/12/31 转载于:https://www.cnblogs.com/carl2380/p/5358489.html
jQuery自动向右滚动通栏图片列表特效
06-11
效果描述： 支持左右按钮点击后图片列表左右滚动 同时自身间隔一段时间后自动滚动 点击图片支持放大效果 使用方法： 1、将附件index.html中... (图片、js采用绝对地址，不会影响使用，不建议修改)
积分换通栏图片广告 正式版v3.2.6.zip
04-29
1、下载后解压“积分换通栏图片广告.zip”压缩包 2、将解压后的文件找到“zk_gimg”上传到网站的/source/plugin/目录 3、到网站后台-应用 找到刚刚上传的插件“积分换通栏图片广告”点击安装 4、启用刚刚安装的插件...
jquery多图图片通栏切换代码.zip
07-04
CSS用于设置图片的初始状态（如隐藏）和通栏布局，以及圆点导航的样式： ```css #slider { width: 100%; } .slide { display: none; } .dot { cursor: pointer; } ``` 五、jQuery代码实现 1. 图片切换逻辑：...
jQuery自动滚动五屏图片通栏代码.zip
07-11
jQuery自动滚动五屏图片通栏代码，带左右按钮切换图片，鼠标移到图片后图片高亮显示，点击会显示带阴影的大图。兼容主流浏览器，php中文网推荐下载！ 使用方法： 1、head区域引用文件lrtk.css及js库 2、在文件中...
通栏导航栏的制作，综合使用CSS属性，代码不超过30行
lumot的博客
09-02 2183
这篇文章，小编带领大家一同做一个利用CSS技术实现的导航栏。通过这个导航栏的制作，希望大家能够对前几篇文章中学习到的CSS属性能有一个整体的认识，并能够达到灵活运用的程度。 承接文章：灵活控制块级元素...
day2.zip
09-03
request和pytest
1、柜员基本信息维护模块，基本信息一般包括姓名、性别、联系方式、地_址、证件号码、级别等。_需要提_-.zip
09-03
1、柜员基本信息维护模块，基本信息一般包括姓名、性别、联系方式、地_址、证件号码、级别等。_需要提_-
Idea 控制台出现乱码问题的4种解决方案.docx
09-03
IntelliJ IDEA 如果不进行相关设置，可能会导致控制台中文乱码、配置文件中文乱码等问题，非常影响编码过程中进行问题追踪。本文总结了 IDEA 中常见的中文乱码解决方法。 ***********使用idea进行maven项目的编译时，控制台输出中文的时候出现乱码的情况。 ***********通常出现这样的问题，都是因为编码格式不一样导致的。既然是maven出的问题，我们在idea中查找下看可以如何设置文件编码。 搜索栏搜索“ Maven ”，在其子选项中选择“ Runner ”，在界面右侧中“ VM options ”文本框中输入以下代码： -Dfile.encoding=UTF-8 或者 -Dfile.encoding=GB2312
html+css+js网页设计 故宫10个页面 ui还原度100%
09-03
预览地址：https://blog.csdn.net/qq_42431718/article/details/141867171 html+css+js网页设计 故宫10个页面 ui还原度100%
【中科院1区】Matlab实现哈里斯鹰优化算法HHO-SAE实现故障诊断算法研究.rar
09-03
1.版本：matlab2014/2019a/2024a 2.附赠案例数据可直接运行matlab程序。 3.代码特点：参数化编程、参数可方便更改、代码编程思路清晰、注释明细。 4.适用对象：计算机，电子信息工程、数学等专业的大学生课程设计、期末大作业和毕业设计。 替换数据可以直接使用，注释清楚，适合新手 5.作者介绍：某大厂资深算法工程师，从事Matlab算法仿真工作10年；擅长智能优化算法、神经网络预测、信号处理、元胞自动机等多种领域的算法仿真实验，更多仿真源码、数据集定制私信+。 替换数据可以直接使用，注释清楚，适合新手
基于springboot精品在线试题库系统设计与实现.docx
09-03
基于springboot精品在线试题库系统设计与实现.docx
FSCapture-v9.6 快捷录屏
09-03
高质量录屏软件，使用方便快捷，内涵使用手册
基于Spring Boot的疗养院管理系统+源代码+演示视频.zip
09-03
传统办法管理信息首先需要花费的时间比较多，其次数据出错率比较高，而且对错误的数据进行更改也比较困难，最后，检索数据费事费力。因此，在计算机上安装疗养院管理系统软件来发挥其高效地信息处理的作用，可以规范信息管理流程，让管理工作可以系统化和程序化，同时，疗养院管理系统的有效运用可以帮助管理人员准确快速地处理信息。 疗养院管理系统在对开发工具的选择上也很慎重，为了便于开发实现，选择的开发工具为Eclipse，选择的数据库工具为Mysql。以此搭建开发环境实现疗养院管理系统的功能。其中管理员管理用户，新闻公告。 疗养院管理系统是一款运用软件开发技术设计实现的应用系统，在信息处理上可以达到快速的目的，不管是针对数据添加，数据维护和统计，以及数据查询等处理要求，疗养院管理系统都可以轻松应对。 关键词：疗养院管理系统；SpringBoot框架，系统分析，数据库设计
提高C-C++代码质量的工具：静态分析、代码审查与单元测试.md
最新发布
09-03
提高C/C++代码质量的三种关键工具和方法：静态分析、代码审查与单元测试。首先，静态分析通过解析源代码，在不运行程序的情况下检测潜在的错误、规范违例和性能问题，推荐使用Clang-Tidy、Cppcheck等工具，并强调将其集成到开发流程中。其次，代码审查通过团队成员的协作和反馈来识别代码中的问题，提升代码的可读性、设计合理性和安全性，常用工具包括Gerrit、Phabricator和GitHub Pull Requests等。最后，单元测试对代码的最小测试单元进行验证，通过编写覆盖多种输入情况的测试用例，确保代码功能的正确性和稳定性，推荐使用Google Test、Catch2等框架。文章强调了将这些工具和方法整合到持续集成系统中，建立质量文化和持续改进机制，以构建高质量的软件产品。
仿百度有啊通栏展示效果的JavaScript实现
"本文将介绍如何使用JavaScript实现一个仿百度有啊的通栏展示效果，包括页面布局、图片展示和文字描述的实现。" 在网页设计中，通栏展示是一种常见的布局方式，它通常用于商品展示或者信息推广，能够吸引用户的注意...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值