Peg's WIP.

[Pegasus]

User's Guide to Standing Trials:
Post 1: Overview

This is a basic guide for players on the aspects / areas of ST which impact your posting on the boards.

• This first post is a "basic" overview of each area / section / aspect - and there are links to advanced guides in each one.
• The second post focuses on your Character Sheet (CS)
• The third post is about posting on Standing Trials and how to do it / what the rules and conventions are here.
• The fourth post is a series of useful links
• The fifth post onwards is the Advanced Guides. (maybe - they might go somewhere else) to each aspect identified here.

Each tab here is an overview of an area of the site. We hope this guide is useful.

The Front Page

The Front Page: The Portal

Please note Not all users have access to all features. If something isn't there for you that you think should be - then please post in our Bugs & Suggestions forum. Thank you!


What Is It?

This is our "Front Page" - the place you see / are directed to when you enter the site web address

Very briefly, the sections identified here are:

• A: The Top Menu Bar
• B: The Breadcrumb Menu
• C: The Welcome To Standing Trials & Seasonal Information Area
• D: Global Announcements
• E: Recent Threads
• F: Your Information
• G: Voting Buttons
• H: Word Count Information
• I: Meet The Prophets.

What Do I Use It For?

• In The Central Section
  • Viewing the Top Menu Bar (A)
  • Viewing information in the "Welcome to Standing Trials" box - this is the current cycle, the link to the latest cycle change information (C)
  • Seeing the most recent posts (E)
  • Accessing all the forums via the Breadcrumb Menu (B)
  • A list of who is online (down the bottom)
• On the right-hand side
  • Accessing your personal information. (F)
  • Accessing the "vote for Standing Trials" information (G)
  • Seeing information on Word Count (H)
  • Viewing a list of current Prophets (I)
  • Donating to the site (lower down, not on the image above)
  • Viewing overview statistics for the site (lower down, not on the image above)
  • Seeing who is celebrating a birthday today! (lower down, not on the image above)

How To Find It

• Click the "House" icon in the far left of the Top Header Bar
• On any page, just under the header there will be a "breadcrumb" list of the forum you are in. A breadcrumb list is a list going left - right which shows the "path" to the forum you are currently in. In the example below, I'm in our "Creating the World" forum. The first "breadcrumb" of that list will always be "Portal" and you can click it to go back there.
  
• Type in the site web address into your browser.
  
  
  Overview
  
  The Portal is a "central" area for the site and gives information. The Header changes with each Cycle as does the information in the top central "Welcome to Standing Trials" box.
  
  Advanced Guide
  
  
  The Advanced Guide to the Portal is HERE

User Control Panel

The User Control Panel

Please note Not all users have access to all features. If something isn't there for you that you think should be - then please post in our Bugs & Suggestions forum. Thank you!


What Is It?

Very basically, the User Control Panel (UCP) is a place where you can set preferences for the boards on Standing Trials. You can also view and update your UCP Character Ledgers here. [


What Do I Use It For?

• To set your own preferences for things like light / dark mode.
• To put information in which will appear under your avatar in posts (called "Profile Fields") - things like links to your Character Wiki etc.
• To edit information in your profile fields as they change (eg: you go up a Wealth Tier)

How To Find It

The UCP is found in a number of places. Any one of these will take you to it:

• On the top menu, click UCP
  
• Via the portal - under your avatar, on the right.

Overview

The UCP has a number of areas. This is the terminology that this guide uses:

There are four areas / parts to the UCP.

I've colour - coded them for ease of access.

1. Tabs - these are across the top ~ these tell you the different topics in the UCP. Click on a tab to see it's sections and content.
2. Sections - these are down the left hand side ~ these tell you the sub-topics in each tab. Clicking a section shows you the section content.
3. Content - this is in the center of the screen ~ this is where you amend your UCP. It's where you make the choices for how things look and put information in.
4. Information - this is at the bottom of the screen. ~ this is all about you and never changes, no matter what tab or section of the UCP you are in.

For those of you who use the Light Mode - this is the same screen in Light Mode. I'm doing this guide in Dark Mode - but if someone wants to take screenshots and upload them to your Gallery - I'll include them here.


This is true of all the sections of this guide - I use Dark Mode, so my examples are in Dark Mode. If someone wants to create mirror Light Mode images and upload them to the site, I'll happily include them here.



Advanced Guide


The Advanced Guide to the UCP is HERE

Top Header Bar

The Top Header Bar

Please note Not all users have access to all features. If something isn't there for you that you think should be - then please post in our Bugs & Suggestions forum. Thank you!


What Is It?

It's a bar across the top of all pages of Standing Trials which has links to (hopefully) useful information!


What Do I Use It For?

• Accessing Links & Lists which are personal to you
• Accessing our Lorebook (Wiki) and other areas of information
• Accessing your Private Messages.
• Reading your Notifications
• Switching Accounts (if you have more than one and they're linked!)

How To Find It

It's at the top of every page!


Overview

• The House icon takes you to the Portal
• My links gives you a series of personalised links.
• Lorebook takes you to various areas of our wiki
• OOC links you to helpful OOC forums / wiki pages
• Posts - gives you links to a few lists of posts and is where you search
• Season - takes you to the current season
• Subscription - takes you to a list of threads you have subscribed to
• UCP - takes you to your UCP
• The Bell Icon shows you if you have any notifications
• The Inbox icon shows you if you have any new Private Messages

Advanced Guide


The Advanced Guide to the Top Header Bar is HERE

Breadcrumb Menu

The Drop Down Breadcrumb Menu

Please note Not all users have access to all features. If something isn't there for you that you think should be - then please post in our Bugs & Suggestions forum. Thank you!


What Is It?

A way that you can access all forums and subforums from any page.


What Do I Use It For?

• To clarify the forum / subforum structure
• To move to a new forum with one click.

How To Find It

It it in the Breadcrumb List at the top of every page.


Overview

On every page, under the header there is the breadcrumb list of the forum you are in. A breadcrumb list is a list going left - right which shows the "path" to the forum you are currently in. In the example below, I'm in our "Creating the World" forum. The first "breadcrumb" of that list will always be "Portal" and you can click it to go back there.

To access the "Breadcrumb Menu" - you need to hover over the words "RPG Forum Index" in the Breadcrumb List- you will see that this is actually a drop-down menu. That menu will follow our forum structure and will allow you to navigate to any / every forum you have access to. Click on the forum name, and you're taken to that forum.

This is a useful navigational tool and allows you to access every area of the site.

Advanced Guide

There is no advanced guide for this aspect as that's pretty much it!

[/tab]

Forums

Forums / Subforums

Please note Not all users have access to all features. If something isn't there for you that you think should be - then please post in our Bugs & Suggestions forum. Thank you!


What Is It?

The forums are the way that we structure our site on Standing Trials. Each Forum is an "area" (IC) or a "section" (OOC).


What Do I Use It For?

• Finding other posts
• Finding your own posts

How To Find It

• On the Portal
• On the top breadcrumb menu
• On the drop down breadcrumb index

Overview

• Forum Icons ~ the green icon with a tick means that you have unread posts in a forum. If the icon is not green and has a minus sign in it, there are no unread posts.
• Description ~ this is the name and description of the forum.
• Forum Image ~ this is the image of the forum. If this is an OOC forum, it will indicate what the forum is for. If it's an IC forum, it is a visual indication of the geographical area the forum represents.
• Subforums ~ if the forum has sub-forums (if it is what is known as a "parent forum") then in SOME areas of the site, you'll see those subforums listed.

Once you reach any Forum past the Index, there are forums which serve different purposes. These include:

• City Forums
• Support Forums
• Discussion Forums

Navigating these is dealt with in the Advanced Guide.

Advanced Guide


The Advanced Guide to Forums is HERE

[Pegasus]

User's Guide to Standing Trials:
Post 2: Your Character

This is a basic guide for players on your Account, Character and Character Sheet.


Making Your Account

When you make your account, you'll receive the following Welcome PM

On behalf of the staff team, we’d like to welcome you to Standing Trials! We’re excited to have you join us and look forward to seeing your character in action.

Keep in mind that your username should be your character's name and shouldn't include numbers or underscores. Is {USERNAME} your character's name or a derivative of that name? If so, you're good to go!

We don’t want to overwhelm you with lots of information, but here are some resources to help you get started:

1. First, please make sure you’re aware of our Terms of Use (a must read!)
2. Now, we have automatically created your personal Character Sheet]. This has been pre-created for you, under your username and it acts as a guide for you to take you through the character creation process! We hope this feature is helpful. Go to this forum and there it will be.
   
   Once you’re ready, drop by The Welcome Wagon to introduce yourself! And of course, if you have any questions, please don’t hesitate to ask! You could create a thread in the Questions & Answers forum. You’re also welcome to PM Pegasus or any of the staff - they are here to help whenever you need assistance.

Finding Your CS

The link in there to the Character Sheets forum. In there, you'll find the Character Sheet which has been generated for you. It's name is your account name.

Scroll down past the subforums called "Approved CSes" and "CS Limbo" and past the announcements. Then, you'll get to the section entitled Topics.

In this section, you'll see a few threads which are stickies and then, there will be your Character Sheet. As per the image on the left, when you first join your username will be a grey colour. This means that you do not yet have 3 approved posts and your posts (or any edits on posts) will need approving until you have 3 approved posts. Once you do have those three posts, your username will turn light green and you no longer need to have posts approved.

In the example here, Tessera does not yet have 3 approved posts - but Pyrre does!


Completing Your CS

The CS itself is a guide to how to fill it in. It has links for each section. Most of those link to this section of the wiki which has been written to take you step by step through the process of Character Creation. We're not going to repeat that information here, but instead will wish you good luck and hope you enjoy creating your PC!


Your User Control Panel (UCP)

We use the User Control Panel (UCP) to record things for your character. If you have a look at your UCP and go to the "Character" tab on the far right - you'll see there's ledgers there for you. You can spend Wealth Points there, see your current Renown level, etc All of this is kept automatically for you. You are welcome to keep your own lists, of course, if you want to - but this removes the need for "bean counting" . See the UCP Guide and this wiki page for more detail on this.

[Pegasus]

User's Guide to Standing Trials:
Post 3: Posting

This guide demonstrates how to post on Standing Trials.


Jargon


On ST, we use the following abbreviations / jargon.

• IC = In Character
• OOC = Out of Character
• Thread = A single topic in a forum.

Starting A New Thread

1. Locate which forum you wish to post in.
   • IC posting is done in one of IC forums. If you hover over "RPG Index" just underneath the header on every page, you'll see that it brings about a drop-down menu. Those are our forums.
     
     
     
     Posting In An Existing Thread
     

[Pegasus]

User's Guide to Standing Trials

Post 4

[Pegasus]

User's Guide to Standing Trials:
Feature-by-Feature Guide.

Feature	Place	Controls Available
Global Announcements	User Control Panel: Overview Tab	To give you access to global announcement threads
Subscribed Forums & Threads	User Control Panel: Overview Tab	You can mark individual forums / threads and unsubscribe from them (click "Unwatched Marked" down the bottom. You can go to any thread on your subscribed thread list. You can click on the profile of any member listed in your subscribed threads list

[Pegasus]

User's Guide to Standing Trials:
The User CP: An Advanced Guide

The User Control Panel

Please note Not all users have access to all features. If something isn't there for you that you think should be - then please post in our Bugs & Suggestions forum. Thank you!


Reminder

The UCP has a number of areas. This is the terminology that this guide uses:

There are four areas / parts to the UCP.

I've colour - coded them for ease of access.

Tabs - these are across the top ~ these tell you the different topics in the UCP. Click on a tab to see it's sections and content.

Sections - these are down the left hand side ~ these tell you the sub-topics in each tab. Clicking a section shows you the section content.
Content - this is in the center of the screen ~ this is where you amend your UCP. It's where you make the choices for how things look and put information in.
Information - this is at the bottom of the screen. ~ this is all about you and never changes, no matter what tab or section of the UCP you are in.

For those of you who use the Light Mode - this is the same screen in Light Mode. I'm doing this guide in Dark Mode - but if someone wants to take screenshots and upload them to your Gallery - I'll include them here.



Tabs, Sections & Content in the UCP

Overview

The first tab of the UCP is the "Overview" tab. It has the following sections and functionality:

Section	Content	Function
Front Page	The threads which automatically appear at the top of every forum.	To give you access to global announcement threads
Manage Subscriptions	A list of the forums and threads you are subscribed to.	You can mark individual forums / threads and unsubscribe from them (click "Unwatched Marked" down the bottom. You can go to any thread on your subscribed thread list. You can click on the profile of any member listed in your subscribed threads list
Manage Bookmarks	A list of threads you have bookmarked.	You can mark individual threads and remove them from your bookmarks (Select them thread, then click "Remove Marked Bookmarks" down the bottom. You can go to any thread on your bookmarked list. You can click on the profile of any member listed in your bookmarked list
Manage Drafts	In this section you can view, edit and / or delete your saved drafts. Note - this is not your quick draft, only the drafts you have saved by clicking "Save Draft" in the post. The contents are a list of all drafts you have saved.	You can mark individual drafts and delete them (Select them thread, then click "Delete Marked" down the bottom. You can load your draft into the posting area - this loads it in to the thread it's associated with. You can view / edit the draft - this allows you to edit it without loading it into the posting area.
Manage Attachments	This allows you to see a list of every attachment you've put on the boards (please note, many account types do not have access to attachments).	You can mark individual attachments and delete them (Select the attachment, then click "Delete Marked" down the bottom. You can view your attachments in a list
Manage Notifications	This allows you to view all of your previously received notifications (when you get a little number next to the bell in the top menu bar).	You can mark individual notifications and mark them as read. You can mark all notifications as read

Profile

The second tab of the UCP is the "Profile" tab. It has the following sections and functionality:

Edit Profile

The Edit Profile Section has the following content (please note that for anything you enter here to take effect, you have to press "Submit" at the bottom).

Content Heading	Function	Options
Special Title	Create a small title (maximum 8 characters) next to your username in superscript (optional)	Enter the Special Title you have chosen in the box Choose the colour of your Special Title (either via the colour picker or by putting in the hex code
Special Title Colour	Create a small title (maximum 8 characters) next to your username in superscript (optional)	Choose the colour of your Special Title (either via the colour picker or by putting in the hex code
BIrthday	Allows your birthday to be displayed on the Portal on the appropriate date (optional)	Put in the date of your birthday Put in the year of your birthday (optional - will display your age on the portal)
Race	This is a required field and you must choose your PC race.(mandatory)	Put in your PCs race (will display under your avatar in posts)
Profession	Allows your PCs profession to be displayed beneath their avatar on posts if this field is filled in. (optional).	Put in your PCs profession (will display under your avatar in posts if this field is filled in)
Renown	Here, you must enter your current Renown. This must be kept up to date. (mandatory).	Put in your PCs renown (will display under your avatar in posts)
Character Sheet	This is a required field. Put the url link to your Character Sheet (CS) (mandatory)	Link to your Character Sheet (will display under your avatar in posts)
Character Wiki	This is a required field. Put the url link to your Character Wiki here. (mandatory)	Link to your Character Sheet (will display under your avatar in posts)
Plot Notes	Allows your Plot Notes (stored in this forum ) to be displayed beneath your PCs avatar on posts if this field is filled in (optional)	Link to your Plot Notes (will display under your avatar in posts)
Partner	Allows the link to your Partner's information to be displayed beneath your PCs avatar on posts if this field is filled in (optional)	Link to your Partner's information (will display under your avatar in posts)
Personal Journal	Allows your Personal Journal (stored in this forum ) to be displayed beneath your PCs avatar on posts if this field is filled in (optional)	Link to your Personal Journal (will display under your avatar in posts)
Templates	Allows your Templates Thread (stored in this forum ) to be displayed beneath your PCs avatar on posts if this field is filled in (optional) Please note you could also put your thread from this forum in there - but this is available to you on every post. See Templates above for clarity)	Link to your Template Thread (will display under your avatar in posts)
Letters	Allows your Letters Thread (stored in this forum ) to be displayed beneath your PCs avatar on posts if this field is filled in (optional)	Link to your Letters Thread (will display under your avatar in posts)
Point Bank Thread	Allows your Point Bank Thread (stored in a forum only staff can see ) to be displayed beneath your PCs avatar on posts if this field is filled in. If you take part in / claim any Point Bank Points, this thread will be created and you must display this thread on all your accounts.	Link to your Point Bank Thread (will display under your avatar in posts)
Colour Scheme	Allows you to choose Light Theme or Dark Theme for how you view the site. This is a choice specific to each account.	Toggle between Light and Dark theme.
Storybook Thread	Allows your Storybook Thread (stored in this forum ) to be displayed beneath your PCs avatar on posts if this field is filled in (optional)	Link to your Storybook Thread (will display under your avatar in posts)
Wealth Tier	Here, you must enter your current Wealth Tier This must be kept up to date. (mandatory).	Put in your PCs Wealth Tier (will display under your avatar in posts)
Quick Links 1 - 10	These are optional fields which you can fill in. Putting a link in "QuickLinkOne" and naming it in "Quick Link 1 Title" will cause this to be a link in your "My Links" on the top menu bar. These are optional and for your convenience.	Add personal links to your "My Links" list.

Edit Signature

The Edit Signature Section has the same interface as a regular post. Here, you can create a signature for your account. Please note that the "style=" commands don't work here. See the Guide to BB Code for more information on code. You can preview your signature, but until and unless you press "Submit" it is not final.

Edit Avatar

The Edit Avatar Section allows you to have a custom avatar for your account. The image must be no larger than 200 x 200 px.
It asks you to "Select Your Avatar"
The only option in Avatar Type is Upload Avatar. This allows you to upload an avatar from your machine. Click on "Choose File" - choose the file you wish to use, and then press submit. You can press "Preview" if you want to preview your avatar.

Edit Account Settings

The Edit Account Settings Section has the following content (please note that for anything you enter here to take effect, you have to press "Submit" at the bottom).

• Username - this simply shows your username. You can not change your username from here. If you wish to change your username, this must be done via the PSF.
• Email Address - this is the email address which you have connected to your account. You can edit this. ₁
• New Password - this is where you would put a new password if you wish to change your password. You have to confirm this in the "Confirm Password" field below. ₁

Note
₁ : For these two functions to work, you must enter your current / existing password in the "Current Password" field.

Manage "Remember Me" Login Keys

The Manage "Remember Me" Login Keys Section has the following content:

1. A list of all the isp addresses you have clicked "Remember Me" when you log in from.

You can select particular ISP addresses and delete them. This will delete the "Remember Me" Login Key and the device will not remember you next time you log in from it.

Manage Profile Flair

The Manage Profile Flair Section has the following content:

A list of all the Profile Flair (medals) you have been awarded. These appear in the following sections:

• Featured
• Contribution
• Milestones
• RP Medals
• Staff
• Miscellaneous
• Events

You can not change the order in which the different sections above appear but if you click on the little square next to a specific medal, then it will appear at the top of that section.

Board Preferences

The Board Preferences Settings Section has the following content (please note that for anything you enter here to take effect, you have to press "Submit" at the bottom).

Section	Content
Edit Global Settings	Here, you can: Determine how people can contact you Set your timezone and date settings Toggle whether you wish to hide your online status or not
Edit Posting Defaults	This section is split into 5 topics Image Display Options Here, you choose how you wish to deal with different types of image. Please note: these settings apply to all posts for you. Topic Display Options Here, you can choose how you display lists of topics. Please note these settings apply to the whole site for this account. Post Display Options Here, you can choose how you display lists of posts. Please note these settings apply to the whole site for this account. Recent Topic Display Options. Here, you can choose how - and if - you see the "Recent Topics" on the index page ( here ) You can decide where you see it, if you see it, how many posts, etc. Please note these settings apply to this account oly.
Edit Notification Options	This section contains a list of items which you could be notified of. You can set here whether you wish to be notified on site (in the top right hand corner of your top menu) or by email. If neither of these are ticked for an item, you will not receive a notification for it.
Auto Drafts	This section is where you can choose your settings for Auto Drafts. The Auto Drafts save your post as you are writing. You can set the following here: The time interval between saves The time before the auto draft is deleted Whether you wish to automatically load the last draft when you open a reply Whether drafts are deleted when a reply is submitted. It also lists the number of current drafts and allows you to "Delete All Drafts"

Private Messages

The Private Messages Section takes you to your Private Message Inbox.
The left hand menu here allows you to compose a new message or to check your Inbox, Sent Items (items which you have sent and have been read by at least one of the recipients) and your Outbox (items which you have sent but have not yet been opened / read).

Usergroups

The Usergroups Section displays the usergroups you are in. It also shows you the usergroups across the site and gives you the option to join a group if you are eligible to do so.

Friends & Foes

The Friends & Foes Section has the following content (please note that for anything you enter here to take effect, you have to press "Submit" at the bottom).

Section	Content
Manage Friends	Here you can add "friends". The posts and content from people identified as your friends are highlighted and given priority for you.
Manage Foes	Here you can add "foes". Foes are users which will be ignored by default. Posts by these users will not be fully visible - this setting is one which should be very cautiously used . Private messages from foes are still permitted. Please note that you cannot ignore moderators or administrators.

[/style2]
[/tab]

Linked Accounts

The Linked Accounts Section has the following content (please note that for anything you enter here to take effect, you have to press "Submit" at the bottom).

Section	Content
Account Management	This gives you a list of accounts linked to the current account.
Account Linking	Here you can link your current account to another account of yours. You will need to put in the username and password of the account you wish to link to and your current password.

Gallery

When you first visit this tab - you have the chance to "Create Personal Album". This is your personal album for Standing Trials.
Once you have created your personal album - there is the following content.

Section	Content
Manage Personal Albums	This allows you to create subalbums of your personal album, for organisation. At the top of your subalbums, you can Edit existing subalbums, Delete existing subalbums, Go To a subalbum to see existing images, or Upload an image to the current subalbum.
Manage Subscriptions	This shows you images and subalbums you are subscribed to. You can select from this link to stop watching.
Personal Settings	This allows you to set default actions such as subscribing to your own images and allowing (or disallowing) comments on your images.

Character

TheCharacter Section is the record-keeping section of your UCP. It holds information in a dynamic fashion which is updated as you are given rewards.

For a more comprehensive guide, see this page on the wiki.
It has the following sections

Section	Content
Renown	This is a dated list of all the threads where you have received Renown. For those who wish it, this is your Renown Ledger. When you receive a review, please check that this is up to date, and contact the Peer Reviewer / Mod if there is an issue.
Faction Points	If a Peer Reviewer of Mod gives you faction points in a review, they should be recorded here. For those who wish it, this is your Faction Point Ledger. Please check that this is up to date, and contact the Peer Reviewer / Mod if there is an issue.
XP	This is a dated list of all the threads where you have received XP. For those who wish is, this is your total XP, and your completed thread list. When you receive a review, please check that this is up to date, and contact the Peer Reviewer / Mod if there is an issue.
Knowledge	This is a list of all the skills where you have been awarded knowledge, with a list under each skill of each thread where knowledge for that skill was awarded. For those who wish is, this is your total knowledge. When you receive a review, please check that this is up to date, and contact the Peer Reviewer / Mod if there is an issue.
Wealth Points	This is a list of all the threads where you have received WP. You can also spend WP here, by clicking on the "Spend Wealth Points" menu where you put in how much you spent (don't make it a negative number) - what you spent it on - and a link (if appropriate).When you receive a review, please check that this is up to date, and contact the Peer Reviewer / Mod if there is an issue.
Language Points	This is an IC - dated list of threads which have been identified as a "Local Language Thread" - with totals for each language.When you receive a review, please check that this is up to date, and contact the Peer Reviewer / Mod if there is an issue.
Points Bank	This is an updated list of all threads you have reviewed (awarded rewards to) and their word count which is then translated into equivalent Point Bank Points. "Delete" these to keep your PB total! (for Peer Reviwers and Prophets only)
Character Notes	This is a place where you can make notes for yourself - each note is named and, once created, it auto-saves.

[Pegasus]

User's Guide to Standing Trials:
The Posting Area / Making A Post

Overview
Image here, names and sections, etc.

[Pegasus]

User's Guide to Standing Trials:
The Forums / Navigating The Forums

Overview
Image here, names and sections, etc.

[Areia]

Hope this is in the correct location!!!

Here is the code for border-image and what I've worked out about it. Link to the border-image property on the w3schools website.

Here is an example of border-image:url(LINK). In this example, I'm using the same image in the border-image as I am the image within the style.

To get border-image:url(LINK) to work, you need first to define the border's width and its style. The border-width here is 4px, and the border-style is solid. Border-width is self-explanatory; border-style is the style of border, denoted in this link. It looks like border-style needs to be set to solid for this to work; I tried double and dashed but it didn't affect the border.

Additionally to get border-image:url(LINK) to work, you need to define the border's repeat and a number before that repeat. The border's repeat defines the style of repeat the border image will have, and generally whether it is making the border into a pattern, and how that pattern looks. The number related to the repeat also has a defining affect on the the border's repeat, and how the image used is patterned within the border.

The border-repeat here, defined in shorthand as border-image:url(LINK) NUMBER REPEAT; is set to stretch. The number is set to 1; I don't really understand what the different styles of repeat do and how they differ, nor how the numbers really affect the repeat, but it's fun to mess about with.

The repeat number may be a number, or a percentage.

Code: Select all

[style=max-width:500px; margin:auto; padding:4px; border-width:4px; border-style:solid; border-image:url(https://live.staticflickr.com/65535/51818224365_c13aa05d12_o.jpg) 1 stretch;][img]https://live.staticflickr.com/65535/51818224365_c13aa05d12_o.jpg[/img]
[/style]

Here is an example where the repeat style and repeat number are different. The repeat is set to repeat, and the number is set to 20.

Code: Select all

[style=max-width:500px; margin:auto; padding:4px; border-width:4px; border-style:solid; border-image:url(https://live.staticflickr.com/65535/51818224365_c13aa05d12_o.jpg) 20 repeat;][img]https://live.staticflickr.com/65535/51818224365_c13aa05d12_o.jpg[/img]
[/style]

Looking at border-image and background-image, link to the background-image property on the w3schools website, it's clear that they have some similarities. Like background-image, which is able to be used with images or with gradients, border-image is also able to be used with images or with gradients. To do this, simply define the gradient, link to the gradients property on the w3schools website, like you would with a background-image. The code for a linear-gradient, for example, would look like border-image:linear-gradient(COLOR 1, COLOR 2);

This linear-gradient example also has the direction of the gradient defined; it is set to 45deg. It also has the color stops defined, so where the colors of the gradient transition into the other colors. Those are defined in percentages here; there are four colors [one of the colors is a repeat], and four color stops.

Code: Select all

[style=max-width:500px; margin:auto; padding:4px; border-width:4px; border-style:solid; border-image:linear-gradient(45deg,#4a2777 20%,#e9f4f2 40%,#e9f4f2 60%,#5cb2c1 80%) 1 stretch;]
[img]https://live.staticflickr.com/65535/51818224365_c13aa05d12_o.jpg[/img]
[/style]

This is an example of a linear-gradient with the repeat style set to repeat and the repeat number set to 20.

Code: Select all

[style=max-width:500px; margin:auto; padding:4px; border-width:4px; border-style:solid; border-image:linear-gradient(45deg,#4a2777 20%,#e9f4f2 40%,#e9f4f2 60%,#5cb2c1 80%) 20 repeat;][img]https://live.staticflickr.com/65535/51818224365_c13aa05d12_o.jpg[/img]
[/style]

That's all I've worked out for now!