โค๊ดซอยแชท
6 ปี
, 0.0 กิโลเมตร จากคุณ
อายุ 28
ชาย
[center][center][center] [/center]
[/center][/center]
[center][center]
[/center][/center]
\*\*โค๊ดแต่งแบบปกติ\*\*
**\*****ส่วนที่มากร์กสีไว้คือสามารถเปลี่ยนได้**
**1.โค๊ดสีตัวอักษร เวลาเปลี่ยนก็พิมชื่อสีไป เช่น****red**
<p>
<script <![CDATA[
document.body.style.color="DarkTurquoise"
// ]]></script>
</p>
**2.โค๊ดพื้นหลัง**
<script <![CDATA[
document.body.style.background="url('รูปภาพ') bottom center repeat fixed"
// ]]></script>
**3.โค๊ดขอบข้าง ซ้าย ขวา**
<div style="position: fixed; bottom: 0px; left: 35px;" title=""><br />
<div style="box-sizing: border-box; overflow: 30px dashed; color: #ffffff; width: 0px; height: 700px; box-shadow: #20b2aa 0px 0px 150px 30px;"> </div>
</div>
<div style="position: fixed; bottom: 0px; right: 35px;" title=" ><br />
<div style="box-sizing: border-box; overflow: 30px dashed; color: #ffffff; width: 0px; height: 700px; box-shadow: #20b2aa 0px 0px 150px 30px;"> </div>
</div>
**4.โค๊ดเพลงแบบเห็นตัวเล่นยูทูป**
<p><iframe frameborder="0" height="180" src="https://www.youtube.com/embed/Ho32Oh6b4jc?&autoplay=1&rel=0&start=1&showinfo=0&hd=1&controls=0&autohide=0" style="display: block; margin-left: auto; margin-right: auto;" width="284"></iframe></p>
**5.โค๊ดกรอบสี่เหลี่ยมแบบเส้นปะ**
<p><br /><br /></p> <p> </p> <p> </p> <table style="box-sizing: border-box; border-collapse: collapse; border-spacing: 0px; max-width: 100%; color: #CD0000; font-family: Helvetica, Tahoma, Arial; font-size: 13px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px; line-height: 18.5714px; box-shadow: #CD00001px 1px 100px; height: 30px; background-color: transparent; background-position: 0% 0%; background-repeat: repeat;" border="0" width="372" cellspacing="1" cellpadding="1" align="center"> <tbody style="box-sizing: border-box;"> <tr style="box-sizing: border-box;"> <td style="box-sizing: border-box; padding: 0px; border: 1px dashed #CD0000;" align="center" valign="middle"> <p style="box-sizing: border-box; margin: 0px 0px 10px;"> </p> <p style="box-sizing: border-box; margin: 0px 0px 10px;"> </p> <p style="box-sizing: border-box; margin: 0px 0px 10px;"> </p> <div style="box-sizing: border-box; border: 1px dashed #CD0000; width: 250px; padding: 10px; border-top-left-radius: 10px; border-top-right-radius: 10px; border-bottom-right-radius: 10px; border-bottom-left-radius: 10px;"> <p style="box-sizing: border-box; margin-top: 0px; margin-right: 0px; margin-left: 0px; font-family: Arial, Helvetica, Verdana, Tahoma, sans-serif; font-size: 15px; line-height: 15px; border: none; text-align: center; margin-bottom: 10px !important; box-shadow: none !important; background: none !important;"> </p> </div> <p style="box-sizing: border-box; margin: 0px 0px 10px; text-align: center;"> </p> <p style="box-sizing: border-box; margin: 0px 0px 10px; text-align: center;"> </p> <p style="box-sizing: border-box; margin: 0px 0px 10px; text-align: center;"> </p> </td> </tr> </tbody> </table> <p> </p>
**6.โค๊ดกรอบสี่เหลี่ยมแบบเรืองแสง**
<table style="border-collapse: collapse; border-spacing: 20px; max-width: 100%; font-family: Helvetica, Tahoma, Arial; text-align: center; color: #00ccff; line-height: 25px; border-radius: 30px; box-shadow: #ff3030 1px 1px 80px; height: 280px; background-image: url(''); background-attachment: scroll; background-color: transparent; background-position: 0% 0%; background-repeat: repeat;" border="0" width="280" cellspacing="7" cellpadding="0" align="center">
<tbody style="box-sizing: border-box;">
<tr style="box-sizing: border-box;">
<td style="box-sizing: border-box; line-height: 17px; width: 140px; padding-right: 0px;" valign="top"><center style="box-sizing: border-box;">
<h1 style="box-sizing: border-box;"> </h1>
</center></td>
</tr>
</tbody>
</table>
**7.โค๊ดกรอบแบบวงกลมเรืองแสง**
<table style="border-collapse: collapse; border-spacing: 20px; max-width: 100%; font-family: Helvetica, Tahoma, Arial; text-align: center; color: #00ccff; line-height: 150px; border-radius: 150px; box-shadow: #ff3030 1px 1px 80px; height: 278px; background-image: url(''); background-attachment: scroll; background-color: transparent; background-position: 0% 0%; background-repeat: repeat;" border="0" width="280" cellspacing="7" cellpadding="0" align="center">
<tbody style="box-sizing: border-box;">
<tr style="box-sizing: border-box;">
<td style="box-sizing: border-box; line-height: 17px; width: 280px; padding-right: 0px;" valign="top"><center style="box-sizing: border-box;">
<h1 style="box-sizing: border-box;"> </h1>
</center></td>
</tr>
</tbody>
</table>
\*\*โค๊ดแต่งแบบมีพวกลูกเล่นมากหน่อย\*\*
**\*\*โค๊ดข้อ3กับ4 เลือกอันใดอันหนึ่งนะคับ**
**1.**โค๊ดพื้นหลัง แบบปิดข้อมูลส่วนตัวทั้งหมด รวมทั้งช่องโพส เน้นเป็นพื้นหลังแบบสีเดียว
<div style="position: fixed; top: 0px; right: 0px;" title="">
<div align=" left"><img src="รูปภาพ" alt="" width="1400" height="800" /></div>
</div>
**2.**โค๊ดเส้นปะ ซ้ายขวา
<p><embed style="position: absolute; width: 590px; height: 622px; top: 0px; right: 0px;" width="1" height="150" src="" loop="loop" menu="menu" quality="high" scale="ShowAll" wmode="transparent" data-spark-video="true"></embed></p>
<p><span style="background-color: initial;"> </span></p>
<div style="position: fixed; bottom: -10px; left: 283px;" title=""><br />
<div style="box-sizing: border-box; overflow: auto; color: #000000; width: 783px; height: 680px; border: 3px dashed; box-shadow: #000000 0px 0px 160px -31px;"> </div>
</div>
**3.โค๊ดกรอบกลาง ข้างในกรอบเป็นตัวเล่นยูทูป**
<div style="position: absolute; top: -10px; left: 70px;" title="">
<p> <strong style="color: #ffffff; font-family: Helvetica, Tahoma, Arial; font-size: 13px; line-height: 18.5714px;"><span style="font-size: 8pt; font-family: 'trebuchet ms', geneva;"><br /></span></strong></p>
<div style="position: absolute; top: 40px; left: 70px;" title="">
<div align="left"><center style="box-sizing: border-box; color: #ff00cc; font-family: Helvetica, Tahoma, Arial; font-size: 13px; line-height: 18.571430206298828px;"><center style="box-sizing: border-box;">
<div id="scroll4" style="box-sizing: border-box; overflow: auto; color: #000000; width: 441px; height: 339px; border: 4px dashed; border-top-left-radius: 50px; border-top-right-radius: 50px; border-bottom-right-radius: 50px; border-bottom-left-radius: 50px; -webkit-box-shadow: #000000 0px 0px 0px; box-shadow: #000000 0px 0px 10px; background-image: url('');">
<p><span style="font-size: 8pt;"> </span></p>
<iframe frameborder="0" height="271" src="http://www.youtube.com/embed/wFEHqo6ZZIg?&autoplay=1&rel=0&start=0&showinfo=0&hd=1&autohide=0" width="390"></iframe></div>
</center></center></div>
</div>
**4.โค๊ดกรอบกลางแบบมีรูปข้างใน**
<div style="position: absolute; top: 20px; left: 100px;" title="">
<div align=" left"><center style="box-sizing: border-box; color: #; font-family: Helvetica, Tahoma, Arial; font-size: 13px; line-height: 18.5714302062988px;"><center style="box-sizing: border-box;">
<div id="scroll4" style="box-sizing: border-box; overflow: auto; color: #ff34b3; width: 600px; height: 400px; border: 0px dashed; border-radius: 20px 20px 20px 20px; -webkit-box-shadow: #FF34B3 0px 0px 0px; box-shadow: #FF34B3 0px 0px 35px; background-image: url('รูปภาพ');"><strong> <span style="line-height: 18.5714px;"> </span></strong>
<p style="box-sizing: border-box; margin: 0px; padding: 0px; text-align: center;"><strong style="color: #000000; font-family: Helvetica, Tahoma, Arial; font-size: 13px; line-height: 18.5714px;"> <span style="font-size: 8pt; font-family: 'trebuchet ms', geneva;"> <br /></span></strong></p>
</div>
</center></center></div>
</div>
**5.โค๊ดกรอบสีเหลี่ยมขวาล่างเป็นตัวเล่นยูทูป**
<div style="position: fixed; bottom: 10px; right: 25px;" title="">
<div align="left"><center style="box-sizing: border-box; color: #ff00cc; font-family: Helvetica, Tahoma, Arial; font-size: 13px; line-height: 18.571430206298828px;"><center style="box-sizing: border-box;">
<div id="scroll4" style="box-sizing: border-box; overflow: auto; color: #ff34b3; width: 200px; height: 260px; border: 1px dashed; border-top-left-radius: 10px; border-top-right-radius: 10px; border-bottom-right-radius: 50px; border-bottom-left-radius: 50px; -webkit-box-shadow: #000000 0px 0px 0px; box-shadow: #FF34B3 0px 0px 20px; background-image: url('');">
<p style="color: #000000; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; line-height: normal; text-align: start;"> </p>
<p style="color: #000000; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; line-height: normal; text-align: center;"><span style="font-size: 18pt; font-family: georgia, palatino;"><strong style="color: #ff34b3; font-family: 'Comic Sans MS'; line-height: 30.6666641235352px;">ST:</strong></span></p>
<p style="color: #000000; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; line-height: normal; text-align: center;"> </p>
<p style="color: #000000; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; line-height: normal; text-align: center;"><span style="font-size: 18pt;"><strong style="color: #cc0000; font-family: 'Comic Sans MS'; line-height: 30.6666641235352px;"><iframe style="background-color: transparent;" frameborder="0" height="125" src="http://www.youtube.com/embed/EP4H44Zb7-8?&autoplay=1&rel=0&start=0&showinfo=0&hd=1&autohide=0" width="183"></iframe> </strong></span></p>
</div>
</center></center></div>
</div>
**6.โค๊ดให้ตัวอักษรเด้งไปมาบนแท๊บเว็บ**
<script <![CDATA[
var a1 = "["; var a2 = "[ •A"; var a3 = "[ •Al"; var a4 = "[ •Alone•"; var a5 = "[ •Alone• ]™"; var delay = 0600; b1();b2();b3();b4();b5();b6();b7();b8();b9();b10();
// ]]></script>
**7.โค๊ดรูปโปร**
<p style="margin: 0px;"><span style="color: #ffffff; font-family: Helvetica, Tahoma, Arial; font-size: 12.727272033691406px; line-height: 16.88311767578125px;"> </span></p>
<div style="position: fixed; bottom: 360px; left: 30px;" title=" ">
<div align="left"> </div>
<div align="left"> </div>
<div align="left"> </div>
<table style="font-family: Helvetica, Tahoma, Arial; font-size: 13px; box-sizing: border-box; border-collapse: collapse; border-spacing: 0px; max-width: 100%; line-height: 18.5714px; border-radius: 20px; box-shadow: #000000 0px 0px 7px; height: 250px; background-image: url('รูปภาพ'); background-attachment: scroll; background-color: transparent; background-position: 0% 0%; background-repeat: repeat;" border="0" width="220" cellspacing="7" align="center">
<tbody style="box-sizing: border-box;">
<tr style="box-sizing: border-box;">
<td style="box-sizing: border-box; padding: 0px;"> </td>
</tr>
</tbody>
</table>
* * *
**โค๊ดใหม่แบบ css**
<style type="text/css">
a.comment-likes {
background-color:#000000;
moz-border-radius:28px;
webkit-border-radius:28px;
border-radius:28px;
border:1px solid #ffffff;
display:inline-block;
cursor:pointer;
color:#ffffff;
font-family:Georgia;
font-size:13px;
padding:0px 2px;
text-decoration:none;
text-shadow:0px 1px 0px #2f6627;
transition-duration: 0.5s;
}
a.comment-likes:hover {
background-color:#BEBEBE;
}
a.comment-likes:active {
position:relative;
top:1px;
}
a[ng-click="showWhoLikes()"] {
background-color:#000000;
moz-border-radius:28px;
webkit-border-radius:28px;
border-radius:28px;
border:1px solid #ffffff;
display:inline-block;
cursor:pointer;
color:#ffffff;
font-family:Georgia;
font-size:13px;
padding:0px 5px;
text-decoration:none;
text-shadow:0px 1px 0px #2f6627;
transition-duration: 0.5s;
}
a[ng-click="showWhoLikes()"]:hover {
background-color:#BEBEBE;
}
a[ng-click="showWhoLikes()"]:active {
position:relative;
top:1px;
}
div[ng-model-rejected="rejFile"] {
background-image: url("https://media.giphy.com/media/bzqtkmhVZBY5i/giphy.gif");
}
a[ng-click="showMyGifts()"],a[ng-click="showNotifications()"],a[ng-click="addFavorite()"],a[ng-click="showHerGifts()"],a[ng-click="showFavorites()"],a[ng-click="addToChatList()"] {
background:#000000;
font-family:Tahoma, Geneva, sans-serif;
font-size:14px;
padding: 5px 10px 5px 10px;
color: #ffffff;
font-weight: bold;
moz-border-radius: 6px;
webkit-border-radius: 6px;
moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
border-bottom: 1px solid rgba(0,0,0,0.25);
cursor: pointer;
border-left:none;
border-top:none;
margin:10px 0 10px 0;
}
a[ng-click="showMyGifts()"],a[ng-click="showNotifications()"],a[ng-click="addFavorite()"],a[ng-click="showHerGifts()"],a[ng-click="showFavorites()"],a[ng-click="addToChatList()"]:hover {
background:#000000;
}
div.modal-header {
background-image: url("https://www.mx7.com/i/bbd/Za8Txn.png");
background-repeat: no-repeat;
background-position: center;
}
h4[id="armsLabel"] {
color: red;
}
button.close {
color: green;
transition-duration: 0.5s;
}
button.close:hover {
color: black;
}
.ui-stars-star a {
background: url(https://www.mx7.com/i/c49/DwkNgV.png) no-repeat 0 0;
}
.ui-stars-star-hover a {
background: url(https://www.mx7.com/i/1be/Fc3LQ0.png) no-repeat 0 0;
}
</style>
<style type="text/css">
div.list-group {
background-image: url("https://media.giphy.com/media/bzqtkmhVZBY5i/giphy.gif");
font-weight: bold;
color: red;
margin: 20px 0 20px 0;
padding: 11px;
}
h1[itemprop="name"] {
color: green;
}
div.modal-body {
background-color: black;
}
tbody td {
color: yellow;
font-size: 17px;
text-shadow: -1px 0 black, 0 1px black, 2px 0 black, 0 -1px black;
}
div[ng-switch="comment.commentType"] {
color: black;
font-size: 14px;
font-weight: bold;
}
div.comment-bottom
font-weight: bold;
}
user-image.pointer.ng-isolate-scope {
border-radius: 50%!important;
border:2px solid #FFFFFF!important;
webkit-transition: none!important;
moz-transition: none!important;
webkit-animation-name: avatar!important;
webkit-animation-duration: none!important;
webkit-animation-iteration-count: none!important;
webkit-animation-timing-
a[user="comment.fromUser"] {
color: #6600CC;
font-weight: bold;
transition-duration: 0.5s;
}
a[user="comment.fromUser"]:hover {
color: red;
}
body {
background: url('https://secure.static.tumblr.com/d41fd70adca365874ec20c4d6a772ecb/ii0gmys/GtUoiq5jy/tumblr\_static\_filename\_640\_v2.gif') bottom center repeat fixed;
}
.imgtaro img {
background-image: url("https://media.giphy.com/media/bzqtkmhVZBY5i/giphy.gif");
border: 2px solid #000000;
padding: 2.5px;
filter:alpha(opacity=50);
opacity:0.5;}
.imgtaro img:hover{
filter:alpha(opacity=100);
opacity:1;}
}
</style>
**โค๊ดวงกลมดุ๊กดิ๊ก**
<style>
user-image.media-object.ng-isolate-scope,user-image.ng-isolate-scope {
border-radius:50%!important;
webkit-transition:5s;
moz-transition:5s;
webkit-animation-name:avatar;
webkit-animation-duration: 1s;
webkit-animation-iteration-count: infinite;
webkit-animation-timing-
50% { -webkit-transform: rotate(-5deg);}
}
.user-img-medium,user-image.ng-isolate-scope {
border-radius: 50%!important;
border:2px solid #000000!important;
webkit-transition: 5s;
moz-transition: 5s;
webkit-animation-name: avatar;
webkit-animation-duration: 1s;
webkit-animation-iteration-count: infinite;
webkit-animation-timing-
a img:hover{ opacity:1;
webkit-animation-name:aimgthemy;
webkit-animation-duration: .2s;
webkit-animation-iteration-count: 2;
webkit-animation-timing-
}
input,select,textarea{
color:#454545!important;
background:#FFF!important;
border:2px solid #454545!important;
font-family:tahoma;
border-radius:5px!important;
padding:1px;
box-shadow:none!important;
webkit-box-shadow:none!important;
webkit-transition:1s;
moz-transition:1s;
}
input:hover,select:hover,
textarea:hover{
border:2px solid #454545!important;
box-shadow:0 0 .5em #454545!important;
webkit-box-shadow:0 0 .5em #454545!important;
webkit-transition:.2s;
moz-transition:.2s;
}
button{
color:#FFF!important;
background:#000000!important;
border:2px solid #bebebe!important;
webkit-transition:1s;
moz-transition:1s;
}
button:hover{
color:#FFF!important;
background:#454545!important;
border:2px solid #000000!important;
webkit-transition:.2s;
moz-transition:.2s;
}
\*\* ถ้าใครงงโค๊ดว่าเป็นไง ก็ลองเอาไปใส่ทีละโค๊ดดูนะคับ แล้วก็ปรับๆเอาตามใจชอบอีกนิด \*\*