书香门第

标题: 发电子书的边框是怎么弄的啊 [打印本页]

---

作者: 爱懒懒    时间: 2013-8-22 20:13     标题: 发电子书的边框是怎么弄的啊



发电子书的时候边框是怎么弄的啊。我截图给大家看下，求大神教下。就是下边图的这种蓝黄边框[attach]1871003[/attach]

---

作者: 延至壹生    时间: 2013-8-22 20:31

如图所示，那种框框是一个框嵌套一个的...

[attach]1871019[/attach]

红圈圈里的那个点击就会显示颜色

---

作者: 罗小猫    时间: 2013-8-23 20:24



这个需要记住一系列的代码，请搜索百度或者询问论坛高手。

因为代码超级繁琐，所以没法说明，我截图给你看一个。


[attach]1871673[/attach]


[attach]1871672[/attach]


举例：

[align=center][table=80%,#ff3333][tr][td][table=98%,#ff6633][tr][td][table=98%,#ff9933][tr][td][table=98%,#ffffff][tr][td]   [/td][/tr][/table][/td][/tr][/table][/td][/tr][/table][/td][/tr][/table][/align] 复制代码

[align=center][table=80%,#9966ff][tr][td][table=98%,#9999ff][tr][td][table=98%,#99ccff][tr][td][table=98%,#ffffff][tr][td] [/td][/tr][/table][/td][/tr][/table][/td][/tr][/table][/td][/tr][/table][/align] 复制代码

[align=center][table=80%,#cc3399][tr][td][table=98%,#cc6699][tr][td][table=98%,#cc9999][tr][td][table=98%,#ffffff][tr][td] [/td][/tr][/table][/td][/tr][/table][/td][/tr][/table][/td][/tr][/table][/align] 复制代码

[align=center][table=80%,#cc99cc][tr][td][table=98%,#cccccc][tr][td][table=98%,#ccffcc][tr][td][table=98%,#ffffff][tr][td] [/td][/tr][/table][/td][/tr][/table][/td][/tr][/table][/td][/tr][/table][/align] 复制代码

[align=center][table=80%,#cc99cc][tr][td][table=98%,#cccccc][tr][td][table=98%,#ccffcc][tr][td][table=98%,#ffffff][tr][td] [/td][/tr][/table][/td][/tr][/table][/td][/tr][/table][/td][/tr][/table][/align] 复制代码

[align=center][table=80%,#cc99cc][tr][td][table=98%,#cccccc][tr][td][table=98%,#ccffcc][tr][td][table=98%,#ffffff][tr][td] [/td][/tr][/table][/td][/tr][/table][/td][/tr][/table][/td][/tr][/table][/align] 复制代码

[align=center][table=80%,#cc99cc][tr][td][table=98%,#cccccc][tr][td][table=98%,#ccffcc][tr][td][table=98%,#ffffff][tr][td] [/td][/tr][/table][/td][/tr][/table][/td][/tr][/table][/td][/tr][/table][/align] 复制代码

[align=center][table=80%,#cc99cc][tr][td][table=98%,#cccccc][tr][td][table=98%,#ccffcc][tr][td][table=98%,#ffffff][tr][td] [/td][/tr][/table][/td][/tr][/table][/td][/tr][/table][/td][/tr][/table][/align] 复制代码

[align=center][table=80%,#cc99cc][tr][td][table=98%,#cccccc][tr][td][table=98%,#ccffcc][tr][td][table=98%,#ffffff][tr][td] [/td][/tr][/table][/td][/tr][/table][/td][/tr][/table][/td][/tr][/table][/align] 复制代码

[align=center][table=80%,#cc99cc][tr][td][table=98%,#cccccc][tr][td][table=98%,#ccffcc][tr][td][table=98%,#ffffff][tr][td] [/td][/tr][/table][/td][/tr][/table][/td][/tr][/table][/td][/tr][/table][/align] 复制代码

[align=center][table=80%,#cc99cc][tr][td][table=98%,#cccccc][tr][td][table=98%,#ccffcc][tr][td][table=98%,#ffffff][tr][td] [/td][/tr][/table][/td][/tr][/table][/td][/tr][/table][/td][/tr][/table][/align] 复制代码

[align=center][table=80%,#cc99cc][tr][td][table=98%,#cccccc][tr][td][table=98%,#ccffcc][tr][td][table=98%,#ffffff][tr][td] [/td][/tr][/table][/td][/tr][/table][/td][/tr][/table][/td][/tr][/table][/align] 复制代码

[align=center][table=80%,#cc99cc][tr][td][table=98%,#cccccc][tr][td][table=98%,#ccffcc][tr][td][table=98%,#ffffff][tr][td] [/td][/tr][/table][/td][/tr][/table][/td][/tr][/table][/td][/tr][/table][/align] 复制代码

---

作者: 在减肥、麦子    时间: 2020-8-7 22:23     标题: 求问截图里的代码



为了发书评好看点去学了下表格代码，不过试了好久都没法像图片里一样把两个表格弄到一样的宽度，请问这是有比例的吗，
另外可以求问下图片中封面与文案中间有条竖的长方形这个怎么弄啊。
[attach]2906024[/attach]
这是别人弄的，很好看，我的是下面这样，就是无法平齐
[attach]2906025[/attach]

另外就是最下面我看到这位亲是可以把表格弄到最右边，我试了好久都只能弄在最左边或者全部中间

[attach]2906026[/attach]
这是别人的

[attach]2906028[/attach]
这是我的，求指导，谢谢管理们了

---

作者: 枫糖可颂    时间: 2020-8-9 12:56



第一个不是有竖条的长方形，是加了分隔线

第三个可能是文字底色，然后右侧对齐

第二个不知道，可能右边框内需要加空行

演示

11444

1111

---

作者: 在减肥、麦子    时间: 2020-8-10 00:03

葡萄芬达 发表于 2020-8-9 12:56
第一个不是有竖条的长方形，是加了分隔线

第三个可能是文字底色，然后右侧对齐

谢谢版主，请问可以发一下你这个的代码吗，主要是分割线我无法弄到图片里那种细小，感觉都是很大的

---

作者: 枫糖可颂    时间: 2020-8-10 00:33

在减肥、麦子 发表于 2020-8-10 00:03
谢谢版主，请问可以发一下你这个的代码吗，主要是分割线我无法弄到图片里那种细小，感觉都是很大的

1. [table=560,#ffdab9][tr][td]
   
2. 11444
   
3. [/td][td][/td][td]
   
4. 1111
   
5. [/td][/tr][/table]

复制代码

中间td就是分隔线

---

作者: 明明明玥    时间: 2020-8-12 20:32

弄到最右边的不是表格，是文字右对齐了而已

♥狗狗狗狗 狗狗狗狗♥

代码

1. [align=right][color=White][backcolor=Sienna][font=微软雅黑][b][size=3]狗狗狗狗 狗狗狗狗狗[/size][/b][/font][/backcolor][/color][/align]

复制代码

对齐我不知道怎么回事。她这个代码啊，你f12或右键检查元素/查看源很容易就看到了，或者可以给链接问我

---

作者: 明明明玥    时间: 2020-8-13 19:26

文案 白凡面前有一块等身镜。镜中的白凡冲着自己在大大地笑着。 很奇怪—— 因为他根本就没有笑。 在白凡的目光下，镜中自己的嘴角咧到脖子根。 就算是一直镇静的白凡也露出一抹讶然之色。看着对方对着自己的脑袋张开血盆大口，白凡缓缓地抬起自己手中的手机—— 咔擦一声。 他比了个剪刀手，拍了张合照。 字字字字字字字字字字字字字字字字字字字字字字字字字字字字字字字字字字字字字字字字字字字字字字字字字字字字字字字字字字字字字字字字字字字字字字字字 字字字字字字字字字字字字字字字字字字字字字字字字字字字字字字字字字字字字字字字字字字字字字字字字 字字字字字字字字字字字字字字字字字字字字字字字字 字字字字字字字字字字字字字字字字字字字字字字字字 如果出现底色是黑色看不清的情况请刷新~ 字字字字字字字字字字字字字字字字字字字字字字字字字字字字字字字字字字字字字字字字字字字字字字字字字字字字字字字字字字字字字字字字字字字字字字字字 字字字字字字字字字字字字字字字字字字字字字字字字字字字字字字字字字字字字字字字字字字字字字字字字 字字字字字字字字字字字字字字字字字字字字字字字字 字字字字字字字字字字字字字字字字字字字字字字字字 ※※※右下角的黑猫 原创 ※※※

代码如下

1. [table=560,white][tr][td] [table=560,#372f6a][tr][td][tr][td][table=560,white][tr][td] [table=560,#372f6a][tr][td][img=180,240]http://www.txtnovel.vip/att/forum/202002/04/165723xhvbsb4h9jv95hux.jpg[/img]
   
2. [/td][td][/td][td] [table=430,white][tr][td][align=center][b][font=微软雅黑][color=#372f6a]文案
   
3. 白凡面前有一块等身镜。镜中的白凡冲着自己在大大地笑着。
   
4. 很奇怪——
   
5. 因为他根本就没有笑。
   
6. 在白凡的目光下，镜中自己的嘴角咧到脖子根。
   
7. 就算是一直镇静的白凡也露出一抹讶然之色。看着对方对着自己的脑袋张开血盆大口，白凡缓缓地抬起自己手中的手机——
   
8. 咔擦一声。
   
9. 他比了个剪刀手，拍了张合照。
   
10. 
    
11. [/color][/font][/b][/align] [/td][/tr][/table][/td][/tr][/td][/tr][/table]
    
12. [font=微软雅黑][color=#372f6a][b]
    
13. 字字字字字字字字字字字字字字字字字字字字字字字字字字字字字字字字字字字字字字字字字字字字字字字字字字字字字字字字字字字字字字字字字字字字字字字字
    
14. 字字字字字字字字字字字字字字字字字字字字字字字字字字字字字字字字字字字字字字字字字字字字字字字字
    
15. 字字字字字字字字字字字字字字字字字字字字字字字字
    
16. 字字字字字字字字字字字字字字字字字字字字字字字字
    
17. 
    
18. [align=center][table=98%,#372f6a][tr][td][align=center][b][font=微软雅黑][color=#ffffff]如果出现底色是黑色看不清的情况请刷新~[/color][/font][/b][/align] [/td][/tr][/table] [/align]
    
19. 
    
20. 字字字字字字字字字字字字字字字字字字字字字字字字字字字字字字字字字字字字字字字字字字字字字字字字字字字字字字字字字字字字字字字字字字字字字字字字
    
21. 字字字字字字字字字字字字字字字字字字字字字字字字字字字字字字字字字字字字字字字字字字字字字字字字
    
22. 字字字字字字字字字字字字字字字字字字字字字字字字
    
23. 字字字字字字字字字字字字字字字字字字字字字字字字
    
24. 
    
25. 
    
26. [align=right][b][font=微软雅黑][color=#ffffff][backcolor=#372f6a]※※※右下角的黑猫 原创 ※※※[/backcolor][/color][/font][/b][/align]
    
27. 
    
28. [/td][/tr][/table][tr][td][/td][/tr][/table][/td][/tr][/table]

复制代码

解释一下查看源，需要一点点html基础：
例如：

1. <table cellspacing="0" class="t_table" style="width:560px" bgcolor="white"><tr><td>
   
2. <table cellspacing="0" class="t_table" style="width:560px" bgcolor="372f6a"><tr><td><tr><td>

复制代码

tr，td就是论坛表格样式，table标签里面的是表格属性，只需要看width和bgcolor，翻译过来就是[table=560,white]
其他的类似，<p>,<br/>，<a>都是html标签，看不懂直接忽略就行了

---

欢迎光临 书香门第 (http://www.txtnovel.vip/)

Powered by Discuz! X2