草庐IT

连通区域

全部标签

php - 如何在moodle主题设计中定义自定义 block 区域?

我正在尝试设计一个新主题,它有side-pre区域和bottom区域。在这个底部区域(从左到右)我必须并排添加4个block。请帮助我,如何定义区域(区域,位置)以及我必须修改哪些文件。谢谢。 最佳答案 您可以在theme/config.php文件中设置您的自定义区域,例如-'course'=>array('file'=>'general_layout.php','regions'=>array('side-pre','bottom-region'),'defaultregion'=>'side-pre','options'=>ar

php - 如何在moodle主题设计中定义自定义 block 区域?

我正在尝试设计一个新主题,它有side-pre区域和bottom区域。在这个底部区域(从左到右)我必须并排添加4个block。请帮助我,如何定义区域(区域,位置)以及我必须修改哪些文件。谢谢。 最佳答案 您可以在theme/config.php文件中设置您的自定义区域,例如-'course'=>array('file'=>'general_layout.php','regions'=>array('side-pre','bottom-region'),'defaultregion'=>'side-pre','options'=>ar

html - 如何在保持所有区域可点击的同时使不规则形状的 SVG 重叠?

我创建了4个向左浮动的SVG(所有形状相同)。我试图让它们重叠(因为那样看起来更好)但问题是由于它们的形状不规则,某些区域变得不可点击。我用它作为CSS代码:.interact-arrow{float:left;margin-right:-100px;width:24%;position:relative;}这是问题的完整代码笔演示:http://codepen.io/aguerrero/pen/pgvJoa如何正确编写CSS代码以便我可以单击各个箭头的任何区域?我正在使用在里面作为可点击区域。 最佳答案 您需要将CSS类直接应用到

html - 如何在保持所有区域可点击的同时使不规则形状的 SVG 重叠?

我创建了4个向左浮动的SVG(所有形状相同)。我试图让它们重叠(因为那样看起来更好)但问题是由于它们的形状不规则,某些区域变得不可点击。我用它作为CSS代码:.interact-arrow{float:left;margin-right:-100px;width:24%;position:relative;}这是问题的完整代码笔演示:http://codepen.io/aguerrero/pen/pgvJoa如何正确编写CSS代码以便我可以单击各个箭头的任何区域?我正在使用在里面作为可点击区域。 最佳答案 您需要将CSS类直接应用到

html - 如何删除 AdSense 广告下方的空白区域?

我在移动网页的顶部有一个AdSense自适应广告单元。当320x50的广告填充此空间时,广告底部会出现额外的空白区域。提供320x100广告时没有空白区域。我没有为div元素定义大小,因此该单位应根据Google提供的任何广告进行调整。如果转换320x50而非320x100的广告,是否可以折叠空白区域?我认为这是一个常见问题,但我一直未能找到解决方案。预先感谢您的帮助。我认为Google最初尝试提供320x100单元,但最终提供了320x50单元,留下了额外的空白。根据Google的说法:“为了帮助增加320x100广告尺寸的竞争,我们允许320x50展示广告出现在这种格式中。发生这种

html - 如何删除 AdSense 广告下方的空白区域?

我在移动网页的顶部有一个AdSense自适应广告单元。当320x50的广告填充此空间时,广告底部会出现额外的空白区域。提供320x100广告时没有空白区域。我没有为div元素定义大小,因此该单位应根据Google提供的任何广告进行调整。如果转换320x50而非320x100的广告,是否可以折叠空白区域?我认为这是一个常见问题,但我一直未能找到解决方案。预先感谢您的帮助。我认为Google最初尝试提供320x100单元,但最终提供了320x50单元,留下了额外的空白。根据Google的说法:“为了帮助增加320x100广告尺寸的竞争,我们允许320x50展示广告出现在这种格式中。发生这种

html - 带圆 Angular 的链接图像的交互区域

我正在构建这个小部件:http://codepen.io/JonnyNineToes/pen/zGYxwV它基本上是一张图片,您可以点击它,并获得有关从其背后“滑出”的图片的额外信息。我遇到的问题是小部件的可点击/可悬停/交互区域。即使我使用了border-radius,我仍然在小部件周围得到一个方形的可点击区域。(将鼠标悬停在框Angular应该所在的位置。)我已经确定问题的根源在于图像元素本身。如果我删除图像元素,我将不再有这个问题。我已经找到了...Whyisthemarginspaceofmyimagelinkclickable?我删除了“显示:block;”从图像的类规则,我

html - 带圆 Angular 的链接图像的交互区域

我正在构建这个小部件:http://codepen.io/JonnyNineToes/pen/zGYxwV它基本上是一张图片,您可以点击它,并获得有关从其背后“滑出”的图片的额外信息。我遇到的问题是小部件的可点击/可悬停/交互区域。即使我使用了border-radius,我仍然在小部件周围得到一个方形的可点击区域。(将鼠标悬停在框Angular应该所在的位置。)我已经确定问题的根源在于图像元素本身。如果我删除图像元素,我将不再有这个问题。我已经找到了...Whyisthemarginspaceofmyimagelinkclickable?我删除了“显示:block;”从图像的类规则,我

javascript - 填充重叠的圆形区域

我有两个相交的圆,我想让相交区域有颜色,即使这两个圆是透明的。我以为我可以找到一些方法来使用cssmix-blend-mode属性来做到这一点,但我没有成功。当然,我可以让圆圈有颜色并降低它们的不透明度,但我希望它们是白色或透明的,只有重叠区域才会有背景色。我希望交叉区域能够动态变化,因为一个圆圈会跟随鼠标。这是codepen为此。我不确定从哪里开始,如果css有一些技术,或者是否必须使用jquery来完成。$(document).mousemove(function(e){$('.cursor').eq(0).css({left:e.pageX-25,top:e.pageY-20})

javascript - 填充重叠的圆形区域

我有两个相交的圆,我想让相交区域有颜色,即使这两个圆是透明的。我以为我可以找到一些方法来使用cssmix-blend-mode属性来做到这一点,但我没有成功。当然,我可以让圆圈有颜色并降低它们的不透明度,但我希望它们是白色或透明的,只有重叠区域才会有背景色。我希望交叉区域能够动态变化,因为一个圆圈会跟随鼠标。这是codepen为此。我不确定从哪里开始,如果css有一些技术,或者是否必须使用jquery来完成。$(document).mousemove(function(e){$('.cursor').eq(0).css({left:e.pageX-25,top:e.pageY-20})