前言
这篇教程(存疑)的灵感来源其实来源于内鬼前辈的这篇帖子 把@名字换成头像的复杂教程 ,不过可能是因为某些原因而不能使用了,因此这里试着再重现一下!
正文
首先我们先试着@一下吧!(这里就由我本人出马×)
@DIC
对着上面的@右键出菜单,再点击属性,就能看到这个:
这些其实就是@内部的HTML代码,当然这个教程里并不用改前面<a>标签里的一大串属性,只要在中间的“@DIC”那里做做文章就好啦~
现在的话,右键检查属性里的@代码,选择编辑为HTML代码,删除里面的“@DIC”(当然,如果是别人的话也要相应删除哦)。这样的话,就变成了这样:
呜哇!整个@魔法的区域都缩起来了!(其实在同盟里,没有内容的 <a>标签发出后就消失啦,就像你们现在看到的一样× 嘛,不过编辑中的爱丽丝大概还不知道吧(笑))但,但是没关系!在审查界面的@魔法还保留着大致的模样:
接下来也就是关键一步啦:在原先删除的部分里插入被@者的头像。那么这里就用另外一个标签:<img>!用法就是:
<img src="(图片链接)">
那么,另一个问题呼之欲出:图片链接在哪?这种时候,只要打开被@者的个人资料,对准头像右键,然后“复制图片链接”就行了!
最后的话,就把@代码变成这样:
那么,来看看效果:
哇啊!头像,变的好大……噗(笑场了,这段剪掉)
哇啊!头像,变的好大!这种时候就要对<img>标签进行额外修饰了,也就是css!
让我们在<img>的代码里加入这一段:
<img src="头像链接" style="height: 50px;width: 50px;">
(style代表css修饰,height和width就是图片的高和宽,至于px是一种单位啦,50px的长宽是我试下来还不错的比例!)
邦邦咔邦~这样的话就成功啦!快去@好朋友看看他们的奇妙头像吧×
一点后记