سلام به همه کاربران و دوستداران سایت پی سی دی ال. دیروز داخل سایت پی سی دی ال یک پست با عنوان کد متن زیباساز با طرح نئون ارسال کردم. امروز نیز پست دیگر با همان عنوان ارسال میکنم و اون پست رو تکمیل تر میکنم. امروز براتون کد متن زیبا ساز با طرح نئون از سری کد های زیبا ساز قالب رو فراهم کردم که میتونید از اون استفاده کنید. در این پست سه استایل مختلف با رنگ های مختلف قرار دادم که میتونید به صورت رایگان دریافت و در داخل سایت یا وبلاگتان بزارید و ظاهر آن رو زیبا تر کنید.
کد متن نئون با رنگ سبز :
| 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 | <!-- Code by : WWW.pi3idl.COM --> <style> @font-face{font-family:'PressStart';font-style:normal;font-weight:400;src:local('Press Start 2P'),local(PressStart2P-Regular),url(http://themes.googleusercontent.com/static/fonts/pressstart2p/v2/8Lg6LX8-ntOHUQnvQ0E7o3dD2UuwsmbX3BOp4SL_VwM.woff) format("woff")} #container{width:500px;margin:auto} #container p{text-align:center;font-size:7em;margin:20px 0} #container a{text-decoration:none;-webkit-transition:all .5s;-moz-transition:all .5s;transition:all .5s} .pi3idlneon4 a{color:#B6FF00;font-family:PressStart;font-size:.8em} .pi3idlneon4 a:hover{-webkit-animation:neon4 1.5s ease-in-out infinite alternate;-moz-animation:neon4 1.5s ease-in-out infinite alternate;animation:neon4 1.5s ease-in-out infinite alternate;color:#fff} @-webkit-keyframes neon4 { from{text-shadow:0 0 10px #fff,0 0 20px #fff,0 0 30px #fff,0 0 40px #B6FF00,0 0 70px #B6FF00,0 0 80px #B6FF00,0 0 100px #B6FF00,0 0 150px #B6FF00} to{text-shadow:0 0 5px #fff,0 0 10px #fff,0 0 15px #fff,0 0 20px #B6FF00,0 0 35px #B6FF00,0 0 40px #B6FF00,0 0 50px #B6FF00,0 0 75px #B6FF00} } @-moz-keyframes neon4 { from{text-shadow:0 0 10px #fff,0 0 20px #fff,0 0 30px #fff,0 0 40px #B6FF00,0 0 70px #B6FF00,0 0 80px #B6FF00,0 0 100px #B6FF00,0 0 150px #B6FF00} to{text-shadow:0 0 5px #fff,0 0 10px #fff,0 0 15px #fff,0 0 20px #B6FF00,0 0 35px #B6FF00,0 0 40px #B6FF00,0 0 50px #B6FF00,0 0 75px #B6FF00} } @keyframes neon4 { from{text-shadow:0 0 10px #fff,0 0 20px #fff,0 0 30px #fff,0 0 40px #B6FF00,0 0 70px #B6FF00,0 0 80px #B6FF00,0 0 100px #B6FF00,0 0 150px #B6FF00} to{text-shadow:0 0 5px #fff,0 0 10px #fff,0 0 15px #fff,0 0 20px #B6FF00,0 0 35px #B6FF00,0 0 40px #B6FF00,0 0 50px #B6FF00,0 0 75px #B6FF00} } @media (max-width: 650px) { #container{width:100%} #container p{font-size:3.5em} }</style> <div id="container"><p class="pi3idlneon4"><a href="http://pi3idl.com">GREEN</a></p></div> <!--//Start Copy right : Dont Clean this//--> <h2 style="width:1px; height:1px; overflow:hidden; position:fixed;top:10000%;"><a href="http://pi3idl.com">کد وبلاگ</a></h2> <h2 style="width:1px; height:1px; overflow:hidden; position:fixed;top:10000%;"><a href="http://www.pi3idl.com/2014/12/neon-text-code-part-2/">کد زیبا ساز وبلاگ</a></h2> <!--//End Copy right : Dont Clean this//--> <!-- Code by : WWW.pi3idl.COM --> |
کد متن نئون با رنگ نارنجی :
| 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 | <!-- Code by : WWW.pi3idl.COM --> <style> @font-face{font-family:'Audiowide';font-style:normal;font-weight:400;src:local(Audiowide),local(Audiowide-Regular),url(http://themes.googleusercontent.com/static/fonts/audiowide/v2/8XtYtNKEyyZh481XVWfVOj8E0i7KZn-EPnyo3HZu7kw.woff) format("woff")} #container{width:500px;margin:auto} #container p{text-align:center;font-size:7em;margin:20px 0} #container a{text-decoration:none;-webkit-transition:all .5s;-moz-transition:all .5s;transition:all .5s} .pi3idlneon5 a{color:#F90;font-family:Audiowide} .pi3idlneon5 a:hover{-webkit-animation:neon5 1.5s ease-in-out infinite alternate;-moz-animation:neon5 1.5s ease-in-out infinite alternate;animation:neon5 1.5s ease-in-out infinite alternate;color:#fff} @-webkit-keyframes neon5 { from{text-shadow:0 0 10px #fff,0 0 20px #fff,0 0 30px #fff,0 0 40px #FF9900,0 0 70px #FF9900,0 0 80px #FF9900,0 0 100px #FF9900,0 0 150px #F90} to{text-shadow:0 0 5px #fff,0 0 10px #fff,0 0 15px #fff,0 0 20px #FF9900,0 0 35px #FF9900,0 0 40px #FF9900,0 0 50px #FF9900,0 0 75px #F90} } @-moz-keyframes neon5 { from{text-shadow:0 0 10px #fff,0 0 20px #fff,0 0 30px #fff,0 0 40px #FF9900,0 0 70px #FF9900,0 0 80px #FF9900,0 0 100px #FF9900,0 0 150px #F90} to{text-shadow:0 0 5px #fff,0 0 10px #fff,0 0 15px #fff,0 0 20px #FF9900,0 0 35px #FF9900,0 0 40px #FF9900,0 0 50px #FF9900,0 0 75px #F90} } @keyframes neon5 { from{text-shadow:0 0 10px #fff,0 0 20px #fff,0 0 30px #fff,0 0 40px #FF9900,0 0 70px #FF9900,0 0 80px #FF9900,0 0 100px #FF9900,0 0 150px #F90} to{text-shadow:0 0 5px #fff,0 0 10px #fff,0 0 15px #fff,0 0 20px #FF9900,0 0 35px #FF9900,0 0 40px #FF9900,0 0 50px #FF9900,0 0 75px #F90} } @media (max-width: 650px) { #container{width:100%} #container p{font-size:3.5em} }</style> <div id="container"><p class="pi3idlneon5"><a href="http://pi3idl.com">ORANGE</a></p></div> <!--//Start Copy right : Dont Clean this//--> <h2 style="width:1px; height:1px; overflow:hidden; position:fixed;top:10000%;"><a href="http://pi3idl.com">کد وبلاگ</a></h2> <h2 style="width:1px; height:1px; overflow:hidden; position:fixed;top:10000%;"><a href="http://www.pi3idl.com/2014/12/neon-text-code-part-2/">کد زیبا ساز وبلاگ</a></h2> <!--//End Copy right : Dont Clean this//--> <!-- Code by : WWW.pi3idl.COM --> |
کد متن نئون با رنگ بنفش :
| 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 | <!-- Code by : WWW.pi3idl.COM --> <style> @font-face{font-family:'Vampiro One';font-style:normal;font-weight:400;src:local('Vampiro One'),local(VampiroOne-Regular),url(http://themes.googleusercontent.com/static/fonts/vampiroone/v3/Ho2Xld8UbQyBA8XLxF1_NYbN6UDyHWBl620a-IRfuBk.woff) format("woff")} #container{width:500px;margin:auto} #container p{text-align:center;font-size:7em;margin:20px 0} #container a{text-decoration:none;-webkit-transition:all .5s;-moz-transition:all .5s;transition:all .5s} .pi3idlneon6 a{color:#BA01FF;font-family:Vampiro One} .pi3idlneon6 a:hover{-webkit-animation:neon6 1.5s ease-in-out infinite alternate;-moz-animation:neon6 1.5s ease-in-out infinite alternate;animation:neon6 1.5s ease-in-out infinite alternate;color:#fff} @-webkit-keyframes neon6 { from{text-shadow:0 0 10px #fff,0 0 20px #fff,0 0 30px #fff,0 0 40px #ff00de,0 0 70px #ff00de,0 0 80px #ff00de,0 0 100px #ff00de,0 0 150px #ff00de} to{text-shadow:0 0 5px #fff,0 0 10px #fff,0 0 15px #fff,0 0 20px #ff00de,0 0 35px #ff00de,0 0 40px #ff00de,0 0 50px #ff00de,0 0 75px #ff00de} } @-moz-keyframes neon6 { from{text-shadow:0 0 10px #fff,0 0 20px #fff,0 0 30px #fff,0 0 40px #ff00de,0 0 70px #ff00de,0 0 80px #ff00de,0 0 100px #ff00de,0 0 150px #ff00de} to{text-shadow:0 0 5px #fff,0 0 10px #fff,0 0 15px #fff,0 0 20px #ff00de,0 0 35px #ff00de,0 0 40px #ff00de,0 0 50px #ff00de,0 0 75px #ff00de} } @keyframes neon6 { from{text-shadow:0 0 10px #fff,0 0 20px #fff,0 0 30px #fff,0 0 40px #ff00de,0 0 70px #ff00de,0 0 80px #ff00de,0 0 100px #ff00de,0 0 150px #ff00de} to{text-shadow:0 0 5px #fff,0 0 10px #fff,0 0 15px #fff,0 0 20px #ff00de,0 0 35px #ff00de,0 0 40px #ff00de,0 0 50px #ff00de,0 0 75px #ff00de} } @media (max-width: 650px) { #container{width:100%} #container p{font-size:3.5em} }</style> <div id="container"><p class="pi3idlneon6"><a href="http://pi3idl.com">VIOLET</a></p></div> <!--//Start Copy right : Dont Clean this//--> <h2 style="width:1px; height:1px; overflow:hidden; position:fixed;top:10000%;"><a href="http://pi3idl.com">کد وبلاگ</a></h2> <h2 style="width:1px; height:1px; overflow:hidden; position:fixed;top:10000%;"><a href="http://www.pi3idl.com/2014/12/neon-text-code-part-2/">کد زیبا ساز وبلاگ</a></h2> <!--//End Copy right : Dont Clean this//--> <!-- Code by : WWW.pi3idl.COM --> |
از وبتان خیلی خوشم آمد