- Community
- Community Blog
- Surveyor Community Blog
get lost in the other page content?
Typically, most people place important information like "About Me", in the main text box. So, we don't want it to get lost on the Profile Page. The best way to make your Profile Page "calling card" content stand out, is by adding one of the following:
1. Add a background image.
Note: This method is unique for each case, depending on the type of background image you use. I suggest using
background color or border.
2. Add a background color.
3. Add a background border.
Check out my profile page on Local-ized, to see an example of a simple background color, and notice how the content stands out on the page.Palmetto Equipment's Profile Page
Here are the steps for each method.
Summary:
For all three methods, the key is to wrap a DIV around all of your content. At the very top of your content
add your start DIV tag, with the style attributes (see below). At the very bottom of your content, end the </DIV>.
Also, add some padding between your content text, and the border or outer edge of the
text box, by using the padding
attribute within the DIV style (see below).
For color I'm using #FFFFFF - which is White. Please change to suit your needs.
Instructions:
1. DIV for "Add a background image"
<div style="background-image:
URL('your-image-path.jpg'); padding:10px;
background-repeat:no-repeat">Your Content Goes Here.</div>
Note: To center your image, add background-position:center;2. DIV for "Add a background color"
<div style="background-color: #003366; padding:10px;">Your Content Goes Here.</div>
3. DIV for "Add a background border"
<div style="border: 1px dashed #003366; padding:10px;">Your Content
Goes Here.</div>
Note: adjust the border width, type (solid, dotted, dashed), and color.Tips:
-In the "Your Content Goes Here" areas above, this is where you can either write something informative about yourself or your company or copy and paste HTML code in that area.
-You can move all of the modules on your profile page around by simply clicking and holding on the top bar of the module that you'd like to move then drag it where you want it to go while holding it..release it for it to stay where you put it.
Thoughts