অসাধারণ ডিজাইনের এডিট প্রোফাইল এবং প্রোফাইল পেজ তৈরি করুন


হেলো ফ্রেন্ডস, আশা করি সকলেই ভালো আছেন। তো আজ এই পোস্ট এ কিভাবে অসাধারণ ডিজাইনের এডিট প্রোফাইল পেজ এবং প্রোফাইল পেজ তৈরি করা যায় সে বিষয়ে আলোচনা করবো। এর জন্য আপনার বেশি খাটনি করতে হবে না। আমি কোড দিয়ে দেব এবং কিভাবে বসাতে হবে সেটাও বলে দেব। আর প্রথম থেকেই আপনাদের কাছে একটা রিকুয়েস্ট রাখছি যে আমাদের ফেসবুক পেজটি লাইক করে যাবেন।

এডিট প্রোফাইল পেজ

এডিট প্রোফাইল পেজ তৈরির জন্য প্রথমেই আপনার সাইটের Panel>>page>> এ গিয়ে edit-profile নামে একটি পেজ তৈরি করে নিন। এবার নিচের কোডটি কপি করে এডিট প্রোফাইল পেজের Panel>>HML / Tag Code>> এ গিয়ে পেস্ট করে দিন তাহলেই এডিট প্রোফাইল পেজ এর কাজ শেষ।

<div class="form" >
<div class="menu">Edit Profile</div>
[setuser]ud=site-0.html||
Full Name:<br> :var-Name:<br>
Nickname: <br> :var-Nickname:<br/
>Profile Picture:<br/>:foto:<br/>
Gender: <br> :var-gender(Male|Female|Other):<br/>
Religion: <br> :var-Religion:<br>
Facebook: <br> :var-Facebook:<br>
Mobile: <br> :var-Mobile:<br>
Division:<br> :var-Division(Dhaka|Rajshahi|Rangpur|Chitagong|Khulna|Sylhet|Borishal|Moymonsingh):<br>
District:<br>:var-District:<br>
Birth Day: <br> 
Day:var-BD(01|02|03|04|05|06|07|08|09|10|11|12|13|14|15|16|17|18|19|20|21|22|23|24|25|26|27|28|29|30|31): 
Month: :var-BM(01|02|03|04|05|06|07|08|09|10|11|12): 
Year: :var-BY(1981|1982|1983|1984|1985|1986|1987|1988|1989|1990|1991|1992|1993|1994|1995|1996|1997|1998|1999|2000|2001|2002|2003|2004|2005|2006|2007|2008|2009|2010):<br>
:submit=Edit Profile:
[/setuser]
<br><a href="http://sfappstore.wapkiz.com/site_chpass.html">Cheange Password?</a>
</div>
<style>
* {
	box-sizing:border-box;
}
.form {
	margin:4px;
	padding:4px;
	background:#fff;
	color:#555;
}
.form .menu {
	padding:4px;
	color:#fff;
	background:teal;
	margin:0;
	border-bottom:2px solid gray;
}
.form input[type=text], .form input[type=passwird], .form input[type=file], .form  select, .form input[type=submit] {
	padding:5px;
	color:#555;
	border:1px solid #ddd;
	display:block;
	width:100%;
	background:white;
}
.form input[type=submit] {
	background:teal;
	color:white;
	border:none;
}
</style>

প্রোফাইল পেজ

প্রোফাইল পেজ তৈরির জন্য প্রথমেই আপনার সাইটের Panel>>page>> এ গিয়ে profile নামে একটি পেজ তৈরি করে নিন। এবার নিচের কোডটি কপি করে প্রোফাইল পেজের এ গিয়ে পেস্ট করে দিন তাহলেই প্রোফাইল পেজ এর কাজ শেষ।

<div class="profile">
<div class="menu" >MY PROFILE</div>
<div align="center" id="%name%"><" height="100" width="100"></div>
<div class="info">
<p>Full Name: :profile(:my_name:)-var(Name):</p>
<p>Nickname: :profile(:my_name:)-var(Nickname):</p>
<p>Gender: :profile(:my_name:)-var(gender):</p>
<p>Religion: :profile(:my_name:)-var(Religion):</p>
<p>Facebook: :profile(:my_name:)-var(Facebook):</p>
<p>Mobile: :profile(:my_name:)-var(Mobile):</p>
<p>Birth Day: :profile(:my_name:)-var(BD):-:profile(:my_name:)-var(BM):-:profile(:my_name:)-var(BY):</p>
<p>Home Town: :profile(:my_name:)-var(District):</p>
</div>
</div>
<style>
* {
	box-sizing:border-box;
}
.profile {
	margin:4px;
	padding:4px;
	background:#fff;
	color:#555;
}
.profile .menu {
	padding:4px;
	color:#fff;
	background:teal;
	margin:0;
	border-bottom:2px solid gray;
}
.profile .info p {
	padding:5px;
	margin:0;
	color:#555;
	border:1px solid #ddd;
	border-top:none;
	display:block;
	width:100%;
	background:white;
}
.profile .info p:nth-child(1) {
	border-top:1px solid #ddd;
}
</style>

তো বন্ধুরা এই ছিলো আজকের পোস্ট। আগামী পোস্ট এ দেখা হবে শীঘ্রই।

Post a Comment

1 Comments