Profiles Page Help

Profile Page Help

When you join this site, you will be able to message other members to offer them trades. If you would like to create a profile page of your own, first make sure that you are logged into your account or create one now, then a new link will appear below allowing you to create a profile page.

Once you have a profile page, you can then post your Have's and Want's lists and any additional Star Wars related content that you want and your profile page will be listed on the Member List page.

Customizing your Profile Page

You can easily post content to your profile page and then format the text using the built in tool-bar. Or you can apply some custom CSS as seen in the template below:

[[div class="haves"]]
**HAVE'S**

* Star Wars: A new Hope (blue Border)
 * 1, 2, 3, 4, 43, 51
* Star Wars: The Empire Strikes Back Series 1
 * 23, 25, 27, 28   

[[/div]]
[[div class="wants"]]
**WANT'S**

* Star Wars: A new Hope (blue Border)
 * 1, 2, 3, 4, 43, 51
* Star Wars: The Empire Strikes Back Series 1
 * 23, 25, 27, 28   

[[/div]]

[[module css]]
.haves {
     width: 410px;
     background-color: #ff6a6a;
     float: left;
     padding: 5px 10px 5px 10px;
}

.wants {
     width: 410px;
     background-color: lightblue;
     float: right;
     padding: 5px 10px 5px 10px;
}
[[/module]]

Last Update: May The 4th

If you would like to use the template above, just copy and paste it into your profile page and then edit your have's and want's. We will be posting other templates here.

Links

You may want to link to a personal Star Wars related website, or perhaps a popular social media profile. Although you can link using the toolbar options, an additional explanation here might help as well.

Syntax Result
http://forcecards.com/ http://forcecards.com/
[http://forcecards.com/ ForceCards ] ForceCards
[*http://forcecards.com/ ForceCards ] ForceCards (Opens in new tab)

Images

Like links, images can also be posted using the toolbar when editing your profile page. However, the following syntax will give you a better understanding of how it works.

Syntax Result
[[image https://i.imgur.com/nnwrmqt.jpg width="200px"]] LastJedi.jpg

There are a dozen additional options when displaying images. You can find additional syntax options here.

Modules

Modules add special functions to your member page. Each module listed below will include syntax. Most modules allow you to apply CSS in order to control the look and style of your page, or you can use the default style. To install the module, simply copy the syntax code anywhere that you would like it to appear within your member page.

Watchers
This module allows other members to watch your member page so that they can be notified whenever you make an update. This can come in handy when your list of have's and want's gets updated. This module also lists your watchers so that you and others know who is watching your list. Note that when editing your member page, there is an option at the bottom: Do not notify watchers. Tick this option whenever you're making a minor or unimportant update to your profile. The syntax is simple:

[[module Watchers]]

To-Do List
This is a simple to-do list that you can use for anything that you might want to keep track of on your page. The syntax is simple: [[module SimpleToDo id="yourprofilename"]] but you can also add some CSS to control how and where it is displayed on your page. For example:

[[div style="width:250px;"]]
[[module SimpleToDo id="yourprofilename"]]
[[/div]]

Custom Background
This simple module allows you to set a custom background image to your profile page. Just replace the sample URL in the syntax below with a URL to the image of your choice. The image will resize to the users device and remain static as users scroll down. To ensure that the background image looks nice on larger displays, it is recommended that it be 2400px wide. To ensure that the image loads quickly, it is recommended that the file size be no larger than 500kb. You can place this module anywhere when editing your member page.

[[module css]]
body {
    background: #000 url(http://sampleurl.com) no-repeat center center fixed;
    background-position:center top;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
[[/module]]

Comments
You can use the following module to enable other members of the community to comment on your member page. Anyone attempting to comment that is not a member or not presently logged in, will be prompted to join or login before being able to post. Allowing others to comment is a good way to show that you can be trusted with trades. There are a variety of ways that you can display a commenting section on your member page, but the easiest way is to place the module at the bottom of your page.

[[include comments]]

CSS Module
As you may have already guessed after viewing the custom background module, there is also a CSS module that allows you to control every aspect of style and display within your member profile page (Remember all those custom MySpace pages back in the day?).

[[module CSS]]

Your custom CSS

[[/module]]

If you're already a CSS wizard, then you won't have any difficulty isolating the divs here. But if you want a jump start, then you can find the active CSS currently applied to this site here.