Alex Codes Something [Free Usage]

[KebabQueen]

I am in awe. How do you even? Omg. I can't even do a border without messing the coding up lmao.

 

[n i h i l i s m]

I am in awe. How do you even? Omg. I can't even do a border without messing the coding up lmao.

Thank you ! Let's see, I've had about a year to get it down. At first I was seriously on the struggle bus but if you surround yourself with people who're willing to give you tips and help you can make it out alive. Such as myself, if you need help with those pesky borders you can message me haha.

 

[Marianne]

I've a question. How'd you make the scrolling tool?

 

[KebabQueen]

@Ambivalence haha maybe I will. Coding seems fun but it's so damn meticulous.

 

[RZA]

I've a question. How'd you make the scrolling tool?

The scrollbox in accordions?

 

[Marianne]

The scrollbox in accordions?

Yes ma'am.

 

[RZA]

Yes ma'am.

[accordion]{slide=555}Lorem{/slide}[/accordion]

 

[Marianne]

[accordion]{slide=555}Lorem{/slide}[/accordion]

Thank you very much!

 

[Yunn]

how to explain...basically

Spoiler

Ea nibh dissentiunt per, deleniti dignissim consectetuer cu eam, probo maiorum omittantur ius no. Dicant prompta mnesarchum ei eos, quo nihil dolorum cu, et mea prompta principes. At his equidem cotidieque philosophia, quo ex soluta adolescens. Te eam percipit voluptatibus, tritani omittam iracundia ad nam. Ad vix tota laudem aliquip. Te omnesque salutandi tincidunt nam. Eam ad harum graeci, his graeco blandit salutandi eu.

What I want to do is try adding a bg within the background picture

pretend this is the picture background

this would be the bg with all it's wall of text gloriousness

But I can't find out how to put a bg within the background picture so I tried an accordion

test

Ea nibh dissentiunt per, deleniti dignissim consectetuer cu eam, probo maiorum omittantur ius no. Dicant prompta mnesarchum ei eos, quo nihil dolorum cu, et mea prompta principes. At his equidem cotidieque philosophia, quo ex soluta adolescens. Te eam percipit voluptatibus, tritani omittam iracundia ad nam. Ad vix tota laudem aliquip. Te omnesque salutandi tincidunt nam. Eam ad harum graeci, his graeco blandit salutandi eu.

This is alright but I wanted to add transparency to the bg (so you can also see the pic behind the bg color) so instead of doing [ bg=rgb( xxx, xxx, xxx) ] [ /bg ] I tried [ bg=rgba( xxx, xxx, xxx, .xx) ] [ /bg ] but it didn't work so i'm just a sad muffin.

 

[n i h i l i s m]

how to explain...basically

Spoiler

Ea nibh dissentiunt per, deleniti dignissim consectetuer cu eam, probo maiorum omittantur ius no. Dicant prompta mnesarchum ei eos, quo nihil dolorum cu, et mea prompta principes. At his equidem cotidieque philosophia, quo ex soluta adolescens. Te eam percipit voluptatibus, tritani omittam iracundia ad nam. Ad vix tota laudem aliquip. Te omnesque salutandi tincidunt nam. Eam ad harum graeci, his graeco blandit salutandi eu.

What I want to do is try adding a bg within the background picture

pretend this is the picture background

this would be the bg with all it's wall of text gloriousness

But I can't find out how to put a bg within the background picture so I tried an accordion

test

Ea nibh dissentiunt per, deleniti dignissim consectetuer cu eam, probo maiorum omittantur ius no. Dicant prompta mnesarchum ei eos, quo nihil dolorum cu, et mea prompta principes. At his equidem cotidieque philosophia, quo ex soluta adolescens. Te eam percipit voluptatibus, tritani omittam iracundia ad nam. Ad vix tota laudem aliquip. Te omnesque salutandi tincidunt nam. Eam ad harum graeci, his graeco blandit salutandi eu.

This is alright but I wanted to add transparency to the bg (so you can also see the pic behind the bg color) so instead of doing [ bg=rgb( xxx, xxx, xxx) ] [ /bg ] I tried [ bg=rgba( xxx, xxx, xxx, .xx) ] [ /bg ] but it didn't work so i'm just a sad muffin.


OHH


right so, I'm going to tinker with that (and test out my own idea and the picture because it's adorable)

 

[n i h i l i s m]

<p><a href="<fileStore.core_Attachment>/monthly_2016_07/57a8cb8343643_muffinsnewtutorial.jpg.33ac3e24adff8f01e87c5d51a3eb626e.jpg" class="ipsAttachLink ipsAttachLink_image"><img data-fileid="140975" src="<fileStore.core_Attachment>/monthly_2016_07/57a8cb8343643_muffinsnewtutorial.jpg.33ac3e24adff8f01e87c5d51a3eb626e.jpg" class="ipsImage ipsImage_thumbnailed" alt=""></a></p>

Lorem ipsum dolor sit amet, porta nullam erat eu vestibulum, cursus in nulla vestibulum, condimentum etiam fermentum felis, justo magna diam tincidunt porta. Pharetra fusce laoreet consequatur, venenatis sit nullam erat, a purus integer a, adipiscing est mauris wisi morbi. Nonummy a non eleifend, nam egestas sodales lobortis urna, semper pellentesque purus vel vel. Blandit eget adipiscing suspendisse, ac accumsan sit lacus eu, nulla quam sit cras. Sociis egestas turpis semper, feugiat et varius pede porta, vitae nonummy et etiam vel. Ultrices fringilla lacus pharetra, morbi ut libero tellus, arcu aliquam fusce non a, proin commodo vestibulum justo. Aliquip tempus nunc soluta molestie, augue nulla dui vitae. Duis eros in in accumsan, elit consectetuer turpis commodo voluptate. Elit semper massa.

Hopefully that's what you were going for Muffin.

 

[Yunn]

View attachment 311970

Lorem ipsum dolor sit amet, porta nullam erat eu vestibulum, cursus in nulla vestibulum, condimentum etiam fermentum felis, justo magna diam tincidunt porta. Pharetra fusce laoreet consequatur, venenatis sit nullam erat, a purus integer a, adipiscing est mauris wisi morbi. Nonummy a non eleifend, nam egestas sodales lobortis urna, semper pellentesque purus vel vel. Blandit eget adipiscing suspendisse, ac accumsan sit lacus eu, nulla quam sit cras. Sociis egestas turpis semper, feugiat et varius pede porta, vitae nonummy et etiam vel. Ultrices fringilla lacus pharetra, morbi ut libero tellus, arcu aliquam fusce non a, proin commodo vestibulum justo. Aliquip tempus nunc soluta molestie, augue nulla dui vitae. Duis eros in in accumsan, elit consectetuer turpis commodo voluptate. Elit semper massa.

Hopefully that's what you were going for Muffin.

OMG HOW'D YOU DO THAT ALEX ;LKANDHOAWDMA

 

[n i h i l i s m]

OMG HOW'D YOU DO THAT ALEX ;LKANDHOAWDMA

Dude I told you that Fotor is a useful resource.


Basically I just went in, took your photo, and added a square sticker and made it transparent.


That's Fotor, folks.

 

[n i h i l i s m]

I m a g e . G a l l e r y

Image credit goes the fantastic artists who let me get my hands on this via google images.

. . . . . . . . . . . . . . . . . ????????????

"If you could only know what we really are."

.

???????????????

Lorem Ipsum


Lorem Ipsum

Lorem ipsum dolor sit amet, porta nullam erat eu vestibulum, cursus in nulla vestibulum, condimentum etiam fermentum felis, justo magna diam tincidunt porta. Pharetra fusce laoreet consequatur, venenatis sit nullam erat, a purus integer a, adipiscing est mauris wisi morbi. Nonummy a non eleifend, nam egestas sodales lobortis urna, semper pellentesque purus vel vel. Blandit eget adipiscing suspendisse, ac accumsan sit lacus eu, nulla quam sit cras. Sociis egestas turpis semper, feugiat et varius pede porta, vitae nonummy et etiam vel. Ultrices fringilla lacus pharetra, morbi ut libero tellus, arcu aliquam fusce non a, proin commodo vestibulum justo. Aliquip tempus nunc soluta molestie, augue nulla dui vitae. Duis eros in in accumsan, elit consectetuer turpis commodo voluptate. Elit semper massa inceptos.


Lorem ipsum dolor sit amet, porta nullam erat eu vestibulum, cursus in nulla vestibulum, condimentum etiam fermentum felis, justo magna diam tincidunt porta. Pharetra fusce laoreet consequatur, venenatis sit nullam erat, a purus integer a, adipiscing est mauris wisi morbi. Nonummy a non eleifend, nam egestas sodales lobortis urna, semper pellentesque purus vel vel.


Lorem ipsum dolor sit amet, porta nullam erat eu vestibulum, cursus in nulla vestibulum, condimentum etiam fermentum felis, justo magna diam tincidunt porta. Pharetra fusce laoreet consequatur, venenatis sit nullam erat, a purus integer a, adipiscing est mauris wisi morbi. Nonummy a non eleifend, nam egestas sodales lobortis urna, semper pellentesque purus vel vel. Blandit eget adipiscing suspendisse, ac accumsan sit lacus eu, nulla quam sit cras. Sociis egestas turpis semper, feugiat et varius pede porta, vitae nonummy et etiam vel. Ultrices fringilla lacus pharetra, morbi ut libero tellus, arcu aliquam fusce non a, proin commodo vestibulum justo. Aliquip tempus nunc soluta molestie, augue nulla dui vitae. Duis eros in in accumsan, elit consectetuer turpis commodo voluptate. Elit semper massa inceptos.

[border=.5px solid white][row][column=span4][accordion]{slide=279|open|[bg=white][border=#76c7ae outset 6px][bg=#497475][font=Crushed][size=5][color=rgb(118, 199, 174)]I m a g e . G a l l e r y[/color][/size][/font][/bg][/border][/bg]}[row][column=span4][img=https://secure.static.tumblr.com/66dd970a5fc6df331433729629ced9ef/huzy2bs/Va4o3tdrv/tumblr_static_tumblr_static__640.jpg][img=https://secure.static.tumblr.com/e5ee4e7a1b0b93eea9d4d2da29574f13/q0blvy9/j4unuah1p/tumblr_static_tumblr_static_9m164ezppv0oww00ggg0css4o_640.png][img=http://41.media.tumblr.com/7963f9b092554e9ac2286f068e80cc0c/tumblr_nsfpjigvXS1sxagvto3_1280.jpg][/column][column=span4][img=http://i.kinja-img.com/gawker-media/image/upload/bvstdyhkkfkryolw0mqp.png][img=http://66.media.tumblr.com/61dea17937ceb1595c74500893b16689/tumblr_nvasy4vC8e1ufkj40o1_1280.jpg][img=http://66.media.tumblr.com/8075d673dbfded60711293c845ceb0e7/tumblr_nm3v5iHCNO1snggbjo2_500.jpg][/column][/row][size=2]Image credit goes the fantastic artists who let me get my hands on this via google images.[/size]{/slide}[/accordion]
[color=rgb(255, 255, 255)]. . . . . . . . . . . . . . . . .[/color] [color=rgb(118, 199, 174)][size=5][b]????????????[/b][/size][/color][/column][column=span4]
[border=#76c7ae outset 6px][bg=#497475][img=http://65.media.tumblr.com/a08a0b5900506cc71bfb6a69ab40d358/tumblr_o24j1cErpV1ufkj40o1_1280.png] [font=Crushed][color=rgb(118, 199, 174)]"If you could only know what we really are."[/color][/font][/bg][/border]

[border=#76c7ae outset 4px][bg=#497475][row][column=span.5][color=rgb(118, 199, 174)][size=20px][url='https://soundcloud.com/ubiktune/aivi-surasshu-distance-bicycle-trip'][color=rgb(118, 199, 174)][fa]play[/fa][/color][/url][fa]pause[/fa] [/size][/color][color=rgb(73, 116, 117)].[/color][/column][column=span7][bg=rgb(52, 86, 96)][size=20px][color=rgb(29, 50, 58)]???????????????[/color][/size][/bg][/column][/row][/bg][/border][/column][/row]

[centerblock=56][border=#76c7ae outset 6px][bg=#497475][font=Crushed][color=rgb(118, 199, 174)][size=5][b]Lorem Ipsum[/b][/size]
[i][size=3]Lorem Ipsum[/size][/i]
[/color][/font]
[bg=#345660][font=Crushed][color=rgb(29, 50, 58)]Lorem ipsum dolor sit amet, porta nullam erat eu vestibulum, cursus in nulla vestibulum, condimentum etiam fermentum felis, justo magna diam tincidunt porta. Pharetra fusce laoreet consequatur, venenatis sit nullam erat, a purus integer a, adipiscing est mauris wisi morbi. Nonummy a non eleifend, nam egestas sodales lobortis urna, semper pellentesque purus vel vel. Blandit eget adipiscing suspendisse, ac accumsan sit lacus eu, nulla quam sit cras. Sociis egestas turpis semper, feugiat et varius pede porta, vitae nonummy et etiam vel. Ultrices fringilla lacus pharetra, morbi ut libero tellus, arcu aliquam fusce non a, proin commodo vestibulum justo. Aliquip tempus nunc soluta molestie, augue nulla dui vitae. Duis eros in in accumsan, elit consectetuer turpis commodo voluptate. Elit semper massa inceptos.

Lorem ipsum dolor sit amet, porta nullam erat eu vestibulum, cursus in nulla vestibulum, condimentum etiam fermentum felis, justo magna diam tincidunt porta. Pharetra fusce laoreet consequatur, venenatis sit nullam erat, a purus integer a, adipiscing est mauris wisi morbi. Nonummy a non eleifend, nam egestas sodales lobortis urna, semper pellentesque purus vel vel.

Lorem ipsum dolor sit amet, porta nullam erat eu vestibulum, cursus in nulla vestibulum, condimentum etiam fermentum felis, justo magna diam tincidunt porta. Pharetra fusce laoreet consequatur, venenatis sit nullam erat, a purus integer a, adipiscing est mauris wisi morbi. Nonummy a non eleifend, nam egestas sodales lobortis urna, semper pellentesque purus vel vel. Blandit eget adipiscing suspendisse, ac accumsan sit lacus eu, nulla quam sit cras. Sociis egestas turpis semper, feugiat et varius pede porta, vitae nonummy et etiam vel. Ultrices fringilla lacus pharetra, morbi ut libero tellus, arcu aliquam fusce non a, proin commodo vestibulum justo. Aliquip tempus nunc soluta molestie, augue nulla dui vitae. Duis eros in in accumsan, elit consectetuer turpis commodo voluptate. Elit semper massa inceptos.[/color][/font][/bg][/bg][/border][/centerblock]

[/border]

 

[Tenebrous]

This thread is beautiful


*wipes away tear*

 

[n i h i l i s m]

This thread is beautiful
*wipes away tear*

Thank you so much.


I know I have a box of tissues somewhere ...

 

[Archie]

Whaaaaat how????


HOW????


Dude you're great at this how long did it take to make all these

 

[n i h i l i s m]

Whaaaaat how????
HOW????


Dude you're great at this how long did it take to make all these

This attention is dangerously bad for my ego.
Thank you very much, seriously.


The codes themselves don't really take that long but thinking of formatting and getting inspiration is the longest part.

 

[Archie]

This attention is dangerously bad for my ego.
Thank you very much, seriously.


The codes themselves don't really take that long but thinking of formatting and getting inspiration is the longest part.

me rn

 

[Marianne]

I m a g e . G a l l e r y

Image credit goes the fantastic artists who let me get my hands on this via google images.

. . . . . . . . . . . . . . . . . ????????????

"If you could only know what we really are."

.

???????????????

Lorem Ipsum


Lorem Ipsum

Lorem ipsum dolor sit amet, porta nullam erat eu vestibulum, cursus in nulla vestibulum, condimentum etiam fermentum felis, justo magna diam tincidunt porta. Pharetra fusce laoreet consequatur, venenatis sit nullam erat, a purus integer a, adipiscing est mauris wisi morbi. Nonummy a non eleifend, nam egestas sodales lobortis urna, semper pellentesque purus vel vel. Blandit eget adipiscing suspendisse, ac accumsan sit lacus eu, nulla quam sit cras. Sociis egestas turpis semper, feugiat et varius pede porta, vitae nonummy et etiam vel. Ultrices fringilla lacus pharetra, morbi ut libero tellus, arcu aliquam fusce non a, proin commodo vestibulum justo. Aliquip tempus nunc soluta molestie, augue nulla dui vitae. Duis eros in in accumsan, elit consectetuer turpis commodo voluptate. Elit semper massa inceptos.


Lorem ipsum dolor sit amet, porta nullam erat eu vestibulum, cursus in nulla vestibulum, condimentum etiam fermentum felis, justo magna diam tincidunt porta. Pharetra fusce laoreet consequatur, venenatis sit nullam erat, a purus integer a, adipiscing est mauris wisi morbi. Nonummy a non eleifend, nam egestas sodales lobortis urna, semper pellentesque purus vel vel.


Lorem ipsum dolor sit amet, porta nullam erat eu vestibulum, cursus in nulla vestibulum, condimentum etiam fermentum felis, justo magna diam tincidunt porta. Pharetra fusce laoreet consequatur, venenatis sit nullam erat, a purus integer a, adipiscing est mauris wisi morbi. Nonummy a non eleifend, nam egestas sodales lobortis urna, semper pellentesque purus vel vel. Blandit eget adipiscing suspendisse, ac accumsan sit lacus eu, nulla quam sit cras. Sociis egestas turpis semper, feugiat et varius pede porta, vitae nonummy et etiam vel. Ultrices fringilla lacus pharetra, morbi ut libero tellus, arcu aliquam fusce non a, proin commodo vestibulum justo. Aliquip tempus nunc soluta molestie, augue nulla dui vitae. Duis eros in in accumsan, elit consectetuer turpis commodo voluptate. Elit semper massa inceptos.

[border=.5px solid white][row][column=span4][accordion]{slide=279|open|[bg=white][border=#76c7ae outset 6px][bg=#497475][font=Crushed][size=5][color=rgb(118, 199, 174)]I m a g e . G a l l e r y[/color][/size][/font][/bg][/border][/bg]}[row][column=span4][img=https://secure.static.tumblr.com/66dd970a5fc6df331433729629ced9ef/huzy2bs/Va4o3tdrv/tumblr_static_tumblr_static__640.jpg][img=https://secure.static.tumblr.com/e5ee4e7a1b0b93eea9d4d2da29574f13/q0blvy9/j4unuah1p/tumblr_static_tumblr_static_9m164ezppv0oww00ggg0css4o_640.png][img=http://41.media.tumblr.com/7963f9b092554e9ac2286f068e80cc0c/tumblr_nsfpjigvXS1sxagvto3_1280.jpg][/column][column=span4][img=http://i.kinja-img.com/gawker-media/image/upload/bvstdyhkkfkryolw0mqp.png][img=http://66.media.tumblr.com/61dea17937ceb1595c74500893b16689/tumblr_nvasy4vC8e1ufkj40o1_1280.jpg][img=http://66.media.tumblr.com/8075d673dbfded60711293c845ceb0e7/tumblr_nm3v5iHCNO1snggbjo2_500.jpg][/column][/row][size=2]Image credit goes the fantastic artists who let me get my hands on this via google images.[/size]{/slide}[/accordion]
[color=rgb(255, 255, 255)]. . . . . . . . . . . . . . . . .[/color] [color=rgb(118, 199, 174)][size=5][b]????????????[/b][/size][/color][/column][column=span4]
[border=#76c7ae outset 6px][bg=#497475][img=http://65.media.tumblr.com/a08a0b5900506cc71bfb6a69ab40d358/tumblr_o24j1cErpV1ufkj40o1_1280.png] [font=Crushed][color=rgb(118, 199, 174)]"If you could only know what we really are."[/color][/font][/bg][/border]

[border=#76c7ae outset 4px][bg=#497475][row][column=span.5][color=rgb(118, 199, 174)][size=20px][url='https://soundcloud.com/ubiktune/aivi-surasshu-distance-bicycle-trip'][color=rgb(118, 199, 174)][fa]play[/fa][/color][/url][fa]pause[/fa] [/size][/color][color=rgb(73, 116, 117)].[/color][/column][column=span7][bg=rgb(52, 86, 96)][size=20px][color=rgb(29, 50, 58)]???????????????[/color][/size][/bg][/column][/row][/bg][/border][/column][/row]

[centerblock=56][border=#76c7ae outset 6px][bg=#497475][font=Crushed][color=rgb(118, 199, 174)][size=5][b]Lorem Ipsum[/b][/size]
[i][size=3]Lorem Ipsum[/size][/i]
[/color][/font]
[bg=#345660][font=Crushed][color=rgb(29, 50, 58)]Lorem ipsum dolor sit amet, porta nullam erat eu vestibulum, cursus in nulla vestibulum, condimentum etiam fermentum felis, justo magna diam tincidunt porta. Pharetra fusce laoreet consequatur, venenatis sit nullam erat, a purus integer a, adipiscing est mauris wisi morbi. Nonummy a non eleifend, nam egestas sodales lobortis urna, semper pellentesque purus vel vel. Blandit eget adipiscing suspendisse, ac accumsan sit lacus eu, nulla quam sit cras. Sociis egestas turpis semper, feugiat et varius pede porta, vitae nonummy et etiam vel. Ultrices fringilla lacus pharetra, morbi ut libero tellus, arcu aliquam fusce non a, proin commodo vestibulum justo. Aliquip tempus nunc soluta molestie, augue nulla dui vitae. Duis eros in in accumsan, elit consectetuer turpis commodo voluptate. Elit semper massa inceptos.

Lorem ipsum dolor sit amet, porta nullam erat eu vestibulum, cursus in nulla vestibulum, condimentum etiam fermentum felis, justo magna diam tincidunt porta. Pharetra fusce laoreet consequatur, venenatis sit nullam erat, a purus integer a, adipiscing est mauris wisi morbi. Nonummy a non eleifend, nam egestas sodales lobortis urna, semper pellentesque purus vel vel.

Lorem ipsum dolor sit amet, porta nullam erat eu vestibulum, cursus in nulla vestibulum, condimentum etiam fermentum felis, justo magna diam tincidunt porta. Pharetra fusce laoreet consequatur, venenatis sit nullam erat, a purus integer a, adipiscing est mauris wisi morbi. Nonummy a non eleifend, nam egestas sodales lobortis urna, semper pellentesque purus vel vel. Blandit eget adipiscing suspendisse, ac accumsan sit lacus eu, nulla quam sit cras. Sociis egestas turpis semper, feugiat et varius pede porta, vitae nonummy et etiam vel. Ultrices fringilla lacus pharetra, morbi ut libero tellus, arcu aliquam fusce non a, proin commodo vestibulum justo. Aliquip tempus nunc soluta molestie, augue nulla dui vitae. Duis eros in in accumsan, elit consectetuer turpis commodo voluptate. Elit semper massa inceptos.[/color][/font][/bg][/bg][/border][/centerblock]

[/border]

I love your Steven Universe pictures. You're amazing. Much love to you, sir.

 

[impure]

Shh don't encourage his ego, because then we have to deal with it.

 

[Ecstasyia]

Do you have any idea how to make an image a background instead of a color? Forgive me if you have already posted this.

 

[n i h i l i s m]

I love your Steven Universe pictures. You're amazing. Much love to you, sir.

Thank you so much! I love Steven Universe with a great passion and I'm currently waiting for the end of their achingly long hiatus.

[QUOTE="E T H E R E A L]Shh don't encourage his ego, because then we have to deal with it.

[/QUOTE]
Shoo, you have no business here Brent.

Do you have any idea how to make an image a background instead of a color? Forgive me if you have already posted this.

no I don't believe we have

[heightrestrict=0][h]IMG[/h][/heightrestrict]

Your text would go below that.

 

[Marianne]

Thank you so much! I love Steven Universe with a great passion and I'm currently waiting for the end of their achingly long hiatus.

Same, same, ugghhhhhhh

 

[Ecstasyia]

Your text would go below that.

No, I mean like having the text ON the image. Like the image as the background color.