ɢʀᴀᴘʜɪᴄs & ᴄᴏᴅɪɴɢ [ᴛᴇsᴛ]

[sorrow made you]

@White Masquerade


I actually have a resource thread. xD


Yuu's BBCode Teahouse

 

[CTF]

@Yuuki of the Strata said, there's already an established guide if that tickles your fancy.

 

[White Masquerade]

@White Masquerade[/URL]
I actually have a resource thread. xD


Yuu's BBCode Teahouse

Nooo >=O


I know you have one Yuuki, but I want CTF >=). I don't want CTF to think they can get away hiding in the shadows

 

[sorrow made you]

O_O;;


It... quoted me here? Wtf?


Quick responding, for some reason I thought this my my test thread. x___x;;


I'm sorry. OTL


I guess it didn't show me @CTF 's post but only showed me @White Masquerade


Sorry again for the interruption.


//slinks away in shame

 

[CTF]

@Yuuki of the Strata


Hah! You're okay. x*D

 

[CTF]

​

 

[CTF]

TO BE EDITED LATER

 

[CTF]

Spoiler

​

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas vestibulum non elit sit amet rhoncus. Donec eget sodales metus. Etiam at tortor sed purus aliquet fringilla. Pellentesque pretium eget mauris et pharetra.

Vestibulum quis tincidunt erat. Pellentesque varius, erat nec aliquam pharetra, orci leo mollis justo, a viverra sem ipsum ut justo. Vestibulum non tincidunt augue. Phasellus a nunc sed ligula dapibus vehicula tempus in turpis. Ut sed viverra ipsum, vel eleifend ipsum. Integer pellentesque at leo quis mattis. Praesent dictum vel felis quis cursus. Donec nunc ex, dignissim eu tincidunt imperdiet, aliquet et mi. Sed bibendum sem vel est tristique luctus. Maecenas cursus a enim sed finibus. Donec laoreet purus vitae dui accumsan, et sodales turpis feugiat. Aliquam eu velit vel ex ultrices porta nec sed diam. Suspendisse eu justo dictum turpis dignissim feugiat in non felis. Mauris at arcu nec est sollicitudin facilisis. Suspendisse urna est, pellentesque luctus iaculis vel, consectetur eu arcu. Sed quis dui non nulla sollicitudin maximus rutrum sit amet sapien.

Vestibulum quis tincidunt erat. Pellentesque varius, erat nec aliquam pharetra, orci leo mollis justo, a viverra sem ipsum ut justo. Vestibulum non tincidunt augue. Phasellus a nunc sed ligula dapibus vehicula tempus in turpis. Ut sed viverra ipsum, vel eleifend ipsum. Integer pellentesque at leo quis mattis. Praesent dictum vel felis quis cursus. Donec nunc ex, dignissim eu tincidunt imperdiet, aliquet et mi. Sed bibendum sem vel est tristique luctus. Maecenas cursus a enim sed finibus. Donec laoreet purus vitae dui accumsan, et sodales turpis feugiat. Aliquam eu velit vel ex ultrices porta nec sed diam. Suspendisse eu justo dictum turpis dignissim feugiat in non felis. Mauris at arcu nec est sollicitudin facilisis. Suspendisse urna est, pellentesque luctus iaculis vel, consectetur eu arcu. Sed quis dui non nulla sollicitudin maximus rutrum sit amet sapien.

Vestibulum quis tincidunt erat. Pellentesque varius, erat nec aliquam pharetra, orci leo mollis justo, a viverra sem ipsum ut justo. Vestibulum non tincidunt augue. Phasellus a nunc sed ligula dapibus vehicula tempus in turpis. Ut sed viverra ipsum, vel eleifend ipsum. Integer pellentesque at leo quis mattis. Praesent dictum vel felis quis cursus. Donec nunc ex, dignissim eu tincidunt imperdiet, aliquet et mi. Sed bibendum sem vel est tristique luctus. Maecenas cursus a enim sed finibus. Donec laoreet purus vitae dui accumsan, et sodales turpis feugiat. Aliquam eu velit vel ex ultrices porta nec sed diam. Suspendisse eu justo dictum turpis dignissim feugiat in non felis. Mauris at arcu nec est sollicitudin facilisis. Suspendisse urna est, pellentesque luctus iaculis vel, consectetur eu arcu. Sed quis dui non nulla sollicitudin maximus rutrum sit amet sapien.

Vestibulum quis tincidunt erat. Pellentesque varius, erat nec aliquam pharetra, orci leo mollis justo, a viverra sem ipsum ut justo. Vestibulum non tincidunt augue. Phasellus a nunc sed ligula dapibus vehicula tempus in turpis. Ut sed viverra ipsum, vel eleifend ipsum. Integer pellentesque at leo quis mattis. Praesent dictum vel felis quis cursus. Donec nunc ex, dignissim eu tincidunt imperdiet, aliquet et mi. Sed bibendum sem vel est tristique luctus. Maecenas cursus a enim sed finibus. Donec laoreet purus vitae dui accumsan, et sodales turpis feugiat. Aliquam eu velit vel ex ultrices porta nec sed diam. Suspendisse eu justo dictum turpis dignissim feugiat in non felis. Mauris at arcu nec est sollicitudin facilisis. Suspendisse urna est, pellentesque luctus iaculis vel, consectetur eu arcu. Sed quis dui non nulla sollicitudin maximus rutrum sit amet sapien.

​

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas vestibulum non elit sit amet rhoncus.


Donec eget sodales metus.


Etiam at tortor sed purus aliquet fringilla. Pellentesque pretium eget mauris et pharetra.

Vestibulum quis tincidunt erat. Pellentesque varius, erat nec aliquam pharetra, orci leo mollis justo, a viverra sem ipsum ut justo. Vestibulum non tincidunt augue. Phasellus a nunc sed ligula dapibus vehicula tempus in turpis. Ut sed viverra ipsum, vel eleifend ipsum. Integer pellentesque at leo quis mattis. Praesent dictum vel felis quis cursus. Donec nunc ex, dignissim eu tincidunt imperdiet, aliquet et mi. Sed bibendum sem vel est tristique luctus. Maecenas cursus a enim sed finibus. Donec laoreet purus vitae dui accumsan, et sodales turpis feugiat. Aliquam eu velit vel ex ultrices porta nec sed diam. Suspendisse eu justo dictum turpis dignissim feugiat in non felis. Mauris at arcu nec est sollicitudin facilisis. Suspendisse urna est, pellentesque luctus iaculis vel, consectetur eu arcu. Sed quis dui non nulla sollicitudin maximus rutrum sit amet sapien.

Vestibulum quis tincidunt erat. Pellentesque varius, erat nec aliquam pharetra, orci leo mollis justo, a viverra sem ipsum ut justo. Vestibulum non tincidunt augue. Phasellus a nunc sed ligula dapibus vehicula tempus in turpis. Ut sed viverra ipsum, vel eleifend ipsum. Integer pellentesque at leo quis mattis. Praesent dictum vel felis quis cursus. Donec nunc ex, dignissim eu tincidunt imperdiet, aliquet et mi. Sed bibendum sem vel est tristique luctus. Maecenas cursus a enim sed finibus. Donec laoreet purus vitae dui accumsan, et sodales turpis feugiat. Aliquam eu velit vel ex ultrices porta nec sed diam. Suspendisse eu justo dictum turpis dignissim feugiat in non felis. Mauris at arcu nec est sollicitudin facilisis. Suspendisse urna est, pellentesque luctus iaculis vel, consectetur eu arcu. Sed quis dui non nulla sollicitudin maximus rutrum sit amet sapien.

Vestibulum quis tincidunt erat. Pellentesque varius, erat nec aliquam pharetra, orci leo mollis justo, a viverra sem ipsum ut justo. Vestibulum non tincidunt augue. Phasellus a nunc sed ligula dapibus vehicula tempus in turpis. Ut sed viverra ipsum, vel eleifend ipsum. Integer pellentesque at leo quis mattis. Praesent dictum vel felis quis cursus. Donec nunc ex, dignissim eu tincidunt imperdiet, aliquet et mi. Sed bibendum sem vel est tristique luctus. Maecenas cursus a enim sed finibus. Donec laoreet purus vitae dui accumsan, et sodales turpis feugiat. Aliquam eu velit vel ex ultrices porta nec sed diam. Suspendisse eu justo dictum turpis dignissim feugiat in non felis. Mauris at arcu nec est sollicitudin facilisis. Suspendisse urna est, pellentesque luctus iaculis vel, consectetur eu arcu. Sed quis dui non nulla sollicitudin maximus rutrum sit amet sapien.

Vestibulum quis tincidunt erat. Pellentesque varius, erat nec aliquam pharetra, orci leo mollis justo, a viverra sem ipsum ut justo. Vestibulum non tincidunt augue. Phasellus a nunc sed ligula dapibus vehicula tempus in turpis. Ut sed viverra ipsum, vel eleifend ipsum. Integer pellentesque at leo quis mattis. Praesent dictum vel felis quis cursus. Donec nunc ex, dignissim eu tincidunt imperdiet, aliquet et mi. Sed bibendum sem vel est tristique luctus. Maecenas cursus a enim sed finibus. Donec laoreet purus vitae dui accumsan, et sodales turpis feugiat. Aliquam eu velit vel ex ultrices porta nec sed diam. Suspendisse eu justo dictum turpis dignissim feugiat in non felis. Mauris at arcu nec est sollicitudin facilisis. Suspendisse urna est, pellentesque luctus iaculis vel, consectetur eu arcu. Sed quis dui non nulla sollicitudin maximus rutrum sit amet sapien.

 

​

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas vestibulum non elit sit amet rhoncus.Donec eget sodales metus.Etiam at tortor sed purus aliquet fringilla. Pellentesque pretium eget mauris et pharetra.

Blah Blah Blah

Note to self: Stop being indecisive

 

[CTF]

WIP

​

IT'S TOO LATE FOR EXCUSES AND TOO EARLY TO MAKE ME A PROMISE

xxxxx

Vestibulum quis tincidunt erat. Pellentesque varius, erat nec aliquam pharetra, orci leo mollis justo, a viverra sem ipsum ut justo. Vestibulum non tincidunt augue. Phasellus a nunc sed ligula dapibus vehicula tempus in turpis. Ut sed viverra ipsum, vel eleifend ipsum. Integer pellentesque at leo quis mattis. Praesent dictum vel felis quis cursus. Donec nunc ex, dignissim eu tincidunt imperdiet, aliquet et mi. Sed bibendum sem vel est tristique luctus. Maecenas cursus a enim sed finibus. Donec laoreet purus vitae dui accumsan, et sodales turpis feugiat. Aliquam eu velit vel ex ultrices porta nec sed diam. Suspendisse eu justo dictum turpis dignissim feugiat in non felis. Mauris at arcu nec est sollicitudin facilisis. Suspendisse urna est, pellentesque luctus iaculis vel, consectetur eu arcu. Sed quis dui non nulla sollicitudin maximus rutrum sit amet sapien.


(Click on the following headers below for more information)

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas vestibulum non elit sit amet rhoncus. Donec eget sodales metus. Etiam at tortor sed purus aliquet fringilla. Pellentesque pretium eget mauris et pharetra. Phasellus ante leo, accumsan sit amet turpis ullamcorper, aliquam luctus nibh. Duis eu bibendum lectus, eget vulputate turpis. Cras viverra at lacus sit amet scelerisque. Nulla facilisi.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas vestibulum non elit sit amet rhoncus. Donec eget sodales metus. Etiam at tortor sed purus aliquet fringilla. Pellentesque pretium eget mauris et pharetra. Phasellus ante leo, accumsan sit amet turpis ullamcorper, aliquam luctus nibh. Duis eu bibendum lectus, eget vulputate turpis. Cras viverra at lacus sit amet scelerisque. Nulla facilisi.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas vestibulum non elit sit amet rhoncus. Donec eget sodales metus. Etiam at tortor sed purus aliquet fringilla. Pellentesque pretium eget mauris et pharetra. Phasellus ante leo, accumsan sit amet turpis ullamcorper, aliquam luctus nibh. Duis eu bibendum lectus, eget vulputate turpis. Cras viverra at lacus sit amet scelerisque. Nulla facilisi.

 

[Sunbather]

I absolutely love almost everything in here. Also: That The Neighbourhood song is absolutely gorgeous, I love you just for leading me to that, haha.


May I ask something stupid? What exactly does the justify tag do?

 

[CTF]

Thanks!


And do you mean the [justify] code? It's simply a way to neatly align your chunk of text.


So for example:


A chunk of text without [justify]:


Vestibulum quis tincidunt erat. Pellentesque varius, erat nec aliquam pharetra, orci leo mollis justo, a viverra sem ipsum ut justo. Vestibulum non tincidunt augue. Phasellus a nunc sed ligula dapibus vehicula tempus in turpis. Ut sed viverra ipsum, vel eleifend ipsum. Integer pellentesque at leo quis mattis. Praesent dictum vel felis quis cursus. Donec nunc ex, dignissim eu tincidunt imperdiet, aliquet et mi. Sed bibendum sem vel est tristique luctus. Maecenas cursus a enim sed finibus. Donec laoreet purus vitae dui accumsan, et sodales turpis feugiat. Aliquam eu velit vel ex ultrices porta nec sed diam. Suspendisse eu justo dictum turpis dignissim feugiat in non felis. Mauris at arcu nec est sollicitudin facilisis. Suspendisse urna est, pellentesque luctus iaculis vel, consectetur eu arcu. Sed quis dui non nulla sollicitudin maximus rutrum sit amet sapien.


A chunk of text with [justify]:


Vestibulum quis tincidunt erat. Pellentesque varius, erat nec aliquam pharetra, orci leo mollis justo, a viverra sem ipsum ut justo. Vestibulum non tincidunt augue. Phasellus a nunc sed ligula dapibus vehicula tempus in turpis. Ut sed viverra ipsum, vel eleifend ipsum. Integer pellentesque at leo quis mattis. Praesent dictum vel felis quis cursus. Donec nunc ex, dignissim eu tincidunt imperdiet, aliquet et mi. Sed bibendum sem vel est tristique luctus. Maecenas cursus a enim sed finibus. Donec laoreet purus vitae dui accumsan, et sodales turpis feugiat. Aliquam eu velit vel ex ultrices porta nec sed diam. Suspendisse eu justo dictum turpis dignissim feugiat in non felis. Mauris at arcu nec est sollicitudin facilisis. Suspendisse urna est, pellentesque luctus iaculis vel, consectetur eu arcu. Sed quis dui non nulla sollicitudin maximus rutrum sit amet sapien.

 

[Sunbather]

Thank you! That was exactly what I meant. I never knew that. I noticed it has a bit of an effect on center/right/left bound formatting too. Also: This SHOULD not confuse me as much as it does, but... How do you make this effect: http://i595.photobucket.com/albums/tt36/Phsycoframe/demons_zpsxqllqf9k.png


I've tried a few times and I ALWAYS loved these, whereveer I saw them. No idea how to properly make them though. The red/blue effect, I mean.

 

[Elle Joyner]

Absolutely gorgeous work. Not sure if you mentioned this already, but what program do you use? I've been working on improving my own graphic designing, and I'm curious what folks are using these days

 

[CTF]

@Elle Joyner


I actually use an array of free online editing programs and interchange them when needed,


depending on which features and functions I want to utilize.


But my bread and butter would definitely have to be Picmonkey.


@Sunbather


That's the cellophane effect which is actually built right into one of the editing programs I use: Photoscape.


I'm sure there's another way of achieving a similar effect through different programs but I'm not familiar


with it beyond this point.


But with Photoscape:

Spoiler

Filter >> Cellophane

Adjust effect levels to your liking.

Boom.

​

 

[Elle Joyner]

Very neat I've been playing around in photoshop/image ready tonight and it's been a blast! :-D

 

[Sunbather]

You are glorious beyond belief. *immediatelytriesout*

 

[CTF]

HOLDING BY THE KNEES AND VOW I CAN ALWAYS FEEL THIS PROUD
​

Date of Creation: August ~ September, 2014


blurb blurb blurb blurb blurb blurb blurb blurb blurb blurb blurb blurb blurb blurb blurb blurb blurb blurb blurb blurb


blurb blurb blurb blurb blurb blurb blurb blurb blurb blurb blurb blurb blurb blurb blurb blurb blurb blurb blurb blurb


blurb blurb blurb blurb blurb blurb blurb blurb blurb blurb blurb blurb blurb blurb blurb blurb blurb blurb blurb blurb


blurb blurb blurb blurb blurb blurb blurb blurb blurb blurb blurb blurb blurb blurb blurb blurb blurb blurb blurb blurb


blurb blurb blurb blurb blurb blurb blurb blurb blurb blurb blurb blurb blurb blurb blurb blurb blurb blurb blurb blurb


blurb blurb blurb blurb blurb blurb blurb blurb blurb blurb blurb blurb blurb blurb blurb blurb blurb blurb blurb blurb

 

[CTF]

​

“ How miserably hypocritical, you might say, but no sooner am I offered a chance to flee Hell than I yearn to stay. Few families hold their relations as closely as do prisons. Few marriages sustain the high level of passion that exists between criminals and those who seek to bring them to justice. It’s no wonder the Zodiac Killer flirted so relentlessly with the police. Or that Jack the Ripper courted and baited detectives with his - or her - coy letters. We all wish to be pursued. We all long to be desired. ” ― Chuck Palahniuk, Damned

 

[CTF]

​

 

[Sunbather]

I really like that. Looks like a high-tech party invite, of sorts. Also love the music, heh.

 

[CTF]

@Sunbather


Have all the cupcakes for the insight.

 

[Sunbather]

Yaicupcakes!


I meant to ask you something, maybe you know if this is possible. You know how you can set accordions with images instead of the normal slide headers, right?.Like your "Tables of content" sliders in the Character Vault? Is it possible to set pictures for 'click-to-expand' buttons without the white background? Or rather, without any background at all?

 

[CTF]

@Sunbather


Sadly eliminating the background [bg=color] altogether in the slides would only allow the default aspects of the accordion code to surface, (as shown below) and our objective is to hide them.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas vestibulum non elit sit amet rhoncus. Donec eget sodales metus. Etiam at tortor sed purus aliquet fringilla. Pellentesque pretium eget mauris et pharetra. Phasellus ante leo, accumsan sit amet turpis ullamcorper, aliquam luctus nibh. Duis eu bibendum lectus, eget vulputate turpis. Cras viverra at lacus sit amet scelerisque. Nulla facilisi.

However, there is a way to seemingly set the image slides without a background, and that is to extract the base background color of the site forum and apply the color hex so that it will blend in with the rest of the posting space, ultimately making it look as if it doesn't have a background in the first place.


Example image slide with background ( white [bg=#FFFFFF] ) :

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas vestibulum non elit sit amet rhoncus. Donec eget sodales metus. Etiam at tortor sed purus aliquet fringilla. Pellentesque pretium eget mauris et pharetra. Phasellus ante leo, accumsan sit amet turpis ullamcorper, aliquam luctus nibh. Duis eu bibendum lectus, eget vulputate turpis. Cras viverra at lacus sit amet scelerisque. Nulla facilisi.

Now replace those colors with the extracted base color ( [bg=#FAFAFA] ) :

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas vestibulum non elit sit amet rhoncus. Donec eget sodales metus. Etiam at tortor sed purus aliquet fringilla. Pellentesque pretium eget mauris et pharetra. Phasellus ante leo, accumsan sit amet turpis ullamcorper, aliquam luctus nibh. Duis eu bibendum lectus, eget vulputate turpis. Cras viverra at lacus sit amet scelerisque. Nulla facilisi.

 

[CTF]

 

[CTF]

xxx

#1a1b1a


Vivamus venenatis, metus et ornare posuere, quam orci aliquam nunc, at pellentesque tortor leo vel velit. In quam felis, lobortis in fringilla vitae, tempor sit amet mi. Duis feugiat euismod interdum. Sed viverra tristique elit quis suscipit. Sed volutpat ut tortor in mattis. Ut laoreet posuere odio, in malesuada diam. Mauris vestibulum quam id ante scelerisque malesuada.

#211d1d


Vivamus venenatis, metus et ornare posuere, quam orci aliquam nunc, at pellentesque tortor leo vel velit. In quam felis, lobortis in fringilla vitae, tempor sit amet mi. Duis feugiat euismod interdum. Sed viverra tristique elit quis suscipit. Sed volutpat ut tortor in mattis. Ut laoreet posuere odio, in malesuada diam. Mauris vestibulum quam id ante scelerisque malesuada.

#1a1b1a


Vivamus venenatis, metus et ornare posuere, quam orci aliquam nunc, at pellentesque tortor leo vel velit. In quam felis, lobortis in fringilla vitae, tempor sit amet mi. Duis feugiat euismod interdum. Sed viverra tristique elit quis suscipit. Sed volutpat ut tortor in mattis. Ut laoreet posuere odio, in malesuada diam. Mauris vestibulum quam id ante scelerisque malesuada.

#211d1d


Vivamus venenatis, metus et ornare posuere, quam orci aliquam nunc, at pellentesque tortor leo vel velit. In quam felis, lobortis in fringilla vitae, tempor sit amet mi. Duis feugiat euismod interdum. Sed viverra tristique elit quis suscipit. Sed volutpat ut tortor in mattis. Ut laoreet posuere odio, in malesuada diam. Mauris vestibulum quam id ante scelerisque malesuada.