长相思
发表于 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><div></div> 理解成容器/盒子吧<br><p></p> 段落<br><br /> 换行<br><a href="">链接名</a> 跳转链接(也可以当做脚本驱动按钮)<br><input /> 按钮,H5的按钮我不知道是不是支持<br></blockquote></div>
一抹独醉
发表于 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
我点了,你手下留情了
我是在测试可以做到什么程度,总体来说支持的还不错