[24-11-2013] C# 新手入门教程——更新至教程#10

原文章链接点击这里

笔者时常混的群组（在FB上的～《~大家e起学编程~》）常常都会有些编程新手会问些很多新手常问的问题：其中最热门的就是”我是个新手，我该学哪门编程语言呢？“

笔者以自己的经验，总结出下列我建议的新手学的表格（当然，选择在于你～）

如果你想找一门表达力和功能都很强的语言：Python
如果你想更快速地开发WEB程序：PHP
如果你想学真正的编程：C
如果你爱跨平台：Java，C，C++
如果你比较喜欢有GUI的，而只想在Windows下玩玩：Microsoft Visual Basic
如果你比较喜欢一些脚本类的（Windows下）：Batch（批处理），VBscript
如果你喜欢Linux/Unix脚本：Bash
如果你想往网络发展：HTML，CSS，PHP，ASP，JAVASCRIPT，AJAX，XML，XHTML
如果你想”试玩”C 在加上OOP：Microsoft C#
如果你想玩数据库：SQL
如果你想怀旧：DOS编程
如果你想成为无所不能的神人：汇编

什么？不感兴趣？好吧好吧～

来点不正经的～XD

如果你想乱打键盘都能写程序：Malbolge（官方网站）
如果你想要以图片编程：Piet（官方网站）
如果你只想以Tab键和Space键编程：WhiteSpace（官方网站）
如果你想以这样子编程：l33t语言（Wikipedia）
如果你想当个厨师：Chef语言（官方网站）
如果你想当Orang-utan（人猿）：Ook!（官方网站）

呵呵，有正经的，也有些不正经的～

希望正经的对新手有些帮助～

C和C++不完全是cross platform,有些Windows API是其他platform没有的，
学真正的编程没有特定的答案，初学的话C++是很好的选择(I/O会比C容易)，基础ok的话我推荐的是Java
有GUI的什么language都有GUI只是看你想不想用,不过VB算是最基本的
网络发展少了MySQL(网络DB)，HTML5，jQuery, .NET,
OOP其实Java，C++和C#可以，C其实也可以只是没那么强
其实也有一个如果要编逻辑的话可以选Prolog

当然这些只是我一点点心得

孤独少女 发表于 2012-6-21 07:24 PM
C和C++不完全是cross platform,有些Windows API是其他platform没有的，
学真正的编程没有特定的答案，初学 ...

Prolog 没听过耶。。

查看原文请按这里

一个在网络上看到的网页，不错（很适合折腾IE类的浏览器）

先来到这个网页：CSS多啦A梦测试

然后看看你的多啦A梦长成什么样子的：

1.2.3.

4.5. 6.   

7.8.9.

1和2是动画，眼珠会动的哦～～

笔者在360Chrome是1，在IE9是3，在IE7的是8，在Firefox是4

你们的呢？

查看原文章

学电脑编程语言的第一大步就是要确定自己得学习方向以及需要拿来干嘛?做什么?等等

有一些建议可以看看这里:【原创】【教程】编程新手该学哪门编程语言？

第二步就是开始学习
整个学习过程中,有些东西是不能少的:

1,n本编程书
不管是e书,还是纸制书,能看得明白的书都可以。编程书籍类的建议看些step by step （一步一步教的）的书籍，这回比较容易明白！

2,一个好论坛
对,一个就够了。太多论坛会使你分心,往往会造成"上论坛是为了分数,等级",对我而言,好论坛是一个版面整齐,最好无任何烦人广告的论坛,而且必须要有一系列的新手入门资料。还有就是就只专注在一个编程语言的论坛往往会比一堆编程语言得论坛好。

3,你的心
好奇心,上进心是不能少的。如果以随便学学的方式学习,是学不上的

怎样说"入门完毕"呢?
对我而言,入门完毕就是已经能不靠剪贴的方式自行完成一个程序,这里的程序不是指写个hello world 程序,而是一个有实用性的程序。

入门时,一些必须要明白的东西就是一些变量的类型,各种循环结构,条件测试语句,网络链接,字符串操作,各种各样的函数,还有界面操作等等。

入门后,就能开始飞离菜鸟这一称号。能开始一些比较难的操作,诸如学习WIN32API,结合入门时所学的东西来写个更加完整的程序,并且向外发布,并且学习如何收集用户反馈,和修复bug。这个阶段你可以开始组织一个小团队,学习怎样和人家合作等。

当你觉得你已经转为一个高级的程序员后,可以尝试突破编程语言哦限制,比如混合编程,在c语言内搞GUI,用vb6实现超级稳定的多线程等等,开始了解系统底层,写个更加强大的程序。此外,也可以学习汇编语言,来点硬件编程,也可以写一些教程给新手们,回顾一些之前学过的东西。也许在这个阶段些个操作系统练练手也很不错。

在进阶点呢,就可以当系统安全顾问啦,在这个阶级如果走对方向,你的前途无量啦。



还有提醒一句：在读教程时，千万不要跳来跳去的，这会然你很难把一个编程语言学的好。


笔者我混的论坛：
1、Batch 批处理脚本
批处理之家
2、VB6论坛
VBGood
3、AutoIt
AutoIt中文论坛


还有MSDN可是程序员的福音啊！（虽然笔者不常去逛～）

后记,
第一次用手机写文章,哈!
还有这些只是个人意见哦！

原文章请看这里

在网络上看到很多有意思的文章以及一些很有用的资源，就整理出了这篇文章来～

1、仿MS-DOS的网站——http://stopwilson.com/

2、仿iPad的网站——http://alexw.me/ipad2/

3、仿Windows 3.1的网站——http://www.michaelv.org/

4、想用汇编写个简单的操作系统？看看这里——How to write a simple operating system 和 Operating System Development Series

5、用滚动条显示时间——http://toki-woki.net/p/scroll-clock/

6、用CheckBox做成一个水滴效果（Chrome 中而已）——http://www.the389.com/9/3/
整个网页都是CheckBox，随便点其中一个CheckBox,漂亮的水滴效果就出来啦！

7、用滚动条做的扭动效果（Chrome 中而已）——http://www.the389.com/9/5/

8、用CheckBox玩音阶（Chrome 中而已）——http://www.the389.com/7/2/

9、用滚动条做的波浪效果（Chrome 中而已）——http://www.the389.com/9/1/

10、还有Chrome的实验田——http://www.chromeexperiments.com/

11、HTML5线上游戏——http://playbiolab.com/

12、HTML5线上游戏，被碰到红点啊！——http://hakim.se/experiments/html5/sinuous/01/

13、HTML5 PacMan——http://arandomurl.com/2010/07/25/html5-pacman.html

14、环形俄罗斯方块——http://www.benjoffe.com/code/games/torus/

15、Chain Reaction——http://www.yvoschaap.com/chainrxn/

就到这里了吧。

原文链接请看这里（这文章因为排版的关系去掉了一些些的内容）

前几天看到了这个网站——http://thedeepestsite.com/

号称是最深的网站，有多深呢？——8公里，是的8000米

这网站是为一个饮水品牌而建的，而地底面往下8公里既是其水的来源

能拿来干嘛呢？

对！往下滚动到8000米以下！

这不是一分钟就能做得到的哦！必须要8小时才能做到！（笔者用了9个小时呢。。）

每个成功滚到8000米以下的用户，网站就会将其名字刻到石层上，作为鼓励

整个8000米中有7个不同的土层，不同的土层会显示不同的纹理

第一层：Turf / Soil / Bedrock

第二层：Sandstone

第三层：Volcanic Rock

第四层：Flysch

第五层：Water

第六层：Mixed Group

第七层：Granite

如果你有Facebook帐号，可以点击网页左下角的“Connect With Facebook”

一来能发布当前已经Scroll到多少米了，二来能保存进度

其实真的需要8、9个小时不停的手工滑动么？

不必的！

最近笔者接触了AutoIt3，一个很不错的脚本语言，自动化操作交给他保证没问题！

所以笔者就动手写了个脚本，用以自动往下滚动网页

（注：该网页必须是可现实的，而且必须在说有的程序的最上方，也就是必须有焦点的，鼠标也必须在网页内，就像怎样人工Scroll网页一样）

这脚本很简单，读者们必须向开启网页，然后再运行这个脚本!

啊？不懂怎样运行？

下载这个已经编译成exe的脚本文件：ScrollingScript.exe

怎样停止呢？

只要点击系统栏上的AutoIt图标就好了!（菜单出现需要一段时间）

然后好好看着电脑帮你Scroll该网页吧！

这个是笔者自己用脚本，加了点提示信息：

已经编译成exe下载地址：ScrolingScript - GaryNg

PS:笔者已经到底了～有图为证！

原文章请看这里

好久不见！最近考试啦，不得空写文章。近几天，在一位编程大大的教导下（Gnix），完成了我人生第一个DLL。

过程中遇到好多困难，比如怎样枚举子窗口、设置文本等等，最后还是一一解决了

学到了个新的API —— EnumChildWindows

函数原型（摘自MSDN）：

BOOL WINAPI EnumChildWindows(  __in_opt  HWND hWndParent,  __in      WNDENUMPROC lpEnumFunc,  __in      LPARAM lParam);

EnumChildWindows 是个回调函数，什么来的？

就是个API，每当有事件发生时（这里是找到了一个子窗口），就会调用该函数，lpEnumFunc就是要指向函数地址。

而回调函数是长这么一个样的：

BOOL CALLBACK EnumChildProc(  __in  HWND hwnd,  __in  LPARAM lParam);

hwnd就是控件的句柄啦！

在Code::Blocks 内写DLL时发现一个问题，但是还是被解决了——那就是DLL_PROCESS_ATTACH等事件竟然没被激活

Google了下，找到了解决办法，就是在前头加上 extern "C"

真是的，废话说太多了啊，跑题了。。

注意：此DLL在32bit的环境下编译，与64bit的机器不兼容！还有此DLL对Windows XP 下的计算器无效（怀疑Windows XP的Calculator 的按钮文本是画上去的。。）

还需要准备一个DLL injector，推荐的有Winject，但是我用了Gnix写的Dll Injector~

先发个在Windows 7 下测试的截图

按钮都成了自己设置的文字啦哈哈！

好啦！

【下载地址】

Calculator Prank DLL Download Link:Calculator Prank.dll

Winject Download Link:Winject.exe

Gnix 写的DLL injector: Dll Injector By Gnix.exe

来个视频呗！

原文章请看这里

发了【原创】【C】恶搞Windows 计算器——Windows Calculator Prank 这篇文章过后，网友的反应很不错热烈，Gnix 的DLL 注射器有点点BUG，我的计算器Prank 不支持x64的电脑。

所以，开了一个比较简单的网页（我对HTML等不熟悉啊，请见谅啊。。），专门给大家下载我上载到DropBox的东西——garyzone.tk

网页有点垃圾（呵呵），请见谅啊。。

这个网页也是基于DropBox的，只是申请了个tk域名，比较容易记

Source Code 下载呢，就在“Source Code”的栏目哪儿，点击一下就会看到几个C/C++的源代码下载了！

源代码是开源的，能随意修改以及传播，但是切记，请勿用于商业用途！

我把下载Source Code 的栏目iframe 到这里来了：

（我不能发HTML代码，囧。。。）

旧帖已锁。。。

原帖请看这里

看到 4z1@EvilShad0w 开放友情申请，我去申请了，也添加了该站的链接到旁边“友情链接”的那个项目（将滑鼠滑倒右边就看到了～）

申请方式

站名：

网址：

网站简介：

联络方式：（比如Facebook, Email等等）





例子：

站名：Gary's Zone

网址：http://garyngzhongbo.blogspot.com/

网站简介：又是另外一个简单的IT部落格。

联络方式：[email protected]






笔者就会将你的站点添加到“友情链接”内

格式是：站点名（网站简介）



笔者有权利撤下或不接受申请！

谢绝任何敏感站点！




请以留言的方式申请！

完整原文请查看这里

前几天某个闪盘把剧毒带进了电脑内，几乎感染了所有的EXE文件。存放本站资源的DropBox也无能幸免（【紧急】本站DropBox中毒了）。

翻了整个橱柜，找到了几片启动光盘，里面有个N年前的AVG的Rescue Disk，花了几个小时扫描，终于还是把大部分的病毒清除了。（笔者还不确定是不是全部都清干净了呢！）

从本站DropBox下载的文件（包括Gary’s Software Download Zone）请顺手杀杀毒吧，如果查出是W32.Sality.Y（笔者就是中了这个毒），就千万不要运行！此病毒会很猛力的列出所有磁盘，然后在搜索exe文件，接着修改exe的入口点，把自己的感染代码复制到exe内（此动作会使exe的大小增加大概30KB），每当运行被感染的文件后，就会像他的“爸爸”那样，感染其他未感染的exe文件。就这样，笔者的电脑上的大部分的exe文件都被感染了。

刚刚开始360杀毒就猛报“W32.Sality.Y” 病毒，并且显示“病毒代码已清除”，但是治标不治本，才不到几分钟的文件，该exe又重新被感染，用XueTr（官方网站）查看所有的进程，却找不到任何属于病毒的进程，当360杀毒跳出“远程注入”的警告窗后，我终于知道了，这病毒是远程注入运行的！我的ctfmon.exe 被感染了，一直注入其它进程内。

然后360杀毒向我推荐了他的“360急救箱”，但是越扫越遭，重启后竟然多次蓝屏。然后花了一整个晚上用360杀毒扫描（当初真的找不到其他的杀毒软件了），弹还是没有成功清除所有的病毒，反而搞到360主动防御模块也被感染了，360杀毒的N多功能也不能正常开启，360急救箱的主文件也被感染，然后看到了之前烧录的Win7PE，又看到了360为WinPE特制的360急救箱，下载了后用光盘开机，又花了N多的时间在Win7PE下用WinPE版本的360急救箱扫描了N久，却没扫出任何东东。

遇到这种麻烦的情况，第一时间就是想到安全模式嘛！但是，一进入SafeMode，调皮的Windows却摆了个蓝脸个我看（如果你不知道的话，蓝脸=BSOD，Blue Screen Of Death），真不幸运啊！突然看到了Rescue Disk，于是顺手试试，塞进光盘内，重启，等待。。。终于进入了N年前用Sardu（什么来的？下面会说～）制作的Live CD，选择了AVG Rescue Disk，全盘扫描了下，总共5000++个exe文件被感染W32.Sality.Y病毒（幸好N年前的database还能扫除这类病毒），而且大多数的都是程序的exe文件、笔者的程序、还有就是本站的DropBox 资源，没办法了，只好忍心的把所有已感染的exe文件删除。



重启后，大部分的问题都解决了，可是电脑内的N多软件都被逼重装啊！病毒真麻烦！在这里说说下我电脑时中毒的解决方法。

N久前在笔者混的Facebook群组《~大家e起学编程~》中的某个组员发了个病毒，连笔者也中了，但是不算什么剧毒。遇到这种情况时，请用PEid（笔者转载了官方版本的PEid 0.95 到Mediafire上，点击这里下载，官方网站似乎关掉了——http://www.peid.info/）查壳。有壳就去壳（笔者中的病毒不知道用了什么壳，找不到解压器，不会手动脱壳的说><，所以壳也脱不了。）。

如果幸运的话，可能会看到PEid显示该病毒是.net 写的，这是就拿出神器.net Reflector，反汇编吧！（很好的一个软件，直接把.net写的软件反汇编后转换成代码！），赶紧分析出病毒编写者的邮件和密码吧！（似乎.net写不出大型的病毒，不可能要让受害者装个几百MB的.net framework吧？笔者看过的就是几个盗号、键盘记录，然后保存后把信息发送到一个邮箱，而且有只要细心的分析就会找出该邮箱的密码！）

所以只要能，就查壳、脱壳、反汇编！其实，只要有功底的话，也可以用OllyDbg反汇编的～（【原创】第一次使用OllyDbg）。可惜笔者功底不好、不会手动脱壳，所以只要依赖杀毒软件了。

如果不能脱壳（或者你是新手哈哈），那就为电脑来个全盘扫描吧！比较推荐的防毒软件有avast!，AVG，Avira，Kaspersky，还有Windows自行出品的Windows Security Essentials（要安装这杀毒，Windows 必须通过正版验证！）。360旗下的软件都很不错，可是要在紧要关头时（比如说真的真的没有其他防毒软件能用了）才用吧，而且360杀毒不联网杀毒是不行的，本地的病毒库还需要改进。用杀毒软件为电脑来个全盘大扫描，把病毒通通赶出去！

如果电脑能联上网络的话，也可以试试这个很出名的线上病毒查杀的工具：VirusTotal。支持查杀上传的文件（单个文件最大32MB）和网页URL，也可以在VirusTotal中的数据库搜索（点击这边）一个文件或者URL！VirusTotal支持42种不同的杀毒软件查杀，包括了AhnLab-V3、AntiVir、Antiy-AVL、Avast、AVG、BitDefender、ByteHero、CAT-QuickHeal、ClamAV（开源杀毒引擎！）、Commtouch、Comodo、DrWeb、Emsisoft、eSafe、ESET-NOD32、F-Prot、F-Secure、Fortinet、GData、Ikarus、Jiangmin、K7AntiVirus、Kaspersky、McAfee、McAfee-GW-Edition、Microsoft、Norman、nProtect、Panda、PCTools、Rising、Sophos、SUPERAntiSpyware、

Symantec、TheHacker、TotalDefense、TrendMicro、TrendMicro-HouseCall、VBA32、VIPRE、ViRobot、VirusBuster   （点击文字即可转到该杀毒软件的官方主页）。


【文转下楼】

【文接楼上】

防毒软件是很重要的！它在个杀毒的过程中扮演者一个举足轻重的角色。通常一些不太严重的病毒都通不过杀毒软件这一关。如果在正常的模式下不能完全去掉病毒，那就进入安全模式下启动杀毒软件扫描吧，安全模式加载的驱动比较少，病毒被启动的几率比较小，会比在正常模式下扫描更加简单。

安全模式下扫描清除不了，甚至不能进入安全模式（笔者就遇到了这问题，悲剧啊）怎么办？那就只要用启动盘了！笔者有不同的启动盘比如Win7PE，BartPE（可通过PEBuilder制作，PEBuilder的官方网站），老毛桃U盘启动（老毛桃官方网站），Sardu（强力推荐，Sardu的官方网站）等等，都是之前笔者“贪玩”时烧录的，现在终于用到了！个人比较推荐之前举例的几个因为集合了很多常用的工具比如DiskGenius、Dos工具箱、Win7PE等等，而Sardu是个万能的启动盘自作工具，支持制作ISO和启动盘。



Sardu包含了各种各样不同的工具和操作系统，分为5大类，分别是Antivirus、Utility、Linux和Windows，每个分类都包含了很多不同的工具，Antivirus下有AVG Rescue、BitDefender Rescue、Kaspersky Rescue等15种不同的防毒软件，Utility下有Clonezilla、Gparted、Partition Wizard、Ophcrack、Trinity Rescue Kit、Ultimate Boot CD等等15种常工具，Linux下有BackTrack、Damn Samll Linux、Puppy Linux、xPUD、Ubuntu、Kubuntu、Android x86等等总共17种Linux类的操作系统，而Windows大类又分成Windows PE、Win Recovery Disk和Win Installer 三小类，全部均属于Copyrighted file，不能下载，要自行制作。

在Sardu下制作启动盘的方法很简单，只下载相应的ISO文件，然后放到Sardu的ISO文件夹下，开启Sardu后，程序就会自动搜索ISO文件和闪盘（Pendrive），点击“Make USB”就可以制作启动盘了！ （注：制作启动盘会格式化该闪盘！请备份重要数据！）。烧录好启动盘或者Boot CD 后，就可以使用光盘/闪盘开机（记得在BIOS设置U盘为First Boot Device）了，然后就选择Antivirus 目录，进入AntiVirus就可以扫毒了（在这个时候病毒应该不可能启动了吧）。

杀毒软件虽重要，启动盘也不能少，强烈建议现在开始烧录一个启动盘做备用！有一天肯定会用到的！假如连杀毒都救不了，那只好掏钱给电脑店重装系统（其实也可以自己来的！）了。





还有，笔者之前说了本站的DropBox文件被感染了吧（【紧急】本站DropBox中毒了）？现在分享下Dropbox救了本站资料一命的功能——View Versions。先登录网页版本的Dropbox：www.dropbox.com，然后在需要恢复到之前版本的文件上点击右键，在弹出的菜单上选择“Previous Versions”，然后就会看到一个显示文件版本历史的表，点击其中一个version，按下左下角的“restore”就好啦！



呼～好长的一篇文章，希望对大家有用！

【全文完】

旧帖已经关闭。。麻烦版主了><

完整文章请看这里

记得Google 的 do a barrel roll 么？（ 本站的【特效】神奇的Google）还有 Askew、Tilt、ASCII ART和更加好玩的Goglogo 吗？（本站的【收集】Google 与关于Google的一些小花样），这次笔者带来了更多更好玩的！

PS:这些网页均在Google Chrome 中通过，但不保证其他浏览器能！

1、两个O会消失的Google 页面：http://darkartsmedia.com/google.html

可以拿来作弄人家～

2、反转版本的Google Search：http://elgoog.im/

搜索页面也是反转的：

3、“省电”版本的Google：http://www.blackle.com/

4、Google 也潜水啦！：http://elgoog.im/underwater/

搜索时，会掉入很多很多图片：

5、Google Terminal：http://elgoog.im/terminal/

怀念BBS么？

连搜索页面都被处理了：

6、当为Google Search页面施加引力：http://elgoog.im/gravity/

被挤成一团的搜索结果：

7、还有Google PacMan!:http://elgoog.im/pacman/

8、Google Search 也有一些搞笑的语言：https://www.google.com/preferences#languages

比如：https://www.google.com/webhp?hl=xx-elmer

还有 https://www.google.com/webhp?hl=xx-piglatin

Bork,Bork,Bork! ：https://www.google.com/webhp?hl=xx-bork

Hacker!：https://www.google.com/webhp?hl=xx-hacker

后面还有Google 愚人节搞出来的东西》》》

完整文章请看这里

点击这里查看完整版本

是否想看看10年前Microsoft的主页长什么样的？想看看几年前Google 的样子吗？要如何访问已经关闭的站点？

笔者介绍大家一个线上工具——http://web.archive.org。

Browse through over 150 billion web pages archived from 1996 to a few months ago. To start surfing the Wayback, type in the web address of a site or page where you would like to start, and press enter. Then select from the archived dates available. The resulting pages point to other archived pages at as close a date as possible. Keyword searching is not currently supported.

The Wayback Machine，网页时光机。这个网站从1996年开始到最近的几个月保存备份了全世界月150亿个从不同网站、站点的网页。只要把欲查看的网页输入，The Wayback Machine 就会显示一个时间线，让用户选择特定时间的网页备份。

我们拿微软的官方网站开开刀吧：

去到http://web.archive.org，输入http://microsoft.com，然后点击“Take Me Back”：

过后就能在上方的时间线选择该网站的备份了：

我们来看看2001年的Microsoft是什么样子的！

蓝蓝色的圆圈是显示该网站在那个时间备份，把鼠标滑倒圈圈上还能显示以及选择在当天那个时间的备份：

点击日历上的日期后，就会转到备份页面

上方的ToolBar 可以通过点击那个小小的 关闭

这就是2001年Microsoft网站长得网址了！

当时Windows 2000才刚刚出呢！

看看Google 1998年时的样子：

看得出，Google 的主页10多年来都没有变，那就是——简单就是美

看看1996年的Yahoo!1吧：

Yahoo!充满信息的页面，就这样一直流传下来。。。

当然，想要查看某个网页过去的样子的前提就是——The Wayback Machine一定要曾经备份该网站，要不然的话，The Wayback Machine就会事实显示该网站，网址也会转为http://liveweb.archive.org：

The Wayback Machine 还有一个好处，那就是能“重温”已经关闭了的站点，比如http://bbs.verybat.org，直接访问的浏览器会给你个“This webpage is not available”，用时光机看看：

版面乱了点，但是有一些帖子依然能查看！

完整文章点我点我～！

各位有没有发现到本部落格换了个样子，改了个面貌啊？还不错吧？

自从Blogger 推出了新的“动态视图”（Dynamic Views）过后，笔者鉴于他的简洁度而使用了动态视图的Sidebar模板。





但是，早期时的动态视图缺乏很多功能——比如不能使用“修改HTML”、“布局”、不能调整Sidebar大小，这一直困扰着笔者——要不要换回之前的模板呢？

直到最近，Blogger 才逐一加入并完善了这些功能，现在的动态视图也可以加入gadget了！



前几天，笔者找到了这个部落格——Southern Speakers，大多数的部落格教程都是为旧版的blog写的（即非动态视图的部落格），然而Southern Speakers 大量的教程都是以CSS代码为主，不必更改HTML 代码，所以非常适合使用动态视图的部落格，笔者在里面逛了一整天，找到了一些挺不错的教程，也将其CSS代码运用到了本部落格上～



【动态视图部落格美化】一下的教程多数以CSS代码为主！

怎样添加自定义的CSS代码？（以新版本的Blogger管理界面为例子）



逐一点击 模板——》在“博客现用图片”下的 自定义



——》高级——》Add CSS 就可以啦！



【开始！】



1、有木有看到本部落Sidebar多了个漂亮的滚动条？



这个滚动条漂亮吧!

笔者参考了Southern Speakers的这篇教程—— Scrollbar for Sidebar Posts in Blogger Dynamic Views

在Add CSS 加入以下代码！

加入滚动条的代码如下：




.sidebar #sidebar, .ss{margin-top: 12px !important;  /*12px就是滚动条距离headerbar 的距离，笔者的为0px，表示无距离*/overflow-y: scroll !important;}


更改滚动条样式的代码如下：

::-webkit-scrollbar {margin-right: 5px;background-color: #EEE;width: 7px; /*滚动条宽度，笔者的为10px*/}::-webkit-scrollbar:horizontal {margin-right: 5px;background-color: #EEE;height: 7px;}::-webkit-scrollbar-thumb {border: 1px #EEE solid;border-radius: 12px;background: #777;-webit-box-shadow: 0 0 8px #555 inset;box-shadow: 0 0 8px #555 inset;-webit-transition: all .3s ease-out;transition: all .3s ease-out;}::-webkit-scrollbar-track {-webit-box-shadow: 0 0 2px #ccc;box-shadow: 0 0 2px #ccc;}


2、在部落格帖子下加入作者名字



参考了这篇文章—— Adding Author Name Below Post Title in Blogger Dynamic View

打开Add CSS，加入以下代码




.article .article-header h1.title:after, .ss{content:"by XXX"; /*把XXX换成作者名字*/display: block;padding-top: 10px;font-size: 14px !important;color: grey !important;}


3、在部落格帖子旁边显示Date Ribbon

其他的Dynamic Views 模板都有这个功能，但是只有Sidebar 没有。。



参考了这篇文章——Show Date Ribbon in Blogger Sidebar Dynamic Views

打开Add CSS 加入以下代码：


.sidebar .article .article-header .date, .ss {display: block !important;}





4、更改Loading Icon



默认的Loading Icon 是这样的：







笔者改成了：

这里的源码—— Remove Loading Gear from Blogger Dynamic View，原本的代码是去掉Blogger 的Loading gear：

.ss,.blogger-gear{display: none;}



笔者照着这个源码改成了更改Loading Gear的代码：

.ss,.blogger-gear{background-image: url('XXX); /*把XXX 换成自定义的载入动画}



5、把Pages定位到header bar 中间









参考了这篇文章——Centering Header Links in Blogger Dynamic Views



在Add CSS中添加以下代码：
.tabs{width: 80% !important;text-align: center !important;}


6、更改Blogger的“Add A Comment”











参考了这篇文章—— Change “Add a Comment”in Blogger Dynamic Views



在Add CSS 中添加以下代码：



.comments-header h3{font-size: 0px;}.comments-header h3:before{content: "Drop some words!"; /*把Drop Some Words! 换成想要显示的提示信息，比如笔者的是Give Some Comments!*/font-size: 14px;}