原创 _ 剑鱼论坛 _ 技术论坛官方网站_开源轻论坛源码

剑鱼论坛主题制作之主帖标签详解剑鱼主题教程原创

剑鱼论坛发表于 2019年12月25日最后浏览于 1天前

0

我们在《剑鱼论坛主题制作之列表页标签详解》中详细地介绍了列表展示的标签，这一篇我们将介绍主帖页的主帖标签的使用。主帖页的标签我们在《剑鱼论坛主题制作之jianyu标签》提到过，就是主题文件“post.html”里面形如“{$jianyu.zhutie.标签名}”的标签，从标签的组成我们可以很容易地知道某个标签是剑鱼论坛的主帖标签，下面我们来列举其标签如下（下面的列举省略了“{$jianyu.zhutie.}”，实际使用在点后面跟具体的标签名就可以了）： biaoti：标题； zhaiyao：摘要； guanjianzi：关键字； gentie...

剑鱼论坛主题制作之列表页标签详解剑鱼主题教程原创

剑鱼论坛发表于 2019年12月24日最后浏览于 1天前

0

我们在《剑鱼论坛主题制作之jianyu标签》中介绍了“jianyu”标签的用法，这一篇我们将对列表页的jianyu标签做个较为详细的介绍，这个列表包括“column.html”文件中的jianyu标签输出，以及“index.html”文件中的展示形式（如果是以列表方式展示的）。我们在前面的学习中知道，“jianyu”标签在列表页中是循环输出标签，有以下两个循环标签： 1、jianyu.zhiding 2、jianyu.tie 上面这两个循环分别输出的是置顶帖和普通帖的输出，这一篇主要来介绍一下循环体内部的标签。循环体内部的标签输出是通过“{...

剑鱼论坛主题（模板）制作之友情链接剑鱼主题教程原创

剑鱼论坛发表于 2019年12月23日最后浏览于 1天前

0

上一篇《剑鱼论坛主题（模板）制作之面包屑导航》中我们介绍了面包屑导航的制作，这一篇我们来继续学习新的内容。一般情况下，站长都会跟其他站交换一些友情链接，剑鱼论坛设置友情链接也是十分方便的，关于友情链接的设置，可以参考这篇教程：《剑鱼论坛怎么添加友情链接》。这一篇我们将介绍怎么在主题里面制作友情链接。我们先来看下面的代码： <div class="container-fluid pb-2 px-5"> <div class="row"> <div cla...

面包屑导航的由来非技术版块原创

剑鱼论坛发表于 2019年12月22日最后浏览于 30天前

0

我们在《剑鱼论坛主题（模板）制作之面包屑导航》一文里面介绍了面包屑导航的制作，这一篇我们作一个延伸阅读，聊聊面包屑导航的由来。面包屑导航源自于一则感人的童话故事，这则童话故事的主人公是“汉赛尔”和他的妹妹“格莱特”，汉赛尔和格莱特是一个樵夫的孩子，这个樵夫一家住在一个大森林的旁边，后来樵夫的妻子去世了，樵夫就娶了另一任妻子，就是汉赛尔和格莱特的后母，这个后母很恶毒，想把汉赛尔和格莱特丢弃，所以就想了一个办法，这个办法是带着两个孩子到森林的深处，然后晚上趁着两个孩子熟睡之际偷偷地跑掉，这样就可以达到把两个孩子丢弃在大森林里面的目的。可是没想到这个计划被...

剑鱼论坛主题（模板）制作之面包屑导航剑鱼主题教程原创

剑鱼论坛发表于 2019年12月22日最后浏览于 2天前

0

我们在《剑鱼论坛主题（模板）制作之导航菜单》一文里面介绍了剑鱼论坛主题制作的导航菜单的实现，这一篇我们将介绍另一个用于导航的实现，就是面包屑导航。我们在访问剑鱼论坛的时候，会发现如下的导航：上图所示就是截取的上一篇内容页面的部分截图，其中红色框框起来的就是面包屑导航，面包屑导航可以让您快速地进入访问路径的每个位置。这一篇我们就是要学习如何实现面包屑导航的主题代码。我们还是以默认主题为案例来介绍，看下面的代码： <nav> <ol class="breadcrumb my-0 bg-white py-1&q...

剑鱼论坛主题（模板）制作之导航菜单剑鱼主题教程原创

剑鱼论坛发表于 2019年12月21日最后浏览于 2天前

0

我们在教程《剑鱼论坛如何设置导航菜单》中介绍过怎么设置导航菜单，这一篇我们将来学习实现导航菜单的主题（模板）代码。我们先来看一下默认主题里面的导航菜单源码： {volist name="caidan" id="vo"} {empty name="vo.child"} <li class="nav-item{if condition="$vo.active eq 1"} active{/if}"> <a class="nav...

剑鱼论坛主题（模板）制作之主题参考剑鱼主题教程原创

剑鱼论坛发表于 2019年12月20日最后浏览于 1天前

0

我们在上一篇《剑鱼论坛主题（模板）制作之JavaScript的使用》中介绍了剑鱼主题里面怎么使用JavaScript文件，由于JavaScript代码要在做主题的时候重新书写的话，对于一部分主题制作者可能会有些难度，同时做主题也不需要所有东西都重新写，实际上剑鱼主题的JavaScript文件是可以直接拿来用的，这样就可以省去自己写JavaScript代码的烦恼。我们前面的教程中都是以剑鱼论坛的默认主题为案例来介绍的，为了更适合给主题制作人员做参考，这里提供了一个名为“simple”的主题，在附件里面，可以下载使用。这个“simple”主题是以默认...

剑鱼论坛主题（模板）制作之JavaScript的使用剑鱼主题教程原创

剑鱼论坛发表于 2019年12月20日最后浏览于 8天前

0

我们在上一篇《剑鱼论坛主题（模板）制作之css样式文件使用》中介绍了怎么在剑鱼论坛的主题里面使用css样式，这一篇我们将继续学习主题制作，也就是模板制作。制作模板css样式的使用是必不可少的，同样的，JavaScript在主题制作里面也是必不可少的，同时JavaScript是一门编程语言，相对css样式语言来说更是复杂不少，难度也陡增很多，对于主题设计制作人员的技术要求也相对比较高。然而幸运的是，剑鱼主题的JavaScript文件已经完全实现了，您需要做的工作只是把已经实现了的JavaScript文件搬到您自己制作的主题里面就可以使用了，不需要自...

剑鱼论坛主题（模板）制作之css样式文件使用剑鱼主题教程原创

剑鱼论坛发表于 2019年12月19日最后浏览于 1天前

0

我们在制作模板的时候，会通过css来定义页面的样式，您可以直接把样式代码写到HTML文件里面，也可以把样式代码作为一个单独的文件来存放，然后在HTML文件中引用这个外部的css文件。通常情况下，我们会把css代码存放在一个单独的文件中，这一篇我们来学习剑鱼论坛的主题制作中怎么使用外部的样式文件。我们在默认主题的“header.html”文件里面可以找到下面的代码： <link rel="stylesheet" href="{$domain}public/common/css/bootstrap.min.css&q...

剑鱼论坛主题制作之jianyu标签剑鱼主题教程原创

剑鱼论坛发表于 2019年12月19日最后浏览于 1天前

0

我们在上一篇《剑鱼论坛主题制作之url标签》中介绍了url标签的使用，这篇我们将介绍一个比较复杂的标签，“jianyu”标签。 “jianyu”标签是一个复合标签，可以用在不同的页面中，使用的方法像这样：“jianyu.标签名”。就是jianyu后面跟一个点，然后紧跟具体的标签名。 “jianyu”标签在不同的页面会有不同的呈现方式，有些是作为循环标签来输出的，有些是直接输出内容的，我们来分别看一下：我们在默认主题的“index.html”文件里面会看到如下的代码： {volist name="jianyu.zhiding"...

剑鱼论坛主题制作之url标签剑鱼主题教程原创

剑鱼论坛发表于 2019年12月18日最后浏览于 2天前

0

我们在《剑鱼论坛主题制作之简单标签》这一篇里面介绍了剑鱼论坛所用到的一些简单标签，这一篇我们来介绍一下剑鱼论坛主题制作里面的url标签。 url标签是用来输出地址的，例如首页地址、登录页地址等，我们先来看一下url标签的使用方法，看下面的代码： {$url.shouye} 上面这个代码就是一个url标签，观察这个标签，我们发现url标签也是在大括号里面的，并且也是以“$”开头，跟前面介绍过的简单标签不同的地方是，url标签的“$”后面固定跟随了“url.”，也就是说url标签有其固定的格式：{$url.标签名}，根据这个特殊的结构，我们很容易分辨...

剑鱼论坛主题制作之简单标签剑鱼主题教程原创

剑鱼论坛发表于 2019年12月18日最后浏览于 1天前

0

我们在《剑鱼论坛主题制作之基本标签语法》这篇里面学习了剑鱼论坛主题制作需要用到的基本语法，会了这些标签语法就有了制作主题（模板）的基础了，这一篇我们将继续学习具体的标签。我们先来学习一下简单标签，下面列出的是简单标签以及其含义（这里列出的标签，没有加大括号以及“$”符号）： jianyuluntan：剑鱼论坛功能标签，可以放在任意位置，建议放在footer.html文件内的底部区域； title：网站标题，可以在后台设置； subtitle：网站副标题，也可以在后台设置； keyword：网站关键字，可以在后台设置； description...

剑鱼论坛主题制作之基本标签语法剑鱼主题教程原创

剑鱼论坛发表于 2019年12月18日最后浏览于 3天前

0

在上一篇《剑鱼论坛主题制作之提取公共代码》里面我们学习了如何把一些公共的代码提取到单独的文件里面，可以方便模板的制作且让代码更清晰和简洁。这一篇我们将学习新的内容，介绍一下剑鱼论坛主题制作中要用到的标签语法。我们在系统默认主题“default”的代码中会看到一些用大括号括起来的代码，这些代码就是模板标签，包括我们上一篇介绍的代替公共文件中的代码的“{include file="public/theme/default/daohang.html" /}”，这也是一个标签。下面我们来介绍一下其他的标签语法：一、简单标签：有些...

剑鱼论坛主题制作之提取公共代码剑鱼主题教程原创

剑鱼论坛发表于 2019年12月17日回复于 161天前最后浏览于 5天前

3

上一篇《剑鱼论坛主题（模板）文件结构》一文中我们介绍了剑鱼论坛主题文件的构成，以及每个文件的作用。其中有一些文件是可以省略的，这些可以省略的文件都是提取了主题模板的公共HTML代码部分，并把这部分公共代码单独存放在一个文件里面。这一篇我们就是要来学习如何实现把HTML代码存放到另一个文件中，并作为公共代码使用。要实现以上的目标，首先要确定哪部分代码是可以作为公共代码的，一般来说公共代码是每个页面都需要使用的，或者是有部分页面都需要使用，这个时候您可以把这段代码存放到另一个文件中，我们用默认主题来举个例子，其中的面包屑导航基本上每个页面都会需要，所以我...

剑鱼论坛主题（模板）文件结构剑鱼主题教程原创

剑鱼论坛发表于 2019年12月17日最后浏览于 3天前

0

我们在上一篇《剑鱼论坛的主题文件放在哪里》介绍了主题文件制作好之后应该放在哪里，这一篇我们来介绍主题文件的组成结构。我们打开默认的主题文件夹，会看到如下的文件结构：上图就是默认的主题文件夹“default”里面的文件结构，下面分别介绍一下。最上面有一个文件夹名为“js”，这个文件夹是存放JavaScript文件的，前端功能的实现需要依赖JavaScript来实现，所以这个文件夹一般是不能少的。接着是“404.html”文件，这个文件是404页面文件，当访问页面没有的情况下会输出404错误，为了404错误页面更好看些，可以自己制作404页面...

剑鱼论坛的主题文件放在哪里剑鱼主题教程原创

剑鱼论坛发表于 2019年12月16日最后浏览于 1天前

0

上一篇我们介绍了如何在后台切换剑鱼论坛的主题，详见《剑鱼论坛如何切换主题（模板）》一文，这篇我们将继续学习新的内容。在“如何切换主题”一文中我们提到可以上传自己制作好的主题到服务器并开启使用自己的主题，或者说是模板，那么我们制作好的主题文件该放到哪里呢？这个就是这一篇要介绍的内容，知道了主题文件放哪里后，我们才可以正确使用自己制作的主题。我们从“剑鱼论坛源码下载”这个页面下载到剑鱼论坛的源码后，然后解压，将会看到如下文件结构：上图就是解压后的文件结构，其中红色箭头所指的这个文件夹，就是主题文件存放的主目录，这个文件夹的名称是“public...

剑鱼论坛如何切换主题（模板）剑鱼主题教程原创

剑鱼论坛发表于 2019年12月16日最后浏览于 6天前

0

剑鱼论坛是前后台完全分离的系统，可以方便地更换主题，也就是模板，这一篇我们来看一下如何切换主题。首先我们以创始人身份登录后台，然后在左边的菜单里面找到“设置”，在其下找到“主题切换”，我们点击进入主题切换页面，如下图：上面这个图就是进入“主题切换”后的页面情况，剑鱼论坛系统安装完成后，默认有一个名为“default”的主题，并且默认情况下只有这一个主题。当然，您可以自己制作主题，然后上传到服务器，并开启您自己的主题。关于怎么制作主题以及主题文件应该上传到哪个地方，我们将会在后续的教程中逐步介绍。我们下一篇将介绍“剑鱼论坛的主题文件放在哪里...

怎么使用css控制元素的透明度 CSS/CSS3 原创

剑鱼论坛发表于 2019年12月14日最后浏览于 64天前

0

CSS中有一个属性可以控制页面元素的透明度，这个属性是“Opacity”，我们只需要对这个属性赋值就可以完成透明度的设置。属性使用也很简单，如下代码： opacity:0.5 上面这个代码就是把当前元素的透明度设置为半透明，您可以修改冒号后面的数字，使其透明度满足您的需要。这个数字是0到1之间的数字，表示不同程度的透明度，0表示完全透明，1表示完全不透明。 opacity属性可以应用在页面元素上，包括图片，div等，下面用一个例子来说明： <div style="background-color: black; padding:...

Python字符串截取进阶 Python 原创

剑鱼论坛发表于 2019年12月13日最后浏览于 47天前

0

在《Python字符串截取》一文里面我们介绍了如何对一个字符串截取其子串，我们可以用如下的方法来截取： "jianyuluntan"[0:6] 这个例子我们使用的是“[0:6]”的方法来进行截取最前面的六个字符，实际上，如果我们还有更简约的写法来实现截取最前面六个字符的功能，如下： "jianyuluntan"[:6] 对照两行代码，我们发现第二行代码里面省略了0，输出结果和带0的是一样的。同样地，如果我们要输出字符串某个位置之后的所有子串的话，那么我们可以这样写： "jianyuluntan...

Python的三元运算 Python 原创

剑鱼论坛发表于 2019年12月12日最后浏览于 21天前

0

许多编程语言都有三元运算，例如下如下的代码： a ? b : c 上面这个是示例代码，三元运算一般是由“?:”组成，如果a为真那么执行b，否则执行c。在Python里面没有像上面代码中的三元运算符，但是，Python有用于实现三元运算的实现，代码如下： a = True b = "真" if a == True else "假" 上面的代码首先把变量a赋值为“True”，然后第二行代码我们用“if”语句来实现了三元运算，如果a为True，那么变量b被赋值为“真”，否则变量b被赋值为“假”。以上就...

请先登录 [ 没有账户，请先注册 ]