口袋吧互动社区

 找回密码
 注册加入口袋吧

QQ登录

只需一步,快速开始

扫一扫,访问微社区

通关攻略
ORAS图文攻略一周目/ 二周目
XY图文攻略一周目/ 二周目
黑2白2图文攻略一周目/ 二周目
黑白图文攻略一周目/ 二周目
心金魂银图文攻略一周目/ 二周目
白金图文攻略一周目/ 二周目/ 珍珠钻石图文攻略
绿宝石流程攻略/ 火红叶绿通关攻略/ 红蓝宝石剧情攻略
时暗探险队完美攻略/ 赤青救助攻略
游戏ROM火热下载:
口袋妖怪黑2中文版/ 口袋妖怪白2中文版
口袋妖怪黑(中文)/ 口袋妖怪白(中文)
心金(中文)/ 魂银(中文) /白金(中文)
绿宝石386中文版/ 火红完美中文版
NDS模拟器/ GBA模拟器中文版
游戏精华资料库
OR/AS
X/Y
黑白2/ 黑白
心金魂银/ 白金/ 珍珠钻石
绿宝石/ 红蓝宝石/ 火红叶绿/ 金银水晶
口袋×信长/ 护林员/ 玛古纳之门/ 空时暗探险队/ 赤青救助队
PBO战报/ 战术研究文
口袋图鉴手机版:www.koudai8.com/pmdex/m
查看: 9478|回复: 27

【长期活动】编写属于自己的训练师简介吧!

[复制链接]
发表于 2015-11-29 20:53 | 显示全部楼层 |阅读模式
本帖最后由 狂一红 于 2015-12-3 01:10 编辑

有时候你挑战一个人时,是否会惊讶于对面的训练师简介是如此漂亮呢,而反观自己的却只有简单几个字,你是否想拥有同样精美的训练师卡呢?
下面将简单介绍下如何制作属于自己的训练师简介吧。
(手机的也可以编写,不过只有电脑的才看得到)
电脑版po下载点我


首先打开队伍编辑器(Teambuilder),有训练师简介(Information)这一栏目,在这里可以使用html代码,最多300字节。。。
详细介绍见2,3,4楼





分享大法好:鼓励玩家回帖发出自己的训练师信息卡片截图及其代码
基础奖励:2努力+50芭比
原创背景:5努力+100芭比
其他:若干努力芭比



评分

参与人数 1现金 +1000 收起 理由
次メ + 1000 精品文章

查看全部评分

回复

使用道具 举报

 楼主| 发表于 2015-11-30 11:08 | 显示全部楼层
本帖最后由 狂一红 于 2015-12-5 15:00 编辑

文本
1.字体效果
在文字前后加上<xxx>文字</xxx>即可

<b>加粗</b>
<i>斜体</i>
<u> 下划线</u>
<s> 删除线</s>
<font color='blue'>颜色:蓝色</font>   (blue可替换为其他颜色,可使用颜色代码,如#0000ff)
<font size=6>字体大小:6号字</font>
<font face='Impact'>字体:黑体</font>            
(以上三个<font>的可以和在一起写,即<font color='red' size=4 face='仿宋,仿宋_GB2312'>四号红色仿宋</font>)

示例:
代码:欢<b>迎</b><font color='blue'  size=4>来到</font><u>口袋吧</u><i>官方</i><s>服务器</s>


2.段落格式

<br>换行  (相当于按一下enter)
<p>段落
<center>把这些内容放到中间</center>  (注:可用于图片)
<a href='网址'><u>插入链接</u></a>


示例:
代码:<center>口袋吧<br>论坛<p>对战区</center><br><a href='http://www.koudai8.com/newbbs/forum-133-1.html'><u>点我</u></a>
回复

使用道具 举报

 楼主| 发表于 2015-11-30 11:44 | 显示全部楼层
本帖最后由 狂一红 于 2015-12-2 02:11 编辑

图片
1.精灵
<img src='pokemon:num=编号'>

mega或其他形态在编号后加-1,比如x喷是6-1,y喷是6-2,洗衣机是479-4
其他:(加在编号后面)
闪光&shiny=true
背面&back=true
世代&gen=
性别&gender=male/female


2.大小和位置
在图片代码最后一个'后加空格和代码
width=x height=x    (原图大小参考:训练师80x80,pm96x96,道具20x20)
align=left                  (系统默认居左,其他位置:top上、middle中、bottom下、right右)



示例:闪光m裂空座背面图和居右小果然翁♀
代码:<img src='pokemon:num=384-1&back=true&shiny=true'><img src='pokemon:num=202&gender=female' width=60 height=60 align=right>


3.其他图片

道具<img src='item:道具编号'>                 (编号具体见:\Pokemon Online\db\items)
树果<img src='item:树果编号+8000'>      (编号具体见:\Pokemon Online\db\berries)
训练师<img src='Themes/Classic/Trainer Sprites/编号.png'>  
其他图片<img src='地址.png'>    (只要是在:\Pokemon Online文件夹里的都可以。。本地图片也可以不过只有自己看得到)


示例:
代码:<center><img src='item:235'><br><img src='Themes/Classic/types/type1.png'><img src='Themes/Classic/Trainer Sprites/10.png'><img src="Themes/Classic/genders/gender1.png"  width=30 height=30><img src='item:8001'>
回复

使用道具 举报

 楼主| 发表于 2015-11-30 11:44 | 显示全部楼层
本帖最后由 狂一红 于 2015-12-3 00:22 编辑

背景
1.纯色填充
<body style='background-color: red'>


2.线性渐变

<body style='background-color:qlineargradient(x1:n1,x2:n2,y1:n3,y2:n4,stop:n5 color,stop:n6 color,stop:n7 color)'>
(训练师简介卡框大小默认为[0,1],所以x,y一般取值于0到1,当取0的时候可以省略)
x1:开始水平点
x2:结束水平点
y1:开始垂直点
y2:结束垂直点                    (若需要直线可增加x3,y3)
stop: 渐变点       (可增加多个渐变,注意数字与颜色之间留空格)


示例2-1:标准型
代码:<body style='background-color:qlineargradient(x2:1,y2:1,stop:0 red,stop:0.5 white,stop:1 blue)'>


示例2-2:彩虹
代码:<body style='background-color:qlineargradient(x1:0.3,x2:0.5,y1:0,y2:0.5
,stop:0.25 white,stop:0.3 red,stop:0.4 #FF7F00,stop:0.5 #ffff00,stop:0.6 #00FF00,stop:0.7 #00ffff,stop:0.8 #0000FF,stop:0.9 #8b00ff,stop:0.95 white )'>


示例2-3:柔和
代码:<body style="background-color:qlineargradient(x1:1,y1:2.1 stop:0.45 skyblue,stop:0.60 #6afb92,stop:0.96 #ffac62)">


示例2-4:直线型
代码:<body style='background-color:qlineargradient(y1:0, x1:0, x2:1,y2:0 stop:0 #1e90ff,stop:.1 #ffffff,stop:.5 #1e90ff,stop:.9 #ffffff,stop:1 #1e90ff)'>


3.锥形渐变

<body style='background-color:qconicalgradient(cx:n1,cy:n2,stop:n3 color,stop:n4 color,stop:n5 color)'>
cx:水平中心点
cy:垂直中心点        [即(cx,cy)为锥形渐变的中心,训练师卡左上角是(0,0),右下角是(1,1)]
stop:定义一种颜色梯度    ( 0和1是直接向右,0.25是直接向上,0.5是直接向左,0.75是直接向下。)


示例3-1:中心红白锥形渐变
代码:<body style='background-color:qconicalgradient(cx:0.5,cy:0.5,stop:0 red,stop:0.5 white,stop:1 red)'>


示例3-2:粉色光幕
代码:<body style="background-color: QConicalGradient(cx:0.5, cy:0.001,stop:0 white,stop:0.25 #f088f6,stop:0.5 white,stop:0.75 #f088f6,stop:1 white)">


4.环形渐变

<body style='background-color: qradialgradient(cx:n1,cy:n2,fx:n3,fy:n4,radius:n5,stop:n6 color,stop:n7 color)'>
cx/cy:中心点
fx/fy:焦点                (颜色中心)
radius:半径
stop:颜色渐变点     (0是圆的中心,1是边缘)
spread:渐变方式    (一般都默认了,有兴趣的可以去了解下Qt漸變色 QGradient)


示例4-1:煎蛋
代码:<body style='background-color:qradialgradient(cx:0.5,cy:0.5,fx:0.5,fy:0.5,radius:0.6,stop:0 yellow,stop:0.5 orange,stop:1 white)'>


示例4-2:蓝色环
代码:<body style="background-color:qradialgradient(spread:pad,cx:0.5,cy:2,radius:2,fx:0.5,fy:0.5,stop:0 skyblue stop:0.1 gary stop:0.15 skyblue stop:0.4 wirte stop:1 skyblue)">


示例4-3:酷炫弧形
代码:<body style="background-color:qradialgradient(spread:reflect cx:2.8 cy:2 radius:2.75 fx:.5 fy:0.9 stop:.4 e stop:0 e stop:.6 gold stop:.61 e stop:.9 #dc143c stop:1 e)">




总结:背景是最为复杂的一部分,玩家可自行琢磨,多加尝试,说不定你就创造出了一个样本!


最后感谢,参考资料:
官网论坛:http://pokemon-online.eu/threads ... trainer-info.22461/
贴吧:http://tieba.baidu.com/p/3178322143
贴吧:http://tieba.baidu.com/p/2805407074?qq-pf-to=pcqq.c2c




回复

使用道具 举报

发表于 2015-12-2 21:59 | 显示全部楼层
一红辛苦了
回复

使用道具 举报

发表于 2015-12-2 21:59 | 显示全部楼层
恩佐抢沙发!
回复

使用道具 举报

发表于 2015-12-2 22:00 来自手机 | 显示全部楼层
膜拜红红!辛苦啦,有空再做
回复

使用道具 举报

发表于 2015-12-2 22:05 | 显示全部楼层
原来可以这样。。。。。。。。。。。。。。。。。。
一红辛苦了
回复

使用道具 举报

发表于 2015-12-2 22:17 来自手机 | 显示全部楼层
大赞,话说有些代码跟论坛发帖的代码差不多?

点评

差不多,只是框不同,论坛是<>  发表于 2015-12-2 22:29
回复

使用道具 举报

发表于 2015-12-2 22:44 | 显示全部楼层
一红一红一!
回复

使用道具 举报

发表于 2015-12-2 22:45 来自手机 | 显示全部楼层
一红辛苦了,用了半年电脑po一直没搞懂那个栏是写什么的!
回复

使用道具 举报

发表于 2015-12-2 23:06 | 显示全部楼层
<body style="background-color: QConicalGradient(cx:0.5, cy:0.001, stop:0 white, stop:0.25 #f088f6, stop:0.5 white, stop:0.75 #f088f6, stop:1 white)"><center><i><font size=4><font color='green'>聆听我的歌声吧</font></font></i></center><img src='pokemon:num=648'align=top>

本帖子中包含更多资源

您需要 登录 才可以下载或查看,没有账号?注册加入口袋吧

x

评分

参与人数 1现金 +50 努力值 +2 收起 理由
狂一红 + 50 + 2 活动奖励

查看全部评分

回复

使用道具 举报

发表于 2015-12-3 00:29 | 显示全部楼层
字节不够 将就着用单色背景

<b>你们不懂我的浪漫</b><br><center><img src='item:199'><br><center><img src='item:91' align=right><img src='item:4' align=left><img src='pokemon:num=628' width=96 height=96></center><body style='background-color: pink'><br><center><img src='item:158'>

本帖子中包含更多资源

您需要 登录 才可以下载或查看,没有账号?注册加入口袋吧

x

评分

参与人数 1现金 +50 努力值 +2 收起 理由
狂一红 + 50 + 2 活动奖励

查看全部评分

回复

使用道具 举报

发表于 2015-12-3 00:42 | 显示全部楼层
本帖最后由 Jack23 于 2015-12-3 20:27 编辑

<body style='background-color: qlineargradient(x1:0, x2:1, y1:0, y2:1, stop: 0 red, stop: 0.5 white, stop: 1 blue)'>
<img src='pokemon:num=282-1&shiny=true&back=false'>
<img src='Themes/Classic/Trainer Sprites/344.png'>
<img src='pokemon:num=282-1' width=120 height=120>
<font color='pink'size=6>女皇之力</font>

本帖子中包含更多资源

您需要 登录 才可以下载或查看,没有账号?注册加入口袋吧

x

评分

参与人数 1现金 +200 努力值 +6 收起 理由
狂一红 + 200 + 6 活动奖励

查看全部评分

回复

使用道具 举报

发表于 2015-12-3 19:06 | 显示全部楼层
本帖最后由 maji 于 2015-12-3 19:10 编辑

凑个热闹,虽然也就稍微动了下

<body style="background-color: qradialgradient(spread:pad, cx:.5, cy:2, radius:2, fx:.5, fy:.5, stop:.0 Gray stop:.1 #7b00b9 stop:.18 Gray stop:1 #7b00b9);color:white"><center><img src="pokemon:num=169&shiny=false&gender=neutral&back=false&gen=6"/></center><center><font size=6>雾乃</font></center>

本帖子中包含更多资源

您需要 登录 才可以下载或查看,没有账号?注册加入口袋吧

x

评分

参与人数 1现金 +175 努力值 +7 收起 理由
狂一红 + 175 + 7 系裤袜~

查看全部评分

回复

使用道具 举报

发表于 2015-12-3 22:56 | 显示全部楼层
先留名吧,暂时没什么心思弄这些。
原来弄得早删了,不知道还找不找得到。
好像U盘里面有备份来着?
回复

使用道具 举报

发表于 2015-12-5 13:35 | 显示全部楼层
本帖最后由 羊羊 于 2015-12-5 13:36 编辑

暂且还不知道字体可以摘录哪里的。。但效果不错!
<body style="background-color: qradialgradient(cx:0.5, cy:0.77, radius:0.5, fx:0.5, fy:0.77 , stop:0.1 white, stop:0.25 yellow, stop:0.5 pink, stop:1 dark);"><b><br><center><font size=30 color=white face="Monotype Corsiva">Mega Evolution<Center><img src='item:2020'><center>
<img src='pokemon:num=303&gen=6' align=bottom>

本帖子中包含更多资源

您需要 登录 才可以下载或查看,没有账号?注册加入口袋吧

x

评分

参与人数 1现金 +200 努力值 +8 收起 理由
狂一红 + 200 + 8 字体是face=&quot;&quot;,已更新

查看全部评分

回复

使用道具 举报

发表于 2015-12-6 10:56 | 显示全部楼层
心好累//我要做个卢卡的了         
回复

使用道具 举报

发表于 2015-12-8 18:58 | 显示全部楼层
冒个泡,用了很久的简介了

<body style="background-color:qlineargradient(x1:1,y1:2.1 stop:0.45 skyblue, stop:0.60 #6afb92, stop:0.96 #ffac62)"><br><img src='pokemon:148' align=right/><center><br><br><font color=#ff0000 size=24 face="Monotype Corsiva">KEEP GOING<br><font color=#ff00ff size=4><i>Never give up before end<i>


本帖子中包含更多资源

您需要 登录 才可以下载或查看,没有账号?注册加入口袋吧

x

评分

参与人数 1现金 +50 努力值 +4 收起 理由
狂一红 + 50 + 4 活动奖励

查看全部评分

回复

使用道具 举报

发表于 2016-2-11 22:34 | 显示全部楼层
明天当NPC了,凑合做了一个

<body style="background-color:qlineargradient(x1:1,y1:2.1 stop:0.45 skyblue,stop:0.60 #6afb92,stop:0.96 #ffac62)">
<center><img src='pokemon:num=405'></center>
<br><center><I><font size=30 color=Black>这是一只自由的猫~~~</font></I></center>

本帖子中包含更多资源

您需要 登录 才可以下载或查看,没有账号?注册加入口袋吧

x

评分

参与人数 1现金 +80 努力值 +2 收起 理由
狂一红 + 80 + 2

查看全部评分

回复

使用道具 举报

发表于 2016-2-18 06:02 | 显示全部楼层
常年手机党表示哭死在角落
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 注册加入口袋吧

本版积分规则

QQ|小黑屋|手机版|Archiver|口袋吧 ( 京ICP备05002314|京公网安备11010602010112 )

GMT+8, 2023-6-1 13:32

Powered by Discuz! X3.4

Copyright © 2001-2021, Tencent Cloud.

快速回复 返回顶部 返回列表