如何将圆形徽标用于 Google 课堂共享按钮
How can I use the round logo for the Google Classroom Share Button?
我想使用 Google 课堂共享按钮的圆形徽标,如"Google 课堂品牌指南"页面所示。
我已经在"添加课堂共享按钮"页面中使用了该示例,但我不知道如何使用圆形徽标而不是方形徽标。
谁能帮忙?
您不能将共享按钮本身"配置"为使用不同的徽标;为此,您需要"手动"显示图标,然后将用户定向到 REST 共享终结点。
使用 CSS
更改图标。
下载圆形图标包:https://developers.google.com/classroom/assets/classroom_circle_logo.zip
在线上传您想要的图标以覆盖background-image
规则
使用示例代码时,我得到CSS
规则如下:
.mgQYsb {
background-image: url("https://www.gstatic.com/classroom/logo_square_48.svg");
}
覆盖此规则
.mgQYsb {
background-image: url("<your url>/<your logo>") !important;
}
让我们希望班级保持不变。或者你可能会发现一个更通用的规则,它不考虑类,比如
div.hrIdWidgetContainer>div>div> {
background-image: url("<your url>/<your logo>") !important;
}
我试图使用实际规则,看看圆形徽标是否在 gstatic.com 的同一文件夹中,但没有找到任何东西。
相关文章:
- Google 脚本:用于创建日历活动的脚本运行时不会出错,但不会执行任何操作
- Google Maps JavaScript API v3:getDetails(请求,回调),用于多个位置
- Google Apps 脚本,用于根据一个单元格的值对另一个单元格进行条件颜色格式设置
- 如何调试遗留的javascript代码(适用于IE,但在Google Chrome中不正常)
- Slick.js不适用于Google Maps API中的infoBox.js
- 如何将google+hangoutapi仅用于聊天
- 用于Google Analytics API的jQuery AJAX头验证
- 添加用于在 Google 地图 API v3 中打开信息窗口的链接
- Google Analytics(分析)活动,用于从iframe聊天中收集信息
- 用于安装 Google Chrome 扩展程序的 HTML 代码 (.crx)
- Google Chart API 不适用于 PHP
- 用于日期格式的 Google 图表范围过滤器控件
- 使用 Oauth2 将 REST 用于 Google 云端硬盘
- Google Oauth2 使用 javascript API 登录不适用于 IE
- 用于Google Fusion Table层的Javascript工作,但试图整理代码
- 用于在Google地球插件地图中添加/删除地标的Javascript
- Google表格脚本,用于将一张工作表上的几个单元格值传递给新的工作表行
- Google Analistics.js用于单页网站
- jquery UI Datepicker setDate 仅适用于 Google Chrome
- 使用 JavaScript 更改浏览器语言代码,用于 Google Analytics