长相思 发表于 2023-3-25 22:19:37

一抹独醉 发表于 2023-3-25 22:16
不给,我给别的女孩

:lol幸好先问了,不然白跑一趟

一抹独醉 发表于 2023-3-25 22:21:33

长相思 发表于 2023-3-25 22:19
幸好先问了,不然白跑一趟

我没什么能给你的,已经败光了

长相思 发表于 2023-3-25 22:25:19




好一似食尽鸟投林,落了片白茫茫大地真干净!

一抹独醉 发表于 2023-3-25 22:26:36

长相思 发表于 2023-3-25 22:25
好一似食尽鸟投林,落了片白茫茫大地真干净!

唉!我家邻居在打孩子,小孩哭的可大声了。

长相思 发表于 2023-3-25 22:35:36

一抹独醉 发表于 2023-3-25 22:26
唉!我家邻居在打孩子,小孩哭的可大声了。

因为没得到你的礼物,所以迁怒于孩子?:lol

一抹独醉 发表于 2023-3-25 22:36:54

长相思 发表于 2023-3-25 22:35
因为没得到你的礼物,所以迁怒于孩子?

说是孩子,其实已经上高一了。

一抹独醉 发表于 2023-3-25 22:37:35

长相思 发表于 2023-3-25 22:35
因为没得到你的礼物,所以迁怒于孩子?

你比我富裕,两万七千金

一抹独醉 发表于 2023-3-26 10:08:10

最近,我研究论坛的发帖方式,发现在发帖的时候竟然可以使用脚本,呃,,,把方法说一下吧(本来我不想暴漏我这么牛逼的!!!)。

从哪说起呢,怕你们听不明白,咱就简单的从自我介绍开始吧,我最近叫“一抹独醉”,至于原因。。我也不知道,随意取的且名字无重复,就这么简单。名字跟帖子干货内容完全无关!

算了,本来想轻轻松松的教,但是,技术哪有轻轻松松的?咱还是从网页结构原理说起吧,知其然知其所以然嘛,万事万物都离不开一个本质。

专业程序员请绕行,以下内容如有偏差,请以我为准!

先来认识一下标准的HTML代码:

<iframe frameborder="no" border="0" marginwidth="0" marginheight="0" width=330 height=86 src="//music.163.com/outchain/player?type=2&id=186624&auto=1&height=66"></iframe>都认识吧?这是网易云音乐的转载代码,也是标准的HTML代码。是前端结构层的基础语言,能够被浏览器识别并解析成一个标准的网页播放器。

先来认识一下标签及属性

<iframe></iframe> 这是HTML的框架嵌入标签代码,也就是告诉浏览器我要往里边放一个播放器了(这并不是完整的浏览器代码,只是调用了网易的接口,核心部分代码还在网易那边的)
frameborder:这是对框架进行描边,意思就是框架是否有边线
border: 边框的粗细
marginwidth:边距 就是距离左右多少懒得解释
marginheight:边距 就是距离上下多少懒得解释
width:宽度   懒得解释
height : 高度   懒得解释
src:这个要解释一下,这是对路径的解析,也就是你要想加载哪一首音乐

在src内部有个? 问号,这个问号后边调用参数, 类似于name="一抹独醉" , 其他的懒得解释反正也用不上


以上是简单的代码构造,时间有限,后期详细解释!




一抹独醉 发表于 2023-3-26 10:42:08

本帖最后由 一抹独醉 于 2023-3-26 10:44 编辑



UBB代码和HTML代码的区别

我在上方插入了一张图片,是使用论坛自带的代码插入的。论坛使用的是UBB代码,也支持HTML代码。


来看代码格式

123.jpg
以上是论坛的UBB代码,一般在论坛(BBS)里常用,是HTML代码的一个变种(阉割版!!!)。

<img src="123.jpg" width="200" height="200" />
这是HTML代码,标准前端代码
看这两句代码,都是使用的img标签,意思都是引用图片,这两句代码都可以完成在论坛内插入图片的需求。
UBB代码使用的是中括号来标记标签,HTML使用的是大小于号来标记标签。
看起来UBB的更短一点,但是,,,HTML更强大。因为HTML可以设置更多的参数来服务浏览器。我们要研究的是后期对于特殊帖子的制作,光靠UBB肯定是无法搞定的,我们要通过HTML对帖子进行动态效果的实现。

让帖子炫起来、动起来。




青玉案 发表于 2023-3-26 10:51:10

我来学习学习
代码模板找几个,标注一下代码意思,我自由发挥

一抹独醉 发表于 2023-3-26 11:08:18

<div>论坛常用的HTML标签,今天就先说一些你们能用得上的。</div><div><br></div><div><div class="blockcode"><blockquote>&lt;div&gt;&lt;/div&gt; 理解成容器/盒子吧<br>&lt;p&gt;&lt;/p&gt; 段落<br>&lt;br /&gt; 换行<br>&lt;a href=""&gt;链接名&lt;/a&gt; 跳转链接(也可以当做脚本驱动按钮)<br>&lt;input /&gt; 按钮,H5的按钮我不知道是不是支持<br></blockquote></div>&nbsp;

一抹独醉 发表于 2023-3-26 11:09:09

青玉案 发表于 2023-3-26 10:51
我来学习学习
代码模板找几个,标注一下代码意思,我自由发挥

什么代码模板?

一抹独醉 发表于 2023-3-26 11:17:48

本帖最后由 一抹独醉 于 2023-3-26 14:01 编辑 <br /><br />代码调试:<br />
<input type="text" id="textinput" /><input type="button" onclick="textinput()"value="输入完了点这里啊" /><br /><br />
代码调试2:<br /><br />
<input type="button" onclick="textinput1()"value="点一下,让我猜猜你是谁" /><br /><br />
<script type="text/javascript">
function textinput(){
        alert(document.getElementsByTagName("strong").firstChild.innerHTML + "傻呵呵的说:" + document.getElementById("textinput").value);
}
function textinput1(){
alert("看你傻傻的、呆呆的,你应该是"+document.getElementsByTagName("strong").firstChild.innerHTML+"吧?");
}


</script>

一抹独醉 发表于 2023-3-26 13:47:15

本帖最后由 一抹独醉 于 2023-3-29 11:11 编辑 <br /><br />代码调试(控制界面):<br />
<input type="button" onclick="textinput2()"value="界面控制调试(慎点啊慎点啊!)" /><br /><br />

<script type="text/javascript">
function textinput2(){
    document.body.style="background:url('https://pic.rmb.bdstatic.com/bjh/news/481792c4ff1c7265739a6bc200d6c96d.gif');text-align:center;font-size:48px;color:#F00; padding-top:200px;";
    document.body.innerHTML = "今天我要取你狗命<br />"
    document.body.innerHTML += "点:<a href='forum-62-1.html'>灰溜溜的离开</a>"
}
</script>

安生 发表于 2023-3-26 14:16:14

!!!!!!!!!!!!!!!!!!!!!!!!!

一抹独醉 发表于 2023-3-26 14:21:58

安生 发表于 2023-3-26 14:16
!!!!!!!!!!!!!!!!!!!!!!!!!

怎么了小姐姐?

青玉案 发表于 2023-3-26 14:57:27

一抹独醉 发表于 2023-3-26 14:21
怎么了小姐姐?

小姐姐发现宝藏帖子了:lol

一抹独醉 发表于 2023-3-26 15:01:06

青玉案 发表于 2023-3-26 14:57
小姐姐发现宝藏帖子了

你点没点那个我设计的按钮?

青玉案 发表于 2023-3-26 15:03:25

一抹独醉 发表于 2023-3-26 15:01
你点没点那个我设计的按钮?

我点了,你手下留情了:lol

一抹独醉 发表于 2023-3-26 15:05:53

青玉案 发表于 2023-3-26 15:03
我点了,你手下留情了

我是在测试可以做到什么程度,总体来说支持的还不错
页: 3 4 5 6 7 8 9 10 11 12 [13] 14 15 16 17 18 19 20 21 22
查看完整版本: 一抹独醉自嗨区