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

社区服务
高级搜索
猴岛论坛个人影展(自曝区)  ☆ 【美工组正式成立】   ☞   教你美化教程第二蛋  。
发帖 回复
倒序阅读 最近浏览的帖子最近浏览的版块
92个回复

[靓女自曝]  ☆ 【美工组正式成立】   ☞   教你美化教程第二蛋  。

楼层直达
Goodboy&Dog

ZxID:12466260

等级: 大元帅
GOGOGO !

举报 只看楼主 使用道具 楼主   发表于: 2011-08-20 0
— 本帖被 迷失弦月 执行取消置顶操作(2011-08-26) —



┏                                               ┓






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






┗                                               ┛



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.  

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



本帖de评分: 13 条评分 DB +1025
DB+3 2011-08-26

-

DB+200 2011-08-24

辛苦了,琥珀之包,请笑纳^_^

DB+100 2011-08-21

小简谢谢妳旳支持,猴岛有妳更精彩!

DB+20 2011-08-21

还不错

DB+100 2011-08-21

600

DB+100 2011-08-21

工资

DB+100 2011-08-21

工资

DB+1 2011-08-21

哎的.奏四牛逼

DB+1 2011-08-21

哎呦 骚亲 你好厉害哦

DB+100 2011-08-20

辛苦咯~

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

ZxID:12466260

等级: 大元帅
GOGOGO !

举报 只看该作者 沙发   发表于: 2011-08-20 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] 中间写上文字 或者 贴上你喜欢的照片了哦。
为了效果  我还是搞一张照片的效果吧。
效果如下




我是分隔线


本帖de评分: 1 条评分 DB +1
DB+1 2011-08-21

留名.出名- -

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

ZxID:12466260

等级: 大元帅
GOGOGO !

举报 只看该作者 板凳   发表于: 2011-08-20 0


我是分隔线




         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个表格弄一个 居中 。
我们呈现出来的代码就如下图了。



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


本帖de评分: 1 条评分 DB +1
DB+1 2011-08-21

留名- -出名

 
我不是 好汉  我不会 放荡  
 
 
傲阳_

ZxID:12465325

等级: 元老

举报 只看该作者 地板   发表于: 2011-08-20 0
【美工组正式成立】

初期成员:

ヤ - 鬼妓

隶书·阁

缄默症患者ヽ

埖颜╰ (请假中)

美工组宣言:我们只是让这个论坛多了一笔“色彩”而已。

美工组人员还在扩张,欢迎大家踊跃报名,咨询QQ:276092787。申请
前提:必须具有美化基础知识。

工作概念:
为全论坛和管理提供基础的美化教程与咨询。

最好要说的就是,心宽如海,心静如水,心明如月,碰到事情不要想着埋怨,要想办法解决它才是。

美工组初期任务:为全论坛会员和管理进行为期10期的美化基础培训。

福利:参与制作教程的人员 跟帖可以领取一定数额的DB奖励。表现好的,可以考虑给予私人DB奖励。~
stz123

ZxID:11431764

等级: 大元帅
配偶: 512310667

举报 只看该作者 4楼  发表于: 2011-08-20 0
前排
热会7队
青稚的花痴

ZxID:6372135

等级: 禁止发言

举报 只看该作者 5楼  发表于: 2011-08-20 0
前排
璃鱼浅析

ZxID:14140764

等级: 元老
配偶: 西小夏

举报 只看该作者 6楼  发表于: 2011-08-20 0

看着狠羙观
再见已是初识

ZxID:6911588

等级: 贵宾
爱与被爱不成正比
举报 只看该作者 7楼  发表于: 2011-08-20 0
黄金位置
破浪。

ZxID:9977359

等级: 大元帅
配偶: 空浅兮

举报 只看该作者 8楼  发表于: 2011-08-20 0
蒽?美化白痴路过。

猴岛大当家

ZxID:10312751

等级: 元老
配偶: 小野喵
【猴岛视频组欢迎您】【跑跑卡丁车欢迎您】【影视❤动漫欢迎您】

举报 只看该作者 9楼  发表于: 2011-08-20 0
不错哟

❤动漫剧场❤影视天地❤跑跑卡丁车❤视频组欢迎您❤
爱喜°

ZxID:333

等级: 元老
配偶: 爱喜°
CPA努力备考中

举报 只看该作者 10楼  发表于: 2011-08-20 0
还不错,很实用的教程。
CFP/AFP/基金/银行/证券/期货从业资格考试继续教育代修课
CFP/AFP/基金从业/中级经济师必过学习资料
茅台、五粮液凳系列商超酒,假一罚十
民生银行消费贷、信用卡员工内推渠道
QQ、VX同号,246741,有事欢迎联系。
里恩

ZxID:15468270

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

举报 只看该作者 11楼  发表于: 2011-08-20 0
仔细研究
bape.

ZxID:1657512

等级: 贵宾

举报 只看该作者 12楼  发表于: 2011-08-20 0
支持。
迷人的家教

ZxID:3401355

等级: 元老

举报 只看该作者 13楼  发表于: 2011-08-20 0
真棒.
你很迷人

ZxID:2465053

等级: 元老

举报 只看该作者 14楼  发表于: 2011-08-20 0
学习 学习
hljjlhxxxxxxx

ZxID:15888801

等级: 新兵
举报 只看该作者 15楼  发表于: 2011-08-20 0
本帖de评分: 1 条评分 DB -1
DB-1 2011-08-21

请不要恶意灌水,恶意灌水包括:纯表情、纯数字、纯字母等毫无意义的内容,以及同一内容重复连续发帖。请规范发帖,你会喜欢上猴岛的。

三千鸦杀ゞ

ZxID:15813283

等级: 中尉
用我一生,换你十年天真无邪。
举报 只看该作者 16楼  发表于: 2011-08-20 0
— (ヤ - 鬼妓) 是给会员提供美化教程的团队。 (2011-08-20 21:35) —
请问美工组具体是要做什么的。

美化基础知识就是指会用相关软件么比如PSFW什么的??
骚不骚.看小腰

ZxID:1280222

等级: 元帅

举报 只看该作者 17楼  发表于: 2011-08-20 0
不创意i
   醉生梦死.

ZxID:15756789

等级: 大将
        ┐        醉生梦死.       ..

举报 只看该作者 18楼  发表于: 2011-08-20 0
什么啊 !!!美化盲路过
    魄'

ZxID:10015713

等级: 元帅

举报 只看该作者 19楼  发表于: 2011-08-20 0
估计弄了也没什么用。基本上没人学
www.bbziyuan.com
« 返回列表
发帖 回复