Scivillage.com Custom MYcode/BBCode

#1
Thumbs Up 
The following are custom Codes for use with this website (They likely won't work on other websites):

Columns
So you've written a wall of text and you want to place it it columns so that it looks a little different than how posts usually come up. You can now use :

Code:
[columns=4]Lorem ipsum.. <snip> ..legunt saepius.[/columns]

(Any integer can be used for the number mentioned here between 1 and 6)
Results in:


Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.

Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Nam liber tempor cum soluta nobis eleifend option congue nihil imperdiet doming id quod mazim placerat facer possim assum. Typi non habent claritatem insitam; est usus legentis in iis qui facit eorum claritatem. Investigationes demonstraverunt lectores legere me lius quod ii legunt saepius.


* It should be noted that it is experimental in the sense that adding other nested code effects might cause odd behaviour
Reply
#2
Font Awesome
The internet has seen Font Awesome grow in size with the advent of Mobile platforms.  A font similar to Windings but with more designs consideration.  Check their site, You can add the name of a font icon from what is available using the following code:

Code:
[fa=thumbs-up]Pretty good idea?

(Just make sure that you don't add an extra "fa" where it isn't needed since it's already prefixed, for instance "fa-thumbs-up" would fail, where "thumbs-up" succeeds.  You can change it's colour by nesting it in a [ color] tag)

results in:


Pretty good idea?

Awesome.
Reply
#3
(Jun 29, 2016 01:36 PM)stryder Wrote: Font Awesome
The internet has seen Font Awesome grow in size with the advent of Mobile platforms.  A font similar to Windings but with more designs consideration.  Check their site, You can add the name of a font icon from what is available using the following code:

Code:
[fa=thumbs-up]Pretty good idea?

(Just make sure that you don't add an extra "fa" where it isn't needed since it's already prefixed, for instance "fa-thumbs-up" would fail, where "thumbs-up" succeeds.  You can change it's colour by nesting it in a [ color] tag)

results in:


Pretty good idea?

Awesome.

Nice. I'm going to use this... is going to take me time to get this together though. I'm working on something...

The columns bit, that is. Might even take me all night.
Reply
#4
I've added a couple of more mycodes:

Pinterest
This as you can guess is to add images from Pinterest into the forum through your posts:
Code:
[pinterest]329185053996915256[/pinterest]

The URL has been added for those using browser security features that stop such things as external scripts (otherwise there would just be blank spots in posts)
That's not all, with some voodoo css and regex. it's possible to add some float: to the elements:
Available is: left right clear none

example:
Code:
[pinterest=float:left]329185053996915256[/pinterest][pinterest=float:left]329185053996878665[/pinterest][pinterest=float:left]329185053996878029[/pinterest]

To fix everything being moved around by float, it can be reset (in the sense that it doesn't continue to float a particular direction) by using the new clear tag:
Code:
[clear]

All pinterest images default to the small version they have, so if you want to use one that is medium or large you just have to make sure you add it like below (If you miss out the float, then it won't work :/ ):
Code:
[pinterest=float:none:large]329185053996878029[/pinterest]
Reply
#5
Wikipedia

Should you want to link to something on the Wikipedia site, there is some custom code for the job.

Code:
[wiki=Technological_singularity]Technological Singularity[/wiki]

Technological Singularity (wikipedia.org)

The way this code works is it actually creates a query string for wikipedia's internal search engine.  The string used for the search is the Technological_singularity part of the string (where whitespace's are represented as underscores)  In some instances searches can be both a particular word and content in curved brackets.  

example:
Code:
[wiki=Pi_(film)]Pi (Film)[/wiki]

Pi (Film) (wikipedia.org)
Reply
#6
Indenting

There are two types of Indent.  One meant for the first line of a paragraph and the other meant for any content placed in it.  
(The difference is Ind is applied as a <SPAN> while Indent is applied as <P> block.)

The value "3" can be any value from 1 to 9 (9 being the highest level of indenting depth)

For Indenting a line:
Code:
[ind=3]Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.[/ind]

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.


For Indenting Paragraph content:

Code:
[indent=3]Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.[/indent]

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.

Reply
#7
Another custom code that I've doctored from the spoiler tag.

It's meant for posts where you have an excerpt you want to show but have a body that you want to "hide" just to save screen room (I'm not sure how effective this is with mobile devices)

The code you need to use is as follows:
Code:
[q]This is an except,[s]The bracketed 's' is a separator for identify the difference between the excerpt and the body that you want to hide[/q]

The result is:
Excerpt:
This is an except,
Article:
The bracketed 's' is a separator for identify the difference between the excerpt and the body that you want to hide

This code does have a small bug however, DO NOT place opening and closing tags either side of the [s] Separator or the show full button will not work only showing the excerpt.  

Example of bugged code:
Code:
[q][Indent=3] potatoes[s]  We don't need any potatoes[/Indent][/q]

Excerpt:

potatoes

Article:
 We don't need any potatoes

Reply
#8
(Nov 28, 2017 06:06 PM)stryder Wrote: Another custom code that I've doctored from the spoiler tag.

It's meant for posts where you have an excerpt you want to show but have a body that you want to "hide" just to save screen room (I'm not sure how effective this is with mobile devices)

The code you need to use is as follows:
Code:
[q]This is an except,[s]The bracketed 's' is a separator for identify the difference between the excerpt and the body that you want to hide[/q]

The result is:
Excerpt:
This is an except,
Article:
The bracketed 's' is a separator for identify the difference between the excerpt and the body that you want to hide

This code does have a small bug however, DO NOT place opening and closing tags either side of the [s] Separator or the show full button will not work only showing the excerpt.  

Example of bugged code:
Code:
[q][Indent=3] potatoes[s]  We don't need any potatoes[/Indent][/q]

Excerpt:

potatoes

Article:
 We don't need any potatoes


As an old fart I got lost after the first word. That's Ok I have my ways of doing things and they seem to work.
Reply
#9
(Nov 28, 2017 06:06 PM)stryder Wrote: Another custom code that I've doctored from the spoiler tag.

It's meant for posts where you have an excerpt you want to show but have a body that you want to "hide" just to save screen room (I'm not sure how effective this is with mobile devices)

The code you need to use is as follows:
Code:
[q]This is an except,[s]The bracketed 's' is a separator for identify the difference between the excerpt and the body that you want to hide[/q]

The result is:
Excerpt:
This is an except,
Article:
The bracketed 's' is a separator for identify the difference between the excerpt and the body that you want to hide

This code does have a small bug however, DO NOT place opening and closing tags either side of the [s] Separator or the show full button will not work only showing the excerpt.  

Example of bugged code:
Code:
[q][Indent=3] potatoes[s]  We don't need any potatoes[/Indent][/q]

Excerpt:

potatoes

Article:
 We don't need any potatoes


Thanks, Stryder. Smile
Reply


Possibly Related Threads…
Thread Author Replies Views Last Post
  Scivillage.com: Planned Changes (Sept/2016) stryder 7 598 Sep 13, 2016 03:39 AM
Last Post: stryder
  scivillage.com QRcode stryder 0 6,005 Jun 29, 2016 03:36 PM
Last Post: stryder
  Scivillage changes. stryder 19 3,342 Nov 14, 2015 07:56 PM
Last Post: krash661
  Scivillage.com Downtime stryder 0 593 Dec 9, 2014 11:29 PM
Last Post: stryder



Users browsing this thread: 1 Guest(s)