This is a post that I have been meaning to put together for years and finally decided to sit down and get it going. Today, we are going to talk about how to use the advanced profile customization options inside your Land Surveyors United Community Profile.
Many of you have done brilliant work with your profiles by changing the properties inside your Design Studio but today, I am going to share some code for you to copy and paste inside the Advanced section. I recently helped member Surveynator customize his profile and he suggested share the quick process with you all so you can DIY. First, I will show you how to find this function on your profile and then I will give you the code I used to build the profile, which you can simply copy and paste into yours and customize anything you like such as background images and colors by changing the Cascading Style Sheet (CSS) inside the advanced section of your design studio.
Where to Go To Customize Your Profile
Where the Code Goes
You can simply open this txt file inside notepad or similar to copy the code, then go to your profile to paste it into your Advanced section of the design studio.
Surveynator Style (like above)
in this version you can specify any image that is over 1200px wide as full background image.
Jaybird Style - Like my profile
in this version, your modules will change on hover
ePalmetto StyleCODE FILE FOR EPALMETTO STYLE
with this version you can replace the top image url for your own banner in the header.
If you have customized your profile and would like to share it with us, right click on "My LSU" just copy the address and put it in a comment below. If you have questions about customizing the CSS code, just let me know.
NOW! You have full control over your image online
Share it with us below!
Thoughts
For FULL SCREEN BACKGROUND IMAGES WHICH DO NOT REPEAT, simply replace the "body" part of the code at the top with the following and change the image URL
body { background: url(http://YOURIMAGE.jpg) no-repeat center center fixed; -webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
And yet another Tip, you should know:
You can move around the modules inside your profile......
Another small trick:: If you go into your TEXT BOX on your profile and click to HTML view and write
<address>Your Location</address> replace Your Location with your actual location, a map will apprear for the location you specified...you will get something like this:
Jacksonville, FLYou can also do this anywhere on the site except inside comments. For example, look at the description of this photo.
Thanks.