Allow User to Change Profile Page CSS in Wapka

In this tutorial I am going to share the best and easy way to allow your site users to change profile page CSS as they want it to be.. They can change each and every thing they wanted to.. like changing the link color, background color etc :)

Have you ever wished to allow your site users to completely change or edit the CSS of profile pages without any need of your assistance. Well there is no feature in wapka to do this but with wapkatutor mind you can do this in wapka.. Remember Nothing is impossible with wapkatutor...

Lets do magic and make your profile page system works great for your users.. They will love this, won't they??

Follow these steps..
  1. Login to your free wapka account..
  2. Goto Admin Mode
  3. Now goto ES > ADD Autocontent > Autocontent for profiles > Set On top -4 and At the bottom -5 [This will set the autocontent for profiles pages..]
  4. Now goto home page and find this Site ID: 0» now click » link it will open jump to site page, now enter -4 in provided field and click jump button.. It will forward you to the -4 page..
  5. Now in -4 site add the following code via ES > WML/xHTML code

  6. Now go back to home page and add New page via ES > New Page > Set its name to Change CSS > Set access only for logged users and page should be visible to logged users only..> open this page > Remember its site ID
  7. Add the following code via ES > WML/xHTML code

    Change XXX with the site ID that we got in previous step..
    This code will allow the users to write CSS for their profile page.. All the CSS will be stored in database so when ever user will visit he/she will see the code he last wrote..
    If you want you can add new site and change XXX with the site ID of your new site to show users a message that your CSS is updated successfully.. It all depends on you,,
  8. Thats it we have added the CSS changer in our sites that allows the users to change the CSS for their profile page..
Cautions:
1. User should be aware of CSS programming..
2. Wrong CSS code can damage profile pages..

You can include CSS tags in your page to facilitate the user..

Enjoy this interesting thing and comment for issues.. Join our facebook page to get latest info first before anyone else..
view Demo

You can click above link to see the DEMO of this project.. You need to be a registered member to see the project at fundunia..

Join our facebook page
Create your own free wapsite in minutes
Request New Tutorials

24 comments:

  1. Thanx bro! Many many thanx for sharing a best tutorial.. I have many try to do it bt could not it.. Today it will be successfull.. But i will given this code head tag for user.. They can change whole site on thair own class & css.. If you found any wrong tell me.. I have given This head tag like :userstats:d=ru,l=1,x=u::<#style type="text/css">%prvar_435%<#style>:: :user-tname: :/userstats: & also i will set :eprofile: tag.. Its possible & i am trying to do it.. Then i will tell you! Plz comment bellow @habib bro

    ReplyDelete
  2. Replies
    1. Pls @bro. ahmed. ,pls add me on facebook with [url]http://www.facebook.com/menscanner.ifeanyi.chiezie[/url]
      I Can't send you pm. Here.
      there is something i would like to ask you,privately?
      coz it seems blogspot sites, are d worst sites ever without place for PM.
      Pls @ahmed, i would be expecting your friend request.....

      Delete
  3. It will not work.. You can not use this code in head tags of your site but can use it in autocontent of your site, i have not tested wht you said but you can try

    ReplyDelete
  4. Hmm bro yes.. Userstats tag does not work in head tag.. Bt i have try it all autocontent page of my site & its working.. I mean, i add this code all autocontent page of my site.. Thanx!

    ReplyDelete
  5. wHat uSer sH0uLd tYpe tHeiR...i mEan cAn u plz typE hEre s0me c0dIng f0r tHe cSs aDdEd tHeiR check my profile

    ReplyDelete
  6. habib bro@ i have done it... plz plz plz check http://bdraj.wapka.mobi/site_161.xhtml plz keep my request one time.. (you must be logged user) i will show you this magic'

    ReplyDelete
  7. Vivek Rajpoot@ all CSS codes like if you wanna change link hover effect simply add this code

    a:hover{background-color:red;color:white;}

    So on and so forth :)

    Bappy raj@ okk

    ReplyDelete
  8. @AHMED,.PLS TEL ME HOW TO MOD OPERA MINI OR MAKE HANDLER

    ReplyDelete
  9. Plz give me this code plz
    http://funforever.in/site_813.xhtml

    ReplyDelete
  10. Pls @bro. ahmed. ,pls add me on facebook with [url]http://www.facebook.com/menscanner.ifeanyi.chiezie[/url]
    I Can't send you pm. Here.
    there is something i would like to ask you,privately?
    coz it seems blogspot sites, are d worst sites ever without place for PM.
    Pls @ahmed, i would be waiting.....

    ReplyDelete
  11. Pls @bro. ahmed. ,pls add me on facebook with [url]http://www.facebook.com/menscanner.ifeanyi.chiezie[/url]
    I Can't send you pm. Here.
    there is something i would like to ask you,privately?
    coz it seems blogspot sites, are d worst sites ever without place for PM.
    Pls @ahmed, i would be waiting.....

    ReplyDelete
  12. 1. Am not java programmer anyhow

    Unknown@ ask this site owner to share code

    3. Pm me at fundunia@facebook.Com

    4. Search this blog to find how to remove underlines

    ReplyDelete
  13. 1. Am not java programmer anyhow

    Unknown@ ask this site owner to share code

    3. Pm me at fundunia@facebook.Com

    4. Search this blog to find how to remove underlines

    ReplyDelete
  14. How to add profile page that shows after user logged in.containing options of logout,pm,settings,edit profile,home......

    ReplyDelete
  15. Sir plz gIve mE dIS C0dE http://metaladdict.wapka.mobi/site_182.xhtml

    ReplyDelete
  16. Sir, I have nokia simple phone with J2ME/JSR-75 and GPRS/EGPRS. I want one FTP app. I downloaded MobyExplorer, But when I'll start ftp connection with my pswrd and usrname it show TIMED OUT! Please sir, give me the link of working java ftp app or Find some as this app.. And place it to FUNDUNIA.MOBI Software list.. And please replay.. I really need this... Thank you..

    ReplyDelete
  17. Is it needed to used exactly :var-435: why??... Can we used other variables

    ReplyDelete
  18. how to upload games and apps from mobile can any 1 tell me plz

    ReplyDelete
  19. C@17@ By creating a new page

    Vivek Rajpoot@ What is in this site

    C@19@ Sorry but I don't know any..

    C#20@ Yes,you can use others variable ID's i.e. 456 342 etc.. buit it should be unique one.

    C@17@ Maybe possible with any ftp app

    ReplyDelete
  20. Better<<<<>>>>And See My Web www.friendradio111.blogspt.com

    ReplyDelete
  21. i want to create my own site in wapka but i dont know where to start first aftr i registered wew pls help me tnx

    ReplyDelete

You are always welcome to add comments and suggestion about the tutoiral. Please note that, we do not allow misuse and if you have any questions write briefly so that our moderators can understand your message and reply as early as possible.