怎么制作百度模版?

发布网友 发布时间：2022-04-27 10:55

我来回答

共2个回答

热心网友 时间：2023-09-14 04:32

[管理中心]->[空间装扮]->[模板]，在那里可以选择自己喜欢的模板，这个大家应该都知道了。选了自己比较喜欢的模板，当然，最好是比较简单的模板，点击右侧的[创建新模板]或者[编辑此模板]，进入[编辑CSS自定义模板]页面，就可以动手做一个自己的模板了。对于，有些朋友对这个css不了解，不清楚是怎么一回事，我在这里给大家简单说明一下。百度空间采用的是div+css的页面布局，因为布局的需要，可能是因为不想让大家改得太乱，也可能是因为想让大家改起来方便一点，页面中还存在一些table。css的作用呢，你想像一下，页面是一个人，而这css就是衣服，衣服有很多种，一个人可以穿不同的衣服，而我们要做的就是设计衣服，当然也可以是修改衣服。那么，要怎么样修改呢？ body{background-color:#FFFFFF;} 这是一件白色的外套，它的作用是让你整个页面的底色变为白色。如果你不喜欢，想换件彩色的外套呢？ body{background:url(xxx.jpeg);} 这是一件彩色的外套，它的作用是让你用图片xxx.jpeg作为页面的底纹。 你试一下，很简单的，这只是修改了整个页面的背景而已。而对修改模板不太熟悉的人来说，他们会只把头部换掉。 在[编辑CSS自定义模板]页面，找到一个#header{...}，这是页面的头部，它里面会有一个属性background-image或者background，在它后面你会找到url(xxx.jpeg),而这个xxx.jpeg就是页面头部的那个图片，你可以找张图片，用那张图片的地址换掉它。如果是网络上的图片，你可以直接拿到它的网址。一般情况下，你应该会选择本地的电脑里的图片，你需要把它上传到空间的相册里，然后找到那张图片，点击它，进入浏览模式，再点击它，然后你就会在浏览器的地址栏里看到类似

的地址，复制它，粘贴到url()里面。然后你可以再修改一下高度或者其他。最后，你会修改成类似这样的代码： #header { height:382px; background-image: url(

); background-repeat: no-repeat; background-position: center top; } 这只是修改头部，接着你可以修改其他部分。在百度空间里，有几个地方的修改是需要重点关照的。 1.整个页面,设置整个页面背景 body 2.头部，设置头部背景 #header 3.空间名称 #header div.tit 空间简介 #header div.desc 4.页面主体，设置底部背景 #main 5.内容区域，设置中部背景 .stage 6.模块区域，设置模块标题背景 .modth 7.文章标题，设置文章标题前的小图片 #m_blog div.tit 8.模块内容，设置模块内容列表前的小图片 #m_artclg div.item,#m_filed div.item,#m_comment div.item,#m_links div.item #m_mylink1 div.item,#m_mylink2 div.item,#m_mylink3 div.item,#m_mylink4 div.item如果你不清楚对应位置是哪个标签，可以直接在页面上右键，查看源代码。当然如果是新手的话，应该很难看懂。那么，你也可以百度一下，或者再看下[css说明]。 如果你对于网页的配色不太了解，你也可以查看下面的文章： 基本配色 色彩搭配大全(色谱) 修改完，你可以点击[预览]查看一下效果，不满意就再改过，觉得可以了，就点击[另存为]或者[保存并使用]，跳到[我制作的模板]页面，如果是点击[另存为]的话，你需要再选择修改完的模板，点击[使用]，然后就可以到你的空间查看了。如果你觉得很好看，想分享给其他人，可以在[我制作的模板]页面选择那个模板，点击[分享]。不过，注意了，分享的模板自己是不能修改和删除的，所以要谨慎一点。而且，有些作者，就是你模板原来的设计师可能不愿意看到你把他喜爱的模板改得乱七八糟，或者一点没改就分享给别人。为了让新手快速入门，我在这里还是摘一些模板修改时比较常见的属性来说一下吧！ background: background-color || background-image || background-repeat || background-attachment || background-position 例：body{background:#ffffff url(xxx.jpg) repeat-y scroll left top;} 描述：这是一个复合属性，改变标签body的背景。 它可以只写其中的单个或几个属性，例如：body{background:#ffffff;}； 也可以拆出来写，例如，body{background-color:#ffffff;}。 其中，background-color是背景颜色，可以在[css说明]中取色，不写或者写transparent表示透明背景色； background-image是背景图片； background-repeat是背景图片平铺的修改，repeat:纵向和横向上平铺，no-repeat:不平铺，repeat-x:横向平铺，repeat-y:纵向平铺； background-attachment中scroll是背景图像随对象内容滚动，fixed是背景图像固定； background-position是背景图片的位置，有横向的和纵向的参数，可以写top|center|bottom|left|center|right，也可以写数值10px百分比10%。 font: font-style || font-variant || font-weight || font-size || line-height || font-family 例：body{font:italic small-caps bold 12px 20px 宋体} 描述：这是一个复合属性，改变标签body的字体。可拆开来写，同background。例子中表示的意思为：字体样式为斜体，小型的大写字母字体，加粗，字体尺寸为12px,行高为20px,字体名称为宋体。 height: auto | length 例：body{height:100px;} 描述：设置标签的高度 width: auto | length 例：body{width:100px;} 描述：设置标签的宽度 margin: auto | length margin: margin-top | margin-right | margin-bottom | margin-left 例：body{margin:0px;} body{margin:0px 0px;} body{margin:0px 0px 0px 0px;} 描述：对象顶边的外延边距，就是和包含自己的标签的距离。 padding: auto | length padding: padding-top | padding-right | padding-bottom | padding-left 例：body{padding:0px;} body{padding:0px 0px;} body{padding:0px 0px 0px 0px;} 描述：对象四边的补丁边距，就是和自己包含的标签的距离。 border: border-width || border-style || border-color 例：body{border: 1px solid #ffffff;} 描述：这是一个复合属性，改变标签body的边框。可拆开来写，同background。 这是同时指四个方向的边框，对应的，可以分开来指定，border-top，border-bottom，border-left，border-right filter: filter 例：body{filter:Alpha(opacity=35);} body{filter:Alpha(opacity=35);-moz-opacity:0.35;} 描述：设置或检索对象所应用的滤镜效果；例子中是设置标签的透明度，第二条是兼容其他浏览器的设置； 常用的背景音乐，图片的圆形效果： filter: alpha(opacity=100, finishopacity=10, style=2, startx=20, starty=40, finishx=0, finishy=0) 常用的灰色效果：filter:gray(); 顺便，我讲一下伪类： a:link 设置a对象在未被访问前的样式表属性 a:hover 设置a对象在其鼠标悬停时的样式表属性 a:active 设置a对象在被用户激活（在鼠标点击与释放之间发生的事件）时的样式表属性 a:visited 设置a对象在其链接地址已被访问过时的样式表属性 再顺便，我讲一下!important 例：body{font-size:10px;font-size:12px;} 结果font-size为12px body{font-size:10px !important;font-size:12px;} 结果font-size为10px body{font-size:10px !important;} body{font-size:12px;} 结果font-size为10px

热心网友 时间：2023-09-14 04:33

制作模板是不能一蹴而就的，需要一段时间的学习。
模板分为两部分：图片和css代码，如果你要学习的话，就要从这两方面下手。
如有其它问题的话，给我发送消息。