صفحه پروفایل کابری برای وبلاگ
صفحه پروفایل کابری برای وبلاگ با ویرایش این کد شما میتوانید یک صفحه برای بخش معرفی خود و یا صفحه ای برای کاربران و … ایجاد کنید و در ان رزمه خود و یا اطلاعات شخصی خود را با دیگران به اشتراک بگذارید.
برای این کار کافیست تا کد های مریوطه را از ادامه مطلب کپی و در ابزار ویراشگر کد مانند نوت پد پلاس انلاین و یا ابزار پیش نمایش ویرایش نمایید.
این قالب کاملا رسپانسیو و واکنشگرا میباشد و و برای نمایش در تمام دستگاهها بهینه شده است.
<html><head> <title>پروفایل</title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <div style="position:absolute;top:-200%;"><a href="https://codebazan.ir/">صفحه پروفایل کابری برای وبلاگ</a></div> <style> body{Font-Family:Tahoma;Font-Size:10pt;Background:#CCC Url('');} a{Color:#000;Text-Decoration:None;} a:hover{Color:#000;} #LS{Direction:Rtl;Width:80%;} .codebazan{Padding:20px;Margin:50px 0px 30px 0px;Width:99%px;Background:#fff;Border-Right:10px Solid #000;Border-Left:10px Solid #000;Border-Radius:100px;Overflow:Hidden;} .TContent{Padding:10px;Margin:10px 10px 20px 0px;Background:#000;Font-Size:8pt;Color:#fff;Text-Align:Center;Border-Radius:20px;Overflow:Hidden;} .BContent{Padding:10px;Margin:10px 0px 3px 0px;Background:#474747;Font-Size:8pt;Color:#fff;Text-Align:Right;Border-Radius:10px;transition-duration:.3s;Overflow:Hidden;} .BContent:hover{Background:#747474;} .SContent{Color:#ccc;} .codebazanAvatars img{Width:300px;Height:200px;Text-Align:Center;Border:2px Solid #000;Border-Radius:1000px;} .PDesign{Font-Size:8pt;Color:#000;Text-Align:Center;} .PDesign a{Color:#000;Font-Weight:Bold;} .PDesign a:hover{Color:#ff0000;} </style> </head> <body> <div align="center"> <div id="LS"> <div class="codebazan"> <div class="TContent">پروفایل</div> <p class="codebazanAvatars"><img src="https://codebazan.ir/logo.png"></p> </div> <div class="PContent"> <div class="TContent">مشخصات فردی</div> <div class="BContent"><span class="SContent">نام:</span><center>کدبازان</center></div> <div class="BContent"><span class="SContent">نام خانوادگی : </span><center>کدبازان</center></div> <div class="BContent"><span class="SContent">تاریخ تولد : </span><center>کدبازان</center></div> <div class="BContent"><span class="SContent">جنسیت : </span><center>کدبازان</center></div> <div class="BContent"><span class="SContent">وضعیت تاهل : </span><center>کدبازان</center></div> <div class="BContent"><span class="SContent">کشور : </span><center>کدبازان</center></div> <div class="BContent"><span class="SContent">شهر : </span><center>کدبازان</center></div> <div class="BContent"><span class="SContent">درباره من : </span><center>کدبازان</center></div> </div> <div class="PContent"> <div class="TContent">مشخصات تماس</div> <div class="BContent"><span class="SContent">ایمیل : </span><center>کدبازان</center></div> <div class="BContent"><span class="SContent">جیمیل : </span><center>کدبازان</center></div> <div class="BContent"><span class="SContent">شناسه یاهو : </span><center>کدبازان</center></div> <div class="BContent"><span class="SContent">تلفن : </span><center>کدبازان</center></div> </div> <div class="PContent"> <div class="TContent">تحصیلات</div> <div class="BContent"><span class="SContent">سطح تحصیلات : </span><center>کدبازان</center></div> <div class="BContent"><span class="SContent">رشته تحصیلی : </span><center>کدبازان</center></div> <div class="BContent"><span class="SContent">محل تحصیل : </span><center>کدبازان</center></div> </div> <div class="PContent"> <div class="TContent">حرفه</div> <div class="BContent"><span class="SContent">شغل : </span><center>کدبازان</center></div> <div class="BContent"><span class="SContent">محل کار : </span><center>کدبازان</center></div> <div class="BContent"><span class="SContent">مهارت ها : </span><center>کدبازان</center></div> </div> <div class="PContent"> <div class="TContent">علایق</div> <div class="BContent"><span class="SContent">علایق : </span><center>کدبازان</center></div> <div class="BContent"><span class="SContent">رنگ مورد علاقه : </span><center>کدبازان</center></div> <div class="BContent"><span class="SContent">غذا مورد علاقه : </span><center>کدبازان</center></div> <div class="BContent"><span class="SContent">شخص مورد علاقه : </span><center>کدبازان</center></div> <div class="BContent"><span class="SContent">کتابهای مورد علاقه : </span><center>کدبازان</center></div> <div class="BContent"><span class="SContent">فیلم های مورد علاقه : </span><center>کدبازان</center></div> <div class="BContent"><span class="SContent">موسیقی مورد علاقه : </span><center>کدبازان</center></div> <div class="BContent"><span class="SContent">ورزش های مورد علاقه : </span><center>کدبازان</center></div> </div> <div class="PContent"> <div class="TContent">سایر موارد</div> <div class="BContent"><span class="SContent">بهترین دوستان : </span><center>کدبازان</center></div> <div class="BContent"><span class="SContent">آدرس وبلاگ ها : </span><center>کدبازان</center></div> <div class="BContent"><span class="SContent">تاسیس وبلاگ : </span><center>کدبازان</center></div> </div> <div class="PContent"> <div class="BContent"><span class="SContent"> </span><center><p class="PDesign"><a title="بازگشت به صفحه اصلی" href="/">بازگشت به صفحه اصلی</a></p></center></div> </div> </div> </div></div> </body></html>
بسیار مطالب مفید و ابزار های کاربردی دارین
تشکر
سلام
خواهش میکنم
موفق باشید