Click !


帮我按下广告，谢谢你! :)
<body>
Bonjour Sweeties!
You are currently landing on
>> http://lurvelynn.blogspot.com <<
Do leave your tag before you leave and do follow me to subscribe for my latest update. I will appreciate it.
Updated 2013.11.03.

+ FOLLOW | DASHBOARD
Chit-Chat

♔ This is Tagboard not Spamboard!
♔ Just enter once will do!
♔ Link exchange is available!
♔ Please talk politely!
♔ You may ask me if you have any questions!



Contact Me

• Facebook: Elynn
• Twitter: lurvelynn
• We♥it: lurvelynn
• Instagram: _lurvelynn
• Weibo: love_零
• WeChat: lurvelynn
Appreciate it ♥

• Basecode : MaryChee
• Designed : Elynn
• Image by : Google / We♥It
• Cursor by : Elynn
• Owned by : Elynn

Copyrighted © Elynn 2013 Nov 03.
All right reserved.
Blockquote II
Updated on Saturday, May 25, 2013 3:19 PM | 0 echoes


Muahaha~！我又上来咯！刚刚到学校参加Renjer Kem真的是闷到半死！又练Marching，step到脚酸>.< 话说最近又研究Blockquote效果，乱加代码加到有这样的一个效果出来，感觉还不错就分享咯！老实说，我也不知道为什么会有这样的效果呢！重点是，我超喜欢两旁那有旋转的感觉！哈哈，目前应该没有人分享过此效果，请亲们不要乱转载！


Blockquote效果：

啦、啦、啦！ 我就是效果啦！


是不是很特别呐？我个人也觉得特别呢！以下就是代码啦！
blockquote{
background: #fff;
border-left: 30px solid #FFD2D2;
border-right: 30px solid #FFD2D2;
font-family: comic sans ms;
text-align: center;
color:#000;
font-size:12px;
padding-bottom:5px;
margin-bottom:3px;
-webkit-transition-duration: 1.0s;
border-bottom-left-radius: 5px;
border-top-left-radius: 5px;
border-bottom-right-radius: 5px;
border-top-right-radius: 5px;
}
blockquote:hover {
border-right: 50px dashed #FFD2D2;
border-left: 0px dashed #ffffff;
-webkit-transition-duration: 1.0s;
}

拷贝以上的代码然后放在：


[Blogskin]
放在</style>的上面

[Blog Template]
放在]]></b:skin>的上面


红色字体：背景颜色
橙色字体：框框的厚度
黄色字体：框框的颜色
青色字体：内容的颜色
蓝色字体：字体的颜色



*在使用之前，记得把所有 blockquote 的代码 remove 掉才会有效果哦~！
*Code请不要乱换，否则就没有效果了！

最后，Preview看看有没有效果，好了就 save 咯！


效果是不是很棒呐？帮我按按广告啊！谢谢！

Labels:




制作个性化字眼
Updated on Saturday, May 11, 2013 12:19 AM | 2 echoes

Annyeong~ 我又上来咯！这次又再教教大家如何制作个性化的字眼~ 


我不会用photoshop啦，所以大多数做的素材都是用美图的，所以这一次也是用美图来制作的啦~！

话不多说，马上开始啦！


首先，当然是先打开美图秀秀咯~

接着，按新建 -> 打开一个透明的画布 （Size 可以选择自己要的，我普通使用600 x 400）


过后按文字 -> 输入静态文字 -> 调好自己要的Font和字眼的大小后 -> 右键 -> 合并当前素材

接下来就是发挥创意的时间啦！

这是后按右键 -> 插入一张图片 -> 选自己喜欢的图片


打开图片后，把那张图片遮着刚刚输入的字眼，然后右键 -> 正片叠底（融合）


好了按 -> 裁剪 -> 然后保存（记得Save as *png格式）

这样就大功告成啦~


额外，如果觉得单调还可以加一些效果！

效果 1：

这个是刚刚制作好了后，再 输入静态文字，使用回刚刚用的Font 和 Size 再重叠在上面而已！

效果 2：

如果想要弯弯的效果可以用瘦脸瘦身的效果来做，但是背景不能变成透明哦~

其他的有待亲自己发挥创意咯~ 



最后，帮我按广告哦~

Labels:




Blockquote I
Updated on Wednesday, April 24, 2013 9:45 PM | 2 echoes

啊！又要考试了，好懒惰上来更新！最近没有东西写，只好分享Blockquote咯！这次的Blockquote 的 code 是我自己加的，在别的部落格是找不到的哦！请大家不要擅自转载哦！如果要使用，记得不要乱改代码，否则会失效。好了，废话不多说，先看看教程吧！


Blockquote效果：

啦、啦、啦~ 我就是效果啦！^^


要如何使用呢？首先，先拷贝以下的代码


blockquote{
background:url(图片URL);
padding:10px;
color:#000;
letter-spacing:1px;
border-radius:10px;
border:2px solid #ffd5d5;
-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;
}
blockquote:hover{
background:url(图片URL);
background-position:70% 70%;
border-radius:20px;
-webkit-transition: 1.5s;
-moz-transition: 1.5s;
-o-transition: 1.5s;
-ms-transition: 1.5s;
transition: 1.5s;
-webkit-box-shadow: 5px 5px 8px #ffd5d5;
-moz-box-shadow:    5px 5px 8px #ffd5d5;
box-shadow:         5px 5px 8px #ffd5d5;
}


[Blogskin]
放在</style>的上面

[Blog Template]
放在]]></b:skin>的上面


蓝色字体：放自己要的图
青色字体：内容颜色
橙色字体：外面框框的颜色

*在使用之前，记得把所有 blockquote 的代码 remove 掉才会有效果哦~！
*Code请不要乱换，否则就没有效果了！

最后，Preview看看有没有效果，好了就 save 咯！

Labels:




浮式链接
Updated on Sunday, April 14, 2013 2:20 PM | 0 echoes
---------------- Tutorial Requested by Lollipop ----------------

第一次写教程，写到很辛苦一下。但是写完过后好有一番的成就感^^
因为是第一次，所以写的不是很好，但是我会继续努力的~ 
这个浮式链接是我使用这个Blogskin Template的时候研究出来的~
好了，废话不说，教程马上开始！


首先，什么是浮式链接呢？

将将~！ 旁边那五颜六色的Button就是啦！

[ Blogskin ]
拷贝以下的代码，然后放在</style>的下面！

[ Blog Template ]
拷贝以下的代码，然后放在HTML/Gadget 那里！

<style>
a.you{
width:13px;
display:inline-block;
color:#fff;
text-align:left;
padding:2px;
overflow:hidden;
height:18px;
text-decoration:none;
padding-left:7px;
-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;
font-family:calibri;
margin:5px;
font-size:12px;
border-radius:333px;
}
a.you:hover{
width:80px;
{
</style><br />
<br />
<div style="position:fixed; top:200px;left:20px;"><br />
<a class="you" style="background:#FF8888;" href="链接"> <span style="padding-right:10px;font-size:16;">*</span>显示内容</a><br />
<br />
<a class="you" style="background:#FFBBBB;" href="链接"> <span style="padding-right:10px;font-size:16;">*</span>显示内容</a><br />
<br />
<a class="you" style="background:#9BF1D2;" href="链接"> <span style="padding-right:10px;font-size:16;">*</span>显示内容</a><br />
<br />
<a class="you" style="background:#5EDFC9;" href="链接"> <span style="padding-right:10px;font-size:16;">*</span>显示内容</a><br />
<br />
</div>


粉红字体： 你要的颜色
粉红字体： 换成你要的内容
青色字体： 链接

好了，Preview 看看有没有效果！有就可以Save了^^
有什么问题可以到cbox问我！







Labels:




♔ Tutorials
Updated on Saturday, May 28, 2011 12:32 AM | 0 echoes


 如果转载我的教程请通知，请不要擅自转载！
 有任何问题可以到Chatbox问我！
 多多点击Nuffnang，让我更有动力更新！
 若有想要的教程，可以到Chatbox告诉我，我会尽量发布教程！

链接
✦ 浮式链接

引用
✦ Blockquote I
✦ Blockquote II

其他
✦ 制作个性化字眼

---------- 会继续更新 ----------

Labels: ,