☆ 【美工组正式成立】   ☞   教你美化教程第二蛋  。

社区服务
高级搜索
猴岛论坛综合游戏交流QQ游戏☆ 【美工组正式成立】   ☞   教你美化教程第二蛋  。
发帖 回复
倒序阅读 最近浏览的帖子最近浏览的版块
4个回复

☆ 【美工组正式成立】   ☞   教你美化教程第二蛋  。

楼层直达
Goodboy&Dog

ZxID:12466260

等级: 大元帅
GOGOGO !

举报 只看楼主 使用道具 楼主   发表于: 2011-09-16 0
— 本帖被 ヤ - 鬼妓 执行压帖操作(2011-09-16) —



┏                                               ┓






"  美化教程第二蛋  △▲ 多层表格制作与插入精美图片美化  "






┗                                               ┛



A b c d    e f g  H     I  j k l m    N o  p Q    Rs  t u     V w x  y  Z



uid:12466260






[ 本期效果导航 ]



[1.          ]




  本期效果示范

本期效果示范




    


[2.          ]


本期效果示范



本期效果示范
本期效果示范









[3.          ]

本期效果示范






[4.          ]


本期效果示范








[5.          ]


标题
     我是华丽的内容效果
标题





[6.          ]  



输入你要的内容
输入你要的内容
输入你要的内容
  输入你要的内容















??
  骚亲亲们  是不是觉得看起来很简单
其实它就是这么简单
下面是详细的教程哟 请骚年年们仔细看啦~




提示

开教程前本好汉有重要的信息要告诉大家哟 请各位小猴纸们先看了提示再做教程吧
表格懂是哪个吧?如果不懂的话就看这个图标   [   ]



v1.  


这里的 宽度百分比 是指   表格显示版面的大小。百分白 即是 你的表格的大小占的位置为左到右 。越小,则 所占版面大小越小。


v2.


这里的 宽度百分比 是指   你的图片大小。 本猴岛的头像高清头像大小是 120x120 。 一般的图为240x260 。当然看你是什么图了。按照图的大小来填写你所需要的宽度百分比(填写的时候一般要比图片的大小大10左右)。


v3.  



这里表格的 边框大小  是指表格的 框度
如图
数值越大 则红色范围越大  反之

v4.  

我们发现每段代码中的 [tr][td]  [/td][/tr] 之间留空会很大,这就是可以输入文字或者插入图片的地方
  一段代码 [table=XXX,XXXX,XXX,X] [tr][td] 为始端      [/table]  为一个结束端。
  而一般情况下完整的代码为         [table=XXX,XXXX,XXX,X][tr][td]    [/table]

v5. ◆

本论坛版面所支持的表格宽度一般为70100是显示不全的 所以 一般表格贴的宽度最好设置为 70-80左右  。

v6.  

我们在建立多层表格的时候,要注意表格的颜色搭配妥当。

际遇之神

惩罚

上厕所误入女厕,被如花发现,当场被如花OOXX ,损失DB6

 
我不是 好汉  我不会 放荡  
 
 
Goodboy&Dog

ZxID:12466260

等级: 大元帅
GOGOGO !

举报 只看该作者 沙发   发表于: 2011-09-16 0

教程的开始








        One 基础篇




做出第一个 表格  即 外表格 。 外表格只有一个表格 所以 我们 行数列数都为 1  。
  如图所示  。

颜色你可以随便选 当然只要是色调搭配好。


选好点确定。 确定之后,我们得到这个代码。在   划线部分 我们添加第二个

第二个我们看下 是1行2列 。所以我们如图在红色划线的部分添加好1行2裂的表格输入好点确定

做好之后 我们就可以得到第一个表格的效果了。


  本期效果示范

本期效果示范





我是分割线




      

             Two 还是基础篇


我们建立大表格。  建立的时候看清楚了 是2列1行的 所以我们建一个是2列1行的。  颜色看你喜好。

建立好之后,我们得到一个表格的代码。 我们如图所示我们添加第二个和第三个所需要的表格代码位置。 添加位置如图吧。



效果就出来了。

本期效果示范



本期效果示范
本期效果示范










我是分隔线



              Three 还是基础篇+1



本期效果示范


很简单  我们知道它的 一 行 0 列   2个表格所拼合 的

所以我们可以 直接做出来

第一步

我们做出一个表格   行数列数都为1的外框  表格宽度随意  边框大小也随意。  

第二步

我们知道 [tr][td]  [/td][/tr] 中间 会有一点间隙空白的地方  



在数字1 [tr][td]  [/td][/tr] 中间我们插入 1行1列 的第二个表格

我们发现[tr][td]  [/td][/tr]留空会很大,这就是可以输入文字或者插入图片的地方。

全部做好表格之后我们发现效果会是这样的  

那是因为第二个插入的表格用了居中

我们可以找到第二个表格的代码,一般的代码为 [tr][td]  [/td][/tr][/table] 为一个结束点。 我们可以这么找第二个代码,红色划线的地方为第二个代码

找到之后,我们就可以加上   居中   这个效果 ,出来之后 ,就成了刚才所看到了效果啦。



是不是很简单  好的  做好之后  我们就可以在 第二个代码[tr][td]    [/td][/tr] 中间写上文字 或者 贴上你喜欢的照片了哦。
为了效果  我还是搞一张照片的效果吧。
效果如下




我是分隔线




         Four 我们就还是基础篇



做一个大百分比70的表格  颜色随便你了 呵呵
然后我们在 第一个表格 分隔的中间 插入第二个大小百分比80代码  
如图所示吧





                

我们可以看到 在这个表格的顶端 多了一条黑色的东西

本期效果示范




我们可以运用 分割线 这个原理(分隔线如图)

来添加到表格中,位置如图。



为了更好的效果,我的表格大小按照刚才我们所提示的大小来做了个合适的






我是分隔线







   Five 我们就还是基础篇+1
            (本篇我们创立的时候需要注意的就是 代码和代码之间的间隔 问题了。)


标题
     我是华丽的内容效果
标题




介个就很简单啦,亲们。这个表格是由4个表格组成的,都是1行1列的。



建立好1行1列的表格,边框大小乃门可以随意,我们还是如效果图的来做一个吧。




居中之后,我们得到了这样的代码。




之后我们预览看看,我们看到效果是这样的,这样是不行的。


我们最后一步整理代码。
就是把各代码连接成一个代码就得了。就是删除空格处 回车处。
代码整理好之后如下。




这样,我们的第五个表格就做好啦。文中的 添加内容字眼 为内容货图片插入点。


我是分隔线







   Six  我们就还是基础篇+2

提示: 这个需要注意的就是表格的大小 还有 间距 问题

好了 开始吧。

首先, 我们建一个 行数列数都为1 表格宽度为70百分比 边框大小为8  的表格  颜色自选。 为了教程,我做了和教程一样的。
我们在第一个表格的插入点回车一下。 其实这个回车做不做无所谓啦,我为了方便教程详细突发奇想的这样做。方便。



做好之后,我们在 插入点 插入其余的表格。一共要插入  7  个表格 。 其实这个更随意,你插入多少个都无所谓,看你喜好。





刚说到 做出第一个表格,确定之后,我们在 插入点 回车一下,其实是我做教程更加详细要你们回车的。老手别笑。
我们点表格建立  全部都是1行1列的。

注意 。  

外框百分比大小为        70百分比
第一个表格百分比大小为  95百分比(如我的教程:背景颜色为白色,边框颜色为黑色)
第二个表格百分比大小为  60百分比(背景颜色和边框颜色都是一样的,如我教程的是:#00b0f0,#00b0f0 即 蓝色 )
第三个表格百分比大小为  95百分比(如我的教程:背景颜色为白色,边框颜色为黑色)
第四个表格百分比大小为  60百分比(背景颜色和边框颜色都是一样的,如我教程的是:#00b0f0,#00b0f0 即 蓝色 )
第五个表格百分比大小为  95百分比(如我的教程:背景颜色为白色,边框颜色为黑色)
第六个表格百分比大小为  60百分比(背景颜色和边框颜色都是一样的,如我教程的是:#00b0f0,#00b0f0 即 蓝色 )
第七个表格百分比大小为  95百分比(如我的教程:背景颜色为白色,边框颜色为黑色)

接着,我们陆续按着上面的说明来一个个陆续添加。






效果如下。
最后一步就是把该回车的地方删掉。之后。我们往里头的7个表格弄一个 居中 。
我们呈现出来的代码就如下图了。



代码预览之后 效果就如教程的一样了。

输入你要的内容
输入你要的内容
输入你要的内容
  输入你要的内容
            



第二期的结束 但 却又未结束。







 
我不是 好汉  我不会 放荡  
 
 
里恩

ZxID:15468270

等级: 少将
我真为我那颗千疮百孔被抛弃过被刺穿过却依然鲜活跳动的心感到骄傲 -

举报 只看该作者 板凳   发表于: 2011-09-16 0
沙发= - =
里恩

ZxID:15468270

等级: 少将
我真为我那颗千疮百孔被抛弃过被刺穿过却依然鲜活跳动的心感到骄傲 -

举报 只看该作者 地板   发表于: 2011-09-16 0
这个以前就发过了- -。

际遇之神

奖励

买了一个鸡蛋,吃出两个蛋黄得3DB

本帖de评分: 1 条评分 DB +1
DB+1 2011-09-16

代码乱了,重新发帖编辑下而已呢。谢谢你哦

Goodboy&Dog

ZxID:12466260

等级: 大元帅
GOGOGO !

举报 只看该作者 4楼  发表于: 2011-09-16 0



点击在新窗播放

际遇之神

奖励

从火星归来,受到国家元首的接见奖励4DB

 
我不是 好汉  我不会 放荡  
 
 
« 返回列表
发帖 回复