صفحه پروفایل کابری برای وبلاگ

صفحه پروفایل کابری برای وبلاگ  با ویرایش این کد شما میتوانید یک صفحه برای بخش معرفی خود و یا صفحه ای برای کاربران و … ایجاد کنید و در ان رزمه خود و یا اطلاعات شخصی خود را با دیگران به اشتراک بگذارید.

برای این کار کافیست تا کد های مریوطه را از ادامه مطلب کپی و در ابزار ویراشگر کد مانند نوت پد پلاس انلاین و یا ابزار پیش نمایش ویرایش نمایید.

این قالب کاملا رسپانسیو و واکنشگرا میباشد و و برای نمایش در تمام دستگاهها بهینه شده است.

پروفایل کاربری

پیشنمایش کد

<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/">&#1589;&#1601;&#1581;&#1607; &#1662;&#1585;&#1608;&#1601;&#1575;&#1740;&#1604; &#1705;&#1575;&#1576;&#1585;&#1740; &#1576;&#1585;&#1575;&#1740; &#1608;&#1576;&#1604;&#1575;&#1711;</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>

2 Comments

دیدگاهتان را بنویسید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *