查看: 306|回复: 9
打印 上一主题 下一主题

[求助] 請賜教: 如何批次在圖片兩邊加上色彩條或類似

[复制链接]
  • TA的每日心情
    开心
    2018-8-8 03:13
  • 签到天数: 1 天

    [LV.1]初来乍到

    254

    主题

    4264

    回帖

    7万

    积分

    状元

    Rank: 9Rank: 9Rank: 9

    积分
    79050

    小蜜蜂章笑傲江湖章灌水大神章QQ 章

    QQ
    跳转到指定楼层
    1
    发表于 2020-7-17 07:44:07 | 只看该作者 回帖奖励 |倒序浏览 |阅读模式
    本帖最后由 喬治兄 于 2020-7-17 08:11 编辑

    請賜教: 如何批次在圖片旁邊加上色彩條或類似且可否按圖片比例的加上
    想左右兩邊都加上各4條或各8條每段等長且需避開起始的頁碼區域
    大概如下圖:
    請各位同好不吝賜教.......Thanks a lot.






  • TA的每日心情
    无聊
    2022-9-25 21:09
  • 签到天数: 1136 天

    [LV.10]以坛为家III

    17

    主题

    3142

    回帖

    2万

    积分

    状元

    Rank: 9Rank: 9Rank: 9

    积分
    25289

    灌水大神章

    2
    发表于 2020-7-17 08:40:15 | 只看该作者
    本帖最后由 oversky 于 2020-7-17 08:44 编辑

    先划好两边的色彩条,再用有浮水印功能的软体套上去。
    可以试试 XnViewer.

    不过这要左右两边有留白的空间。
    如果已经切边,就要找影像合并( merge )的软体.


  • TA的每日心情
    开心
    2018-8-8 03:13
  • 签到天数: 1 天

    [LV.1]初来乍到

    254

    主题

    4264

    回帖

    7万

    积分

    状元

    Rank: 9Rank: 9Rank: 9

    积分
    79050

    小蜜蜂章笑傲江湖章灌水大神章QQ 章

    QQ
    3
     楼主| 发表于 2020-7-17 08:49:16 | 只看该作者
    oversky 发表于 2020-7-17 08:40
    先划好两边的色彩条,再用有浮水印功能的软体套上去。
    可以试试 XnViewer.

    oversky 兄,可否再次明示過程,不是很清楚,色彩條如何畫的準確呢,還有,是否是搞成一個獨立的檔案後再去結合呢?謝謝
  • TA的每日心情
    无聊
    2022-9-25 21:09
  • 签到天数: 1136 天

    [LV.10]以坛为家III

    17

    主题

    3142

    回帖

    2万

    积分

    状元

    Rank: 9Rank: 9Rank: 9

    积分
    25289

    灌水大神章

    4
    发表于 2020-7-17 09:18:27 | 只看该作者
    喬治兄 发表于 2020-7-17 08:49
    oversky 兄,可否再次明示過程,不是很清楚,色彩條如何畫的準確呢,還有,是否是搞成一個獨立的檔案後再 ...

    对,这两个思路都是搞成一个独立的档案后再去结合。

    至于色彩条如何画的准确,
    可以把图片显示比例放大到可以看到像素,
    或是滑鼠的 dpi 调到最小,
    都可以让操作轻松些。

    刚刚想到,不知可不可以用 html background image 的方式套出来。
  • TA的每日心情
    开心
    2018-8-8 03:13
  • 签到天数: 1 天

    [LV.1]初来乍到

    254

    主题

    4264

    回帖

    7万

    积分

    状元

    Rank: 9Rank: 9Rank: 9

    积分
    79050

    小蜜蜂章笑傲江湖章灌水大神章QQ 章

    QQ
    5
     楼主| 发表于 2020-7-17 09:34:34 | 只看该作者
    本帖最后由 喬治兄 于 2020-7-17 09:37 编辑
    oversky 发表于 2020-7-17 09:18
    对,这两个思路都是搞成一个独立的档案后再去结合。

    至于色彩条如何画的准确,

    oversky 兄,太好了!真是打醒夢中人呀!,也可以不用畫,就只要并列就可以,用 html 標簽搞兩邊和圖像并列然後可調比例的對上就行了!只要跟著圖片放大縮小比例一起變動就好了!
  • TA的每日心情
    奋斗
    2019-10-13 07:34
  • 签到天数: 209 天

    [LV.7]常住居民III

    73

    主题

    1552

    回帖

    9万

    积分

    状元

    Rank: 9Rank: 9Rank: 9

    积分
    96973

    QQ 章笑傲江湖章灌水大神章推广专家

    6
    发表于 2020-7-17 11:38:52 | 只看该作者
    建议直接使用CSS实现,更加方便。
  • TA的每日心情
    开心
    2018-8-8 03:13
  • 签到天数: 1 天

    [LV.1]初来乍到

    254

    主题

    4264

    回帖

    7万

    积分

    状元

    Rank: 9Rank: 9Rank: 9

    积分
    79050

    小蜜蜂章笑傲江湖章灌水大神章QQ 章

    QQ
    7
     楼主| 发表于 2020-7-17 11:54:39 | 只看该作者
    本帖最后由 喬治兄 于 2020-7-17 11:59 编辑
    VimVim 发表于 2020-7-17 11:38
    建议直接使用CSS实现,更加方便。


    VimVim 兄,請手把手教一下,真的不太會搞,不知怎麼把圖片和 HTML ,css ,可以一起連動且不會跑偏,謝謝啦!

  • TA的每日心情
    奋斗
    2019-10-13 07:34
  • 签到天数: 209 天

    [LV.7]常住居民III

    73

    主题

    1552

    回帖

    9万

    积分

    状元

    Rank: 9Rank: 9Rank: 9

    积分
    96973

    QQ 章笑傲江湖章灌水大神章推广专家

    8
    发表于 2020-7-17 18:43:54 | 只看该作者
    直接CSS确实要好好想想,但用table可以很容易实现。
    左边空栏,分6行:header,1,2,3,4, footer. 其中,header和footer对应页眉页脚。
    右边图片。
  • TA的每日心情
    奋斗
    2019-10-13 07:34
  • 签到天数: 209 天

    [LV.7]常住居民III

    73

    主题

    1552

    回帖

    9万

    积分

    状元

    Rank: 9Rank: 9Rank: 9

    积分
    96973

    QQ 章笑傲江湖章灌水大神章推广专家

    9
    发表于 2020-7-17 20:54:59 | 只看该作者
    本帖最后由 VimVim 于 2020-7-17 20:56 编辑

    使用table + CSS实现,宽度、高度、色彩等都可以在css中指定,还包括了header和footer,也可以在CSS中定义样式,案例中透明,详见附件:

    border.zip (300.91 KB, 下载次数: 6)

    效果图如下:

  • TA的每日心情
    开心
    2018-8-8 03:13
  • 签到天数: 1 天

    [LV.1]初来乍到

    254

    主题

    4264

    回帖

    7万

    积分

    状元

    Rank: 9Rank: 9Rank: 9

    积分
    79050

    小蜜蜂章笑傲江湖章灌水大神章QQ 章

    QQ
    10
     楼主| 发表于 2020-7-17 21:06:40 | 只看该作者
    VimVim 发表于 2020-7-17 20:54
    使用table + CSS实现,宽度、高度、色彩等都可以在css中指定,还包括了header和footer,也可以在CSS中定义 ...

    VimVim 兄:
    太感謝了.....太強了