sfAppStore এর মতো ওয়াপকিজ সাইট তৈরি করুন [পার্ট - 3]


sfAppStore সিরিজের তৃতীয় পোস্টে স্বাগতম। sfAppStore সিরিজের পূর্বের পোস্ট গুলোতে আমরা সাইটের সিএসএস, মেটা হেডার, হেডার, ফুটার, হোমপেজ, সার্চ পেজ, ক্যাটাগরি পেজ এবং ডাউনলোড পেজ নিয়ে আলোচনা করেছি। আজকের পোস্টে আমরা প্রোফাইল পেজ, এডিট প্রোফাইল পেজ, ইউজার পেজ, আপলোড পেজ, লগইন পেজ এবং রেজিস্টার পেজ এর ডিজাইন করবো। তাহলেই সাইটের সকল কাজ শেষ হবে। তো যারা আগের পর্টগুলো দেখেন নাই তারা নিচের লিঙ্ক থেকে আগে পূর্বের পার্টগুলো দেখে আসুন। আর যারা দেখেছেন তারা কন্টিনিউ করুন। তাহলে চলুন শুরু করা যাক।


প্রোফাইল পেজ

প্রোফাইল পেজ ডিজাইনের জন্য নিচের কোডটি অথবা এই লিঙ্কের কোডটি কপি করে প্রোফাইল পেজের Panel >> HTML / Tag Code এ গিয়ে পেস্ট করে Visibility  Access  'User' দিন তাহলেই প্রোফাইল পেজের কাজ শেষ।

:title: My Profile - sfAppStore :/title: 
<h2>:profile(:to-user:)-var(Name):</h2>
<center>
	<img src=":profile(:to-user:)-urlfoto:" height="100" width="100"> 
	<a href="/site-6.html">edit profile</a>
</center>
<p class="info_top">Full Name: :profile(:to-user:)-var(Name):</p>
<p class="info">Nickname: :profile(:to-user:)-var(Nickname):</p>
<p class="info">Gender: :profile(:to-user:)-var(gender):</p>
<p class="info">Religion: :profile(:to-user:)-var(Religion):</p>
<p class="info">Facebook: [replace=(:profile(:to-user:)-var(Facebook):)]http://m.facebook.com/[]https://m.facebook.com/[]https://m.me/[]http://m.me/[]m.me/[]m.facebook.com/[]http://free.facebook.com/[]https://free.facebook.com/[]free.facebook.com[]https://facebook.com/[]http://facebook.com[]facebook.com[]/||fb.com/[]fb.com/[]fb.com/[]fb.com/[]fb.com/[]fb.com/[]fb.com/[]fb.com/[]fb.com/[]fb.com/[]fb.com/[]fb.com/[]fb.com/[/replace] </p>
<p class="info">Mobile: :profile(:to-user:)-var(Mobile):</p>
<p class="info">Birth Day: :profile(:to-user:)-var(BD):-:profile(:to-user:)-var(BM):-:profile(:to-user:)-var(BY):</p>
<p class="info">Home Town: :profile(:to-user:)-var(Zila):</p>
	


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

এডিট প্রোফাইল পেজের জন্যও প্রোফাইল পেজের মতই কোড কপি করে এডিট প্রোফাইল পেজের Panel >> HTML / Tag Code এ গিয়ে পেস্ট করে Visibility  Access  'User' দিন তাহলেই এডিট প্রোফাইল পেজের কাজও শেষ।

<p style="margin:5px 0 0 0; padding:10px 5px; background-color:#008080; color:#001a00; text-shadow:0px 1px 3px #fff; border-radius:5px 0 0 0; text-align:justify; "><b>বিঃদ্রঃ প্রোফাইলের সব ডিটেলস দিয়ে পূর্ণ না করলে একাউন্ট ডিলেট করে দেওয়া হবে l</b></p>
<h2>Edit Profile</h2>
[setuser]ud=site-0.html#admin||
<div class="edit_text">
	Full Name:<br> :var-Name:<br>
	Nickname: <br> :var-Nickname:
</div>
<div class="edit_image">
	Profile Picture:<br/>:foto:
</div>
<div class="edit_text">
	Gender: <br> :var-gender(Male|Female|Other):<br/>
	Religion: <br> :var-Religion:<br>
	Facebook: <br> :var-Facebook:<br>
	Mobile: <br> :var-Mobile:<br>Country:<br> :var-Country:<br>
	Division:<br> :var-Division(Dhaka|Rajshahi|Rangpur|Chitagong|Khulna|Sylhet|Borishal|Moymonsingh):<br>
	District:<br>:var-Zila: 
</div> 
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>
<div class="edit_save"> 
	[replace=(:submit:)]Set||Edit Profile[/replace]
</div>
[/setuser]
<br>
<a href="http://sfappstore.wapkiz.com/site_chpass.html">Cheange Password?</a>
	


আপলোড পেজ

আপলোড পেজের জন্য কোনো কোড লাগবে না। জাস্ট আপলোড পেজের Panel >> File Uploader এ গিয়ে কোন ফোল্ডারে ফাইল আপলোড হবে সেটা সিলেক্ট করে ফাইল আপলোডার সেট করুন। আর হ্যা ফাইল আপলোডার সেট করার সময় অবশ্যই Visibility  Access  'User' দিবেন। আপলোড পেজের কাজ এটুকুই।



ইউজার পেজ

ইউজার পেজের কাজ অল্প একটু। জাস্ট নিচের কোডটি অথবা এই লিংকের কোডটি কপি করে ইউজার পেজের Panel >> HTML / Tag Code এ গিয়ে পেস্ট করে দিন তাহলেই ইউজার পেজের কাজ শেষ।    

[user]o=ul,l=100,s=:to-page:,no=no user||
	<div align="center" id="%name%">
		<h2>:profile(%name%)-var(Name):</h2>
		<img src=":profile(%name%)-urlfoto:" height="100" width="100">
	</div>
	<p class="info_top">Full Name: :profile(%name%)-var(Name):</p>
	<p class="info">Nickname: :profile(%name%)-var(Nickname):</p>
	<p class="info">Gender: :profile(%name%)-var(gender):</p>
	<p class="info">Religion: :profile(%name%)-var(Religion):</p>
	<p class="info">Facebook: :profile(%name%)-var(Facebook):</p>
	<p class="info">Mobile: :profile(%name%)-var(Mobile):</p>
	<p class="info">Birth Day: :profile(%name%)-var(BD):-:profile(%name%)-var(BM):-:profile(%name%)-var(BY):</p>
	<p class="info">Home Town: :profile(%name%)-var(Zila):</p>
[/user]
	


লগইন পেজ

লগইন পেজ এর ডিজাইন করার জন্য Panel >> Login / Register এ গিয়ে লগইন পেজের কোডের বক্সে নিচের কোডটি অথবা এই লিঙ্কের কোডটি পেস্ট করে দিন। তাহলেই আপনি লগইন পেজে অসাধারণ ডিজাইনের একটি লগইন ফরম পেয়ে যাবেন। 

<h2>log in your accaunt</h2>
<div class="edit_text">
<font color="red">:notify:</font><br> 
»User Name:<br/>  :user_name:<br/><br>
»Password:<br/>:password:
</div><br>
<div class="edit_save"> :submit: </div>
<br>
:lpass:
	



রেজিস্টার পেজ 

রেজিস্টার পেজ এর ডিজাইন করার জন্য Panel >> Login / Register  এ গিয়ে রেজিস্টার পেজের কোডের বক্সে নিচের কোডটি অথবা এই লিঙ্কের কোডটি পেস্ট করে দিন। তাহলেই আপনি রেজিস্টার পেজে অসাধারণ ডিজাইনের একটি রেজিস্টার ফরম পেয়ে যাবেন।

<h2>Create Your Accaunt</h2>
:notify:<br/>
<div class="edit_text select">
	<div class="menu">
		<i class="fa fa-cogs" style="font-size:15px;" ></i>  Log In Info:
	</div>
	User Name:<br/> :user_name:<br/><br/>
	Email:<br/> :email:<br><br/>
	Password:<br/>:password:<br/><br/>
	Re Enter Password<br/>:repassword:<br/><br/>
	<div class="menu">
		<i class="fa fa-address-card" style="font-size:15px;" ></i>User Info:
	</div>
	Full Name:<br> :var-Name:<br><br/>
	Nickname: <br> :var-Nickname:<br/><br/>
	Gender: <br> :var-gender(Male|Female|Other):<br/><br/>
	Religion: <br> :var-Religion:<br><br/>
	Facebook ID Link: <br> :var-Facebook:<br><br/>
	Mobile: <br> :var-Mobile:<br><br/>
	Country:<br> :var-Country:<br><br/>
	Division:<br> :var-Division(Dhaka|Rajshahi|Rangpur|Chittagong|Khulna|Sylhet|Barisal|Mymensingh):<br><br/>
	District:<br>:var-Zila:
</div><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|2009|2010):<br><br/>
	<div class="edit_save"> :submit:</div>
	



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

Post a Comment

0 Comments