晋江文学城
下一章   目录  设置

1、§图片篇§ ...

  •   文字居中
      <CENTER>文字</CENTER>
      示例代码:<CENTER>我想居中</CENTER>
      效果:
    我想居中

      注意:居中效果默认上下空行,如果多行直接使用的话,会……
      <center>当神已无能为力,</center>
      <center>那便是魔渡众生。</center>
      效果
      
    当神已无能为力,

      
    那便是魔渡众生。

      所以,我们要集中在一起。
      代码:<center>雨,是云思念异乡爱人而幻化的精魂;</center><center>雨,是雪怀念大地母亲而抛洒的热泪。</center>
      效果:
      
    雨,是云思念异乡爱人而幻化的精魂;
    雨,是雪怀念大地母亲而抛洒的热泪。

      示例:《雨无声,雪飘零》——雪后有痕
      图片移动代码:
      <marquee Onmouseover=this.stop() Onmouseout=this.start()><img src=图片地址></marquee>
      额外收获——文字段落右排列的代码是:<p align=right>文字</p>

      
      图片显示
      备注:现在晋江文章管理后台有提供贴图的地方,只需要在框内贴入图片网址即可,无需代码,特点是大小位置固定。更多形式可由代码实现。
      <IMG src=图片地址>
      注意:图片地址基本上是要那种.jpg或.gif格式结尾的才有效,.html结尾的往往没效果。
      示例代码:<IMG src=http://i223.photobucket.com/albums/dd274/yimeng_sophia/logo.gif?t=1192996928>
      效果:
      
    居中+图片

      示例:<CENTER><IMG src=http://i223.photobucket.com/albums/dd274/yimeng_sophia/logo.gif?t=1192996928></CENTER>
      效果:


      图片大小
      比如这张图(点击查看该图片) 750×863,很大对不对?我不想要那么大该怎么办呢?
      代码:<IMG src=图片地址 width=宽度 height=高度>
      应用如下:<IMG src=http://games.sina.com.cn/downgames/picture_src/image/shendiao_09245.jpg width=150 height=113>
      效果:
      
      分别用右键点击上边的网址,和这幅显示的小图,选“属性”,会看到两幅图都是80357字节。
      证明,小图本质上还是显示了一张那么大的图片,一样浪费网速,所以推荐重新上传缩略图。
      然后用图片链接的方法,点击可观:)


      图片浮现文字

      注意:此代码的效果是当鼠标移到图片上时,会浮现文字标签,以及当图片失效时,原本红叉的地方出现文字。
      代码:<IMG src=图片地址 alt=文字说明>
      示例:<IMG src=http://images.99read.com/Product/2009/600.600/a0000389873.jpg alt=真正的《紫极舞》>
      效果:真正的《紫极舞》

      当图片失效的时候,就会显示出这种效果——
      效果:真正的《紫极舞》
      容我废话一句,真的喜欢那本书,就买下来,支持正版。至少不要去盗版看文,不要买盗版。
    这部书属于 藤萍(叶萍萍)代表作《九功舞》系列 《情锁》也很值一观

      

      图文混排
      如果我们想要图片和文字齐头并进……

      早春。
      上午十点。

      “吱嘎——”
      沉重的铁门发出生锈一般的声音,缓慢地开了一道缝,清冷的阳光照射在那个缓缓走出的女孩子身上。她抬起头,眼睛黑漆漆的,皮肤仿佛很久没有晒过阳光,有种接近于透明的青白色。
      

      代码:<img src=图片地址>文字文字文字……
      
      如果既想用图又想用字,单独列出来图来实在是太浪费空间了。用表格又得不偿失(我以前就是这么干的)……实际上有一种好方法,就是图文混排——


      
      早春。
      上午十点。

     “吱嘎——”
      沉重的铁门发出生锈一般的声音,缓慢地开了一道缝,清冷的阳光照射在那个缓缓走出的女孩子身上。她抬起头,眼睛黑漆漆的,皮肤仿佛很久没有晒过阳光,有种接近于透明的青白色。
      “02857,出去以后好好生活,别再回来了!”
      铁门又重重地在她身后关上。
      天空是沉沉的铅蓝色,风一阵阵吹来,依旧透着寒冷的气息,树木的枝桠仿佛黑色的素描,只是偶尔有几个刚萌发的绿苞。然后,就是空荡荡的寂静,除了她,这里再没有其他人。
      双手紧紧握住一只发旧的牛皮纸袋。
      她还记得六年前,十四岁的她被押解到这里关押时,场面是何等热烈,有无数记者蜂拥而至,闪光灯如同一道道雪白的闪电,对着双手被铐住的她疯狂拍照。
      而现在,她终于出来了。
      
      漆黑的长发被一根橡皮筋束在脑后,她的额头光洁饱满,只是在靠近发际线的地方,隐约有一道长长的发白的伤疤。
      
      唇角抿出冷冷的线条。
      她低低对自己说——

      夜婴。
      你终于出来了。

      以上文字出自 我最喜欢的写手 明晓溪 的最新作品《第一夜的蔷薇》 总觉得是为我而写的o(∩_∩)o

      代码:<img src=图片地址 align=left>文字文字文字……【一直换行也没有关系】
      如果想让图片在右边,就把left改成right;★纠错:没有center这一种。
      思考作业:——如何把按钮变成图画呢?答案在第八章

      完全效果应用看这里—— 《晓暮云岚》文案

      右边的效果:<IMG src=图片地址 align=right>文字文字文字……
      注意:后边的文字不要换行,否则会多空一行。这是由晋江的换行机制决定的。
      如果几个效果连到一起,多回车几次就好了。
      
      P.S. 为了排版就多说几句~ 右边这图是沧月的代表作 “镜-双城”我很喜欢真岚和那笙
      这个版插图封面,画手都是辰轩,很唯美的~可以接受玄幻的可以看看~~
      等不及的就跟我翻来翻去的跳读吧。想当年想看谁死没死一翻往后翻30多页的事情常有~
      

      


    这是图片和文字不会紧贴在一起的效果:<img src=地址 style=margin-right:10px; align=left>文字文字文字……
    P.S. 这张图是我最喜欢的写手之一 沧月 代表作 听雪楼系列(拜月教之战)
      左图:萧忆情 右图:阿靖(舒靖容)和迦若 当然其实我最喜欢的是青岚啦~
      喜欢晓溪《烈火如歌》的筒子们也可以看看哦~ 画手:辰轩 我也相当喜欢~

      
      如果是用晋江提供的填封面地址的地方放图片。这时候,要实现不紧贴的效果,则在文案开头使用以下代码:

      <table align=left width=20 height=280><tr><td></td></tr></table>文字文字文字
      

      目前已知不能外联的相册有:
      新浪博客、新浪相册、百度图片、网易相册、网易博客、qq空间、qq相册、天涯博客、天涯相册、51相册、图客、灰姑娘相册;
      tinypic相册部分地区无法使用
      (如果你用了以上相册的图片当时发觉可以看到,是因为电脑的临时文件里有缓存,你清理了临时文件,就会发现图片无法显示了,其他人同样看不到图。)

      正确的做法是:
      不要直接引用上述图片,而是要先将图片保存到本地,再上传到可外联相册,获取可外联的图片地址。
      1、先到外联相册注册,请看52章。例如,到photo.poco.cn注册,注册后找到管理页面,上传照片,点击浏览选择图片,下拉框选择不加水印,上传,保存。然后点开上传好的图片,复制右边的第一个原图地址。
      2、返回晋江页面,登陆--更新旧文--管理--在文案处添加代码<img src=图片地址>
      最后说一句,想上传本地图片,请见52章。
      http://www.jjwxc.net/onebook.php?novelid=64399&chapterid=52
      
      P.S.个人偏好用新浪微博或者腾讯微博 其他微博也还好?但不保证1万年一直不变哦~
      贴个范例~怀念08年和晓溪、乌龟,不二、紫云、上上并肩战斗在仙仙第一线的情形

      
      

      rp问题,有人说html中的jpg怎样提出来?很简单,右键→属性→URL地址,复制就好。
      如果不让右键的,查看→源文件→编辑→查找,jpg就好了。一个一个去搜吧。九成能找到。

      对新新手来说,一定要看这一句哦~~更多问题见第十二章
note 作者有话说
第1章 §图片篇§

  • 昵称:
  • 评分: 2分|鲜花一捧 1分|一朵小花 0分|交流灌水 0分|别字捉虫 -1分|一块小砖 -2分|砖头一堆
  • 内容:
  •             注:1.评论时输入br/即可换行分段。
  •                 2.发布负分评论消耗的月石并不会给作者。
  •             查看评论规则>>