Jump to content
Mekaboo

Creating edit page for profile card

Recommended Posts

Hello!

Im interested in adding the Bootstrap profile card to my site but was curious on how to create an edit page for this. I want to include avatar upload and input tags that would be used in an advanced search engine I will add to the site.

Here is the link to what I what I want to use:

https://www.w3schools.com/howto/howto_css_profile_card.asp

Thank you for your help,

Mekaboo

Share this post


Link to post
Share on other sites

You will have to start learning a server-side programming language such as PHP. It is not easy, be patient and take your time to learn it properly before applying it to projects.

  • Like 1

Share this post


Link to post
Share on other sites

Thank ya kindly for responding❤️Im actually building a site using Codeigniter (PHP) which I enjoy doing, I wanted to add the profile card because I like the simpleness that it had. I couldn't find examples of how to offer an edit page for it and that is why I was seeking advice.  Im taking my time and slowly learning no question about it 😊

Share this post


Link to post
Share on other sites

You need to set up a database table to store information about the profile card.

The edit page would be a form with fields for each item you want to edit. You can learn about form handling here. https://www.w3schools.com/php/php_forms.asp

Here's a tutorial on how to upload the image: https://www.w3schools.com/php/php_file_upload.asp

For information about storing this information in the database see the full MySQL tutorial https://www.w3schools.com/php/php_mysql_intro.asp

 

Share this post


Link to post
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

Loading...

×
×
  • Create New...