css - 如何在网站上使用 css 进行模态化

标签 css joomla

您好,我正在使用 Artisteer 为我正在处理的 joomla 应用程序创建网站样式,该网站位于 http://imsdrive.co.uk

我添加了一个显示用户即将超时的警告消息的插件,请参阅 screenshot .

我想要的是修改模态窗口插件附带的标准 css,以匹配我的网站,我不知道如何使用 CSS(这就是我购买 artisteer 的原因),请提供任何帮助。

这是插件附带的模态弹出窗口的现有CSS:

.sessionkeepermessage h1,
.sessionkeeperexpired h1 {
text-align:center;
}
.sessionkeepermessage p.message,
.sessionkeeperexpired p.message {
text-align:justify;
}
.sessionkeepermessage button {
width:48%;
margin:0 1%;
float:left;
clear:none;
}

最佳答案

股票弹出设计看起来像 jquery 灯箱。 Emmm,尝试使用 Chrome Inspector——这是第一个。没有它,您将无法创建正常的模态窗口设计。 其次——你应该知道一些基本的 css 标记规则 第三——我认为,模态窗口的 CSS 更改应该粘贴到/templates/imsdrive_public/css/template.css

关于css - 如何在网站上使用 css 进行模态化,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/28807199/

相关文章:

css - @font-face 在 ie 中不工作

html - 强制输入元素的宽度调整到它的内容/值

php - 如何生成 Joomla 密码?

php - 使用 CSS 样式化链接

html - 移动网站问题(空白和缩放)

html - 推送页脚中的 div 问题

html - Bug : Ugly white space on top of my website. 想不通,为什么

html - 如何并排设置两个div

ajax - 如何在 Joomla 组件中发出 Ajax 请求

php - 为什么 Joomla 或 #__session 表会删除我的 "session expired"条目而不刷新 html 页面?