Content and Uploading

The content section of this admin control panel allows you to edit, delete, and create content pages. These pages uses mod_rewrite to rewrite URLs to be more search engine friendly. The upload section allows you to upload any relevant files (text and images only) for your portfolio. If you do not wish to use our upload service, feel free to use your own and link to your own site/images. All uploaded filenames and content filenames are automatically set to lowercase.

We try to allow as many HTML tags as we can for you to use. However, there are some limitations. Please see this list of disallowed HTML tags for more information. When writing content, there are some tags that are premade for you to use at your convienence. The following tags are set as shorthands. However, most of our tags' functions can easily be acheived with HTML tags as well. We have set these only as a way to ease things up for you. If you do not like these tags, feel free to use HTML tags instead.

There are also handy links on top of the content editing textarea which help with using these shorthands.

[IMG:something.jpg|width=a|height=b|alt=c|title=d|border=e]


This tag allows you do acheive the most commonly used functions of the img tag. The first attribute following the colon is the only required attribute. The rest are optional. This function is to be used with uploaded images using our upload service only. something.jpg corresponds to the "Filename" of the image uploaded. See the next tag for a hotlink version

[IMG:http://somewhere.com/something.jpg|width=a|height=b|alt=c|title=d|border=e]
The same as the first function, except this one hotlinks an image. If you want to use your own server to host images, then this shorthand is for you.

The "http://" MUST be include to indicate that it hotlinks an image. The "www." is optional.



[LIGHTBOX:thumb.jpg|actual.jpg|caption=a|width=b|height=c|border=d] (open example)

This is almost exactly the same as the internal IMG tag. However, this allows you to enhance your image's presentation with Lightbox JS, a "simple, unobtrusive script used to overlay images." The width/height/border would refer to the width/height/border of the image on the page. The first image (directly after the colon) refers to the thumbnail, and the second one refers to the actual image (shown with Lightbox). The caption is an optional text underneath the Lightbox image. To see an example, either visit the website of Lightbox JS or open the example window above. This feature works only with internal images (uploaded using our upload service).

[LINK:filename]
This tag links to another content page you have. 'filename' corresponds to the linked content page's Filename. This tag only applies to INTERNAL content pages. The extension of the filename (.html) is NOT required. The next tag applies to external links

[LINK:http://somewhere.com|target=a]

This function ONLY applies to external links. It is the same in function as the <a href. The http:// must be used to differentiate between external and internal. The www. is optional. target refers to which window you would like to open your external link (identical to the target attribute of the a tag). It should be noted however that when writing the target, the initial underscore is NOT required. (e.g. target=blank ; instead of target=_blank) The default target (if it isn't set) is _blank.

[CODE|file=something.txt] [/CODE] (open example in new window)

If you're a programmer, then this tag is definitely for you. It outputs a neat little box with syntax highlighting for whatever code you might want to put into your content pages to display. You can edit the appearance of the code box in the stylesheet (style.css) -- the example shows you the default appearance. You can use uploaded text file's contents in the code box by specifying the filename. Note that this works with text files uploaded using our upload service only. In the case that you use an uploaded file, you still must use the [/CODE] tag, but any text found inside the tags will not appear. Any formatting (with these tags) appearing inside [CODE] tags will appear literally (similar to [NOFOR], except [CODE] still enables nl2br)

[QUOTE=a] [/QUOTE] (open example in new window)

Outputs a box that is suitable for displaying a quote (this could be used for a page like testimonials.) You can edit the appearance of the quote box in the stylesheet (style.css) -- the example shows you the default appearance. a (optional) would be the person/people who the quote is credited to. :D :) :( :o 8O :S 8) :lol: :x :P :oops: :'( :evil: :roll: ;) (open examples in new window)

Smilies! Who can live without them? For any of the content pages, these smilies are built in.

[NOBR] [/NOBR]
This could be a very important tag, depending on how you like to make your content pages. By default, whatever content you type in will be affected by PHP's nl2br() function. This means that you don't need to type <br /> for a line break, and that every single literal line break you type in the text box would be rendered as a line break. The NOBR tag makes it so that whatever is in between the [NBOR] and [/NOBR] is NOT affected by the nl2br function. Meaning that for a line break, you must type <br />. This function only disables the automatic line break. If you would like to have no formatting whatsoever (including line breaks), see the next tag.

[NOFOR] [/NOFOR]

These shorthands are useful at times, but can also be very distracting at other times. Therefore, this tag is created to disable the formatting. Anything that goes in between these tags are taken as HTML formatting. This function also includes disabling the nl2br() function (see above), and also disables the smilie formatting.



Using your own server

We understand that uploading using our service might be inconvienent to many. Which is why we allow you to upload any images/files to your own server space and hotlinking from your content pages to those images/files. HTML tags such as <img>, and <a> are allowed no matter what you're creating/editing (template pages or content pages). In fact, if you are trying to make a new template for your portfolio, we encourage you to use your own server space for images. It makes editing a lot easier. As long as you hotlink to appropiate images, feel free to do it!

However, it should be noted that some of our premade tags will not be functional with hotlinked images. See the above section for more information.



Themes and Templates - EXPERIMENTAL

This is currently an EXPERIMENTAL feature. Which means that we are testing whether this is secure or not. If abused frequently, we will take away this feature.

In the settings section under theme settings, it is possible to download or upload a "header" file, a "footer" file, and a CSS file. The contents of the header file goes directly before every page, and the contents of the footer will go directly after every page. The CSS stylesheet is also included in every page. Therefore, if you would like to make your own theme, be sure to edit the header file, the corresponding footer file, and the CSS stylesheet.

With this feature, you can completely change the design of your portfolio to suit your needs since you have access to the stylesheet, the header/footer, and important variables. We strongly recommend however, that you know what you are doing and that you have worked with a template engine before (preferably Smarty). We will take abuse to this experimental feature very seriously, and although we might grant second chances to those that might have made an accidental mistake, please try to prevent any problems from occuring. If you require some simple help, feel free to contact us.

There are certain variables inside the header and footer files. These files use the Smarty Template Engine to parse variables. To see a full list of what variables are included, please see the list of template variables.

When editing a template, you can use many HTML tags. However, for security reasons, you may not use certain tags. Refer to the template section of the disallowed tags. Also, we strongly recommend using your own server for graphic-intensive designs. Uploading using our form might take significantly more time than using your own server.

Keep in mind that if you do not know how to edit templates, it's fine! Our default design is very sleek and simple, and content is what matters the most.

Also remember that we realize everyone can make mistakes. Sometimes "abuse" can be accidental and so we will only disable an account once the abuse is clear. We would suggest you test the header, footer and stylesheet on your local machine before uploading. Please also remember to see the terms of use for more information.