Whats new on the site and how does it work?

[Volf]

In this topic i will explain the sites new features and functions.
The topic is an ongoing guide and thus it is locked. To discuss a particular site feature you can make your own topic here in site support forum.

Features:
• Drafts -how to use them
• Image gallery
• YouTube video gallery

Bbcodes
• Media bbcode - Posting google spreadsheets For your d2 txt files
• Media bbcode - Embedding videos
• Progress bbcode
• Divbox bbcode
• Table bbcode
• Filecenter download button bbcode

Users and groups
• Post based groups

[Volf]

Drafts
Drafts are handy when you want to construct a long post but lack the time to complete it in one go. We had them before but were rarely used

Drafts are created when you click the 'Save draft' button on the New Post or Post Reply page. Saved in draft are the title of your post, the message/post, the forum or topic that the draft was made in, and the date you saved it. Topic icons, attachments and other extras on the other hand are not saved in drafts so you shouldnt add them until you are ready to publish the draft.

To continue editing a draft for future submission, head on over the the user control panel.

To access the UCP click on your username in the headed, then click the user control panel link.

In the USP you will find your drafts under Overview tab - Manage drafts.
To continue editing click the 'View/Edit' link. If you plan to finish and post the message, click 'Load Draft'. To delete a draft, check the box next to the draft you wish to remove and click 'Delete Marked'.

[Volf]

Media bbcode - Posting google spreadsheets
This should be useful for d2 txt files.

The format:

Code: Select all

[media]https://docs.google.com/spreadsheets/d/1POXDvcPwBm947PQio3VjEl-gSLOEzaOAyQ2hvSQNihk/edit?usp=sharing[/media]

Will display as below:


The spreadsheets must be public to show on the forum.
To do so in googles spreadsheet editor, select file menu in upper left corner, from there share on the internet. When thats done click share in the upper left corner and grab the url. The url to use is the one with usp=sharing, not the one ending with pubhtml.

[Volf]

Media bbcode - Embedding videos
The same media bbcode can also be used for embedding videos from youtube, IGN, Vimeo and Facebook
Format is

Code: Select all

[media]https://videos-shar-link[/media]

Youtube example

Code: Select all

[media]https://youtu.be/I2i3T5x9gxE[/media]

Will display as


Vimeo example

Code: Select all

[media]https://vimeo.com/30007479[/media]

Will render


IGN example

Code: Select all

[media]http://www.ign.com/videos/2017/05/12/diablo-3-7-minutes-of-necromancer-gameplay-1080p-60fps[/media]

Will look like this


Facebook Example:
To get url for a fb video, right click the video and get url

Code: Select all

[media]https://www.facebook.com/Askartelua/videos/1072754996136313/[/media]

Would render as: Sorry but couldn't find a public diablo related video so you get to watch me building a tardis dvd cabinet for my sis from leftover junk.

[Volf]

Progress bbcode
In addition to the visible bbcodes there are others that might be useful from time to time.
One of the is the progress bbcode:
The format is

Code: Select all

[progress]Any number between 1-100[/progress]

An example

Code: Select all

[progress]80[/progress]

Will look like so:

80%

Once you make progress on your project you just edit the post and update the number.

[Volf]

Divbox bbcode

Divbox is another bbcode that does not show among the bbcode buttons.
Use when you want to bring arrention to something in a topic, tutorial or whatever. please dont overdo it though.

The format

Code: Select all

[divbox=#color]TEXT[/divbox]

for hex color codes
an example:

Code: Select all

[divbox=#800000]TEXT[/divbox]

Would look like this

TEXT

or

Code: Select all

[divbox=color name]TEXT[/divbox]

for color names
An example

Code: Select all

[divbox=Peru]Replace color name with peru and you get this[/divbox]

Would look like this

Replace color name with peru and you get this

You can also ad divboxes around images
like so

Code: Select all

[divbox=Peru]

[img]https://d2mods.info/forum/ext/dmzx/imageupload/files/681f3bb3d36e49c3cd4a0836ea658648.jpg[/img]

[/divbox]

Looks like so

Combine this with imageleft bbcode and you can do this

[/divbox][/code]
Looks like so

Some clever heading
Imageleft bbcode allows you to wrap text around an image. Repeating the same because im too lazy to write anything else in this example so here we go again - mageleft bbcode allows you to wrap text around an image. Repeating the same because im too lazy to write anything else in this example so here we go again - mageleft bbcode allows you to wrap text around an image. Repeating the same because im too lazy to write anything else in this example so here we go again - mageleft bbcode allows you to wrap text around an image. Repeating the same because im too lazy to write anything else in this example so here we go again - mageleft bbcode allows you to wrap text around an image. Repeating the same because im too lazy to write anything else in this example so here we go again - mageleft bbcode allows you to wrap text around an image.

the code for the above would be

Code: Select all

[divbox=Peru][b]Some clever heading[/b]
[imageleft]https://d2mods.info/forum/ext/dmzx/imageupload/files/681f3bb3d36e49c3cd4a0836ea658648.jpg[/imageleft]Imageleft bbcode allows you to wrap text around an image. Repeating the same because im too lazy to write anything else in this example so here we go again - mageleft bbcode allows you to wrap text around an image. Repeating the same because im too lazy to write anything else in this example so here we go again - mageleft bbcode allows you to wrap text around an image. Repeating the same because im too lazy to write anything else in this example so here we go again - mageleft bbcode allows you to wrap text around an image. Repeating the same because im too lazy to write anything else in this example so here we go again - mageleft bbcode allows you to wrap text around an image. Repeating the same because im too lazy to write anything else in this example so here we go again - mageleft bbcode allows you to wrap text around an image.
[/divbox]

[Volf]

We had a gallery on the old site but the way it was setup didn't exacltly make it popular. Moderators never got notifications so allot of images never got approved etc.




The new gallery has 2 categories that are open to all registered members and no approval is needed.
To upload an image head on over to the gallery pick a category, Diablo 2 Screenshots for your d2 and d2 mod screenies, and Diablo 3 Screenshots for your diablo 3 gameplay screenshots.
Once in the appropriate category click the upload image button.




Uploaded images can be posted in the forums, using regular image bbcodes and the direct link or use the gallerys image bbcodes.
Image bbcode
example

Code: Select all

[image]351[/image]

Will display as

Clicking the thumb takes you to the full size image in the gallery.

The viewer can rate gallery images and comment. Sadly old ratings were lost in the site rebuild
------------------------------------------------------------------------------------------------

Screenshot of the week is a closed gallery where only staff members can upload, same with history of the keep screenshot.

You can also see how many uploaded images each user has in their profiles, the field is simply labeled images.

[Volf]

Posting table bb code
Table Bbcode is another so called hidden bbcode that does not have its own buttons in the post editor.
Just dont create huge tables as that could streatch the post and break the sites layout. For big spreadsheets use google spreadsheets
Here is an example

Code: Select all

[table]
[tr]
	[th]Column 1[/th]
	[th]Column 2[/th]
	[th]Column 3[/th]
[/tr]
[tr]
	[td]Row 1 - Text 1[/td]
	[td]Text 2[/td]
	[td]Text 3[/td]
[/tr]
[tr]
	[td]Row 2 - Text 1[/td]
	[td]Text 2[/td]
	[td]Text 3[/td]
[/tr]
[/table]

The above example would display as:

Column 1	Column 2	Column 3
Row 1 - Text 1	Text 2	Text 3
Row 2 - Text 1	Text 2	Text 3

A table always starts with the [ table ] tag and ends with the [ /table ] tag. Note that in my explanations outside the code boxes i have the put a space in the tags
Next a row in the tables starts with [ tr ] and ends with [ /tr ]
Between the table row tags we have the table column tags that start with [ tr ] and ends with [ /tr ]. Between them you add your text.
Alternatively for the first row you can replace the table row [ tr ] tags with table header tags [ th ] and you will get a fancy header row as in the examples.
Below how it would look without the table header tags on the first row.

Column 1	Column 2	Column 3
Row 1 - Text 1	Text 2	Text 3
Row 2 - Text 1	Text 2	Text 3

Here is a quick screenshot


If this seems to complicated you can google for bbcode table generators, teamopolis.com has a good one.
------------------------

Variations.
using table3 and td3 you will get a table without borders and background.
format

Code: Select all

[table3]
[tr]
	[td3]Text 1[/td3]
	[td3]Text 2[/td3]
	[td3]Text 3[/td3]
[/tr]
[/table3]

Diaplays as

Text 1

Text 2

Text 3

[Volf]

Junior Member

Once you make your 100th post you will automatically be added to the group.

Junior Member advantages:
• Gets a special rank image.
--------------------------------------------------
Forum Regular

Once you make your 500th post you will automatically be added to the group.

Forum Regular advantages:
• Gets a special username color.
• Gets a special rank image.
--------------------------------------------------
Forum Legend

Once you make your 1000th post you will automatically be added to the group.

Forum Legend advantages:
• Can change their own default usergroup.
• Gets a special username color.
• Gets a special rank image.
• Can post knowledge base articles without moderator approval.

[Volf]

We also have a YouTube video gallery
Sharing a youtube video with the community is now ridiculously easy.
Just grab a video url from youtube, hit the new video button in the gallery, pick a category and hit submit.

Like so:


You dont need to make your own videos, you can share videos made by others unless the author has prevented it.

If you do want to make your own screen capture videos to show off your mod and dont have a good screen video capture program then hit windows button + G. This starts windows built in screen capture software and its pretty good (this and all my other resent videos were captured with it). Works on windows 10, maybe earlier versions (can't remember).

[Volf]

Filecenter download button bbcode

The code

Code: Select all

[dl]Link to the file[/dl]

Example for link to beginners toolkit:

Code: Select all

[dl]http://phrozenkeep.blob.core.windows.net/public/files/tools/beginners-toolkit-v10.exe[/dl]

Will display like so:


To grab a file url just go to the filecenter, right click a download button and copy the link.