网页制作中用div+css怎么编辑通栏?比如是(banner)

html-css012

网页制作中用div+css怎么编辑通栏?比如是(banner),第1张

直接插入图片就行了,如插入980px的BANNER条,

<div class="banner"><img src="banner.jpg" /></div>

css的话,如果要让banne居中的话

.class .{ margin:0 autowidth:980px}

.page_style 这个是什么标签的类名,还有你用的是什么方式布局,建议你把所有代码全写出来!现在基本用DIV布局!.page_style{width:900px这一串应该是表示页面宽度为900px; 如果你想要全屏的话,就增加宽度,一般就是1024px;但是显示器不同的话也会出现差别,最好就用百分比来表示宽度,.page_style{width:100% 。

想把导航栏两边的空白去掉的话,那么把导航样式中的margin-left:设置为0px;你导航代码可读性有点差,建议你把所有代码贴出来!!

(希望我看懂了你想表达的意思!)

对此有兴趣的博友可到博客帮助那里了解模块设计相关问题。

。我的具体做法如下:

1、建一空白面板。取名bannerpanel(名字随便取)。钩选“显示原代码”,在<div</div之间写上&nbsp。也就是<div&nbsp</div这个样子。当然,你也可在<div</div之间写文字,一举两得。保存。一个有效的面板建立了

2、将新浪提供的通栏图复制下来。用图片处理软件(我用的是photoshop)换上自己的内容。取名banner。

3、打开自己的博客。选“发表文章”。标题用“pic-1”。上传通栏图banner。保存为草稿。编辑草稿。鼠标右键点击通栏图。选菜单头条“打开链接”。图片在浏览器中打开。将地址栏里的图片地址复制。粘贴在合适的地方备用。

4、编辑先前做好的面板。将下面这段代码粘贴在<div...</div之下。用事先复制好的图片地址替换下面代码中的“图片地址”四个字。保存。

<STYLE type=text/css

.banner{background:url(图片网址) no repeat no scroll!mportant}</STYLE5、用添加面板功能将面板选取,保存设置。

自定义面板的制作添加方法,新浪博客帮助里都有详细步骤。

我将通栏图下的菜单背景图也换了。内容与通栏图吻合。这样显得脸大些。菜单背景图要做得比原有背景图高十个象素。这样能将原先的留白盖住。它的代码是:

.menu{background:url(图片网址) no repeat no scroll!mportant}

在做好的菜单图片上传成功,取得图片地址之后,替换代码里的“图片地址”。将这段代码粘贴到通栏图代码最后一行(</style)之上。这样,就是一次替换两个图。

最难弄的不是上面说的步骤或方法。而是自己的心态。自卑,急噪,轻视,臆想,弄得自己焦头烂额,五味具全。但坚持下来,将毛病一一拿下,则是阳光灿烂。竟也是修身一法。