小编Ret_dor的帖子

.gdoc 格式如何工作？

如果您使用 Google Docs，您的第一个文件格式是 .gdoc / .gsheet / .gwhatever

我想了解的是，这种文件格式是如何工作的。当您打开 .gdoc 时，您基本上是打开浏览器并转到特定 URL。那么 .gdoc 只是一个文件扩展名已更改的 .html 文件吗？

我想构建类似的东西：一个以我自己的文件格式保存内容的富文本编辑器，你可以下载它，如果你打开文件，浏览器会打开并链接到特定的 URL。

顺便说一句：我在文本编辑器中打开了一个 .gsheet 并找到了这个源代码：

{"url": "https://docs.google.com/a/test.com/spreadsheet/ccc?key=01234567898765432123456789&usp=docslist_api", "resource_id": "spreadsheet:0A12345B678HJK9TZPL9078767"}

Run Code Online (Sandbox Code Playgroud)

*稍微改变了网址;)

file-extension file-format file google-docs

5
推荐指数

1
解决办法

2425
查看次数

颜色阴影响应div的数量

我正在一个工作委员会工作,其中有大量不断变化的职位发布.但是每个职位发布都应该有一种基色的分层色调:#219BBE.这是我想要实现的目标的草图:

阴影概念的剪影

我需要的是一个javascript函数,它根据job_boxes 的数量改变颜色的阴影.

到目前为止,我发现了一个用于生成阴影的javascript片段#219BBE.

function calculateShades(colorValue) {
  "#219BBE" = colorValue;

// break the hexadecimal color value into R, G, B one-byte components
// and parse into decimal values.
// calculate a decrement value for R, G, and B based on 10% of their
// original values.
var red = parseInt(colorValue.substr(0, 2), 16);
var redDecrement = Math.round(red*0.1);

var green = parseInt(colorValue.substr(2, 2), 16);
var greenDecrement = Math.round(green*0.1);

var blue = parseInt(colorValue.substr(4, 2), 16);
var blueDecrement …

Run Code Online (Sandbox Code Playgroud)

html javascript css colors

2
推荐指数

1
解决办法

348
查看次数

我怎样才能在同一条线上获得两个div？

我正在为网站制作一个菜单并遇到问题:我的左侧有一个徽标,右侧有菜单按钮.这是我到目前为止所得到的:

<!DOCTYPE HTML>
<html>
<head>
<link href='http://fonts.googleapis.com/css?family=Share:400,400italic,700,700italic' rel='stylesheet' type='text/css'>
<meta charset="utf-8">
<title>Menu</title>

<style type="text/css">

body {
  margin: 0;
  padding: 0;
  font-family: 'Share', cursive;
}

#header {
  background-color: ;
}

#header_logo {
  width: ;
  margin-top: ;
}

#header_menu {
  width: 100%;
}

.menubutton {
  height: 2.5em;
  line-height: 2.5em;
  display: inline-block;
  background-color: ;
  margin-left: 20px;
}

a {
  font-family: 'Share', cursive;
}

a:link {text-decoration:none;}
a:visited {text-decoration:none;}
a:hover {text-decoration:underline;}
a:active {text-decoration:underline;}

</style>
</head>

<body>
<div id="wrapper" align=""> <!-- Beginning of wrapper -->


<div …

Run Code Online (Sandbox Code Playgroud)

html css styles

1
推荐指数

2
解决办法

2万
查看次数

CSS的布局问题

我在CSS中进行布局时遇到了一些问题.这是我正在谈论的代码:小提琴.

该<div id="header">应有的高度,<div id="menubuttons">这是我标记为红色.我一直认为,如果你没有陈述div的高度,它将获得它的孩子的高度.
该<div class="contentLine>粘在<div id="theme">我虽然定义margin-top: 20px;.
右列的余量始终大于左列.我希望两者都与浏览器窗口具有相同的余量.

CSS

body {
    margin: 0 auto;
    padding: 0;
    font-family:'Share', cursive;
}
#header {
    width: 100%;
    vertical-align: middle;
}
#header_logo {
    width:;
    float: left;
    margin: 11px 20px 20px 20px;
    background-color:;
}
#menubuttons {
    margin-right: 0;
    margin-top: 0;
    height: 2.5em;
    line-height: 2.5em;
    display: inline-block;
    background-color: red;
}
#menubuttons ul {
    list-style-type: none;
    margin:0;
    padding:0;
}
#menubuttons li {
    float: left;
    margin-right: …

Run Code Online (Sandbox Code Playgroud)

html css layout margin css-float

1
推荐指数

1
解决办法

80
查看次数

代码仅适用于jsfiddle

在这个问题中,我问过,我如何根据div的数量生成一种颜色的阴影.@DonJuwe提出了一个完美的解决方案和演示:http://jsbin.com/xakifequ/1/edit JSBin中的源代码

但是,当我尝试使用jsfiddle或JSBin中的代码时,它只是不起作用.所以我从JSBin下载了源代码,打开了.html文件,我得到的是: 下载时会发生什么

有人可以解释一下,为什么会这样？

html javascript jquery jsfiddle jsbin

1
推荐指数

1
解决办法

358
查看次数

标签统计

html ×4

css ×3

file ×1

file-extension ×1

file-format ×1

google-docs ×1