• 登记
幻灯片 独立DB. mod db. rss. 在Facebook上扇子 在YouTube上看我们 加入我们蒸汽 在推特上关注我们

独立游戏正在改变世界,一次一个巨大的像素。通过独立DB,我们的目标是通过向寻求原始游戏体验的粉丝提供展示他们的辛勤工作(正在进行或完成)来支持独立开发人员及其游戏。欢迎来到官方独立DB博客, 看这个 配置文件以保持更新, 加入 show your support.

rss. 文章 (15 - 20 of 101)

制作2016年奖励徽标

News 16评论

毫无疑问,2016年奖项中最重要的部分,是我们可以在网站上提供Mod和Indie Games的覆盖范围和曝光。通过挑战我们的观众投票给他们的最爱,我们的目标是消除隐藏的宝石,你和其他人可能错过了。但是,当所有人都说完成并且获胜者已经宣布了,我们可以赐予他们的最大荣誉是一个自豪地展示他们的奖品的机会。

年度奖励 年度奖项 年度奖项的应用程序 年度奖项


这就是为什么每年(见 2015年徽标),我们在8月开始在奖励徽标上工作,花费几个月制作一些可识别和令人敬畏的东西,开发人员可以添加到他们的蒸汽配置文件,新闻套件和他们所希望的任何地方,以显示他们收到的Accolades。在2016年首次推出VR奖项,这意味着我们现在竞争 mods., 独立游戏, 应用VR..

今年我们必须感谢 游戏rnetWork. 设计团队,非常灵巧地制作了2016年的标志,您可以在上面和下面看到。我们非常感谢您的反馈,希望您喜欢它们,更重要的是,我们希望看到它们在网上的主页和博客上显示。您的支持和链接现在,帮助我们继续成长并继续做我们喜欢的事情。

奖项标志演示

Delbolical站点更新

News 8评论

您可能已经注意到我们最近添加了 indiedb.com. 到了 Delbolical网络。这对我们来说是一个很大的一步,我们的第一个新的网站超过6年,我们的第一个网站利用了现代响应移动友好设计。它也是我们的第一个网站,我们正在将社区内容混合(正如我们在ModdB.com和IndiedB.com上的工作),其中包含我们编辑的内容和覆盖范围 丹尼尔候击者。我们选择这样做是因为现在在VR(跨硬件,软件,游戏和娱乐)中发生了如此多的事情,我们想确保我们不会错过关键的故事。

独立数据库 - 游戏和硬件


期待我们在我们的网络上跨越INDIE DB一段时间,因为我们努力发展社区。欢迎任何帮助(见我们的帮助 招聘广告),如果您知道开发人员,请参阅VR或AR内容 - 让他们了解我们谦卑的社区。当我们帮助创作者分享他们的工作时,我们取得了成功,并期待一旦消费者VR击中货架,就期待这样做。

IoTy获奖者广告 Moty Winners广告


我们还填写了我们的奖励奖励。您可能已经看到在展示获奖者的网站上运行的华丽广告。我们最成功的活动,拥有超过20万名选民以及数百万游客。再次归功于参与的每个人,它为我们提供了巨大的动力,以便继续使我们的网络更好。

说到哪个,你可能会想知道我们的下一步。借助 Erayser.,我们已经开始探索ModdB和IndiedB的设计现代化。这并不意味着布局将改变,但它意味着某些元素被调整,并且该网站响应。我们也可以在更好地支持化妆品较小的模式上,因为它似乎今天似乎适合这些类别。我们还应该在更多网站上致力于Ajax''in,以便发布评论,浏览/搜索感觉比目前更好。对我们有想法,分享他们在评论中。哦,我最近 受蒂姆采访了 在gogamebundle上,看看它。

DDOS导致系统不稳定

News 82评论

EXPED网站在尝试保留网站运行时是不稳定的,我衷心感谢您的耐心和支持。这是影响 moddb., indiedb.德鲁拉.

我们将努力努力继续展示2010年最佳Mod和Indie Games,但可能需要推迟少数赢家的宣布。


设计和自定义Mod / Game Compiles

Website Tutorial 18评论

11月25日,2020年更新: 您现在可以使用自己的游戏和Mod配置文件自定义游戏和Mod配置文件 定制 标签。此外,请注意,ModDB和IndiedB主题是分开的,必须编辑两个略有不同的样式表,以便在Indie游戏配置文件中查看两个站点的访问者。


M奇怪的 是一个网站,旨在创建Mods,Games和Indie Games的持久数据库。有时作为开发人员,您觉得有必要为您的内容拥有定制的设计,有效地代表它。到目前为止,我们从未在以妥善行动方式发布任何教程,这就是我们今天帮助您的目标。

本教程被视为“先进的“并将使用关于Web自定义的文字和条款,例如CSS (层叠式床单) 和HTML (网编码)。担心没有,我们将解释它是如何工作的。

第1阶段:了解定制如何工作

首先,请注意自定义需要一些特定的技能,特别是当涉及方案和设计时。希望, 谷歌浏览器火狐浏览器 现在提出A. 网络检查员,这对本教程非常有用。我们将使用提供的人 谷歌浏览器, 因为它似乎更快,用户友好比 火狐浏览器。这并不意味着你不能用它 火狐浏览器, 一点也不。

以下是您需要了解的是定制如何工作的清单:

  • 自定义 不会替换moddb的主CSS。您的修改将添加到另一个中,这将实现为您的所有页面。
  • 您的修改需要 员工批准,这意味着您需要在我们的支持电子邮件中向我们的员工提供自定义的CSS: support@moddb.com。 通常在2个工作日内进行批准和应用修改。 您可以使用“配置文件的CSS” 定制 tab on your own now.
  • 如果你想用一个 由其他人创建的定制设计 在网站上,您需要 获取快递授权 from the author.
  • 如果您的修改在某种意义上打破了网站 冲突CSS和/或HTML 元素,您的修改将不会被批准,直到您解决它们。
  • 无法删除moddb徽标和用户栏。但是,您可以在视觉上编辑它们。
  • 您的修改 可以应用于moddb和indiedb.

媒体圈

我们以前的教程我们讨论了为什么创建有效的配置文件(对于您的Mod,Game或Engine)很重要。这意味着您正在捕捉您的访客的注意,并尽可能长时间保持它们以产生兴趣。与项目的身份相关联的页面是它的一部分。为什么有必要设计一个可以完美表示它的页面。

作为一个例子,你不会为中世纪项目制作现代设计,不是吗?这就是为什么优化你的身份,你应该专注于创造一个类似于你正在做的设计,因为它会严重影响你的访客的注意。请记住,我们希望帮助您成功!

这是您可以通过本教程实现的重要示例:

有三种不同的自定义

无论您是一位想要制作完整设计的艺术家,您是否只想要不同的背景,您都可以自定义您的配置文件。真正重要的是你将如何进行。

以下是我们开始之前三种不同类型的自定义列表:

  • 完整定制: 这意味着您想要更改页面上的所有内容(如 先知的罪)。此先进的自定义需要很多时间,因为您需要有条不紊和组织。担心没有,我们会向您展示如何正确做到。
  • 媒体定制: 这意味着基本上你只想改变颜色,背景,一些图像和东西,这不是真正复杂的。
  • 轻定制: 这意味着您只想更改背景,并从项目中添加背景图片。

第2阶段:Web Inspector(或Devtools)

因此,您对项目的新设计有一个很好的想法,并且您希望有一个惊人的页面有效地代表您的东西。完美的!您需要使用Web Inspector 谷歌浏览器 或者 火狐浏览器 遵循本教程。我将使用提供的人 谷歌浏览器 出于上面显示的原因,主要用于浏览器之间的兼容性。

打开Web Inspector

要打开Web检查员,只需使用 ctrl + shift + i视窗 或者 CMD + OPT + I苹果电脑 OSX.。 您可以通过右键单击网站的某个位置,然后单击按钮“网络检查员“ 或者 ”检查此页面“。对于本教程,我们将为如何编辑页面提供解释,因此让我们使用自己的页面。

因此,您在您的页面上,Web Inspector打开,但您不知道该怎么做。在左侧,这是您的页面 HTML5。在右侧,列代表 来自主CSS的代码。您不需要使用其他选项卡,如 “网络,来源......” 因为我们只想改变设计。

让我们改变,例如一个元素,但你不知道如何选择一个。你只需要点击 在搜索图标上,因此当您的光标将位于页面的一个元素(例如文本,图像...)时,Web Inspector将向您展示编程中的位置。

一旦你点击图标, 我们将在项目名称上移动光标。然后,您应该看到蓝色背景颜色,表示专用于名称的位置。点击 ...

......然后Web Inspector将在HTML代码中向您展示元素的确切位置。

改变元素

您将注意到您的标题中的设计属性。当您将自定义页面时,此选项卡将是您将使用最多的选项卡。有很多属性(背景,边框,文本,颜色......),但我们不会显示所有这些。

记住“元素的名称“代表您要更改的属性。小心,因为如果您的页面上的各种标题使用相同的属性(元素),则所有这些都将更改。其中一些不同的原因是他们有一个不同的原因具体修改,应用了各自的部分/ div。这里有点复杂,但担心没有,我会解释具体的修改如何工作。

例如,让我们只需更改颜色(点击颜色属性),然后替换“#fff.“ 经过 ”绿色“或者只要它是一个公认的颜色,你想要的任何东西。

保存您的修改

恭喜!你首先修改了。这对你来说是一小步,但你的页面的一个巨大飞跃。现在您有一个自定义元素,您需要将其保存到一个 .css文件。 我们建议您使用 记事本++ 为了 视窗 或者 textwrangler. for 苹果电脑 OSX. 保存您的修改。


第3阶段:预览

完成!你相信你定制了你想要的东西,现在是时候了解它的样子。有很多方法可以做到,但让我们使用最简单的方法。

使用源代码作为参考

返回ModdB项目的摘要页面,如“moddb.com/xxxx/xxxxxxxxxx.“。然后,右键单击并选择”查看来源“或者如果按钮未显示,请单击顶部(浏览器)的URL并在其之前添加”查看 - 来源:“, 像那样:

查看 - 来源:

您应该能够看到数千条代表页面源代码的行。我们要做的就是测试您的修改。为此,我们需要在此代码中实现后者。仔细聆听,因为这有点困难。首先,将整个源代码保存在Notepad ++(Windows)或TextWrangler(Mac OSX)中。一旦完成,您需要在这部分代码中实现所有修改,就在DIV之前称为“列跨 - 全部”之前。

完成后,您的代码已准备好预览。您需要的只是将文件保存为.html,然后用它打开它 谷歌浏览器 或者 火狐浏览器。您将能够查看您的代码是否完全良好。

第4阶段:常见问题和解决方案

你现在了解定制的工作原理。辉就像我之前所说的那样,我们不能给你一个列表,你可以与你的CSS做出的所有可能性。来自专业网站的互联网上有很多教程。现在,让我们专注于您可能遇到的问题。

使用“!重要”财产

如果您正在制作令人惊叹的设计,您会注意到尽管修改,但某些特定的元素不会更改。这是正常的,其实你需要使用“!重要的“每个元素的属性不正确显示。您将根据自己识别 像那样.

但是,“!重要的“有,更好。记住这些是例外。要制作一个,您需要像这样继续:

div.headerbox ul.menu {
  background-color: #000!important; // LIKE THIS EXAMPLE
  list-style: none;
  margin: 0;
}

与浏览器的兼容性

必须确保您的代码与所有浏览器兼容。虽然今天很多元素是自动兼容的,但其中一些仍然对所有网络设计师来说仍然刺激 特定渐变,关键帧动画,框阴影,文本阴影 等等......幸运的是,网络上有很多教程都有解决方案。担心不再!

第5阶段:设计示例

以下是使用总定制设计的页面简短列表,如果您没有任何灵感,或者您想联系他们的各自的作者,以获得授权使用一个。点击图片查看网站上的页面。

第6阶段:向我们发送您的CSS修改

而已!您已完成,您的令人敬畏的修改已准备就绪,您希望发布您的自定义设计。因此,您需要通过我们的支持电子邮件将其发送给团队: support@moddb.com。 正如我们之前所说的那样,在2个工作日内通常批准和应用修改。

我们建议您将CSS文件上传在其他地方,如Dropbox或粘贴您的CSS修改 Pastebin.com.,除非您只进行了轻微的变化。

11月25日,2020年更新: 您现在可以使用自己的游戏和Mod配置文件自定义游戏和Mod配置文件 定制 tab.

随时向我们发送电子邮件,我们的支持电子邮件有关关于本教程的任何疑问或在自定义各自的配置文件时可能遇到的问题。祝你好运才能弥补!记住,做还是没有,没有试试!

DESURANET视频采访!

News 18评论

回到2011年3月初在GDC, 设计3. 坐下来 斯科特I 在构成的所有网站上进行视频面试 解除尿 family.


特别感谢 设计3. 工作人员花时间组织,记录和编辑这一神奇视频。是的,女士们,斯科特可用!

哦,看看关于ModdB和她的姐姐网站的书呆子的另一个面试! nerd-age.com.

已确立的
隐私
Public
订阅
Open to all members
接触
发信息
会员资格
加入群
小组手表
跟随
文章统计
文章s
101
意见
1,310,429
今天的意见
19
新的
内部使用
喂养
rss.
流行文章
adblock的挑战
adblock的挑战
我们已收购了Gamefront
我们已收购了Gamefront
udk在moddb / indiedb上
udk在moddb / indiedb上
提醒Unity Comp
提醒Unity Comp
GDC,混合判断和Mod.io
GDC,混合判断和Mod.io
介绍mod.io.
介绍mod.io.