Thread Rating:
  • 0 Vote(s) - 0 Average
  • 1
  • 2
  • 3
  • 4
  • 5

Scivillage.com Custom MYcode/BBCode

#1
Thumbs Up  stryder Offline
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
stryder Offline
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
Ben the Donkey Offline
(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
stryder Offline
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
stryder Offline
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
stryder Offline
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
Reply
Reply
#9
C C Offline
Reply


Possibly Related Threads…
Thread Author Replies Views Last Post
  What happened to the "casual discussion" label Scivillage once had? C C 2 186 Aug 17, 2023 02:32 AM
Last Post: C C
  Shadow banned at SciVillage - maybe a first Kornee 3 324 Oct 7, 2022 02:09 AM
Last Post: Kornee
  Anyone else having mobile device issues with Scivillage? C C 4 428 Feb 21, 2021 08:23 PM
Last Post: Yazata
  Scivillage.com: Planned Changes (Sept/2016) stryder 7 1,217 Sep 13, 2016 03:39 AM
Last Post: stryder
  scivillage.com QRcode stryder 0 11,170 Jun 29, 2016 03:36 PM
Last Post: stryder
  Scivillage changes. stryder 19 4,860 Nov 14, 2015 07:56 PM
Last Post: krash661
  Scivillage.com Downtime stryder 0 952 Dec 9, 2014 11:29 PM
Last Post: stryder



Users browsing this thread: 1 Guest(s)