Resource Fyurious Codes

[Fable]

Text | Menu | Text | Option | Text | Tagged | Text​

This is a very simple design concept meant to act like 'RP Tabs' where important information can easily located at the top of a post. The bar at the top can be used for whatever information you wish to host there; RP links, tags for RP posts, character locations, etc.

The simplicity of this design allows it to be very flexible. It works well in both browser and mobile devices, as well as across different themes. This also allows users to add their creative flair as well.

This version has a visible scrollbar.

This design is free-to-use with credit. The credit is hidden, but even so, please do not remove it.

Spoiler: CODE

[div=position:relative;box-sizing: border-box;][div=position:relative;z-index:99;width:100%;background:none;-webkit-box-shadow: 0px 8px 5px -4px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 8px 5px -4px rgba(0,0,0,0.75);
box-shadow: 0px 8px 5px -4px rgba(0,0,0,0.75);  display: flex;
  align-items: center;
  justify-content: center;][center][font=PT Sans]Text | Menu | Text | Option | Text | Tagged | Text[/font][/center][/div]
[div=position:realtive;margin-top:-20px;z-index:1;][div=width: (calc 100%- 10px);height:585px;text-align:justify;padding:5px;overflow:auto;][i]This is a very simple design concept meant to act like 'RP Tabs' where important information can easily located at the top of a post.  The bar at the top can be used for whatever information you wish to host there; RP links, tags for RP posts, character locations, etc.

The simplicity of this design allows it to be very flexible.  It works well in both browser and mobile devices, as well as across different themes.  This also allows users to add their creative flair as well.

This version has a visible scrollbar.

This design is free-to-use with credit.  The credit is hidden, but even so, please do not remove it.[/i]

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer finibus rutrum finibus. Etiam id libero sagittis, tincidunt enim ut, porttitor massa. Nullam non interdum mi. Maecenas euismod sem rhoncus libero viverra porta. Integer elementum justo id nibh efficitur, eget efficitur nibh porta. Nullam ornare odio ut porta sagittis. Proin sollicitudin metus nibh, in dapibus nisl scelerisque sit amet.

Duis pulvinar libero lectus, nec molestie ipsum finibus in. Sed elit odio, tincidunt non elit nec, facilisis maximus augue. Nullam sit amet orci at lorem imperdiet suscipit eu id tellus. Etiam tempus hendrerit dolor et bibendum. Quisque erat neque, pharetra nec nibh vitae, fringilla egestas nisi. Cras eleifend, est in pulvinar bibendum, orci quam fringilla felis, vitae interdum lorem urna eget eros. Fusce enim purus, imperdiet nec quam nec, rhoncus ullamcorper nisi. Curabitur interdum mi vel ornare vulputate. Quisque porttitor ac purus at semper. Vivamus libero neque, lacinia a convallis quis, placerat at sem. Donec et pretium orci, sed luctus turpis. Etiam sed porta metus, in varius lorem. Nulla purus lacus, tristique vel volutpat vitae, pulvinar et elit. Integer finibus sit amet orci ac cursus. Aliquam viverra, est eget gravida eleifend, orci eros elementum velit, sed auctor sapien dolor in nibh.

Sed et metus et tortor mollis suscipit. Pellentesque a orci quis neque malesuada cursus. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Sed a lorem eleifend, condimentum ex ut, dignissim nibh. Quisque bibendum eros ac nunc convallis ullamcorper. Integer metus tortor, ultrices ut risus vitae, sollicitudin blandit ipsum. Pellentesque scelerisque est at facilisis varius. Pellentesque fermentum mollis justo, ac mollis massa iaculis vitae. Proin tempus enim ut enim dictum iaculis. Curabitur rutrum felis eget porta congue. Suspendisse potenti. Aenean vel pulvinar purus.

Pellentesque vel lectus consectetur, fringilla nisl id, luctus massa. Nunc consectetur iaculis augue id facilisis. Vestibulum id consectetur nunc. Vivamus feugiat tempus nisi, ac egestas metus viverra id. Praesent lacinia mattis commodo. Nulla nec neque faucibus, consequat justo non, hendrerit libero. Cras facilisis vitae metus ac rutrum. Proin ut lobortis diam. Pellentesque velit est, dapibus id ultricies at, efficitur et erat. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Ut at congue nunc, quis pulvinar justo. Morbi eu lorem nunc. Suspendisse tempus mauris magna, vitae iaculis nibh convallis vitae.

Pellentesque fringilla dolor in metus egestas suscipit. Donec mollis, felis sed sagittis hendrerit, nunc metus tincidunt libero, sit amet tempus ex ante nec orci. Sed hendrerit blandit felis sit amet malesuada. Vivamus aliquet elementum maximus. Suspendisse potenti. Proin arcu erat, volutpat eu vestibulum eget, efficitur vitae odio. Ut sodales ante augue. Nunc at est vitae libero feugiat pellentesque sit amet at mauris. Fusce odio odio, suscipit quis diam id, varius gravida sapien. Maecenas blandit mi vitae lacus sollicitudin, vel pulvinar dui mollis. Phasellus elementum, nulla non interdum pulvinar, nisl libero laoreet felis, ut cursus nisi nulla ac neque. Mauris nibh metus, varius sed cursus at, fringilla sed urna.

Duis faucibus dui non dolor finibus, sed interdum leo aliquam. Proin nisl eros, bibendum at accumsan ut, pretium nec nulla. Cras pulvinar consectetur leo vel pharetra. Nunc ut sapien ut ex hendrerit venenatis. Praesent rhoncus turpis dui, a eleifend quam ultrices at. Pellentesque ultrices dolor a ex finibus molestie. Donec dolor metus, luctus nec rhoncus at, fringilla efficitur nisl. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Sed pretium lacus ut libero blandit, vestibulum pulvinar felis euismod.

Morbi eu augue vitae ante tincidunt consequat vitae sit amet velit. Etiam lobortis ultrices dignissim. Etiam porta metus vel laoreet finibus. Cras vehicula felis id egestas cursus. Duis sed ipsum dictum, hendrerit leo non, volutpat ante. Phasellus ut tellus id erat pulvinar rutrum sit amet in quam. Etiam eleifend massa at sapien facilisis imperdiet. Nulla quis varius purus. Nunc commodo sem vel ante consectetur, eget tincidunt nisl pretium. Suspendisse vehicula viverra finibus. Donec id leo luctus, egestas urna et, tincidunt purus. Nulla facilisi.[/div][/div][/div][comment]code/design by [USER=39545]@Fyuri[/USER] / DO NOT REMOVE THIS CREDIT[/comment]

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer finibus rutrum finibus. Etiam id libero sagittis, tincidunt enim ut, porttitor massa. Nullam non interdum mi. Maecenas euismod sem rhoncus libero viverra porta. Integer elementum justo id nibh efficitur, eget efficitur nibh porta. Nullam ornare odio ut porta sagittis. Proin sollicitudin metus nibh, in dapibus nisl scelerisque sit amet.

Duis pulvinar libero lectus, nec molestie ipsum finibus in. Sed elit odio, tincidunt non elit nec, facilisis maximus augue. Nullam sit amet orci at lorem imperdiet suscipit eu id tellus. Etiam tempus hendrerit dolor et bibendum. Quisque erat neque, pharetra nec nibh vitae, fringilla egestas nisi. Cras eleifend, est in pulvinar bibendum, orci quam fringilla felis, vitae interdum lorem urna eget eros. Fusce enim purus, imperdiet nec quam nec, rhoncus ullamcorper nisi. Curabitur interdum mi vel ornare vulputate. Quisque porttitor ac purus at semper. Vivamus libero neque, lacinia a convallis quis, placerat at sem. Donec et pretium orci, sed luctus turpis. Etiam sed porta metus, in varius lorem. Nulla purus lacus, tristique vel volutpat vitae, pulvinar et elit. Integer finibus sit amet orci ac cursus. Aliquam viverra, est eget gravida eleifend, orci eros elementum velit, sed auctor sapien dolor in nibh.

Sed et metus et tortor mollis suscipit. Pellentesque a orci quis neque malesuada cursus. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Sed a lorem eleifend, condimentum ex ut, dignissim nibh. Quisque bibendum eros ac nunc convallis ullamcorper. Integer metus tortor, ultrices ut risus vitae, sollicitudin blandit ipsum. Pellentesque scelerisque est at facilisis varius. Pellentesque fermentum mollis justo, ac mollis massa iaculis vitae. Proin tempus enim ut enim dictum iaculis. Curabitur rutrum felis eget porta congue. Suspendisse potenti. Aenean vel pulvinar purus.

Pellentesque vel lectus consectetur, fringilla nisl id, luctus massa. Nunc consectetur iaculis augue id facilisis. Vestibulum id consectetur nunc. Vivamus feugiat tempus nisi, ac egestas metus viverra id. Praesent lacinia mattis commodo. Nulla nec neque faucibus, consequat justo non, hendrerit libero. Cras facilisis vitae metus ac rutrum. Proin ut lobortis diam. Pellentesque velit est, dapibus id ultricies at, efficitur et erat. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Ut at congue nunc, quis pulvinar justo. Morbi eu lorem nunc. Suspendisse tempus mauris magna, vitae iaculis nibh convallis vitae.

Pellentesque fringilla dolor in metus egestas suscipit. Donec mollis, felis sed sagittis hendrerit, nunc metus tincidunt libero, sit amet tempus ex ante nec orci. Sed hendrerit blandit felis sit amet malesuada. Vivamus aliquet elementum maximus. Suspendisse potenti. Proin arcu erat, volutpat eu vestibulum eget, efficitur vitae odio. Ut sodales ante augue. Nunc at est vitae libero feugiat pellentesque sit amet at mauris. Fusce odio odio, suscipit quis diam id, varius gravida sapien. Maecenas blandit mi vitae lacus sollicitudin, vel pulvinar dui mollis. Phasellus elementum, nulla non interdum pulvinar, nisl libero laoreet felis, ut cursus nisi nulla ac neque. Mauris nibh metus, varius sed cursus at, fringilla sed urna.

Duis faucibus dui non dolor finibus, sed interdum leo aliquam. Proin nisl eros, bibendum at accumsan ut, pretium nec nulla. Cras pulvinar consectetur leo vel pharetra. Nunc ut sapien ut ex hendrerit venenatis. Praesent rhoncus turpis dui, a eleifend quam ultrices at. Pellentesque ultrices dolor a ex finibus molestie. Donec dolor metus, luctus nec rhoncus at, fringilla efficitur nisl. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Sed pretium lacus ut libero blandit, vestibulum pulvinar felis euismod.

Morbi eu augue vitae ante tincidunt consequat vitae sit amet velit. Etiam lobortis ultrices dignissim. Etiam porta metus vel laoreet finibus. Cras vehicula felis id egestas cursus. Duis sed ipsum dictum, hendrerit leo non, volutpat ante. Phasellus ut tellus id erat pulvinar rutrum sit amet in quam. Etiam eleifend massa at sapien facilisis imperdiet. Nulla quis varius purus. Nunc commodo sem vel ante consectetur, eget tincidunt nisl pretium. Suspendisse vehicula viverra finibus. Donec id leo luctus, egestas urna et, tincidunt purus. Nulla facilisi.

 

[Fable]

Project: N/A
Notes: Not mobile friendly, text clipping.
NOT FREE TO USE

Not Free To Use
Not Free To Use
Not Free To Use

illuminatus

This isn't a very stable nor well done code/design. I reached my limit and decided this was probably as good as I could make this at this time. But it's so fun I want to put it on display.

I do not recommend using this to learn from because it's a mess that could probably be coded way better.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus nec justo id libero ornare rhoncus vitae vitae urna. Maecenas luctus interdum lacus, a sagittis enim euismod vel. Fusce orci nunc, pellentesque id blandit quis, rhoncus nec libero. Aliquam a libero sed erat pharetra placerat. Quisque ac interdum velit, id mattis sem. Quisque eu eros non dolor congue ornare. In vulputate varius scelerisque. Cras porta posuere maximus. Nulla facilisi. Mauris egestas id metus quis venenatis. Nulla facilisi. Nulla dui sem, faucibus ut felis eget, mattis placerat urna. Nullam mollis efficitur lobortis. Cras et nibh faucibus, imperdiet odio ut, consequat urna. Maecenas iaculis massa ac ipsum scelerisque, vitae volutpat nibh venenatis. Suspendisse eget purus at risus tempus iaculis vel id nisi.

Maecenas egestas sapien ut pharetra feugiat. Ut porta arcu id nisi accumsan, id suscipit felis commodo. Etiam varius euismod porttitor. Nullam non rutrum augue. Etiam tincidunt sodales arcu consequat eleifend. Pellentesque tempus lectus et diam fringilla ultrices. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Cras ornare turpis a mauris luctus, non maximus urna accumsan. Vestibulum mollis leo et ipsum dapibus bibendum. Donec sollicitudin orci et maximus sodales. Suspendisse potenti.

Duis egestas turpis sed urna scelerisque molestie. Mauris elementum tellus ante, nec malesuada leo malesuada et. Curabitur suscipit convallis neque nec imperdiet. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nunc eget gravida neque, ut aliquam enim. Cras imperdiet arcu id est molestie mollis. Praesent sagittis nibh a maximus consequat. Nunc dignissim mollis diam a gravida. Phasellus efficitur justo metus, sed cursus ipsum feugiat non. Duis pretium bibendum odio, vel luctus leo euismod at. Etiam sed sapien eget quam semper tincidunt ac quis tortor. Aenean odio risus, commodo non justo sed, ultricies tincidunt ipsum. Aenean eros lacus, placerat sed convallis pretium, fringilla nec sem. Vestibulum a ante in purus suscipit semper eu nec augue. Aenean commodo fermentum justo ut eleifend.

Vivamus rutrum tristique tortor sed efficitur. Nam bibendum pharetra justo vitae eleifend. Ut lobortis dictum rhoncus. Nulla nec metus vulputate, pellentesque est vel, elementum mauris. Duis metus turpis, faucibus sed ante sed, dignissim mattis sapien. Praesent vitae accumsan dolor. Pellentesque eget molestie sem, in accumsan dui. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent sit amet orci et nisl convallis lacinia quis vel urna.

Scroll

 

[Fable]

Project: N/A
Notes: Not mobile friendly, text clipping. Hidden scroll.
FREE TO USE WITH CREDIT

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam eu sem sollicitudin, mollis mi nec, elementum lectus. Nunc lectus felis, dapibus at mi nec, efficitur malesuada nulla. Aenean nec lacus urna. Nullam faucibus ante id efficitur pellentesque. Nam eu condimentum magna, in ultrices nisl. Fusce blandit rutrum suscipit. Duis eget eros a lacus placerat sodales. Cras aliquet dolor quis tellus convallis, ac molestie sem eleifend. Duis posuere erat lacus, nec pretium leo consequat eget. Aliquam pellentesque, felis in iaculis aliquam, quam ipsum hendrerit lacus, id consequat arcu turpis at risus. Sed ornare, sem sit amet posuere euismod, ex eros mollis neque, eget lobortis elit lorem a erat. Nullam id posuere libero, at consectetur nunc. In porta efficitur mauris vitae pretium. Nullam commodo urna et metus pretium congue.

Interdum et malesuada fames ac ante ipsum primis in faucibus. Mauris et lorem tristique est cursus hendrerit sit amet ac ante. Cras sit amet dictum diam, ac fermentum ipsum. Nullam finibus risus vel arcu gravida condimentum. In nec semper ligula. In eget mauris odio. Aliquam luctus sodales diam ac porta. Nullam in sollicitudin risus. Sed bibendum justo vel enim scelerisque, eget tempus felis egestas. Ut nec nisi velit. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Aliquam condimentum sapien sit amet eros efficitur tincidunt.

code/design by Fable

Spoiler: CODE

[div=position:relative;background: #93ddec; /* Old browsers */
background: -moz-linear-gradient(-45deg, #93ddec 0%, #9189ee 50%, #adbce6 100%, #5e78f7 100%); 
background: -webkit-linear-gradient(-45deg, #93ddec 0%,#9189ee 50%,#adbce6 100%,#5e78f7 100%); 
background: linear-gradient(135deg, #93ddec 0%,#9189ee 50%,#adbce6 100%,#5e78f7 100%); 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#93ddec', endColorstr='#5e78f7',GradientType=1 );][div=background-color:rgba(224,227,233, 0.8);padding-top:50px;padding-bottom:50px;][div=width:300px;margin:auto;background-color:#fff;-webkit-box-shadow: 0px 0px 24px 1px rgba(0,0,0,0.3);
-moz-box-shadow: 0px 0px 24px 1px rgba(0,0,0,0.3);
box-shadow: 0px 0px 24px 1px rgba(0,0,0,0.3);]
[div=position:relative;top:10px;left:-10px;width:200px;height:200px;margin:auto;
background-color:rgba(147,221,236, 0.8);
border-radius: 50%; /* the magic */
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;][div=position:relative;top:-10px;left:10px;right:-10px;width:200px;height:200px;
background-color:rgba(145,137,238, 0.8);
border-radius: 50%; /* the magic */
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;][div=position:relative;top:15px;left:5px;right:10px;width:200px;height:200px;
background-color:rgba(94,120,247, 0.8);
border-radius: 50%; /* the magic */
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;][div=position:relative;top:-5px;left:-5px;width:200px;height:200px;
background-color:#fff;
background:url('http://via.placeholder.com/200x200') no-repeat center center;
border-radius: 50%; /* the magic */
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;][/div][/div][/div][/div]
[div=position:relative;left:7px;][div=width:calc(100% - 10px);height:305px;overflow:hidden;padding:5px;][div=font-size:13px;width:100%;height:300px;overflow:auto;padding-right:100px;color:#000;][font=Coda][justify]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam eu sem sollicitudin, mollis mi nec, elementum lectus. Nunc lectus felis, dapibus at mi nec, efficitur malesuada nulla. Aenean nec lacus urna. Nullam faucibus ante id efficitur pellentesque. Nam eu condimentum magna, in ultrices nisl. Fusce blandit rutrum suscipit. Duis eget eros a lacus placerat sodales. Cras aliquet dolor quis tellus convallis, ac molestie sem eleifend. Duis posuere erat lacus, nec pretium leo consequat eget. Aliquam pellentesque, felis in iaculis aliquam, quam ipsum hendrerit lacus, id consequat arcu turpis at risus. Sed ornare, sem sit amet posuere euismod, ex eros mollis neque, eget lobortis elit lorem a erat. Nullam id posuere libero, at consectetur nunc. In porta efficitur mauris vitae pretium. Nullam commodo urna et metus pretium congue.

Interdum et malesuada fames ac ante ipsum primis in faucibus. Mauris et lorem tristique est cursus hendrerit sit amet ac ante. Cras sit amet dictum diam, ac fermentum ipsum. Nullam finibus risus vel arcu gravida condimentum. In nec semper ligula. In eget mauris odio. Aliquam luctus sodales diam ac porta. Nullam in sollicitudin risus. Sed bibendum justo vel enim scelerisque, eget tempus felis egestas. Ut nec nisi velit. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Aliquam condimentum sapien sit amet eros efficitur tincidunt.[/justify][/font][/div][/div][/div][/div][div=width:300px;margin:auto;font-size:8px;opacity:0.5;][color=#fff]code/design by[/color] [USER=39545][color=#fff]@Fyuri[/color][/USER][/div][/div][/div][comment]do not remove credit[/comment]

 

[Fable]

Project: N/A
Notes: Not mobile friendly.
FREE TO USE WITH CREDIT

Text

Text

Text

Text

Text

Text

Header

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse tortor diam, consectetur vitae euismod vitae, congue ac sem. Nam non pulvinar enim. In sit amet orci ut orci dignissim fermentum ac ac purus. Curabitur varius semper dignissim. Pellentesque interdum dui nec mauris porttitor posuere. Phasellus feugiat mattis magna in dictum. Mauris molestie augue sit amet tincidunt semper. Mauris egestas velit mauris, in aliquet lorem facilisis non. Aenean scelerisque malesuada enim, sit amet hendrerit magna auctor vitae. Nulla dictum orci sit amet placerat pulvinar. Nunc rhoncus nunc vestibulum dui suscipit ornare. Donec rhoncus semper nulla, ac egestas libero posuere id. Donec non dolor venenatis, vehicula lacus sed, pellentesque justo. Nunc rhoncus ultricies lectus, non gravida neque auctor sit amet.

Vestibulum vehicula suscipit elit, non tincidunt arcu consequat at. Praesent suscipit odio neque, et vestibulum ex scelerisque eu. Pellentesque malesuada dictum sapien, at vulputate dui. Nullam in iaculis libero. Curabitur iaculis tristique eros, quis bibendum metus bibendum at. Nunc vitae augue neque. Mauris pellentesque, ligula in suscipit lacinia, sem nisi maximus ante, sit amet pretium purus elit sed quam. Morbi enim augue, ornare quis pretium et, aliquet nec ipsum. Nunc molestie, arcu eu hendrerit egestas, arcu nunc laoreet urna, non mattis tellus mi a orci. Donec sed arcu dui. Mauris tincidunt nec diam posuere pellentesque.

Quisque maximus mollis nisi vehicula tincidunt. Nunc euismod consectetur dui, id blandit tortor tincidunt quis. Nulla accumsan libero id mi mollis, in tincidunt turpis iaculis. Aliquam a congue nulla, vel sollicitudin dui. Morbi efficitur erat vel ipsum volutpat lobortis. Curabitur ut auctor orci, ac vehicula risus. Nulla facilisi. Curabitur lobortis, urna nec rutrum consequat, erat odio egestas dolor, a aliquet nibh lorem eget urna.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse tortor diam, consectetur vitae euismod vitae, congue ac sem. Nam non pulvinar enim. In sit amet orci ut orci dignissim fermentum ac ac purus. Curabitur varius semper dignissim. Pellentesque interdum dui nec mauris porttitor posuere. Phasellus feugiat mattis magna in dictum. Mauris molestie augue sit amet tincidunt semper. Mauris egestas velit mauris, in aliquet lorem facilisis non. Aenean scelerisque malesuada enim, sit amet hendrerit magna auctor vitae. Nulla dictum orci sit amet placerat pulvinar. Nunc rhoncus nunc vestibulum dui suscipit ornare. Donec rhoncus semper nulla, ac egestas libero posuere id. Donec non dolor venenatis, vehicula lacus sed, pellentesque justo. Nunc rhoncus ultricies lectus, non gravida neque auctor sit amet.

code/design by Fable

Spoiler: code

[div=width:813px;
margin:auto;
background-color:#ccc;
border-radius: 20px 20px 20px 20px;
-moz-border-radius: 20px 20px 20px 20px;
-webkit-border-radius: 20px 20px 20px 20px;
overflow:hidden;
box-shadow: 0 1px 2px rgba(34, 25, 25, 0.4);][div=float:left;width:175px;
height:510px;
background: #4db8c4; 
background: -moz-linear-gradient(top, #4db8c4 0%, #3dd3ad 100%, #05abe0 100%); 
background: -webkit-linear-gradient(top, #4db8c4 0%,#3dd3ad 100%,#05abe0 100%); 
background: linear-gradient(to bottom, #4db8c4 0%,#3dd3ad 100%,#05abe0 100%); 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4db8c4', endColorstr='#05abe0',GradientType=0 ); 
padding:15px;]

[div=width:150px; height:150px;margin:auto;background:url('http://via.placeholder.com/150x150') no-repeat center center;border-radius:50%;][/div]
[div=background-color:rgba(255,255,255, 0.5);padding:2px;color:#656565;overflow:hidden;][font=Roboto Condensed]Text[/font][/div]
[div=background-color:rgba(255,255,255, 0.5);padding:2px;color:#656565;overflow:hidden;][font=Roboto Condensed]Text[/font][/div]
[div=background-color:rgba(255,255,255, 0.5);padding:2px;color:#656565overflow:hidden;][font=Roboto Condensed]Text[/font][/div]
[div=background-color:rgba(255,255,255, 0.5);padding:2px;color:#656565;overflow:hidden;][font=Roboto Condensed]Text[/font][/div]
[div=background-color:rgba(255,255,255, 0.5);padding:2px;color:#656565;overflow:hidden;][font=Roboto Condensed]Text[/font][/div]
[div=background-color:rgba(255,255,255, 0.5);padding:2px;color:#656565;overflow:hidden;][font=Roboto Condensed]Text[/font][/div]


[/div][div=height:50px;background: #FEFEFE;
	border: 2px solid rgba(204,204,204, 0.3);][div=position:relative;font-size:40px;left:5px;  background: -webkit-linear-gradient(left, #4db8c4, #4db8c4);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;overflow:hidden;][font=Pacifico]Header[/font][/div][/div][div=float:left;height:300px;width:290px;background: #FEFEFE;
	border: 2px solid rgba(204,204,204, 0.3);padding:5px;overflow:auto;color:#000;][justify][font=Roboto Condensed]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse tortor diam, consectetur vitae euismod vitae, congue ac sem. Nam non pulvinar enim. In sit amet orci ut orci dignissim fermentum ac ac purus. Curabitur varius semper dignissim. Pellentesque interdum dui nec mauris porttitor posuere. Phasellus feugiat mattis magna in dictum. Mauris molestie augue sit amet tincidunt semper. Mauris egestas velit mauris, in aliquet lorem facilisis non. Aenean scelerisque malesuada enim, sit amet hendrerit magna auctor vitae. Nulla dictum orci sit amet placerat pulvinar. Nunc rhoncus nunc vestibulum dui suscipit ornare. Donec rhoncus semper nulla, ac egestas libero posuere id. Donec non dolor venenatis, vehicula lacus sed, pellentesque justo. Nunc rhoncus ultricies lectus, non gravida neque auctor sit amet.[/font][/justify][/div][div=float:left;height:300px;width:290px;background: #FEFEFE;
	border: 2px solid rgba(204,204,204, 0.3);padding:5px;overflow:auto;color:#000;][justify][font=Roboto Condensed]Vestibulum vehicula suscipit elit, non tincidunt arcu consequat at. Praesent suscipit odio neque, et vestibulum ex scelerisque eu. Pellentesque malesuada dictum sapien, at vulputate dui. Nullam in iaculis libero. Curabitur iaculis tristique eros, quis bibendum metus bibendum at. Nunc vitae augue neque. Mauris pellentesque, ligula in suscipit lacinia, sem nisi maximus ante, sit amet pretium purus elit sed quam. Morbi enim augue, ornare quis pretium et, aliquet nec ipsum. Nunc molestie, arcu eu hendrerit egestas, arcu nunc laoreet urna, non mattis tellus mi a orci. Donec sed arcu dui. Mauris tincidunt nec diam posuere pellentesque.

Quisque maximus mollis nisi vehicula tincidunt. Nunc euismod consectetur dui, id blandit tortor tincidunt quis. Nulla accumsan libero id mi mollis, in tincidunt turpis iaculis. Aliquam a congue nulla, vel sollicitudin dui. Morbi efficitur erat vel ipsum volutpat lobortis. Curabitur ut auctor orci, ac vehicula risus. Nulla facilisi. Curabitur lobortis, urna nec rutrum consequat, erat odio egestas dolor, a aliquet nibh lorem eget urna.[/font][/justify][/div][div=float:left;height:168px;width:604px;background: #FEFEFE;
	border: 2px solid rgba(204,204,204, 0.3);][div=clear:both;][/div][div=height:168px;width:604px;-webkit-column-width: 200px; /* Chrome, Safari, Opera */
    -moz-column-width: 200px; /* Firefox */  
    column-width: 200px;overflow-x:auto;color:#000;][justify][font=Roboto Condensed]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse tortor diam, consectetur vitae euismod vitae, congue ac sem. Nam non pulvinar enim. In sit amet orci ut orci dignissim fermentum ac ac purus. Curabitur varius semper dignissim. Pellentesque interdum dui nec mauris porttitor posuere. Phasellus feugiat mattis magna in dictum. Mauris molestie augue sit amet tincidunt semper. Mauris egestas velit mauris, in aliquet lorem facilisis non. Aenean scelerisque malesuada enim, sit amet hendrerit magna auctor vitae. Nulla dictum orci sit amet placerat pulvinar. Nunc rhoncus nunc vestibulum dui suscipit ornare. Donec rhoncus semper nulla, ac egestas libero posuere id. Donec non dolor venenatis, vehicula lacus sed, pellentesque justo. Nunc rhoncus ultricies lectus, non gravida neque auctor sit amet.[/font][/justify][/div]

[/div][div=clear:both;][/div][/div][div=position:relative;left:15px;width:813px;margin:auto;opacity:0.3;font-size:10px;][font=Roboto Condensed]code/design by [USER=39545]@Fyuri[/USER][/font][/div][comment]please no not remove credit[/comment]

 

[Fable]

Project: N/A
Notes: Not mobile friendly, hidden scroll bar.
FREE TO USE WITH CREDIT

An old code I didn't mess with for almost a year, but I finished it. Yes, very simple looking. X3

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam massa velit, porta vitae tellus a, bibendum euismod nibh. Suspendisse malesuada luctus est, id vulputate nunc rhoncus non. Pellentesque et laoreet eros, ornare vulputate metus. Praesent lacinia quis urna ac condimentum. Morbi nec accumsan erat. Sed ac risus felis. Duis dictum arcu et nisl scelerisque pellentesque. Etiam dignissim nec mi at tristique. Nunc sit amet velit interdum, mollis metus et, viverra justo.

Nunc iaculis pellentesque massa, dictum lacinia lorem tincidunt in. Nullam at lorem mollis, pretium lorem quis, interdum ligula. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. In fermentum tincidunt diam. Donec eu consectetur arcu. Proin blandit sodales nisl, euismod scelerisque erat sagittis at. Fusce at pharetra justo, sit amet finibus metus.

Integer condimentum, nulla non iaculis condimentum, lacus arcu sodales massa, non fermentum enim lacus in libero. Phasellus dignissim est sit amet felis cursus ultrices. Duis tincidunt lacinia sem facilisis commodo. Nunc at tortor at velit tincidunt molestie. In lectus odio, elementum ut convallis a, euismod sit amet massa. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla facilisi. Sed dui ligula, dapibus sit amet ex a, pretium congue mi. Mauris pretium purus aliquam mi accumsan, non pulvinar leo luctus. Mauris diam purus, feugiat ut leo ac, efficitur convallis leo. Curabitur vitae tempus libero. Vestibulum vitae nunc quis felis sagittis imperdiet. Aenean sit amet lorem nisi. Integer sagittis tristique tincidunt.

Ut ut vulputate nibh. Nulla magna urna, elementum et dui et, rutrum sollicitudin est. Nunc faucibus ante vitae augue viverra mollis eu at magna. Vestibulum hendrerit nisi fermentum diam pretium sollicitudin. Cras enim est, condimentum a gravida id, vestibulum porttitor risus. Duis felis ipsum, volutpat vitae venenatis vel, facilisis eget velit. Aliquam gravida pellentesque dolor, eget auctor risus luctus a. In hac habitasse platea dictumst. Maecenas ornare quis ex eu fermentum. Integer sagittis purus id nisl dapibus, gravida luctus metus pulvinar. Morbi tincidunt justo orci. Aenean aliquet tortor lorem, vitae condimentum lacus finibus a. Phasellus fermentum pulvinar placerat.

Ut ultrices nisi a tortor ultrices, vel pellentesque enim elementum. Praesent ut congue ex, vel tempor mauris. Vivamus nec efficitur arcu. Etiam est risus, condimentum ut eleifend at, vehicula a nisi. Sed nec augue facilisis, tristique velit ut, porta sapien. Cras pretium diam maximus ligula efficitur fringilla. Nunc non nisl auctor, tempus ipsum at, viverra nulla. Donec facilisis at dolor at ultricies. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Aenean faucibus venenatis turpis id scelerisque. Maecenas tellus lorem, bibendum quis egestas ut, mollis vel magna. Pellentesque sed quam ante. Duis felis justo, facilisis vitae lectus ut, facilisis fringilla neque. Nunc tincidunt accumsan leo, et ullamcorper eros hendrerit vel.

code/design by Fable

Spoiler: CODE

[div=width:600px;border:1px solid black;margin:auto;border-radius: 10px 10px 10px 10px;
-moz-border-radius: 10px 10px 10px 10px;
-webkit-border-radius: 10px 10px 10px 10px;overflow:hidden;][div=position:relative;][div=position:absolute;top:337px;left:1px;z-index:2;width:600px;height:600px;background:url('https://www.rpnation.com/media/flores__png_random__14_by_keary23-daz9v7f.26886/full?d=1494262911') no-repeat; background-size: 600px 264px;][/div][/div][div=background-color:#006cb5;width:600px;height:600px;margin:auto;][div=width:600px;height:600px;][div=width:600px;height:600px;overflow:auto;padding:10px 20px 10px 10px;color:#fff;text-align:justify;]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam massa velit, porta vitae tellus a, bibendum euismod nibh. Suspendisse malesuada luctus est, id vulputate nunc rhoncus non. Pellentesque et laoreet eros, ornare vulputate metus. Praesent lacinia quis urna ac condimentum. Morbi nec accumsan erat. Sed ac risus felis. Duis dictum arcu et nisl scelerisque pellentesque. Etiam dignissim nec mi at tristique. Nunc sit amet velit interdum, mollis metus et, viverra justo.

Nunc iaculis pellentesque massa, dictum lacinia lorem tincidunt in. Nullam at lorem mollis, pretium lorem quis, interdum ligula. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. In fermentum tincidunt diam. Donec eu consectetur arcu. Proin blandit sodales nisl, euismod scelerisque erat sagittis at. Fusce at pharetra justo, sit amet finibus metus.

Integer condimentum, nulla non iaculis condimentum, lacus arcu sodales massa, non fermentum enim lacus in libero. Phasellus dignissim est sit amet felis cursus ultrices. Duis tincidunt lacinia sem facilisis commodo. Nunc at tortor at velit tincidunt molestie. In lectus odio, elementum ut convallis a, euismod sit amet massa. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla facilisi. Sed dui ligula, dapibus sit amet ex a, pretium congue mi. Mauris pretium purus aliquam mi accumsan, non pulvinar leo luctus. Mauris diam purus, feugiat ut leo ac, efficitur convallis leo. Curabitur vitae tempus libero. Vestibulum vitae nunc quis felis sagittis imperdiet. Aenean sit amet lorem nisi. Integer sagittis tristique tincidunt.

Ut ut vulputate nibh. Nulla magna urna, elementum et dui et, rutrum sollicitudin est. Nunc faucibus ante vitae augue viverra mollis eu at magna. Vestibulum hendrerit nisi fermentum diam pretium sollicitudin. Cras enim est, condimentum a gravida id, vestibulum porttitor risus. Duis felis ipsum, volutpat vitae venenatis vel, facilisis eget velit. Aliquam gravida pellentesque dolor, eget auctor risus luctus a. In hac habitasse platea dictumst. Maecenas ornare quis ex eu fermentum. Integer sagittis purus id nisl dapibus, gravida luctus metus pulvinar. Morbi tincidunt justo orci. Aenean aliquet tortor lorem, vitae condimentum lacus finibus a. Phasellus fermentum pulvinar placerat.

Ut ultrices nisi a tortor ultrices, vel pellentesque enim elementum. Praesent ut congue ex, vel tempor mauris. Vivamus nec efficitur arcu. Etiam est risus, condimentum ut eleifend at, vehicula a nisi. Sed nec augue facilisis, tristique velit ut, porta sapien. Cras pretium diam maximus ligula efficitur fringilla. Nunc non nisl auctor, tempus ipsum at, viverra nulla. Donec facilisis at dolor at ultricies. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Aenean faucibus venenatis turpis id scelerisque. Maecenas tellus lorem, bibendum quis egestas ut, mollis vel magna. Pellentesque sed quam ante. Duis felis justo, facilisis vitae lectus ut, facilisis fringilla neque. Nunc tincidunt accumsan leo, et ullamcorper eros hendrerit vel.












[/div][/div][/div][/div][div=width:600px;margin:auto;font-size:8px;opacity:0.5;]code/design by [USER=39545]@Fyuri[/USER][/div]

 

[Fable]

Another version of a previous code with only one text area, rather than three.
Notes: Not mobile friendly.
FREE TO USE WITH CREDIT

Text

Text

Text

Text

Text

Text

Header

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis lorem orci, tincidunt quis enim id, imperdiet fringilla ex. Nullam enim dolor, sollicitudin id purus sed, consectetur dictum massa. Fusce blandit, tortor quis congue lacinia, leo odio venenatis nunc, at malesuada dolor nibh ac massa. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Ut lacinia tempor bibendum. Phasellus vel dapibus odio. Donec laoreet dolor nisi, quis pharetra arcu condimentum vel. Mauris consectetur mattis lacus, consequat fermentum nisi egestas et. Cras ullamcorper, nulla eu viverra congue, neque nibh lacinia enim, pulvinar iaculis ligula neque eu felis. Etiam egestas rhoncus tempor. Aliquam gravida sem est, at suscipit est blandit quis. Quisque volutpat, sapien ut fringilla ullamcorper, mi purus consectetur lacus, et dictum nisl eros quis nunc. Vestibulum in feugiat nisl, porta pellentesque mi.

Mauris sit amet enim sem. Pellentesque eu posuere nisi. Nam at aliquam nunc. Nam lorem ipsum, consectetur a dui vitae, vestibulum cursus lectus. Proin rhoncus, nisi et ultrices vulputate, erat nunc elementum leo, quis lacinia dui velit a elit. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer et finibus risus.

In hac habitasse platea dictumst. Cras vitae convallis sapien, vitae efficitur neque. Etiam tincidunt augue non dui semper tempor. Mauris vitae arcu ligula. Interdum et malesuada fames ac ante ipsum primis in faucibus. Praesent nibh nisi, interdum ut ex non, vehicula cursus turpis. Praesent dapibus neque in leo volutpat, accumsan aliquet ante ullamcorper. Duis iaculis egestas vulputate. Nunc nulla nibh, molestie eget aliquam in, placerat a lorem. Donec sed placerat sem. Nullam finibus libero nec metus blandit suscipit. Sed a sodales nunc. Integer at ante turpis. Curabitur sit amet dictum leo. Pellentesque viverra porttitor turpis et ullamcorper.

Nunc a dui massa. Curabitur sem leo, finibus ut ornare vitae, porttitor id est. Curabitur volutpat, turpis nec venenatis faucibus, purus tellus ultricies enim, at tincidunt diam sem sed dolor. Cras dapibus vehicula sapien in tempor. Curabitur lobortis enim neque, at rutrum est ultricies et. Sed fermentum sem nisi, nec egestas dolor consectetur quis. Quisque ut odio in dolor auctor tincidunt. Cras nec ipsum iaculis, scelerisque metus in, pellentesque metus. Quisque nisl mi, mattis ut quam eget, vehicula commodo enim. Donec gravida vulputate cursus. Mauris at dolor posuere, elementum magna sed, blandit tortor. Etiam ullamcorper, ipsum vel viverra convallis, ligula lacus condimentum odio, eu molestie libero enim a ex. Proin iaculis, urna tincidunt mattis rhoncus, nulla libero commodo orci, a semper nunc magna eget ex. Cras pharetra congue fringilla. Vestibulum molestie, augue a efficitur consectetur, mi quam viverra risus, lacinia aliquet tortor ipsum sit amet sem.

Aenean euismod efficitur porta. Vivamus porta arcu arcu, ac accumsan ligula vestibulum in. Pellentesque in turpis velit. Nam eu risus porttitor, sollicitudin velit sed, imperdiet dui. Quisque quam erat, egestas non elementum vel, sollicitudin non ante. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Vivamus ultrices urna vel ex ullamcorper, et maximus ex ultrices.

code/design by Fable

Spoiler: CODE

[div=width:813px;
margin:auto;
background-color:#ccc;
border-radius: 20px 20px 20px 20px;
-moz-border-radius: 20px 20px 20px 20px;
-webkit-border-radius: 20px 20px 20px 20px;
overflow:hidden;
box-shadow: 0 1px 2px rgba(34, 25, 25, 0.4);][div=float:left;width:175px;
height:530px;
background: #4db8c4; 
background: -moz-linear-gradient(top, #4db8c4 0%, #3dd3ad 100%, #05abe0 100%); 
background: -webkit-linear-gradient(top, #4db8c4 0%,#3dd3ad 100%,#05abe0 100%); 
background: linear-gradient(to bottom, #4db8c4 0%,#3dd3ad 100%,#05abe0 100%); 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4db8c4', endColorstr='#05abe0',GradientType=0 ); 
padding:15px;
overflow:hidden;]

[div=width:150px; height:150px;margin:auto;background:url('http://via.placeholder.com/150x150') no-repeat center center;border-radius:50%;][/div]
[div=background-color:rgba(255,255,255, 0.5);padding:2px;color:#656565;overflow:hidden;][font=Roboto Condensed]Text[/font][/div]
[div=background-color:rgba(255,255,255, 0.5);padding:2px;color:#656565;overflow:hidden;][font=Roboto Condensed]Text[/font][/div]
[div=background-color:rgba(255,255,255, 0.5);padding:2px;color:#656565overflow:hidden;][font=Roboto Condensed]Text[/font][/div]
[div=background-color:rgba(255,255,255, 0.5);padding:2px;color:#656565;overflow:hidden;][font=Roboto Condensed]Text[/font][/div]
[div=background-color:rgba(255,255,255, 0.5);padding:2px;color:#656565;overflow:hidden;][font=Roboto Condensed]Text[/font][/div]
[div=background-color:rgba(255,255,255, 0.5);padding:2px;color:#656565;overflow:hidden;][font=Roboto Condensed]Text[/font][/div]


[/div][div=height:50px;background: #FEFEFE;
	border: 2px solid rgba(204,204,204, 0.3);][div=position:relative;font-size:40px;left:5px;  background: -webkit-linear-gradient(left, #4db8c4, #4db8c4);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;overflow:hidden;][font=Pacifico]Header[/font][/div][/div][div=height:486px;background-color:#fff;overflow:auto;padding:10px;text-align:justify;color:#656565;]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis lorem orci, tincidunt quis enim id, imperdiet fringilla ex. Nullam enim dolor, sollicitudin id purus sed, consectetur dictum massa. Fusce blandit, tortor quis congue lacinia, leo odio venenatis nunc, at malesuada dolor nibh ac massa. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Ut lacinia tempor bibendum. Phasellus vel dapibus odio. Donec laoreet dolor nisi, quis pharetra arcu condimentum vel. Mauris consectetur mattis lacus, consequat fermentum nisi egestas et. Cras ullamcorper, nulla eu viverra congue, neque nibh lacinia enim, pulvinar iaculis ligula neque eu felis. Etiam egestas rhoncus tempor. Aliquam gravida sem est, at suscipit est blandit quis. Quisque volutpat, sapien ut fringilla ullamcorper, mi purus consectetur lacus, et dictum nisl eros quis nunc. Vestibulum in feugiat nisl, porta pellentesque mi.

Mauris sit amet enim sem. Pellentesque eu posuere nisi. Nam at aliquam nunc. Nam lorem ipsum, consectetur a dui vitae, vestibulum cursus lectus. Proin rhoncus, nisi et ultrices vulputate, erat nunc elementum leo, quis lacinia dui velit a elit. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer et finibus risus.

In hac habitasse platea dictumst. Cras vitae convallis sapien, vitae efficitur neque. Etiam tincidunt augue non dui semper tempor. Mauris vitae arcu ligula. Interdum et malesuada fames ac ante ipsum primis in faucibus. Praesent nibh nisi, interdum ut ex non, vehicula cursus turpis. Praesent dapibus neque in leo volutpat, accumsan aliquet ante ullamcorper. Duis iaculis egestas vulputate. Nunc nulla nibh, molestie eget aliquam in, placerat a lorem. Donec sed placerat sem. Nullam finibus libero nec metus blandit suscipit. Sed a sodales nunc. Integer at ante turpis. Curabitur sit amet dictum leo. Pellentesque viverra porttitor turpis et ullamcorper.

Nunc a dui massa. Curabitur sem leo, finibus ut ornare vitae, porttitor id est. Curabitur volutpat, turpis nec venenatis faucibus, purus tellus ultricies enim, at tincidunt diam sem sed dolor. Cras dapibus vehicula sapien in tempor. Curabitur lobortis enim neque, at rutrum est ultricies et. Sed fermentum sem nisi, nec egestas dolor consectetur quis. Quisque ut odio in dolor auctor tincidunt. Cras nec ipsum iaculis, scelerisque metus in, pellentesque metus. Quisque nisl mi, mattis ut quam eget, vehicula commodo enim. Donec gravida vulputate cursus. Mauris at dolor posuere, elementum magna sed, blandit tortor. Etiam ullamcorper, ipsum vel viverra convallis, ligula lacus condimentum odio, eu molestie libero enim a ex. Proin iaculis, urna tincidunt mattis rhoncus, nulla libero commodo orci, a semper nunc magna eget ex. Cras pharetra congue fringilla. Vestibulum molestie, augue a efficitur consectetur, mi quam viverra risus, lacinia aliquet tortor ipsum sit amet sem.

Aenean euismod efficitur porta. Vivamus porta arcu arcu, ac accumsan ligula vestibulum in. Pellentesque in turpis velit. Nam eu risus porttitor, sollicitudin velit sed, imperdiet dui. Quisque quam erat, egestas non elementum vel, sollicitudin non ante. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Vivamus ultrices urna vel ex ullamcorper, et maximus ex ultrices.[/div] [div=clear:both;][/div][/div][div=position:relative;left:15px;width:813px;margin:auto;opacity:0.3;font-size:10px;][font=Roboto Condensed]code/design by [USER=39545]@Fyuri[/USER][/font][/div][comment]please no not remove credit[/comment]

 

[Fable]

Yup.
Notes: Not mobile friendly. Hidden scrollbar.
FREE TO USE WITH CREDIT

Taeyong

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut ac dolor iaculis, commodo nisl a, consequat odio. Vestibulum gravida orci blandit dolor scelerisque volutpat. Vestibulum mi sem, eleifend a euismod non, consequat in nisi. Mauris efficitur urna augue, vitae faucibus neque pulvinar elementum. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Cras velit nibh, posuere pellentesque consectetur vitae, rhoncus eget libero. Sed bibendum facilisis augue, nec fermentum felis cursus id. Proin placerat pulvinar ante mattis aliquet. Mauris quis ipsum varius, cursus nisi a, luctus dolor. Interdum et malesuada fames ac ante ipsum primis in faucibus. Aenean sed eros eu justo faucibus porttitor.

code/design by Fable

Spoiler: CODE

[div=max-width:500px;height:255px;margin:auto;
background: #4b459b; /* Old browsers */
background: -moz-linear-gradient(-45deg, #4b459b 0%, #eeeeee 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg, #4b459b 0%,#eeeeee 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg, #4b459b 0%,#eeeeee 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4b459b', endColorstr='#eeeeee',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
border-radius: 10px 10px 10px 10px;
-moz-border-radius: 10px 10px 10px 10px;
-webkit-border-radius: 10px 10px 10px 10px;
border:1px solid #4b459b;
overflow:hidden;][div=width:auto;height:50px;margin-top:10px;padding:5px;background-color:rgba(255,255,255, 0.8);font-size:40px;color:#212121;][font=Sedgwick Ave Display]Taeyong[/font][/div][div=padding:10px;][div=float:left;width:300px;height:150px;background-color:#fff;padding:5px;
border-radius: 5px 5px 5px 5px;
-moz-border-radius: 5px 5px 5px 5px;
-webkit-border-radius: 5px 5px 5px 5px;
border:1px solid rgba(33,33,33, 0.2);
overflow:hidden;][div=width:317px;height:150px;background-color:#fff;text-align:justify;padding-right:10px;overflow:auto;font-size:12px;color:#212121;][font=Lato]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut ac dolor iaculis, commodo nisl a, consequat odio. Vestibulum gravida orci blandit dolor scelerisque volutpat. Vestibulum mi sem, eleifend a euismod non, consequat in nisi. Mauris efficitur urna augue, vitae faucibus neque pulvinar elementum. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Cras velit nibh, posuere pellentesque consectetur vitae, rhoncus eget libero. Sed bibendum facilisis augue, nec fermentum felis cursus id. Proin placerat pulvinar ante mattis aliquet. Mauris quis ipsum varius, cursus nisi a, luctus dolor. Interdum et malesuada fames ac ante ipsum primis in faucibus. Aenean sed eros eu justo faucibus porttitor.[/font][/div][/div][div=float:left;width:150px;height:150px;margin-left:5px;
border-radius: 5px 5px 5px 5px;
-moz-border-radius: 5px 5px 5px 5px;
-webkit-border-radius: 5px 5px 5px 5px;
background:
 url('https://i.pinimg.com/originals/c3/da/a4/c3daa46524d3b2594f80b636686d5b3b.jpg') no-repeat; background-size: cover;padding:5px;border:1px solid rgba(33,33,33, 0.2);][/div][/div][/div][div=max-width:500px;margin:auto;font-size:10px;opacity:0.3]code/design by [USER=39545]@Fyuri[/USER][/div][comment]Please do not modify or remove credit/[/comment]

 

[Fable]

Old code I created for @Particle
Notes: Mobile-ish friendly. Looks best on browser.
NOT FREE TO USE

Not Free To Use
Not Free To Use
Not Free To Use

.

Way of the Jade
Reign of the Sun Emperor

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis blandit fringilla elit vehicula pulvinar. Vestibulum aliquam quam diam, eget mollis enim mattis a. Fusce euismod nulla at semper laoreet. Nunc eget turpis ut risus mattis mollis. Morbi semper, risus vitae egestas luctus, turpis massa tempus lectus, in fringilla felis nisl ut nisl. Curabitur gravida in elit et scelerisque. Donec aliquam fringilla accumsan. Mauris bibendum consectetur lorem, sit amet tempus lectus mattis in. Vivamus egestas dui id nulla faucibus ultrices. Nunc malesuada quam nec diam blandit, ut vehicula nisl elementum.

Morbi at ante purus. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Sed vulputate, lorem et porttitor mattis, massa erat finibus justo, vel malesuada erat nibh vel urna. Maecenas sollicitudin congue elementum. Morbi bibendum viverra varius. Phasellus laoreet lacus ante, eget porttitor eros imperdiet in. Sed rhoncus odio nec felis elementum, ac pharetra metus iaculis. Phasellus bibendum nulla vitae diam consectetur molestie. Cras felis mauris, interdum non nulla ut, consectetur tristique purus. Donec cursus molestie ligula eget imperdiet. Pellentesque diam risus, bibendum ac auctor eu, blandit eget nunc. Phasellus id quam hendrerit, tincidunt lectus et, fringilla massa. Nam dignissim lectus tellus, vel egestas lacus laoreet in. Donec elementum dui vel tincidunt malesuada. Donec pulvinar venenatis est vel imperdiet.

Ut aliquam arcu a fermentum varius. Aliquam sit amet lacus auctor, auctor metus non, hendrerit nisl. Nullam quis justo sollicitudin, tincidunt purus vitae, porta nunc. Donec efficitur pretium diam porttitor ultricies. Pellentesque a fermentum leo. Sed ut elit id neque aliquam venenatis vitae et diam. Aenean rhoncus vitae felis eget vulputate. Nulla facilisi. Integer ac pellentesque risus. Nulla et blandit mauris. Phasellus malesuada malesuada sapien in dignissim. Nulla at lorem nisl. Duis ipsum lacus, aliquam in aliquet a, pharetra sit amet velit. Maecenas fringilla pulvinar orci, id luctus neque placerat in. Proin aliquam eget mi fermentum porta.

Maecenas vitae libero non lectus tincidunt iaculis a vestibulum elit. Aliquam laoreet blandit massa at iaculis. Nullam nibh erat, tempor sed quam ut, viverra tempus leo. Vestibulum mollis facilisis enim ac volutpat. Praesent sit amet velit non est suscipit accumsan. Curabitur dapibus congue turpis, quis malesuada diam tempus vitae. Integer convallis et nibh a hendrerit. Sed feugiat imperdiet bibendum. Sed ut ex eget nisi feugiat convallis. Aenean eleifend porttitor ex, quis hendrerit quam mollis a. Fusce suscipit ex in tellus tincidunt aliquet. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Aenean eget eros porttitor, luctus felis non, rutrum erat. Morbi pharetra nec tellus non tincidunt. Mauris suscipit iaculis arcu at faucibus. Aenean accumsan, ligula eget scelerisque consectetur, est dolor mattis tortor, sed molestie turpis turpis vel nibh.

 

[radical]

Fable Did you know the Chinese on your starter post says winter months? Just wondering, I'm Chinese.

 

[Fable]

Fable Did you know the Chinese on your starter post says winter months? Just wondering, I'm Chinese.

I just used Google Translate XD It's close enough to what was intended.