emlog主题模板建造教程:筹备事情

  OK,从这篇日志开始,我们就要对扒皮做筹备事情了,这里我们用最最简朴的要领(原始但可以让许多人可以领略的要领)。

  首先我们在本身电脑的桌面(位置可以本身抉择)成立一个文件夹(我这里定名为ikujia),在ikujia文件夹下再建一个文件夹定名为images(用来存放图片)和一个js文件夹(用来存放JS文件)。

  接着我们打开一个方针站:(这里我们觉得方针举办操练)。进入首页,“右键”→“查察原代码”(也可以欣赏器上的“查察”→“源文件”)。

  我们一个一个的把CSS文件提取生存出来,要领:

<link rel="stylesheet" href=http://down.chinaz.com/"http:/imotta.cn/wp-content/themes/ultimo/css_reset.css" type="text/css" media="screen" />
<link rel="stylesheet" href=http://down.chinaz.com/"http:/imotta.cn/wp-content/themes/ultimo/style.css" type="text/css" media="screen" />

  我们可以看到,这是方针站的,我们可以提取和这2个CSS生存到我们适才成立的ikujia文件夹下,再提取JS生存,要领同CSS一样。

  最后一步(有点巨大,但也是最最原始的要领,其他简朴的要领这里不做先容)。

  打开我们生存的CSS文件,提取内里所有的图片生存。

  这里我们举个例:

div#header div.blog_title h1 a{
font-size: 18px;
color: #333;
line-height: 24px;
background: url(images/image-all.gif) no-repeat;
background-position: 0 0;
display: block;
height: 53px;
width: 186px;
text-indent: -9999px;
/* special event logo
background: url(images/logo-s.gif) no-repeat;
width: 238px;*/
}

  这里我们可以看到background:url(images/logo-s.gif)no-repeat;,我们就提取images/logo-s.gif,完整的路径就是(这里我们可以阐明CSS的路径可以得出地点),在前面加上就可以生存了。

内容版权声明:除非注明,否则皆为本站原创文章。

转载注明出处:http://www.heiqu.com/10721.html