What will I do without you?

Link Hover 3

â€¢Selasa, 22 Januari 2013

<style>

.navi1{
display: inline-block;
width: 110px;
padding: 7px;
background:#222;
margin: 1px;
color: #ffafbe;
font-size: 8px;
text-align: center;
font-family: tt;
letter-spacing: 2px;
text-transform: uppercase;
-transition-duration: 0.5s;
color:#fff;-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
box-shadow:inset 0 0px 0px #575757;
opacity:.7;
}

.navi1:hover {
box-shadow:inset 0 50px 8px #ffafbe;
background: #575757;
color: #fff;
letter-spacing: 2px;
-transition-duration: 0.5s;
}

</style>

Link Hover 2

+Follow

<style>

a.omo{ display:inline-block;
display:inline-block;
-webkit-transition:All 0.8s ease ;
-moz-transition:All 0.84s ease ;
-o-transition:All 0.8s ease ;
padding:6px; letter-spacing:2px;
margin-bottom:2px;
width:200px;
text-decoration:none;
font-family:tt;
font-size:8px;
text-transform:uppercase;
color: #fff;
background: #575757;
text-align:center;
border-left:10px solid #222;
border-right:10px solid #222;
}
a.omo:hover{
-moz-box-shadow:inset -200px 0px -300px -0.5px #ccc;
-webkit-box-shadow:inset -300px 0px -400px -0.5px #fff;
box-shadow:inset -300px 0px 0px -0.5px #ccc;
color: #000000; 
border-bottom:0px;
border-left:10px solid #575757;
border-right:10px solid #575757;
}
</style>

Link Hover 1

+Follow

<style>

a.nika {
letter-spacing:1px;
-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
margin:1px;
cursor:pointer;
text-transform:uppercase;
display:inline-block;
font:8px tt;
text-align:center;
background: #fff;
width:95px;
color:#888;
padding:5px;
border:1px solid #dadada;
text-decoration:none;
}
a.nika:hover{
border:1px solid #f1f1f1;
background:#fff;
}

</style>

Image hover 7 ::

â€¢Sabtu, 29 Desember 2012

Text What ur want

Hover to preview:

如果你想要把它捡起来按 ctrl+click 单击您要捕获的图像。

这是我次设计

如果你想利用它让我知道！还是爱情消息:)

<style>

.ch-item {
 width: 100%;
 height: 100%;
 border-radius: 50%;
 position: relative;
 box-shadow: 0 1px 2px rgba(0,0,0,0.1);
 cursor: default;
}

.ch-info-wrap{
 position: absolute;
 width: 170px;
 height: 170px;
 border-radius: 50%;

 -webkit-perspective: 800px;
 -moz-perspective: 800px;
 -o-perspective: 800px;
 -ms-perspective: 800px;
 perspective: 800px;

 -webkit-transition: all 0.4s ease-in-out;
 -moz-transition: all 0.4s ease-in-out;
 -o-transition: all 0.4s ease-in-out;
 -ms-transition: all 0.4s ease-in-out;
 transition: all 0.4s ease-in-out;

 top: 20px;
 left: 20px;
 background: #222;
 box-shadow: 
  0 0 0 20px rgba(255,255,255,0.2), 
  inset 0 0 3px rgba(115,114, 23, 0.8);

}

.ch-info{
 position: absolute;
 width: 170px;
 height: 170px;
 border-radius: 50%;

 -webkit-transition: all 0.4s ease-in-out;
 -moz-transition: all 0.4s ease-in-out;
 -o-transition: all 0.4s ease-in-out;
 -ms-transition: all 0.4s ease-in-out;
 transition: all 0.4s ease-in-out;
  
 -webkit-transform-style: preserve-3d;
 -moz-transform-style: preserve-3d;
 -o-transform-style: preserve-3d;
 -ms-transform-style: preserve-3d;
 transform-style: preserve-3d;

}

.ch-info > div {
 display: block;
 position: absolute;
 width: 100%;
 height: 100%;
 border-radius: 50%;
 background-position: center center;

 -webkit-backface-visibility: hidden;
 -moz-backface-visibility: hidden;
 -o-backface-visibility: hidden;
 -ms-backface-visibility: hidden;
 backface-visibility: hidden;
}

.ch-info .ch-info-back {
 -webkit-transform: rotate3d(0,1,0,180deg);
 -moz-transform: rotate3d(0,1,0,180deg);
 -o-transform: rotate3d(0,1,0,180deg);
 -ms-transform: rotate3d(0,1,0,180deg);
 transform: rotate3d(0,1,0,180deg);
 background: #fff;
}

.ch-img-1 { 
 background-image: url(背景URL);background-size:300px;
}

.ch-item:hover .ch-info-wrap {
 box-shadow: 
  0 0 0 0 rgba(255,255,255,0.8), 
  inset 0 0 3px rgba(115,114, 23, 0.8);
}

.ch-item:hover .ch-info {
 -webkit-transform: rotate3d(0,1,0,-180deg);
 -moz-transform: rotate3d(0,1,0,-180deg);
 -o-transform: rotate3d(0,1,0,-180deg);
 -ms-transform: rotate3d(0,1,0,-180deg);
 transform: rotate3d(0,1,0,-180deg);
}

.ch-grid {
 margin: 0px 0 0 0;
 padding: 0;
 list-style: none;
 display: block;
 text-align: center;
 width: 100%;
}

.ch-grid:after,
.ch-item:before {
 content: '';
    display: table;
}

.ch-grid:after {
 clear: both;
}

.ch-grid li {
 width: 210px;
 height: 210px;
 display: inline-block;
 margin: 0px;
}

@font-face {
font-family:tinytots;
src:url(http://static.tumblr.com/rmj06l2/Usellxb4i/tinytots.ttf); }


</style>

<ul class="ch-grid">
<li><div class="ch-item ch-img-1">
<div class="ch-info-wrap">
<div class="ch-info">
<div class="ch-info-front ch-img-1">
</div>
<div class="ch-info-back">
<br />
<br />
<br />
<div style="font: 8px tinytots; left: 0px; opacity: 1;">
Text What ur want<br /><br /><br /><br />
<img src="http://media.tumblr.com/tumblr_m7egooq3s71qdlkyg.gif" /></div>
</div>
</div>
</div>
</div>
</li>
</ul>
<br />

背景URL：你想放的照片

Image hover 4 ::

â€¢Senin, 24 Desember 2012

Hover to preview:

如果你想要把它捡起来按 ctrl+click 单击您要捕获的图像。

这是我次设计

如果你想利用它让我知道！还是爱情消息:)

<style>

.img{
opacity: .8;
-webkit-filter: grayscale(1);
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}

.img:hover{
opacity: 1;
filter: none;
-webkit-filter: grayscale(0);
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}

</style>

image hover 3 ::

Hover to preview:

如果你想要把它捡起来按 ctrl+click 单击您要捕获的图像。

这是我次设计

如果你想利用它让我知道！还是爱情消息:)

<style>

.img {
filter: hue-rotate(360deg);
-webkit-filter: hue-rotate(360deg);
-moz-filter: hue-rotate(360deg);
-webkit-filter;(1);
-webkit-transition: all 0.7s linear;
-moz-transition: all 0.7s linear;
transition: all 0.7s linear;
}
.img:hover {
filter: hue-rotate(0deg);
-webkit-filter: hue-rotate(0deg);
-moz-filter: hue-rotate(0deg);
-webkit-filter;(0);
}

</style>

</center>

Image hover 2 ::

Hover to preview:

如果你想要把它捡起来按 ctrl+click 单击您要捕获的图像。

这是我次设计

如果你想利用它让我知道！还是爱情消息:)

<style>

.img{
background:transparent:
box-shadow:inset 0 0px 0px #D2AA7B;
-webkit-transition: all 1s ease-out;
-moz-transition: all 1s ease-out;
transition: all 1s ease-out;
padding:5px;
border:2px solid #D2AA7B;
}

.img:hover{
box-shadow:inset 260px 0px 1px #D2AA7B;
inset -260px 0px 1px #D2AA7B;
}
</style>

</center>

Image hover 1 ::

Hover to see preview :

如果你想要把它捡起来按 ctrl+click 单击您要捕获的图像。

这是我次设计

如果你想利用它让我知道！还是爱情消息:)

<style>

.img{
opacity: 1s;
border:none;
padding:0px;
-webkit-transition: all 1s ease-in-out;
-moz-transition: all 1s ease-in-out;
-o-transition: all 1s ease-in-out;
-ms-transition: all 1s ease-in-out;
transition: all 1s ease-in-out;
border-radius:5px;}

.img:hover{
border-radius:50px;
opacity: 1; }

</style>

</center>

Status box 1

â€¢Minggu, 23 Desember 2012

Preview only :

So goodbye

So Goodbye Don’t cry and smile gaseum sirideon sigandeul moduda bonaejulgeoya So Goodbye eodumsok oerobdeon na nan nega piryohae I need your love again mae-il tto geuraewat deusi apeun sangcheowa seulpeun gi-eokeul jiwogadeon na neol cheo-eum bon geu sungane nan meomchundeuthaetgo nan neoman boyeosseo geochinsiryeone muneojyeo gajiman huhoeneun eobseul geot gata dununeul gameumyeon ni sumgyeori neukkyeojyeo ijeneun nan useul su isseo So Goodbye Don’t cry and smile gaseum sirideon sigandeul moduda bonaejulgeoya So Goodbye eodumsok oerobdeon na nan nega piryohae I need your love again geochinsiryeone muneojyeo gajiman huhoeneun eobseul geot gata dununeul gameumyeon ni sumgyeori neukkyeojyeo ijeneun nan useul su isseo So Goodbye Don’t cry and smile gaseum sirideon sigandeul moduda bonaejulgeoya So Goodbye eodumsok oerobdeon na nan nega piryohae I need your love again So Goodbye Don’t cry and smile himgyeobdeon sigandeul neol wihaeseo neol wihae ijeobolkkeoya So Goodbye eodumsok oerobdeon na nan nega piryohae I need your love again nan nega piryohae I need you for my love

如果你想要把它捡起来按 ctrl+click 单击您要捕获的图像。

这是我次设计

如果你想利用它让我知道！还是爱情消息:)

<style>

<div style="-moz-border-radius-topleft: 30px; -moz-border-radius-topright: 30px; -webkit-border-top-left-radius: 30px; -webkit-border-top-right-radius: 30px; background: #FFAFBE; border-bottom: none; border-top-left-radius: 30px; border-top-right-radius: 30px; border: 3px solid #FFAFBE; color: white; padding: 5px; text-align: center; width: 260px;">
Title here</div>
<div style="background: #fff; border: 3px solid #FFAFBE; height: 100px; overflow-x: hidden; overflow-y: scroll; padding: 10px; width: 250px;">
Your text</div>

Biases List 1

Preview:

NAME

如果你想要把它捡起来按 ctrl+click 单击您要捕获的图像。

这是我次设计

如果你想利用它让我知道！还是爱情消息:)

Blogskin/经典范本：上面的代码粘贴在下面

<style>
.iconborder {
background: #6E6E6E;
width: 100px;
padding: 10px;
}

.icon {
width: 90px;
margin-right: 5px;
background: #FFAFAF;
padding: 5px;
}

.name {
color: #D2E3FC;
background: #FFAFAF;
text-transform: uppercase;
font-size: 9px;
margin-top: -5px;
width: 96px;
text-align: center;
padding: 2px;
}
</style>
</div>
<center>
<table border="0" bordercolor="0" style="font-size:11px;" width="500px" cellpadding="3" cellspacing="10">
<tr>

<td><img class="icon" src="http://i1126.photobucket.com/albums/l617/aiikoyumi/2-1.gif"><div class="name">
NAME</div>
</td>

<td><img class="icon" src="http://i1126.photobucket.com/albums/l617/aiikoyumi/2-1.gif"><div class="name">
NAME</div>
</td>

<td><img class="icon" src="http://i1126.photobucket.com/albums/l617/aiikoyumi/2-1.gif"><div class="name">
NAME</div>
</td> 

<td><img class="icon" src="http://i1126.photobucket.com/albums/l617/aiikoyumi/2-1.gif"><div class="name">
NAME</div>
</td> 

<td><img class="icon" src="http://i1126.photobucket.com/albums/l617/aiikoyumi/2-1.gif"><div class="name">
NAME</div>
</td>

</tr>
</table>
</center>
</center>
</div>
<br />
<br />

Blockquate I

Preview:

Blockquote hover I

如果你想要把它捡起来按 ctrl+click 单击您要捕获的图像。

这是我次设计

如果你想利用它让我知道！还是爱情消息:)

Blogskin/经典范本：上面的代码粘贴在下面</ STYLE>

模板设计师：这些代码粘贴以上 ]]></ b：skin>

blockquote{
background:url(背景URL);
padding:10px;
border-left:20px solid #F5D0A9;
border-right:0px solid #F5D0A9;
-webkit-transition: all 1s ease-in-out;
-moz-transition: all 1s ease-in-out;
-o-transition: all 1s ease-in-out;
-ms-transition: all 1s ease-in-out;
transition: all 1s ease-in-out;
color: 颜色;
}
blockquote:hover{
border-left:0px solid #6E6E6E;
border-right:20px solid #6E6E6E;
color:颜色;
}

红色：你想放的照片
紫色 : 你喜欢的颜色

Effect :: 对写 ::

你想对这样的事情吗？

这是一个步骤，以使该效果:)

首先，你打开：photshop CS5。选择“文件/File” - >“新建/new”

或用 Ctrl N

在出现新的画布。

您可以选择根据的话，你想要把它的宽度和长度的大小：D

在此之后，您可以选择图像工具T :)

或更好的容易按 T 键键盘上的:)

当你写：0。你找 fx (blending Options) 在的右下角:)。

他们的角色添加到写作的影响

之后，单击“混合选项/ Blending Options”。选择 Drop Shadow。要将阴影添加到文本中。除了颜色框。

如我在上面的图片:)

可以不会随便把颜色XD

像以前一样，现在你选择底部 Inner Shadow

再次选择下面的 Outer Glow :) 不过，你必须在上面的图片所示，使用渐变

如上:) 现在选择 Inner Shadow

选择底部的一部分，这是 Stroke. 将颜色更改为白色:)后，按OK:)

一旦准备好:)出版社 Ctrl+Shift+s :) 保存。您保存到PNG *为了使图片Transparant. xD

NB : 如果有人不知道，你不应该直接评论:)希望有用

big applause for them

in the making of this template

Layout: Liyana
Icons: Imma VIP
Help by : Imma VIP Others: Imma VIP | Google | We

Best viewed with Google Chrome

past entries

didn't have the chance to read my last post?

Link Hover 3

Link Hover 2

Link Hover 1

Status box 1

Biases List 1

Link Hover 3

â€¢Selasa, 22 Januari 2013

+Follow

<style>

.navi1{
display: inline-block;
width: 110px;
padding: 7px;
background:#222;
margin: 1px;
color: #ffafbe;
font-size: 8px;
text-align: center;
font-family: tt;
letter-spacing: 2px;
text-transform: uppercase;
-transition-duration: 0.5s;
color:#fff;-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
box-shadow:inset 0 0px 0px #575757;
opacity:.7;
}

.navi1:hover {
box-shadow:inset 0 50px 8px #ffafbe;
background: #575757;
color: #fff;
letter-spacing: 2px;
-transition-duration: 0.5s;
}

</style>

Link Hover 2

+Follow

<style>

a.omo{ display:inline-block;
display:inline-block;
-webkit-transition:All 0.8s ease ;
-moz-transition:All 0.84s ease ;
-o-transition:All 0.8s ease ;
padding:6px; letter-spacing:2px;
margin-bottom:2px;
width:200px;
text-decoration:none;
font-family:tt;
font-size:8px;
text-transform:uppercase;
color: #fff;
background: #575757;
text-align:center;
border-left:10px solid #222;
border-right:10px solid #222;
}
a.omo:hover{
-moz-box-shadow:inset -200px 0px -300px -0.5px #ccc;
-webkit-box-shadow:inset -300px 0px -400px -0.5px #fff;
box-shadow:inset -300px 0px 0px -0.5px #ccc;
color: #000000; 
border-bottom:0px;
border-left:10px solid #575757;
border-right:10px solid #575757;
}
</style>

Link Hover 1

+Follow

<style>

a.nika {
letter-spacing:1px;
-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
margin:1px;
cursor:pointer;
text-transform:uppercase;
display:inline-block;
font:8px tt;
text-align:center;
background: #fff;
width:95px;
color:#888;
padding:5px;
border:1px solid #dadada;
text-decoration:none;
}
a.nika:hover{
border:1px solid #f1f1f1;
background:#fff;
}

</style>

Image hover 7 ::

â€¢Sabtu, 29 Desember 2012

Text What ur want

Hover to preview:

如果你想要把它捡起来按 ctrl+click 单击您要捕获的图像。

这是我次设计

如果你想利用它让我知道！还是爱情消息:)

<style>

.ch-item {
 width: 100%;
 height: 100%;
 border-radius: 50%;
 position: relative;
 box-shadow: 0 1px 2px rgba(0,0,0,0.1);
 cursor: default;
}

.ch-info-wrap{
 position: absolute;
 width: 170px;
 height: 170px;
 border-radius: 50%;

 -webkit-perspective: 800px;
 -moz-perspective: 800px;
 -o-perspective: 800px;
 -ms-perspective: 800px;
 perspective: 800px;

 -webkit-transition: all 0.4s ease-in-out;
 -moz-transition: all 0.4s ease-in-out;
 -o-transition: all 0.4s ease-in-out;
 -ms-transition: all 0.4s ease-in-out;
 transition: all 0.4s ease-in-out;

 top: 20px;
 left: 20px;
 background: #222;
 box-shadow: 
  0 0 0 20px rgba(255,255,255,0.2), 
  inset 0 0 3px rgba(115,114, 23, 0.8);

}

.ch-info{
 position: absolute;
 width: 170px;
 height: 170px;
 border-radius: 50%;

 -webkit-transition: all 0.4s ease-in-out;
 -moz-transition: all 0.4s ease-in-out;
 -o-transition: all 0.4s ease-in-out;
 -ms-transition: all 0.4s ease-in-out;
 transition: all 0.4s ease-in-out;
  
 -webkit-transform-style: preserve-3d;
 -moz-transform-style: preserve-3d;
 -o-transform-style: preserve-3d;
 -ms-transform-style: preserve-3d;
 transform-style: preserve-3d;

}

.ch-info > div {
 display: block;
 position: absolute;
 width: 100%;
 height: 100%;
 border-radius: 50%;
 background-position: center center;

 -webkit-backface-visibility: hidden;
 -moz-backface-visibility: hidden;
 -o-backface-visibility: hidden;
 -ms-backface-visibility: hidden;
 backface-visibility: hidden;
}

.ch-info .ch-info-back {
 -webkit-transform: rotate3d(0,1,0,180deg);
 -moz-transform: rotate3d(0,1,0,180deg);
 -o-transform: rotate3d(0,1,0,180deg);
 -ms-transform: rotate3d(0,1,0,180deg);
 transform: rotate3d(0,1,0,180deg);
 background: #fff;
}

.ch-img-1 { 
 background-image: url(背景URL);background-size:300px;
}

.ch-item:hover .ch-info-wrap {
 box-shadow: 
  0 0 0 0 rgba(255,255,255,0.8), 
  inset 0 0 3px rgba(115,114, 23, 0.8);
}

.ch-item:hover .ch-info {
 -webkit-transform: rotate3d(0,1,0,-180deg);
 -moz-transform: rotate3d(0,1,0,-180deg);
 -o-transform: rotate3d(0,1,0,-180deg);
 -ms-transform: rotate3d(0,1,0,-180deg);
 transform: rotate3d(0,1,0,-180deg);
}

.ch-grid {
 margin: 0px 0 0 0;
 padding: 0;
 list-style: none;
 display: block;
 text-align: center;
 width: 100%;
}

.ch-grid:after,
.ch-item:before {
 content: '';
    display: table;
}

.ch-grid:after {
 clear: both;
}

.ch-grid li {
 width: 210px;
 height: 210px;
 display: inline-block;
 margin: 0px;
}

@font-face {
font-family:tinytots;
src:url(http://static.tumblr.com/rmj06l2/Usellxb4i/tinytots.ttf); }


</style>

<ul class="ch-grid">
<li><div class="ch-item ch-img-1">
<div class="ch-info-wrap">
<div class="ch-info">
<div class="ch-info-front ch-img-1">
</div>
<div class="ch-info-back">
<br />
<br />
<br />
<div style="font: 8px tinytots; left: 0px; opacity: 1;">
Text What ur want<br /><br /><br /><br />
<img src="http://media.tumblr.com/tumblr_m7egooq3s71qdlkyg.gif" /></div>
</div>
</div>
</div>
</div>
</li>
</ul>
<br />

背景URL：你想放的照片

Image hover 4 ::

â€¢Senin, 24 Desember 2012

Hover to preview:

如果你想要把它捡起来按 ctrl+click 单击您要捕获的图像。

这是我次设计

如果你想利用它让我知道！还是爱情消息:)

<style>

.img{
opacity: .8;
-webkit-filter: grayscale(1);
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}

.img:hover{
opacity: 1;
filter: none;
-webkit-filter: grayscale(0);
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}

</style>

image hover 3 ::

Hover to preview:

如果你想要把它捡起来按 ctrl+click 单击您要捕获的图像。

这是我次设计

如果你想利用它让我知道！还是爱情消息:)

<style>

.img {
filter: hue-rotate(360deg);
-webkit-filter: hue-rotate(360deg);
-moz-filter: hue-rotate(360deg);
-webkit-filter;(1);
-webkit-transition: all 0.7s linear;
-moz-transition: all 0.7s linear;
transition: all 0.7s linear;
}
.img:hover {
filter: hue-rotate(0deg);
-webkit-filter: hue-rotate(0deg);
-moz-filter: hue-rotate(0deg);
-webkit-filter;(0);
}

</style>

</center>

Image hover 2 ::

Hover to preview:

如果你想要把它捡起来按 ctrl+click 单击您要捕获的图像。

这是我次设计

如果你想利用它让我知道！还是爱情消息:)

<style>

.img{
background:transparent:
box-shadow:inset 0 0px 0px #D2AA7B;
-webkit-transition: all 1s ease-out;
-moz-transition: all 1s ease-out;
transition: all 1s ease-out;
padding:5px;
border:2px solid #D2AA7B;
}

.img:hover{
box-shadow:inset 260px 0px 1px #D2AA7B;
inset -260px 0px 1px #D2AA7B;
}
</style>

</center>

Image hover 1 ::

Hover to see preview :

如果你想要把它捡起来按 ctrl+click 单击您要捕获的图像。

这是我次设计

如果你想利用它让我知道！还是爱情消息:)

<style>

.img{
opacity: 1s;
border:none;
padding:0px;
-webkit-transition: all 1s ease-in-out;
-moz-transition: all 1s ease-in-out;
-o-transition: all 1s ease-in-out;
-ms-transition: all 1s ease-in-out;
transition: all 1s ease-in-out;
border-radius:5px;}

.img:hover{
border-radius:50px;
opacity: 1; }

</style>

</center>

Status box 1

â€¢Minggu, 23 Desember 2012

Preview only :

So goodbye

如果你想要把它捡起来按 ctrl+click 单击您要捕获的图像。

这是我次设计

如果你想利用它让我知道！还是爱情消息:)

<style>

<div style="-moz-border-radius-topleft: 30px; -moz-border-radius-topright: 30px; -webkit-border-top-left-radius: 30px; -webkit-border-top-right-radius: 30px; background: #FFAFBE; border-bottom: none; border-top-left-radius: 30px; border-top-right-radius: 30px; border: 3px solid #FFAFBE; color: white; padding: 5px; text-align: center; width: 260px;">
Title here</div>
<div style="background: #fff; border: 3px solid #FFAFBE; height: 100px; overflow-x: hidden; overflow-y: scroll; padding: 10px; width: 250px;">
Your text</div>

Biases List 1

Preview:

NAME

如果你想要把它捡起来按 ctrl+click 单击您要捕获的图像。

这是我次设计

如果你想利用它让我知道！还是爱情消息:)

Blogskin/经典范本：上面的代码粘贴在下面

<style>
.iconborder {
background: #6E6E6E;
width: 100px;
padding: 10px;
}

.icon {
width: 90px;
margin-right: 5px;
background: #FFAFAF;
padding: 5px;
}

.name {
color: #D2E3FC;
background: #FFAFAF;
text-transform: uppercase;
font-size: 9px;
margin-top: -5px;
width: 96px;
text-align: center;
padding: 2px;
}
</style>
</div>
<center>
<table border="0" bordercolor="0" style="font-size:11px;" width="500px" cellpadding="3" cellspacing="10">
<tr>

<td><img class="icon" src="http://i1126.photobucket.com/albums/l617/aiikoyumi/2-1.gif"><div class="name">
NAME</div>
</td>

<td><img class="icon" src="http://i1126.photobucket.com/albums/l617/aiikoyumi/2-1.gif"><div class="name">
NAME</div>
</td>

<td><img class="icon" src="http://i1126.photobucket.com/albums/l617/aiikoyumi/2-1.gif"><div class="name">
NAME</div>
</td> 

<td><img class="icon" src="http://i1126.photobucket.com/albums/l617/aiikoyumi/2-1.gif"><div class="name">
NAME</div>
</td> 

<td><img class="icon" src="http://i1126.photobucket.com/albums/l617/aiikoyumi/2-1.gif"><div class="name">
NAME</div>
</td>

</tr>
</table>
</center>
</center>
</div>
<br />
<br />

Blockquate I

Preview:

Blockquote hover I

如果你想要把它捡起来按 ctrl+click 单击您要捕获的图像。

这是我次设计

如果你想利用它让我知道！还是爱情消息:)

Blogskin/经典范本：上面的代码粘贴在下面</ STYLE>

模板设计师：这些代码粘贴以上 ]]></ b：skin>

blockquote{
background:url(背景URL);
padding:10px;
border-left:20px solid #F5D0A9;
border-right:0px solid #F5D0A9;
-webkit-transition: all 1s ease-in-out;
-moz-transition: all 1s ease-in-out;
-o-transition: all 1s ease-in-out;
-ms-transition: all 1s ease-in-out;
transition: all 1s ease-in-out;
color: 颜色;
}
blockquote:hover{
border-left:0px solid #6E6E6E;
border-right:20px solid #6E6E6E;
color:颜色;
}

红色：你想放的照片
紫色 : 你喜欢的颜色

Effect :: 对写 ::

你想对这样的事情吗？

这是一个步骤，以使该效果:)

首先，你打开：photshop CS5。选择“文件/File” - >“新建/new”

或用 Ctrl N

在出现新的画布。

您可以选择根据的话，你想要把它的宽度和长度的大小：D

在此之后，您可以选择图像工具T :)

或更好的容易按 T 键键盘上的:)

当你写：0。你找 fx (blending Options) 在的右下角:)。

他们的角色添加到写作的影响

之后，单击“混合选项/ Blending Options”。选择 Drop Shadow。要将阴影添加到文本中。除了颜色框。

如我在上面的图片:)

可以不会随便把颜色XD

像以前一样，现在你选择底部 Inner Shadow

再次选择下面的 Outer Glow :) 不过，你必须在上面的图片所示，使用渐变

如上:) 现在选择 Inner Shadow

选择底部的一部分，这是 Stroke. 将颜色更改为白色:)后，按OK:)

一旦准备好:)出版社 Ctrl+Shift+s :) 保存。您保存到PNG *为了使图片Transparant. xD

NB : 如果有人不知道，你不应该直接评论:)希望有用