Chromatic Abberation and Column codes!

#1

06-20-2014, 03:31 PM (This post was last modified: 06-20-2014, 03:32 PM by Tamme.)

I recently added column code into the global CSS.

You can now make two and three columns anywhere!

TWO COLUMN

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas eu leo a felis porta bibendum non non felis. Integer et augue iaculis, varius mauris in, rhoncus nisl. Integer eu iaculis neque. Etiam fermentum consectetur eros ut facilisis. Aliquam tortor augue, varius tristique egestas at, tempor ut metus. Nunc vitae risus enim. Vivamus vel nisi leo. Maecenas non odio et augue elementum pellentesque. Interdum et malesuada fames ac ante ipsum primis in faucibus. Pellentesque velit elit, imperdiet in magna sit amet, volutpat faucibus arcu. Proin cursus mauris eros, a scelerisque neque porttitor aliquet. Curabitur vulputate eros sed malesuada bibendum. Cras auctor urna diam, at mattis leo fringilla vel. Ut auctor scelerisque erat, congue varius nibh cursus ac.

Sed a ante eu nibh posuere molestie nec sed neque. Phasellus eget felis lobortis, viverra urna quis, posuere arcu. Curabitur quis libero vel ipsum lacinia commodo. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Vestibulum mauris mauris, cursus dapibus hendrerit sit amet, auctor a diam. Mauris eu faucibus risus. Nulla sodales nunc ultricies leo mattis, in sagittis augue accumsan. Aliquam ultricies ante nunc, sed ullamcorper ante accumsan eu. Vestibulum sit amet leo ac nisl cursus pellentesque tempus eget velit. Morbi feugiat odio eget scelerisque tincidunt. Nam pretium ornare magna, sit amet sodales sem iaculis et. Donec feugiat varius porttitor. Sed iaculis, dui non tempor pretium, nulla dui vestibulum sapien, eget feugiat ante quam eu sem. In mattis ac arcu placerat eleifend. Phasellus non consequat mi, at malesuada eros.

Proin vel euismod libero. Praesent interdum turpis vel sem suscipit interdum. Suspendisse iaculis nibh vitae libero vehicula, quis posuere nisl convallis. Donec tempus, lectus id pretium tempus, nisl erat fermentum massa, sed molestie elit dolor in felis. Curabitur pretium tortor et augue vehicula malesuada. Mauris fringilla euismod quam ac egestas. Maecenas semper rhoncus pretium. Morbi volutpat mauris vitae fermentum varius. Quisque tristique velit sagittis, lobortis sem vel, rhoncus quam. In ac accumsan neque. Cras scelerisque libero at justo accumsan, nec pulvinar augue pulvinar. Nulla fermentum rhoncus justo. Pellentesque eget diam erat.

Cras vel urna porta, auctor nulla ut, egestas ligula. Aenean a nunc sit amet risus varius varius sit amet at mi. Ut eros dui, fringilla at porta sed, bibendum sit amet augue. Integer purus velit, faucibus ac facilisis nec, lacinia sit amet metus. Maecenas et iaculis tellus, nec sollicitudin ipsum. Quisque sed orci in purus luctus malesuada eu a dolor. Cras eu velit suscipit, tristique tortor nec, egestas quam. Maecenas eget tristique augue. Nullam ut eros vel turpis vehicula lobortis. Nunc dictum convallis est, quis semper felis ultrices ac.

Sed ac risus enim. Donec fringilla nunc et aliquet sodales. Sed lacus nisi, dignissim et venenatis ac, consequat in libero. Integer nec risus nisl. Nunc a turpis sit amet leo dignissim gravida. Ut iaculis convallis turpis et ullamcorper. Ut euismod pellentesque odio, eget tincidunt massa cursus nec. Quisque non lorem suscipit, porttitor felis in, accumsan est. Sed vitae tellus pretium, semper risus vel, vehicula sapien. Vestibulum ultricies ullamcorper iaculis. Donec posuere scelerisque ligula, vitae fringilla velit. Aliquam ut eleifend eros.

Code:

<div class="two-column">

text here will auto-space over two columns...

</div>

THREE COLUMN

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas eu leo a felis porta bibendum non non felis. Integer et augue iaculis, varius mauris in, rhoncus nisl. Integer eu iaculis neque. Etiam fermentum consectetur eros ut facilisis. Aliquam tortor augue, varius tristique egestas at, tempor ut metus. Nunc vitae risus enim. Vivamus vel nisi leo. Maecenas non odio et augue elementum pellentesque. Interdum et malesuada fames ac ante ipsum primis in faucibus. Pellentesque velit elit, imperdiet in magna sit amet, volutpat faucibus arcu. Proin cursus mauris eros, a scelerisque neque porttitor aliquet. Curabitur vulputate eros sed malesuada bibendum. Cras auctor urna diam, at mattis leo fringilla vel. Ut auctor scelerisque erat, congue varius nibh cursus ac.

Sed a ante eu nibh posuere molestie nec sed neque. Phasellus eget felis lobortis, viverra urna quis, posuere arcu. Curabitur quis libero vel ipsum lacinia commodo. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Vestibulum mauris mauris, cursus dapibus hendrerit sit amet, auctor a diam. Mauris eu faucibus risus. Nulla sodales nunc ultricies leo mattis, in sagittis augue accumsan. Aliquam ultricies ante nunc, sed ullamcorper ante accumsan eu. Vestibulum sit amet leo ac nisl cursus pellentesque tempus eget velit. Morbi feugiat odio eget scelerisque tincidunt. Nam pretium ornare magna, sit amet sodales sem iaculis et. Donec feugiat varius porttitor. Sed iaculis, dui non tempor pretium, nulla dui vestibulum sapien, eget feugiat ante quam eu sem. In mattis ac arcu placerat eleifend. Phasellus non consequat mi, at malesuada eros.

Proin vel euismod libero. Praesent interdum turpis vel sem suscipit interdum. Suspendisse iaculis nibh vitae libero vehicula, quis posuere nisl convallis. Donec tempus, lectus id pretium tempus, nisl erat fermentum massa, sed molestie elit dolor in felis. Curabitur pretium tortor et augue vehicula malesuada. Mauris fringilla euismod quam ac egestas. Maecenas semper rhoncus pretium. Morbi volutpat mauris vitae fermentum varius. Quisque tristique velit sagittis, lobortis sem vel, rhoncus quam. In ac accumsan neque. Cras scelerisque libero at justo accumsan, nec pulvinar augue pulvinar. Nulla fermentum rhoncus justo. Pellentesque eget diam erat.

Cras vel urna porta, auctor nulla ut, egestas ligula. Aenean a nunc sit amet risus varius varius sit amet at mi. Ut eros dui, fringilla at porta sed, bibendum sit amet augue. Integer purus velit, faucibus ac facilisis nec, lacinia sit amet metus. Maecenas et iaculis tellus, nec sollicitudin ipsum. Quisque sed orci in purus luctus malesuada eu a dolor. Cras eu velit suscipit, tristique tortor nec, egestas quam. Maecenas eget tristique augue. Nullam ut eros vel turpis vehicula lobortis. Nunc dictum convallis est, quis semper felis ultrices ac.

Sed ac risus enim. Donec fringilla nunc et aliquet sodales. Sed lacus nisi, dignissim et venenatis ac, consequat in libero. Integer nec risus nisl. Nunc a turpis sit amet leo dignissim gravida. Ut iaculis convallis turpis et ullamcorper. Ut euismod pellentesque odio, eget tincidunt massa cursus nec. Quisque non lorem suscipit, porttitor felis in, accumsan est. Sed vitae tellus pretium, semper risus vel, vehicula sapien. Vestibulum ultricies ullamcorper iaculis. Donec posuere scelerisque ligula, vitae fringilla velit. Aliquam ut eleifend eros.

Code:

<div class="three-column">

text here will auto-space over three columns...

</div>

#2

12-24-2014, 04:00 PM (This post was last modified: 12-24-2014, 04:11 PM by Tamme.)

CHROMATIC ABERRATION CODE!

Chromatic aberration, which is also used to create 3-D style imagery is when a solid element has halos on either side of two, contrasting colors (typically red and blue). This happens in cameras when there is significant bounce light from strong sunlight or florescent.

Read this for awesome knowledges: https://photographylife.com/what-is-chro...aberration
It happens because of the way lenses work, which all has to do with light physics through convex and concave glass structures with some sort of refractive index.

ANYWAY. It looks cool, so.
Have at it.

This code is for Helovia Only!

Character

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed sodales tellus purus, sed viverra ligula auctor et. Donec at ligula ut ante iaculis tincidunt in sed lacus. Fusce magna metus, commodo et tristique et, venenatis quis nulla. Etiam pretium posuere risus. Nullam lorem nisl, varius id ante id, fermentum sodales erat. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Phasellus suscipit tellus nisi, id sodales risus sollicitudin ac. Fusce et nibh a dui luctus posuere at convallis sapien. Integer nibh massa, cursus non bibendum vel, adipiscing vel purus. Aliquam ultrices magna sed sem condimentum, sed eleifend dui ultrices. Nullam fermentum erat at interdum pulvinar. Donec tempor laoreet ipsum a commodo. Etiam porta lacinia consequat. Phasellus nec convallis purus. Vestibulum malesuada nec sem ut consequat. Praesent luctus, nisl eu pretium porta, lacus nibh ultricies leo, viverra viverra lacus lectus sit amet augue. "talk talk talk"

Code:

<link async href="http://fonts.googleapis.com/css?family=Cinzel%20Decorative" data-generated="http://enjoycss.com" rel="stylesheet" type="text/css"/>

<center><div style="width: 550px; border-left: 10px solid #ffffff; border-right: 10px solid #ffffff;"><table align="center" width="550" height="250" cellpadding="0" cellspacing="0" bgcolor="#151515"><tr><td>

<div style="margin-left: 100px; margin-right: 0px; margin-bottom: 0px; margin-top: 40px;   text-shadow: -3px 0 1px rgb(30,242,241) , 3px 0 1px rgb(246,5,10) ; font-variant: small-caps;"><font style="font-family: 'Cinzel Decorative', cursive;font-size:70px;letter-spacing:0px; line-height:3px"><font color="#ffffff">Character</font></font></div>

<div style="margin-left: 30px; margin-right: 30px; margin-bottom: 2px; margin-top: 0px; padding: 20px; text-align: justify;"><font style="font-family:verdana; font-size:11px; line-height:16px"><font color="#ffffff">

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed sodales tellus purus, sed viverra ligula auctor et. Donec at ligula ut ante iaculis tincidunt in sed lacus. Fusce magna metus, commodo et tristique et, venenatis quis nulla. Etiam pretium posuere risus. Nullam lorem nisl, varius id ante id, fermentum sodales erat. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Phasellus suscipit tellus nisi, id sodales risus sollicitudin ac. Fusce et nibh a dui luctus posuere at convallis sapien. Integer nibh massa, cursus non bibendum vel, adipiscing vel purus. Aliquam ultrices magna sed sem condimentum, sed eleifend dui ultrices. Nullam fermentum erat at interdum pulvinar. Donec tempor laoreet ipsum a commodo. Etiam porta lacinia consequat. Phasellus nec convallis purus. Vestibulum malesuada nec sem ut consequat. Praesent luctus, nisl eu pretium porta, lacus nibh ultricies leo, viverra viverra lacus lectus sit amet augue. <font color="#1cf2f2">"talk talk talk"</font>

</font></font></div>

</td></tr></table></div></center><center>[size=x-small]Coding by Tamme[/size]</center>

Character

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed sodales tellus purus, sed viverra ligula auctor et. Donec at ligula ut ante iaculis tincidunt in sed lacus. Fusce magna metus, commodo et tristique et, venenatis quis nulla. Etiam pretium posuere risus. Nullam lorem nisl, varius id ante id, fermentum sodales erat. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Phasellus suscipit tellus nisi, id sodales risus sollicitudin ac. Fusce et nibh a dui luctus posuere at convallis sapien. Integer nibh massa, cursus non bibendum vel, adipiscing vel purus. Aliquam ultrices magna sed sem condimentum, sed eleifend dui ultrices. Nullam fermentum erat at interdum pulvinar. Donec tempor laoreet ipsum a commodo. Etiam porta lacinia consequat. Phasellus nec convallis purus. Vestibulum malesuada nec sem ut consequat. Praesent luctus, nisl eu pretium porta, lacus nibh ultricies leo, viverra viverra lacus lectus sit amet augue. "talk talk talk"

Code:

<center><div style="width: 550px; border-left: 10px solid #000000; border-right: 10px solid #000000;"><table align="center" width="550" height="250" cellpadding="0" cellspacing="0" bgcolor="#ffffff"><tr><td>

<div style="margin-left: 100px; margin-right: 0px; margin-bottom: 0px; margin-top: 40px;   text-shadow: -3px 0 1px rgb(30,242,241) , 3px 0 1px rgb(246,5,10) ; font-variant: small-caps;"><font style="font-family: 'verdana'; font-size:70px;letter-spacing:0px; line-height:3px"><font color="#000000">Character</font></font></div>

<div style="margin-left: 30px; margin-right: 30px; margin-bottom: 2px; margin-top: 0px; padding: 20px; text-align: justify;"><font style="font-family:verdana; font-size:11px; line-height:16px"><font color="#000000">

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed sodales tellus purus, sed viverra ligula auctor et. Donec at ligula ut ante iaculis tincidunt in sed lacus. Fusce magna metus, commodo et tristique et, venenatis quis nulla. Etiam pretium posuere risus. Nullam lorem nisl, varius id ante id, fermentum sodales erat. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Phasellus suscipit tellus nisi, id sodales risus sollicitudin ac. Fusce et nibh a dui luctus posuere at convallis sapien. Integer nibh massa, cursus non bibendum vel, adipiscing vel purus. Aliquam ultrices magna sed sem condimentum, sed eleifend dui ultrices. Nullam fermentum erat at interdum pulvinar. Donec tempor laoreet ipsum a commodo. Etiam porta lacinia consequat. Phasellus nec convallis purus. Vestibulum malesuada nec sem ut consequat. Praesent luctus, nisl eu pretium porta, lacus nibh ultricies leo, viverra viverra lacus lectus sit amet augue. <font color="#dd0d10">"talk talk talk"</font>

</font></font></div>

</td></tr></table></div></center><center>[size=x-small]Coding by Tamme[/size]</center>

#3

12-24-2014, 04:19 PM

*******
You can modify this as much as you want! These are just the bare bones.

#4

12-24-2014, 04:19 PM

This is awesome! Thank you tamme! <333 Merry Christmas!

_{if you bury me, i'll bury you}
pixel by sourful

#5

12-24-2014, 04:46 PM

SO NEAT.

#6

12-24-2014, 04:56 PM

Bad A! I love this! Thank you Tamme, Merry Christmas! <3

Superiority is my reason
Anger is my fuel
Blood is the cost
Victory is my prize
[Image: zunden_by_poolpaw-d8dwmp0.png]

Her horn isn't broken

#7

12-24-2014, 06:39 PM

This is the coolest! Thank you so much Tamme! Have a Merry Christmas :)

#8

12-27-2014, 04:21 PM

These were so awesome to use! :D thanks!

Any force can be used against Elsa.
Please tag any posts that involves Elsa.

#9

12-27-2014, 04:58 PM

SHIDA

TAMME THIS IS AMAZEBALLS. Thank you!!

Coding by Tamme. Image here

#10

12-27-2014, 08:08 PM

This is super neat that the code can do this and so kind of you to offer it for free Tamme!

It does however make my eyes flip out (I don't like the whole 3d movies and tv and stuff either...), so I respectfully ask that anyone who uses this does so minimally :x Please and thank you <3 I would hate to have posts hindered for me because of it is all!

HP: 1100

Helovia Hard Mode

#11

12-27-2014, 08:29 PM

@[Blu]

This is just the standard :) You can actually change the colors just to look very soft.
I did it on Bolverik's code like this:

Bolverik

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed sodales tellus purus, sed viverra ligula auctor et. Donec at ligula ut ante iaculis tincidunt in sed lacus. Fusce magna metus, commodo et tristique et, venenatis quis nulla. Etiam pretium posuere risus. Nullam lorem nisl, varius id ante id, fermentum sodales erat. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Phasellus suscipit tellus nisi, id sodales risus sollicitudin ac. Fusce et nibh a dui luctus posuere at convallis sapien. Integer nibh massa, cursus non bibendum vel, adipiscing vel purus. Aliquam ultrices magna sed sem condimentum, sed eleifend dui ultrices. Nullam fermentum erat at interdum pulvinar. Donec tempor laoreet ipsum a commodo. Etiam porta lacinia consequat. Phasellus nec convallis purus. Vestibulum malesuada nec sem ut consequat. Praesent luctus, nisl eu pretium porta, lacus nibh ultricies leo, viverra viverra lacus lectus sit amet augue. "talk talk talk"

texture credit

I just posted with the clear, traditional chromatic aberration colors so that they would be easier to see and edit too :)

Here is a Hex Color code to RGB converter: http://www.rapidtables.com/convert/color/hex-to-rgb.htm

Where the code says "text-shadow" it gives a series of numbers like this (23, 45, 23, .9)

That means (RED, GREEN, BLUE, opacity). So you put in the R, G, B respectively to adjust colors.

#12

12-27-2014, 10:05 PM (This post was last modified: 12-27-2014, 10:05 PM by Blu.)

AH Much better, thanks Tamme!

HP: 1100

Helovia Hard Mode

#13

01-12-2015, 10:55 PM

Hertz

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed sodales tellus purus, sed viverra ligula auctor et. Donec at ligula ut ante iaculis tincidunt in sed lacus. Fusce magna metus, commodo et tristique et, venenatis quis nulla. Etiam pretium posuere risus. Nullam lorem nisl, varius id ante id, fermentum sodales erat. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Phasellus suscipit tellus nisi, id sodales risus sollicitudin ac. Fusce et nibh a dui luctus posuere at convallis sapien. Integer nibh massa, cursus non bibendum vel, adipiscing vel purus. Aliquam ultrices magna sed sem condimentum, sed eleifend dui ultrices. Nullam fermentum erat at interdum pulvinar. Donec tempor laoreet ipsum a commodo. Etiam porta lacinia consequat. Phasellus nec convallis purus. Vestibulum malesuada nec sem ut consequat. Praesent luctus, nisl eu pretium porta, lacus nibh ultricies leo, viverra viverra lacus lectus sit amet augue.
"talk talk talk"
Tag;;
Words;;
Notes;;

image credit

#14

03-26-2015, 01:39 PM

I'm seriously in love with this code! Thank you Tam Tam! <3

Crash

Blah blah, I love coffee, blah blah.

"Speaking"

texture credit

† Please tag me in all posts.

#15

08-13-2015, 11:08 PM

you are a god tamme, a fucking god, thank you.

#16

09-18-2015, 10:21 AM (This post was last modified: 09-18-2015, 10:36 AM by Rikyn.)

Rikyn

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed sodales tellus purus, sed viverra ligula auctor et. Donec at ligula ut ante iaculis tincidunt in sed lacus. Fusce magna metus, commodo et tristique et, venenatis quis nulla. Etiam pretium posuere risus. Nullam lorem nisl, varius id ante id, fermentum sodales erat. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Phasellus suscipit tellus nisi, id sodales risus sollicitudin ac. Fusce et nibh a dui luctus posuere at convallis sapien. Integer nibh massa, cursus non bibendum vel, adipiscing vel purus. Aliquam ultrices magna sed sem condimentum, sed eleifend dui ultrices. Nullam fermentum erat at interdum pulvinar. Donec tempor laoreet ipsum a commodo. Etiam porta lacinia consequat. Phasellus nec convallis purus. Vestibulum malesuada nec sem ut consequat. Praesent luctus, nisl eu pretium porta, lacus nibh ultricies leo, viverra viverra lacus lectus sit amet augue. "talk talk talk"

Coding by Tamme - Image by Dingo

Wishlist - Plots

Force/violence is allowed to be used on Rikyn permitted it does not permanently maim or kill him (PM me!).