davinci-net.

Profile Page

Overview

Your profile page is the page that users see when they click on you profile image or user name link when your account shows up in a set of search results, or with any post that you make to site. It is your customizable presence on the davinci platform.

Every user is given a default page. That page is editable from the page tab of the profile app. Alternatively, a user can create a custom page as a davinci blog and link it to their account, see below.

Viewing your Page

To view your profile page, simply click the "view my profile" link in your profile app.

Default Page Editor

The default user page is a simple davinci page that users can customize by adding text or components to. Users that want more fine grained control to their profile page are encouraged to create a custom page. (see below).

At the top of the default page editor is a textbox and a text editor. You edit your page by adding individual sections to the page. Each section comes a with a title and text. Enter the title of a new section in the title textbox, and enter the text you want for the section into the text editor and click add. This will add a new section to your page and display it below.

Unerneath each section are two links, a delete link, which will delete the given section, and a move up link, which will move the section up in the order of your page.

When you have completed the edits you wish to make, you can save the edits by clicking the save button. Note, your edits will not be saved until you click the save button. This allows you to spend time editing your page before pushing the changes out to the public.

In addition to adding textual sections, you may copy and paste from your blog editor. This means that you can add charts or data, or other media to your page.

To paste a component to your page, create the desired component/components in a blog editor, then click copy in the editor. Next, click the paste button in your page editor. The components will be pasted into your page.

Custom Pages

Custom pages give you fine grained control over what your page is. It also allows you to customize the page based on whether the person viewing it is from the public, or a member of your contact list.

A custom page is simply a blog that you have created with the blog editor.

After creating a blog you wish to use as a profile page, simply copy and paste the URL, such as "/blog.html?_blog=e8fb80aa-9cd4-4312-b47b-297042e175e4", into either the public profile page textbox, or contact profile page textbox. Then click save. A blog listed as your public profile page will be displayed to members of the public. The contacts page will be displayed to any of your contacts.

If you wish to remove a blog as one of your pages, simply delete the text in the corresponding textbox and click the save button.

Style

The style section lets you edit the css styles that are applied to your default profile page. In order to use the custom styles, you need to understand css style sheets, or use a template as those provided below.

For instance, you can change the background color of your page by adding the following block to your style:


body {
  background-color:#f4f8ff;
}

If you wish to edit the size and placement of your profile image, you can edit the style as follows:


.profile-img{
  height:250px !important;
  width:250px !important;
}

.image-col{
  padding-top:220px;
  padding-left:100px;
}

the image-col is the section that contains the image, so editing the padding will move the image around. The profile-img class is the class attached to the image itself.

Gallery

Profile Editor