Mademoiselle' { id Dream }

ลำดับตอนที่ #21 : { id dream CODE } มาด'มัวแซล : ลิงค์กลมๆ ลอยอยู่ข้างๆ

CODE
 

<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>facebook</a><br />

<br />

<a class="you" style="background:#FFBBBB;" href="ใส่ลิงค์"> <span style="padding-right:10px;font-size:16;">+</span>twitter</a><br />

<br />

<a class="you" style="background:#9BF1D2;" href="ใส่ลิงค์"> <span style="padding-right:10px;font-size:16;">+</span>fanfiction</a><br />

<br />

<a class="you" style="background:#5EDFC9;" href="ใส่ลิงค์"> <span style="padding-right:10px;font-size:16;">+</span>tumblr</a><br />

<br />

</div>

ชี้แจงแถลงไข! - #FF8888 #FFBBBB #9BF1D2 #5EDFC9 
คือโค้ดสีพื้นหลังของลูกกลมๆ นะจ๊ะ 

- ใส่ลิงค์ : ก็ใส่ลิงค์อ่ะนะ *หัวเราะ*
- + : มันคือเครื่องหมาย + ที่อยู่ในลูกกลมๆ
สามารถเปลี่ยนเป็นสัญลักษณ์อื่นได้นะ
- facebook twitter fanfiction tumblr
เมื่อชี้ลูกกลมๆ จะมีแทบออกมาแล้วมีคำพวกนี้อยู่ สามารถเปลี่ยนได้ตามใจชอบเลย
ถ้างงก็ลองชี้ของจริงที่ลองอยู่ข้างๆก่อนนะ แล้วจะไปบางอ้อเลย!



เอาไปใช้อย่าลืมให้เครดิตนะ
M'SELL THEME
หรือเอาแบนเนอร์หน้าบทความไปแปะก็ได้!


thx.theme :) Shalunla

+facebook

+twitter

+fanfiction

+tumblr