[Code] Chromatic Abberation and Column codes! - Printable Version +- HELOVIA || The Way to the Sun (http://helovia.com) +-- Forum: Out of Character (http://helovia.com/forumdisplay.php?fid=1) +--- Forum: Player Resources (http://helovia.com/forumdisplay.php?fid=99) +---- Forum: Growth Center (http://helovia.com/forumdisplay.php?fid=82) +---- Thread: [Code] Chromatic Abberation and Column codes! (/showthread.php?tid=14567) |
|||||||
2 and 3 column code! - Tamme - 06-20-2014 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"> 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"> Chromatic Aberration Code! - Tamme - 12-24-2014 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-chromatic-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!
Code: <link async href="http://fonts.googleapis.com/css?family=Cinzel%20Decorative" data-generated="http://enjoycss.com" rel="stylesheet" type="text/css"/>
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> RE: Chromatic Aberration Code! - Tamme - 12-24-2014 ******* You can modify this as much as you want! These are just the bare bones. RE: Chromatic Aberration Code! - Einarr - 12-24-2014 This is awesome! Thank you tamme! <333 Merry Christmas! RE: Chromatic Aberration Code! - Solanine - 12-24-2014 SO NEAT. RE: Chromatic Aberration Code! - Zünden - 12-24-2014 Bad A! I love this! Thank you Tamme, Merry Christmas! <3 RE: Chromatic Aberration Code! - Africa - 12-24-2014 This is the coolest! Thank you so much Tamme! Have a Merry Christmas :) RE: Chromatic Aberration Code! - Elsa - 12-27-2014 These were so awesome to use! :D thanks! RE: Chromatic Aberration Code! - Shida - 12-27-2014
RE: Chromatic Aberration Code! - Blu - 12-27-2014 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! RE: Chromatic Aberration Code! - Tamme - 12-27-2014 @[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:
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. RE: Chromatic Aberration Code! - Blu - 12-27-2014 AH Much better, thanks Tamme! RE: Chromatic Aberration Code! - Hertz - 01-12-2015
RE: Chromatic Aberration Code! - Crash Course - 03-26-2015 I'm seriously in love with this code! Thank you Tam Tam! <3
RE: 2 and 3 column code! - Mbizi - 08-13-2015 you are a god tamme, a fucking god, thank you. RE: Chromatic Aberration Code! - Rikyn - 09-18-2015
|