导航代码生成器（sitemap是什么，具体有什么用（急） 那些代码是什么意思）

本文目录

• sitemap是什么，具体有什么用（急） 那些代码是什么意思
• 淘宝首页1920大图代码怎么做
• 请问怎样在百度地图中添加地理位置信息
• 用 Git 建立和托管网站
• 网站地图生成的问题
• 电脑中毒了怎么办
• 如何给flash按钮做链接跳转到另外一个页面
• 如何把百度地图导航添加到网站上
• 如何把淘宝店的导航栏改成透明的并且下一级菜单是半透明的，字体为白色，各个页面用白色竖线隔开
• 在ionic2中怎样使用自动生成器

sitemap是什么，具体有什么用（急） 那些代码是什么意思

sitemap 是什么？有什么用？

sitemaps 是网站地图的意思。

网站地图是为便于搜索引擎抓取和用户更方便地找到自己需要的内容而设计的，它分两种，分别用于用户导航和搜索引擎收录：

1、sitemap.xml 格式网站地图

sitemap.xml 格式网站地图为：方便搜索引擎发现和爬取网页，这是重要的 SEO 工具。 它用于把一个网站的所有（或大多数）网址集中在一个按一定的标准组织的地图文件中。 以便于第三方（比如搜索引擎）、新闻订阅软件使用和更新。

2、用户导航网站地图

用于用户导航的网站地图，是为方便用户进入各个网站位置而设计的。

这种站点地图是根据网站的结构、框架、内容，生成的导航网页，对于提高用户体验有好处，它们为网站访问者指明方向，并帮助迷失的访问者找到他们想看的页面。

3、对于搜索引擎的网站地图

用于搜索引擎优化的站点地图是将网站的所有网址列在这个文件中，为了方便搜索引擎发现并收录的。

参考资料

1.利用site生成器生成sitemap文件,新建文件 —— 输入域名（例如”www．fuyeor．com“）,文件存储位置——进入生成页面,点击开始——文件生成之后导出文件,一般文件格式,可以是html,xml,txt格式。生成器会自动爬取”www．fuyeor．com“网站的链接并进行归纳整合、去重。

2.文件生成之后,先提交到自己网站根目录之下、步骤:打开ftp,链接到对应的网站——将sitemap文件上传到我们的网站根目录之下，例如：”www．fuyeor．com / sitemap．xml“

3.使用百度站长工具上传网站地图。登录百度站长工具，—— 点击站点管理 —— 进入你要管理的网站 —— 点击网站抓取.详情 —— 页面下拉,点击手动提交 —— 输入你的地图地址。例如：”www．fuyeor．com / sitemap．xml“

淘宝首页1920大图代码怎么做

1.首先，你需要根据你售卖的商品，在晚上寻找一张合适的图片，如图，在百度上搜索“淘宝1920海报”，选择宽度为1920px的图片并保持至桌面
2.然后利用，美图秀秀对图片进行处理，添加想要的文字，消除多余的图片，添加新图片（这里就不详细解说了），然后将图片上传至淘宝的图片空间备用
3.点击“添加模块”按钮，添加一个自定义模块区
4.在点击自定义模块区的“”按钮，进入对话框，点击如下图所示的按钮
5.在弹出的对话框中，找到你刚刚上传的图片，并点击“插入”按钮
6.插入后，点击如下图所示按钮，并在对话框中输入全盘海报的代码，代码如下：
《div style="height:550px;"》
《div class="footer-more-trigger" style="left:50%;top:auto;border:none;padding:0;"》
《div class="footer-more-trigger" style="left:-960px;top:auto;border:none;padding:0;"》
***隐藏网址***
《/div》
《/div》
《/div》
注：由于版式的原因，此处代码空格被消除了，如需完整代码，请自行百度搜索
7.注意,加粗字体处1为你刚刚上传图片的地址，在点击一张图片后，点击如下图按钮即可复制图片地址，加粗字体处2为你需要调节的该图片的高度，具体数字根据实际情况调节
注意事项
代码出加粗的地方，在使用时需要还原字体，
搜索的图片宽度一定要为1920px 否则在后期显示时会出现很多问题

请问怎样在百度地图中添加地理位置信息

方法/步骤：

1、登录百度的网站，打开百度地图。

2、点击右上角登录百度帐号，登录之后点击上面的“商户免费标注”

3、进去之后是一个百度的本地商户中心，点击左边的“商户管理”下面的“我要标注认领”。

4、现在搜索框里面搜索一下你要标注的地址是否已经存在，要是没有就可以点后面的“免费添加标注”。

5、添加标注的时候要填写一个详细的信息，需要填写详细的商户名称、地址、地图上面的精确位置、营业执照、商户电话、联系人（姓名和手机号码，要能联系上的）、该商户所属的行业、营业时间。

6、填写好之后点击提交，等待百度方面的审核，可以在“我的商户”里查看提交的信息是否通过。

扩展资料：

百度地图是为用户提供包括智能路线规划、智能导航（驾车、步行、骑行）、实时路况等出行相关服务的平台。

“世界很复杂，百度更懂你”，作为地图行业市场的领先者 ，百度地图秉持“科技让出行更简单”的品牌愿景，以"服务用户出行"为使命，以"科技"为手段不断探索创新。目前，百度地图国际化地图已覆盖全球209个国家和地区。伴随着AI时代的到来，百度地图实现了语音交互覆盖用户操控全流程，还上线了AR步导、AR导游等实用功能，更加方便用户的出行。

百度地图通过全景高精采集车、众包、轨迹挖掘、车联网、航拍、无人机、步骑行等多样采集方式生产数据，并通过第三代地图AI智能化数据生产平台，以及新数据模型和制作工艺进行加工处理，赋能道路路网、POI（地点信息）、3D地图、室内图、街景、高精地图、实时交通路况、国际化地图等数据产品功能。

用 Git 建立和托管网站

Git 是一个少有的能将如此多的现代计算封装到一个程序之中的应用程序，它可以用作许多其他应用程序的计算引擎。虽然它以跟踪软件开发中的源代码更改而闻名，但它还有许多其他用途，可以让你的生活更轻松、更有条理。在这个 Git 系列中，我们将分享七种鲜为人知的使用 Git 的方法。

创建一个网站曾经是极其简单的，而同时它又是一种黑魔法。回到 Web 1.0 的旧时代（不是每个人都会这样称呼它），你可以打开任何网站，查看其源代码，并对 HTML 及其内联样式和基于表格的布局进行反向工程，在这样的一两个下午之后，你就会感觉自己像一个程序员一样。不过要让你创建的页面放到互联网上，仍然有一些问题，因为这意味着你需要处理服务器、FTP 以及 webroot 目录和文件权限。虽然从那时起，现代网站变得愈加复杂，但如果你让 Git 帮助你，自出版可以同样容易（或更容易！）。

Hugo 是一个开源的静态站点生成器。静态网站是过去的 Web 的基础（如果你回溯到很久以前，那就是 Web 的全部了）。静态站点有几个优点：它们相对容易编写，因为你不必编写代码；它们相对安全，因为页面上没有执行代码；并且它们可以非常快，因为除了在页面上传输的任何内容之外没有任何处理。

Hugo 并不是唯一一个静态站点生成器。 Grav 、 Pico 、 Jekyll 、 Podwrite 以及许多其他的同类软件都提供了一种创建一个功能最少的、只需要很少维护的网站的简单方法。Hugo 恰好是内置集成了 GitLab 集成的一个静态站点生成器，这意味着你可以使用免费的 GitLab 帐户生成和托管你的网站。

Hugo 也有一些非常大的用户。例如，如果你曾经去过 Let’s Encrypt 网站，那么你已经用过了一个用 Hugo 构建的网站。

Hugo 是跨平台的，你可以在 Hugo 的入门资源 中找到适用于 MacOS、Windows、Linux、OpenBSD 和 FreeBSD 的安装说明。

如果你使用的是 Linux 或 BSD，最简单的方法是从软件存储库或 ports 树安装 Hugo。确切的命令取决于你的发行版，但在 Fedora 上，你应该输入：

通过打开终端并键入以下内容确认你已正确安装：

这将打印 hugo 命令的所有可用选项。如果你没有看到，你可能没有正确安装 Hugo 或需要 将该命令添加到你的路径 。

要构建 Hugo 站点，你必须有个特定的目录结构，通过输入以下命令 Hugo 将为你生成它：

你现在有了一个名为 mysite 的目录，它包含构建 Hugo 网站所需的默认目录。

Git 是你将网站放到互联网上的接口，因此切换到你新的 mysite 文件夹，并将其初始化为 Git 存储库：

Hugo 与 Git 配合的很好，所以你甚至可以使用 Git 为你的网站安装主题。除非你计划开发你正在安装的主题，否则可以使用 --depth 选项克隆该主题的源的最新状态：

现在为你的网站创建一些内容：

使用你喜欢的文本器 content/posts 目录中的 hello.md 文件。Hugo 接受 Markdown 文件，并会在发布时将它们转换为经过主题化的 HTML 文件，因此你的内容必须采用 Markdown 格式 。

如果要在帖子中包含图像，请在 static 目录中创建一个名为 images 的文件夹。将图像放入此文件夹，并使用以 /images 开头的绝对路径在标记中引用它们。例如：

你可以在 themes.gohugo.io 找到更多主题，但最好在测试时保持一个基本主题。标准的 Hugo 测试主题是 Ananke 。某些主题具有复杂的依赖关系，而另外一些主题如果没有复杂的配置的话，也许不会以你预期的方式呈现页面。本例中使用的 Mero 主题捆绑了一个详细的 config.toml 配置文件，但是（为了简单起见）我将在这里只提供基本的配置。在文本器中打开名为 config.toml 的文件，并添加三个配置参数：

在你准备发布之前不必（预先）在互联网上放置任何内容。在你开发网站时，你可以通过启动 Hugo 附带的仅限本地访问的 Web 服务器来预览你的站点。

***隐藏网址***

要在 GitLab 上发布和托管你的站点，请为你的站点内容创建一个存储库。

要在 GitLab 中创建存储库，请单击 GitLab 的 “Projects” 页面中的 “New Project” 按钮。创建一个名为 yourGitLabUsername.gitlab.io 的空存储库，用你的 GitLab 用户名或组名替换 yourGitLabUsername。你必须使用此命名方式作为该项目的名称。你也可以稍后为其添加自定义域。

不要在 GitLab 上包含许可证或 README 文件（因为你已经在本地启动了一个项目，现在添加这些文件会使将你的数据推向 GitLab 时更加复杂，以后你可以随时添加它们）。

在 GitLab 上创建空存储库后，将其添加为 Hugo 站点的本地副本的远程位置，该站点已经是一个 Git 存储库：

创建名为 .gitlab-ci.yml 的 GitLab 站点配置文件并输入以下选项：

image 参数定义了一个为你的站点提供服务的容器化图像。其他参数是告诉 GitLab 服务器在将新代码推送到远程存储库时要执行的操作的说明。有关 GitLab 的 CI/CD（持续集成和交付）选项的更多信息，请参阅 GitLab 文档的 CI/CD 部分 。

你的 Git 存储库已配置好，在 GitLab 服务器上构建站点的命令也已设置，你的站点已准备好发布了。对于你的第一个 Git 提交，你必须采取一些额外的预防措施，以便你不会对你不打算进行版本控制的文件进行版本控制。

首先，将构建你的站点时 Hugo 创建的 /public 目录添加到 .gitignore 文件。你无需在 Git 中管理已完成发布的站点；你需要跟踪的是你的 Hugo 源文件。

如果不创建 Git 子模块，则无法在 Git 存储库中维护另一个 Git 存储库。为了简单起见，请移除嵌入的存储库的 .git 目录，以使主题（存储库）只是一个主题（目录）。

请注意，你 必须 将你的主题文件添加到你的 Git 存储库，以便 GitLab 可以访问该主题。如果不提交主题文件，你的网站将无法成功构建。

你也可以像使用 回收站 一样使用 trash：

现在，你可以将本地项目目录的所有内容添加到 Git 并将其推送到 GitLab：

将代码推送到 GitLab 后，请查看你的项目页面。有个图标表示 GitLab 正在处理你的构建。第一次推送代码可能需要几分钟，所以请耐心等待。但是，请不要 一直 等待，因为该图标并不总是可靠地更新。

当你在等待 GitLab 组装你的站点时，请转到你的项目设置并找到 “Pages” 面板。你的网站准备就绪后，它的 URL 就可以用了。该 URL 是 yourGitLabUsername.gitlab.io/yourProjectName。导航到该地址以查看你的劳动成果。

如果你的站点无法正确组装，GitLab 提供了可以深入了解 CI/CD 管道的日志。查看错误消息以找出发生了什么问题。

Hugo（或 Jekyll 等类似工具）只是利用 Git 作为 Web 发布工具的一种方式。使用服务器端 Git 挂钩，你可以使用最少的脚本设计你自己的 Git-to-web 工作流。使用 GitLab 的社区版，你可以自行托管你自己的 GitLab 实例；或者你可以使用 Gitolite 或 Gitea 等替代方案，并使用本文作为自定义解决方案的灵感来源。祝你玩得开心！

***隐藏网址***

作者： Seth Kenlon 选题： lujun9972 译者： wxy 校对： wxy

网站地图生成的问题

以网站最重要的关键词在主要搜索引擎中排名领先，这是搜索引擎推广中最重要的策略。搜索引擎的"搜索机器人spiders"会自动搜索网页内容，因此搜索引擎策略从优化网页开始。
1、添加网页标题（title）。
要说明该页面、该网站最重要的内容是什么。网页标题将出现在搜索结果页面的链接上，因此可以写得稍带煽动性，以吸引搜索者点击该链接。网页标题位置在网页代码的《HEAD》《/HEAD》之间，形式如《TITLE》丁丁家园《/TITLE》。同时在首页内容中写上你的公司名和你最重要的关键词，而不能只是写公司名。
：网站的每一个页面都应该有针对该页面的标题，而不要全部使用一样的标题，这是很多站点尤其是动态站点容易犯的错误。同时，在主要网页标题中还应有尽可能丰富的关键词。例如“丁丁家园，酷站大全”，如果没有破折号后面的辅助描述，就会显得关键词贫乏，在用户利用关键词“网络营销”来检索时，时代营销就不一定被检索到，或者排名靠后。
2、添加描述性META标签。
除了网页标题，不少搜索引擎会搜索到META标签。这是一句说明性文字，描述网页正文的《HEAD》《/HEAD》之间，形式是《METANAME="DESCRIPTION"CONTENT="丁丁家园韩国模板免费下载"》，例如：
换链接,搜索引擎策略,搜索引擎优化,搜索引擎递交,排名"》目前，含关键词的META标签已对排名帮助不大，但有时META标签会用于付费登录技术中。
：尽管现在的搜索引擎已经不会将META标签中的内容作为检索的基本依据，但是META标签中的关键词仍然有一定的价值。同时应注意，META标签应该尽量符合当前页META标签中的内容欺骗搜索引擎是不明智的行为。
3、在网页粗体文字（一般为文章标题）中也填上你的关键词。
搜索引擎很重视加粗文字，以为这是本页很重要的内容，因此，确保在一两个粗体文字标签中写上你的关键词。
：使用如h1、h3、h3这样的标签定义标题，包括文章标题和段落的标题。尽量避免将重要的标题都制作为图片的形式，更不要将整个首页都做成一个图片。
4、确保在你的正文第一段就出现关键词。
搜索引擎希望在第一段文字中就找到你的关键词。但不能充斥过多关键词。Google大概将全文每100个字中出现1.5-2个关键词视为最佳的关键词密度，可获得好排名。其它可考虑放置关键词的地方可以在代码的ALT标签或COMMENT标签里。
：网站信息是不断变化的，有时很难保证正文第一段中都能出现关键词，这时候就需要在文章内容时考虑一些补救措施，如加一个批注等。
5、导航设计要易于搜索引擎搜索。
有些人在网页制作中使用框架，但这对搜索引擎来说是一个严重的问题。即使搜索引擎找到你的内容页面，也可能错过其中关键性的导航栏目，从而不能进入搜索到其它页面。用Java和Flash做的导航按钮看起来是很漂亮美观，但搜索引擎找不到他们。补救的办法是在页面底部用常规HTML链接再做一个导航条，确保可以通过此导航条的链接进入网站每一页。你还可以做一个网站地图，也可以链接每一页面。此外，有些内容管理系统和电子商务目录运用动态的网页，这些页面的网址后面一般都有一个问号带上数字，工作过度的搜索引擎往往在问号前停下，不再继续搜索。对于这种情况，可以通过更改URL，付费登录等手段加以解决。
：动态站点可以通过生成静态页面的技术方便搜索引擎的抓取。网站地图要尽量能链接到所有的主要页面，并单独把站点地图页面提交给搜索引擎。尽量使用HTML静态网页，这样虽然增加了工作人员的工作量，但也增加了搜索引擎的友好性，从而为获得好的排名打下了基础。
6、针对某些特别重要的关键词，专门做几个页面。
搜索引擎优化专家不推荐使用任何针对搜索音型的欺骗性过渡页面，因为这些几乎是复制出来的网页可能受到搜索引擎的惩罚。但可以做几个网页，每页集中包含不同的关键词、词组。例如，无须在某一页上介绍你所有的服务内容，而是为每种服务分别做一页。这样，每一页都有相对应的关键词，这些页面内容因为包含针对性的关键词而不是笼统的内容，从而可以提升排名。
：增加一个含有丰富关键词的网页，你的网站在搜索引擎中就增加了一次“露脸”的机会，尤其对于网站内容很少的小网站，这种“拆分法”是很有效的。
7、向搜索引擎提交网页。
在搜索引擎上找到"AddYourURL."（网站登录）的链接。搜索robot将自动索引你提交的网页。美国最著名的搜索引擎是：Google,Inktomi,AltaVista和Tehoma。这些搜索引擎向其它主要搜索引擎和门户网站提供搜索内容。在欧洲和其它地区你可以发布到区域性的搜索引擎。至于花钱请人帮你提交“成百上千”的搜索引擎的做法是在白花钱。也不要在那些FFA(FreeForAllpages)网站，即所谓将你的网站免费自动提交到数百搜索引擎的站点。这类提交不仅效果不好，还会给你带来大量垃圾邮件，并可能导致搜索引擎对你的网站进行惩罚。
：直到现在，还有一些所谓的“网络营销软件”声称可以一次性将你的网站提交给数以千计的搜索引擎，其实不仅是不可能的，也是没有实际价值的。因此，不要考虑购买什么自动登录搜索引擎的软件，最重要的是做好网站的优化设计，对于主要搜索引擎，采用逐个手工提交的方式来进行，对于付费搜索引擎，更不可能依靠软件来提交。事实上，有效的搜索引擎营销策略根本不需要将网站登录到数以千计的搜索引擎（何况根本就没有这么多搜索引擎），因为访问量最大的几个搜索引擎几乎集中了98％以上的访问量，即使可以登录到数量众多鲜为人知的“搜索引擎”（有些网站其实只不过是类似黄页网站那样罗列的不同行业的网站），也几乎不可能带来实际的访问量，这种登录也就没有任何意义。另外要注意的是，提交网页不应该是一次性的，随着内容的更新，应该定期重新递交页面，由于网络页面越来越多，很多搜索机器人回访的时间很长，定期递交可以让搜索引擎前来抓取最
8、调整重要内容页面以提高排名。
将你认为最重要的页面（或许是首页）做一些调整，以提高它们的排名。有一些软件可以让你检查当前的排名，比较跟你的关键词相同的竞争者的网页排名，还可以获知搜索引擎对你网页的首选统计数据，从而对自己的页面进行调整。你可以使用WebPositionGold(www.wilsonweb.com/afd/webposition.htm)自己做这项工作，但由于很花时间，也可以
：搜索引擎的排名算法也在不断变化，因此要经常关注一些最新的动态，您可以到“时代营销网”了解一些最新的信息。另外，搜索引擎营销往往不是立杆见影的，有时需要一段时间才能产生效果，甚至有一定的运气成分在内，但从长远来看，在搜索引擎方面多做一些工作是很有价值的。
链接策略
在其它网站做链接可以带来更多访问量。自从google等主要搜索引擎将网站的链接广泛度作为排名参考的重要因素以后，越多网站链接你，你的网站排名越高。同时，链接的质量也是搜索引擎考虑的重要因素。链接在访问量高的网站比链接在访问量低的网站更有优势。
9、将网站提交到主要的检索目录。
登录审查的网站。该分级目录为所有主要搜索引擎提供它的目录内容供搜索。google很看重你的网站是否在这类重要的网站有链接。
录时要非常仔细地按网站提示步骤进行。提示：描述网站的字数最好比规定的最高字数少，不要刚好达到字数极限，以免冗长的文字描述使得网站审核人员删除一些句段。目前商业网站登录yahoo!每年要交$299，最好让他们在7个工作日内就将你的网站登录上去。其它可以考虑登录的检索目录有About.com和Business.com。
***隐藏网址***

电脑中毒了怎么办

遇到电脑中毒的情况，可以尝试进入安全模式，将之前安装过的软件卸载掉，全盘查杀病毒。如情况依旧，可以重装下系统。

U盘重装系统方法：

自备系统的安装盘（U盘）。

重启，出现开机LOGO时连续点击ESC选择启动项即可（产品线不同，启动项的进入快捷键不同，华硕笔记本是按ESC，台式机或主板是按F8）

Windows10与Windows8一样，支持UEFI或非UEFI模式引导（Windows7不支持UEFI引导）

本次安装Windows10我们推荐选择UEFI模式引导，这样后续分区格式是更先进的GPT格式，如果选择非UEFI模式引导（下图第四项），后续分区格式是MBR的，最多创建4个主分区

安装系统

启动项中选择启动U盘后，开始引导镜像了

选择语言、键盘等设置后，选择“下一步”

点击“现在安装”

安装程序正在启动

在验证秘钥的阶段，有秘钥就直接输入，也可以暂时选择跳过

同意许可条款

选择“自定义”

接下来进行分区，【Windows7需要点选“驱动器选项（高级）”】

点击新建分配C盘大小，这里1GB=1024M，根据需求来分配大小

如果需要分配C盘为100GB，则为100×1024=102400，为了防止变成99.9GB，可以多加5-10MB

这里把127GB硬盘分为一个分区，点击新建后点击应用

Windows会自动创建一个引导分区，这里选择确定

创建C盘后，其中系统保留盘会自动生成，不用管它。做完系统后会自动隐藏此分区，接下来选择C系统安装的路径，点击下一步

如果分了很多区的话，不要选错安装路径

正在复制文件和准备文件，接下来大部分阶段都是自动完成的

下图是个步骤都是自动完成的，接下来会自动重启

Windows将自动重启，这个时候可以将U盘拔掉

重启后Windows依然是自动加载进程的。期间会重启数次，正在准备设置

准备就绪后会重启，又到了验证产品秘钥的阶段，有秘钥可以直接输入，也可以暂时选择以后再说

快速上手的界面，选择使用快速设置即可

稍等片刻

到这里系统差不多已经安装完了，为这台计算机创建一个账户和密码，密码留空就是没有设置密码

接下来，Windows这种设置应用，等待最后配置准备

Windows安装完毕，请尽情使用吧

自动跳转到桌面

如何给flash按钮做链接跳转到另外一个页面

给flash按钮做链接跳转到另外一个页面步骤如下：

1、使用Flash打开要的文件，插入——新建元件，类型选择按钮，名称更改为跳转（名称可自定），点击确定，并制作按钮。

2、把制作的按钮拉入场景“1”中，这里用的是一个透明的按钮。

3、选中加入的按钮，点击鼠标右键——动作，并输入跳转代码：

on (press) {

gotoAndPlay("2",1);

}

4、然后点击控制——测试影片——测试，测试时不要点击测试场景，测试场景只能测试当前场景的效果，跳转到其它场景的效果是看不到的。

如何把百度地图导航添加到网站上

第一步
打开网址：
百度地图首页，拉到网页下方，找到“插件与工具”栏目中的“地图快速生成器”。
第二步
创建地图：
1、定位中心点。按照自己的实际情况定位即可。
2、设置地图。同样根据自己的实际情况设置合适的宽度和高度即可。
3、添加坐标。根据情况添加点标记、线标记、文字标记即可。
第三步
直接点击“获取代码”按钮即可。
第四步
将该代码加入到网站源码合适的地方即可。

如何把淘宝店的导航栏改成透明的并且下一级菜单是半透明的，字体为白色，各个页面用白色竖线隔开

因为不同的模板对导航栏的设置不一样，所以，最好就是根据具体的情况针对性的编写CSS代码。不过，你可以先试试以下的代码（将以下代码放入导航栏的“显示设置”中）：
.skin-box-bd{background:none;background:TRANSPARENT;border:none;} .skin-box-bd li{vertical-align:middle;} .skin-box-bd .popup-content{background:none;} .skin-box-bd .popup-content .popup-inner .cats-tree{background:none;} .skin-box-bd .popup-content .popup-inner .cats-tree .fst-cat .snd-pop .snd-pop-inner ul{background:none;padding:0;} .skin-box-bd .popup-content .popup-inner .cats-tree .fst-cat .snd-pop .snd-pop-inner .snd-cat{background:none;_float:left;} .skin-box-bd .menu-list{background:none;background:TRANSPARENT;} .skin-box-bd .menu-list .menu{background:none;background:TRANSPARENT;border:none;_float:left;} .skin-box-bd .menu-list .menu .link{background:none;background:TRANSPARENT;border:none;border-right:1px solid #FFFFFF;} .all-cats{background:none;background:TRANSPARENT;} .all-cats .link{background:none;background:TRANSPARENT;border:none;} .all-cats .link:hover{background:none;background:TRANSPARENT;} .all-cats .link .title{color:#FFFFFF;border:none;} .all-cats .link .title:hover{color:#FFFFFF;} .skin-box-bd .menu-list .menu .link:hover{background:none;background:TRANSPARENT;} .skin-box-bd .menu-list .menu .link .title{background:none;color:#FFFFFF;font-weight:bold;} .skin-box-bd .menu-list .menu .link .title:hover{color:#FFFFFF;} .popup-content{border:none;padding:0px;margin:0px;background:#000000;} .popup-content .popup-inner{border:none;padding:0px;margin:0px;background:#000000;} .popup-inner .cats-tree .fst-cat{background:#000000;border:none;border-top:solid 1px TRANSPARENT;} .popup-inner .cats-tree .fst-cat:hover{background:none;background:#000000;} .popup-inner .cats-tree .fst-cat .cat-hd .fst-cat-name{color:#FFFFFF;} .popup-inner .cats-tree .fst-cat:hover .cat-hd .fst-cat-name{color:#FFFFFF;} .popup-inner .cats-tree .fst-cat .cat-hd .fst-cat-name:hover{color:#FFFFFF;background:#000000;} .popup-content .menu-popup-cats .sub-cat{background:#000000;} .popup-content .menu-popup-cats .sub-cat .cat-name{color:#FFFFFF;background:#000000;} .popup-content .menu-popup-cats .sub-cat .cat-name:hover{color:#FFFFFF;background:#000000;} .snd-pop-inner{height:auto;padding:0px;margin:0px;background:none;} .snd-pop-inner .fst-cat-bd .snd-cat-hd{background:none;background:#000000;} .snd-pop-inner .fst-cat-bd .snd-cat-name{color:#FFFFFF;} .snd-pop-inner .fst-cat-bd .snd-cat-name:hover{color:#FFFFFF;background:none;background:#000000;}.skin-box-bd .popup-content {opacity:0.7;filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70);}
关于导航栏颜色的css代码，你可以搜索“淘哥毛弟助手”，里面有导航栏颜色的CSS代码生成工具。以上代码除了最后一句关于下拉菜单半透明的是我手动添加上去的，其余设置颜色方面的代码都是工具生成的，对于对CSS不怎么了解的朋友，应该还是挺有帮助的。希望我的回答能够帮到你。

在ionic2中怎样使用自动生成器

这次给大家带来在ionic2中怎样使用自动生成器，在ionic2中使用自动生成器的注意事项有哪些，下面就是实战案例，一起来看一下。
ionic generator是命令行的功能，ionic2自动帮我们创建应用程序，从而节省了大量的时间，并增加我们的速度来开发一个项目的关键部分。
ionic generator使我们可以自动创建以下几部份：
?component
?directive
?page
?provider
一、创建页面：ionic g page
通过这个命令创建一个新的页面，ionic2项目中这个命令使用最多
我们只需要进入我们的命令行中，并运行下面的命令：
ionic g page login
# Results:
√ Create app/pages/login/login.html
√ Create app/pages/login/login.scss
√ Create app/pages/login/login.tslogin.ts：
import {Component} from ’@angular/core’;
import {NavController} from ’ionic-angular’;
@Component({
templateUrl: ’build/pages/login/login.html’,
})
export class LoginPage {
constructor(public nav: NavController) {}
}login.html：
《ion-header》
《ion-navbar》
《ion-title》
login
《/ion-title》
《/ion-navbar》
《/ion-header》
《ion-content padding class="login"》
《/ion-content》二、创建组件：ionic g component
组件是一段代码，可以在我们的应用程序的任何部分使用
通过这个命令创建一个组件：
ionic g component myComponent
# Results:
√ Create app/components/my-component/my-component.html
√ Create app/components/my-component/my-component.tsmy-component.ts:
import {Component} from ’@angular/core’;
@Component({
selector: ’my-component’,
templateUrl: ’build/components/my-component/my-component.html’
})
export class MyComponent {
text: string = "";
constructor() {
this.text = ’Hello World’;
}
}三、创建指令：ionic g directive
指令，我们的应用程序可以在任何元素上使用的修饰符属性.
ionic g directive myDirective
# Results:
√ Create app/components/my-directive/my-directive.tsmy-directive.ts:
import {Directive} from ’@angular/core’;
@Directive({
selector: ’’ // Attribute selector
})
export class MyDirective {
constructor() {
console.log(’Hello World’);
}
}四、创建服务提供者：ionic g provider
现在创建一个新的服务（提供者），提供者负责处理数据的REST API的连接，本地存储，SQLite的等等。
要创建它，我们去运行以下命令我们的终端：
ionic g provider userService
# Results:
√ Create app/providers/user-service/user-service.ts服务代码如下：
user-service.ts:
import {Injectable} from ’@angular/core’;
***隐藏网址***
import ’rxjs/add/operator/map’;
@Injectable()
export class UserService {
data: any = null;
***隐藏网址***
load() { if (this.data) {
}
return new Promise(resolve =》 {
***隐藏网址***
.map(res =》 res.json())
.subscribe(data =》 {
this.data = data;
resolve(this.data);
});
});
}
}五、创建管道pipe：ionic g pipe
该管道的变化，我们可以对任何数据使用我们的模板，如以大写字母显示文本，显示货币值，日期格式等。
ionic g pipe myPipe
# Results:
√ Create app/pipes/myPipe.ts我们的管道的代码如下
myPipe.ts:
import {Injectable, Pipe} from ’@angular/core’;
@Pipe({
name: ’my-pipe’
})
@Injectable()
export class MyPipe {
transform(value: string, args: any) {
value = value + ’’; // make sure it’s a string
return value.toLowerCase();
}
}最后，我们生成的应用程序结构如下图：
相信看了本文案例你已经掌握了方法，更多精彩请关注Gxl网其它相关文章！
推荐阅读：
用js快速的获取html页面中图片的地址
怎样让webpack打包后的文件压缩变小
满天星导航栏特效
react事件绑定this的几种方式