بدون مقدمه میرم سر اصل مطلب. بعد از مشکلاتی که پیش آمده بود و سایت را به یکی از دوستان سپردم و دوباره خودم گرفتمش و مطالب رو انتقال دادم ، این اولین پست جدید برای رائه کد به شما کاربران گرامی هست. این کد ، کد بنر تبلیغاتی افقی هست که برای شما کاربران گرامی تهیه شد. این بنر تماما با سی اس اس و اچ تی ام ال نوشته شده است و تغییر متون در آن بسیار آسان است.
دمو به علت وجود برخی از کد ها در قالب به خوبی نمایش داده نمیشد. در تصویر این پست عکسی از این بنر وجود دارد. میتوانید مشاهده کنید.
| 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 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 | <style> .pi3idl, .pi3idl1, .homan, .homan1, .pi3idlcom{ transition:all 0.5s ease-in; } .pi3idl{ width:494px; height:80px; border-radius: 5px; font-family: "B Yekan",Arial, Helvetica, Sans-Serif; padding:0; border:1px #414141 dashed; box-shadow:1px 1px 10px 1px #414141 inset; margin:5px; overflow:hidden; } .pi3idl .homan1 { padding: 7px; font-size: 15px; color: #fff; background: #ff005a; margin: -37px 272px 0 0; width: 200px; line-height: 25px; height: 25px; text-align: center; transform: rotate(5deg); border-radius: 5px; display: block; } .pi3idl:hover .homan1{ margin:50px 510px 0 0; } .pi3idl .pi3idlcom{ padding:5px; opacity:0; font-size:35px; color:#fff; height:50px; text-shadow:1px 1px 1px #000; border-radius: 5px; width:350px; text-align:center; margin:-37px 0px 0 0; } .pi3idl:hover .pi3idlcom{ display:block; opacity:1; text-align:center; } .pi3idl:hover{ background:#ff0048; } .pi3idl .pi3idl1 { padding: 5px; font-size: 16px; color: #000; text-shadow: 0px 1px 1px #FFFFFF; background: #cdcdcd; border-radius: 5px; width: 260px; height: 25px; display: block; text-align: center; margin:10px -197px 0 0px; transform: rotate(-2deg); } .pi3idl:hover .pi3idl1{ margin:10px -780px 0 0px; } .pi3idl .homan { padding: 5px; font-size: 15px; color: #fff; text-shadow: 2px 2px 1px #000; background: #4d4d4d; border-radius: 5px; width: 110px; height: 25px; display: block; text-align: center; margin:-20px -61px 0 0px; transform: rotate(2deg);}.pi3idl:hover .homan{margin:15px 20px 0 0px;} </style> <center> <div class="pi3idl"> <div class="pi3idl1">مرجع کد و ابزار برای وبمستران ایرانی</div> <div class="pi3idlcom" style="font-size:34pt;"> <a href="http://pi3idl.com">WwW.Pi3iDL.Com</a> </div> <div class="homan1" style="font-size:16pt;">تهیه کد های درخواستی</div> <div class="homan">پشتیبانی 24 ساعته</div> </div> </center> <h2><a href="http://pi3idl.com" style="position:fixed; left:-1000%">Code center</a></h2> |
اقا اين بنر پشتي رو چجوري عوض كنم فقط زود جواب بديد لطفا
کلا چند خط متن هست که اخرای کد هست و میشه ویرایشش کرد. متن ها پست هم هستند داخل کد