企业形象网站建设解决方案   |   集团公司网站建设解决方案   |    协会门户网站建设解决方案
您所在位置:首页 > 建站知识

网站制作

Website development

如何添加一个浮动菜单的代码模块划分

发布时间:2017-02-14 18:55:09

TAGS:网站制作

How to Add a Floating Action Menu to Divi with the Code Module
CpW上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司


CpW上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司

嘿,分裂国家!我回来了另一笔与你分享所有,将添加一个浮动菜单给你分网站。我要让你实现你网站上的两种不同的方式。首先是利用分的代码模块,一些我期望鼓励更多的今年,第二是用迪维的主题选项。CpW上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司

让我们来看看它!CpW上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司

如何添加一个浮动菜单分职位或网页的代码模块CpW上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司

floating-action-menu-penCpW上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司

这里是如何添加上述笔成一个单一的文章或者网页你把网站:CpW上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司

首先,确保你已经创建了一个免费的codepen.io帐号登录。它不到一分钟,你启动和运行。所以不要担心,这是无痛的。一旦你登录自己的账户转到我在本教程中创建的笔,浮动操作菜单CpW上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司

按“命令”到自己的账户下保存的笔。你应该看到的名字变化下的“一支笔”在左上角,你的名字。如今你已经复制了笔到您的帐户,您可以编辑它。CpW上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司

在HTML面板,从这行代码定位:CpW上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司

<img alt="Andy Tran" src="https://en.gravatar.com/userimage/64217327/096c4ecedf5cf0259c707b7f5255246d.jpg?size=400" />CpW上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司

编辑本线将改变轮廓图像。改变ALT文本姓名和更改src链接到自己的形象。你也可以使用你的照片上传到你的WordPress网站导航到您的媒体库中的图片链接,编辑照片,然后复制图片的链接进入SRC空间以上。CpW上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司

接下来我们就要更改名称旁边的轮廓图像的编辑这一行HTML:CpW上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司

<h2 class="at-floating-navigation__title">Andy Tran</h2>CpW上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司

简单地把“自己的名字“Andy Tran”。CpW上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司

接下来,我们要改变链接的文本,“通过改变在这行代码的链接查看资料:CpW上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司

<a href="https://andytran.me">View Profile</a>CpW上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司

完成后,我们可以继续改变菜单项的设置,联系帮助台和注销。CpW上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司

<a class="at-floating-navigation__item" href="https://andytran.me">Settings</a>    <a class="at-floating-navigation__item" href="https://andytran.me">Help Desk</a>    <a class="at-floating-navigation__item" href="https://andytran.me">Log Out</a>CpW上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司

对于这个难题,你也可以通过改变“设置”更改菜单项本身,“帮助台”,和“注销”任何你想要的。CpW上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司

当你所有的编辑都被打了,“命令”又一次拯救。然后复制的网页的网址,在我创造CodePen发生器编译这个代码放到一个容易粘贴的代码能块。CpW上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司

floating-action-menu-pen-generatorCpW上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司

URL粘贴到地址栏中,点击蓝色的“生成”按钮。马上你会看到下面的代码块和蓝色按钮如今会说“复制代码”。再次点击蓝色按钮复制代码到剪贴板。CpW上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司

我们如今准备加入我们创造了我们所需的分职位或网页操作菜单。添加一个代码模块或页面后你期望你的浮动菜单上出现。不管你的代码模块的位置。CpW上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司

floating-about-card-code-module-closedCpW上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司

打开代码模块和粘贴代码中你从CodePen发生器复制。保存更改并更新文章或者网页时完成。CpW上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司

floating-action-menu-code-moduleCpW上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司

然后,继续进行检查的结果!CpW上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司

fam-feature-image-finalCpW上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司

如何添加一个浮动菜单的网站CpW上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司


CpW上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司

floating-action-menu-integrationCpW上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司

假如你喜欢你的新动作菜单出如今您的整个网站,而不是一个单一的页面后,右键单击停用您的新代码模块和浏览你的WordPress管理员Divi > Theme Options > IntegrationCpW上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司

Paste the code you copied from the code generator into the section called “Add Code to the < head > of your blog”. Save your changes and check out the floating action menu now appearing on every page of your Divi website.CpW上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司

原创不易,未经授权,严禁转载

原文地址:/i,72,7102,0.html

客户评价

更多+
  • 感谢特马资料qq群,系统提前完成,在整个项目周期内,特马资料qq群对待我们并不像是对待客户,更像是朋友一样,每一次,都能以专业的角度向我们提出更合理、更有效的解决方案,并快速、细致地完成我们的每一个需求,再次感谢以至诚之心做事的特马资料qq群团队。

    潘涛

  • 我是东方龙马集团,在云智家做了2个企业官网,服务态度超级好。假如想做网站,选择他家一定不后悔。性价比高,服务态度好。值得你的信赖!

    谭娇

  • 技术好,设计精良,操作便利,很专业!配套的服务和后续的服务都很好,网站封面堪称精品,运行方便,后台操作的简单。技术还会耐心教我,很好的特马资料qq群(上海)科技有限公司,建站很不错的。

    陈曦

  • 不错,价格比较合适,要点是响应速度蛮快,有什么难题都会马上给你解决,公司很满意,因为他们全是针对每个项目建了相应的讨论组,有难题可以再里面提出,人员分工到位,解决难题很及时。

    张经理

联系方式

工作时间:10:00-19:00
咨询电话:010-64758810
客服邮箱:net@cnlink.cc

服务领域

  • 网站定制开发
  • PC网站设计
  • 域名邮箱
  • 网站维护
  • 网站二次开发
  • 响应式网站设计
  • 虚拟主机
  • 网站优化
  • 网站设计开发
  • 创意设计
  • 云主机
  • 项目合作

合作伙伴

All Rights Reserved.©2010-2016 特马QQ群|资料网站京公网安备 110105019435 京ICP备123124426号
本网站设计已受版权保护,任何公司及个人不得复制,违者将依法追究责任,特此声明。法律顾问:上海市辉瑞律师事务所。
嘿,我来帮您!