问题标签 [skel]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
javascript - skel.js 框架/HTML5UP 模板 CSS 问题
我是 skel.js 框架的新手,遇到了一些问题。
我从 HTML5UP.net(Zerofour 主题)下载了一个模板,并为我的网站修改了所有模板,但是 CSS 没有正确显示在我的无侧边栏和左侧边栏页面上。
我有一个包含以下链接(与他们的模板相同):
如果我绕过 noscript,网页会按原样显示,但会失去所有移动和可流动的能力。
任何想法将不胜感激!
插件:如果我将我的页面移动到根目录并更新链接,那么 CSS 可以工作,但在它们的子目录中,只有基本布局可以工作。
jquery - 骨架面板和右下角标志对齐?
抱歉,我不知道如何正确命名,或者以 tl;dr 的方式解释它。我被困住了。我使用了一个使用 skel.js 和 skel-panels 的模板来做一个带有侧边栏的响应式布局。然后我添加了后伸,现在我希望徽标始终在屏幕的右下角对齐(除非它是一个窄/移动视图 - 但我已经大致弄清楚了那部分)
我让底部对齐可以自己工作,但是当我将它与所有其他东西放在一起时,徽标不会显示(在宽视图中)。我已经把它缩小到 skel-panels.min.js (从代码中省略了,其他一切都很好)
我只是不知道如何弄清楚。我的代码现在已经很乱了,所以它可能是我在某个地方做过的事情,但是一旦删除了 skel-panels,它似乎确实可以正常工作。
http://staygold.ca/wood2/index.html
我想我正在尝试做太多超出我能力范围的事情,但它似乎确实有效,除了这一件事
我可以看到 2 种可能性 - 仅在“窄”视图或更小的情况下使用骨架面板,因此仅在正常和宽视图上将其关闭 - 不确定这是否可能
或者以某种方式让徽标 CSS 覆盖面板?就像以某种方式使该 div 覆盖整个页面?
编辑:如果我在这些位置上玩弄,会发生不同的事情,但我无法获得正确的组合来将它放在底角(徽标出现,但它位于右上角)。不确定这是否会在没有骨架面板的情况下有所帮助,但值得一试
HTML
CSS
jquery - 我怎么能得到左边的按钮?
我正在尝试创建一个参考网站。我正在使用名为“Skel”的新框架。它真的很酷,但没有具体的文档。我想知道如何让导航栏上的按钮位于标题旁边,而不是右边。这是我正在使用的代码:
这是 style.css 中的导航栏内容
ruby-on-rails - 提供在 Rails 上使用 skel 构建的静态页面
我在网上找到了一个不错的模板,想将它用于我的 rails 应用主页。我决定使用高压 gem并通读它的自述文件。我设法使路由正确,但我找不到模板 zip 文件中的大量资产(css、js、svgs 和 sass)文件的适当路径/文件夹,这显然使它看起来不错。
我尝试将它们放入我的 rails 应用程序的 assets 文件夹中,它使一些“功能”正常工作,但 svgs 和图像没有显示......它搞砸了我现有的页面。阅读 Rails 文档后,我尝试将模板资产存储到供应商文件夹中,但也没有成功。
我应该在哪里存储模板启发主页的资产,以免破坏我的普通/应用程序页面的外观?我应该在我的 html 中使用哪些路径来调用它们?
javascript - SkelJS - 不同的行偏移量,每个特定断点一个
我开始使用 Skel 来构建响应式网页设计。
我想为我的不同断点(布局)设置替代单位宽度
看看这段代码:
所以在这里,我们在行的每一侧都有一个 1u 的偏移量。我想做的是为我正在使用的每个断点(宽、中、小、xxsmal)设置特定的偏移量。
当我不需要偏移量时,我会这样做:
但是有了偏移量,它就不能按照我期望的方式工作,任何帮助对我来说都是非常有用的。
我可能没有完全理解 SkelJS 是如何工作的,如果答案在文档中,请原谅。提前感谢您的回答。
android - CSS转换在智能手机上不起作用
网站正在使用 skel 框架。
示例:http ://www.webdellarte.com/espace-client/ERA/
我在几部智能手机上尝试过,同样的问题发生了:CSS转换看起来在智能手机上不起作用您可以通过停用属性转换在 PC 上进行测试(缩小窗口以查看问题)
空白处:
智能手机转换有什么兼容方式吗?似乎 skel-layer.js 正在内联添加变换值。
谢谢!
javascript - 使用 skel 框架构建的响应式站点仅在使用漂亮 URL 时无法应用 css
我正在为使用 skel 框架的响应式站点使用模板 (html5up.net/prologue)。
该站点运行良好,除非我通过漂亮的 URL 访问它。示例:example.com/fake-dir/。dir fake-dir 不存在,漂亮的 URLS 使网络服务器在根目录中查找。出于某种原因,使用漂亮的 URL 时不应用 css 样式。我应用 prety url 的 .htaccess 如下:
我已经将问题追踪到 init.js 并且感觉它与 js 如何尝试应用 css 文件有关。我认为它正在寻找根目录/css 的漂亮 url 目录/css 中的 css 文件。我尝试在 init.js 的开头添加一个绝对路径,如此处所示,用于不同的样式,但这不起作用。“全局”:{范围:“*”,href:“example.com/css/style.css”,容器:1400,网格:{装订线:40},视口:{可扩展:假}},
这是整个 init.js 文件。任何帮助都会得到帮助。
javascript - Skel 框架多级/下拉导航
我目前正在为我的基本网站使用 skel 框架。我需要将导航变成多级导航(下拉菜单)。是否有内置功能或者我需要包含一些插件?使用我当前的设置,单级导航运行良好,但是当我嵌套 UL 和 LI 标记时,它会破坏页面。
javascript - Skel js折叠导航不工作iOS
我在我正在开发的网站上使用 Skel.js 和 Skel-layers.js,我正在使用修改后的 HTML5Up 模板:http ://html5up.net/escape-velocity
我面临的问题是可折叠导航在 iOS 上不起作用(我已经尝试过 Safari 和 Chrome)。可折叠导航适用于所有其他网络浏览器和移动设备。原始模板适用于 iOS。
HTML结构,和JS是一样的。CSS 中的所有更改都没有我发现的影响。我一直在删除元素style-mobile.css
并在我的 Macbook 上测试 iOS 模拟器中的更改。
我正在处理的网站是http://havenlea-farms.co.uk/ 当单击折叠的导航图标时,iOS 中没有响应。
有没有人对可能的原因有任何想法?我知道问题结构不是很好。
html - 网页中的字体渲染不佳
我的企业网站最初是在 Skel 框架上构建的,使用 Baseline 模板。因此,捆绑了很多 CSS/SCSS。
在构建网站时,我们使用了 Arimo 字体,链接在这里:
https://www.google.com/fonts#UsePlace:use/Collection:Arimo
这是文本在 Skel 网站上的外观:
但是,由于一些无关紧要的原因,我们决定从头开始构建站点并远离 Skel 和 Baseline。
我们使用相同的字体和通用设计,但是当我尝试使用相同的字体时,渲染效果非常非常不同。
我的代码中没有任何 CSS 可以指示渲染的任何更改,有什么帮助吗?