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

Question

您好，我正在使用 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;
}

Answer 1

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