前面跑跑介绍过图片的效果了
其实应该先教这个才对呵呵
图片效果和单篇日志加背景的二个代码其实可以混合用
但是相对的来说太复杂
跑跑这里就先不说了
今天给大家二个单篇日志加背景的方法吧
一.简单的单篇日志加背景
1.我先给出代码
<table width="100%" background="背景地址"><tr><td>日志内容</td></tr></table>
2.此代码是布满整个日志的
而且图片会上下一直重复
所以建议大家选图的时候要选择可以重复的图
要不可能看起来怪怪的
以下是效果
原图片 120*120
●这个是直接用了代码后的效果●
●这个是增加文字后的效果●
|
日志内容
日志内容
日志内容
日志内容
日志内容
日志内容
|
这个代码只适合能重复背景的图片
因为这个代码没有给出图片的大小
所以大家看情况使用
二.复杂的单篇日志加背景
1.我先给代码
<div style="WIDTH: 120px; HEIGHT: 120px;">
<img height="100px" src="图片地址" width="730" align="right">
<div style="float:left; background-color: TRANSPARENT;WIDTH: 109px; HEIGHT: 108px; ">
<br>
<font color="#FF00FF">日志文字</font>
</div>
</div>
2.代码说明
<div style="WIDTH: 120px; HEIGHT: 120px;">
文本框的大小
<img height="120px" src="图片地址" width="120" align="right">
数字图片的大小
right是靠左或者是右
3.以下是效果
日志文字
这时候你会看到你选用的那张背景图
用鼠标双击图片的中间
会出现一个文本框
你可以用鼠标拖住文本框的一角调整大小
当然图片大小也可以调整
不过跑跑建议大家把文本框的数字设置的比图片要大
方便文字修改
刚跑跑写完第一次的时候
汗~忘记保存结果全部丢失
又重写了一次
现在很闷厄
不过还是给他写完了
希望大家喜欢