找回密码
 立即注册

QQ登录

只需一步,快速开始

104115673

中级会员

30

主题

115

帖子

677

积分

中级会员

积分
677
104115673
中级会员   /  发表于:2019-11-12 23:31  /   查看:3285  /  回复:6
1金币
格友~~

帮忙下,弹窗CSS加注释,便于修改,

(标题高度,标题,颜色,弹窗背景颜色,圆角大小,XX 框框, 字体大小~~~等等,尽量能全部)

拜托!!


myStyle.css


div[id="popupTitlebar"]{
    background-color:Green !important;
    height:50px !important;
}


.txtstyle{
border:5px solid red;
}
.carousel-inner .item div {
    background-size: cover !important;
}

.headerImageBar {
    position: fixed !important;
    width: 100% !important;
    z-index: 100000;
    text-shadow: rgba(0,0,0,0.3) 3px 3px 10px;
}

.menuBar {
    position: fixed !important;
    width: 100% !important;
    z-index: 100000;
    box-shadow: #666 0px 10px 30px;
    background: #222222;
    top: 0 !important;
}

    .menuBar .menuContainer {
        width: 1200px;
        margin: 0 auto;
    }

ul [level="1"] {
    width: 100% !important;
}

.carouselDisplayer {
    /*width: 100vw !important;
    left: calc(-50vw + 49.25%) !important;*/
    width: calc(100vw - 17px) !important;
    left: calc(-1 * (((100vw - 16px) - 100%) / 2)) !important;
}

.shadow {
    /*box-shadow: black 0px 5px 10px -6px;*/
    box-shadow: rgba(0,0,0,0.05) 0px 10px 10px;
}

.popupContainer [fgcmainpart="fgcMainPart"] {
    background-color: white !important;
}

[fgcmainpart="fgcMainPart"] {
    background-color: transparent !important;
}

body{
    background-color: #eee;
}

.menuContainer ul li i {
    display: none !important;
}


附件: 您需要 登录 才可以下载或查看,没有帐号?立即注册

最佳答案

查看完整内容

你可以看下这个帖子:https://gcdn.grapecity.com.cn/forum.php?mod=viewthread&tid=54827

6 个回复

倒序浏览
最佳答案
最佳答案
Eric.Liang讲师达人认证 悬赏达人认证 活字格认证
超级版主   /  发表于:2019-11-12 23:31:55
来自 7#
104115673 发表于 2019-11-13 19:45
如果这个标题栏隐藏或直接不要它,

这是最好的方式,

你可以看下这个帖子:https://gcdn.grapecity.com.cn/fo ... hread&tid=54827
回复 使用道具 举报
谢厅讲师达人认证 悬赏达人认证 活字格认证
金牌服务用户   /  发表于:2019-11-13 09:18:33
2#
。。。。。5.0以后的版本直接设置就行了么,写css多麻烦
回复 使用道具 举报
LukeLiu
超级版主   /  发表于:2019-11-13 10:47:53
3#
本帖最后由 LukeLiu 于 2019-11-13 10:52 编辑

你好,在活字格里使用自定义CSS,参考:帮你打开活字格更神奇的功能:三十,CSS和JS文件的默认打开方式
https://gcdn.grapecity.com.cn/fo ... 46530&fromuid=55752

CSS的相关资料可以在这里查找:CSS文档 | MDN

其实,想要调整页面样式,比如调整弹窗的页面的样式,比如背景图片,圆角,阴影等,可以直接在活字格里的对应功能调整的,比如:


可以满足绝大多数样式需求,是不需要手动写这么多CSS的。

本帖子中包含更多资源

您需要 登录 才可以下载或查看,没有帐号?立即注册

x
回复 使用道具 举报
104115673
中级会员   /  发表于:2019-11-13 16:42:13
4#
LukeLiu 发表于 2019-11-13 10:47
你好,在活字格里使用自定义CSS,参考:帮你打开活字格更神奇的功能:三十,CSS和JS文件的默认打开方式
ht ...

误会了,误会了,我是说弹窗设置的,不是说单元格的设置,比如以下如何设置:

本帖子中包含更多资源

您需要 登录 才可以下载或查看,没有帐号?立即注册

x
回复 使用道具 举报
LukeLiu
超级版主   /  发表于:2019-11-13 17:31:57
5#
104115673 发表于 2019-11-13 16:42
误会了,误会了,我是说弹窗设置的,不是说单元格的设置,比如以下如何设置:

哈哈,其实,我们想修改弹窗内容的样式,其实就是修改弹窗用的那个页面的那个样式,那么调整那个页面样式的方式,可以通过调整那个单元格的样式,和调整那个页面的背景颜色。

你最新的这个截图指出的这三个部分:弹窗标题,弹窗顶部栏,弹窗关闭按钮,修改这些样式,目前暂时还是需要通过CSS的方式。因此建议你尽量的在活字格里面调整绝大多数的样式需求。

回复 使用道具 举报
104115673
中级会员   /  发表于:2019-11-13 19:45:34
6#
LukeLiu 发表于 2019-11-13 17:31
哈哈,其实,我们想修改弹窗内容的样式,其实就是修改弹窗用的那个页面的那个样式,那么调整那个页面样式 ...

如果这个标题栏隐藏或直接不要它,

这是最好的方式,

因为这样就可以在页面上做任何想用的效果了

如何操作隐藏或直接不要它?
回复 使用道具 举报
您需要登录后才可以回帖 登录 | 立即注册
返回顶部