|
|
lavellan
Administrator
she/her
75 Posts
14 Likes
|
|
|
Post by lavellan on Nov 15, 2022 20:48:08 GMT -6
♥ hello.
I'm evelyn and sometimes i make bad bbcode layouts.
all of the layouts here are free for use! please do not heavily edit them, though changing colors and pictures are perfectly fine. you don't need to ask permission to use these, though feel free to tell me if you are! just do not delete my credits.
message me with any problems.
discord: milotyc#1753
|
|
|
|
|
lavellan
Administrator
she/her
75 Posts
14 Likes
|
|
|
Post by lavellan on Nov 15, 2022 20:49:11 GMT -6
this layout is a mess. the majority of this code was written nearly 3 years ago, before i knew too much about BBCode.
- you will need to crop the first image to the correct size. the layout will not automatically do that for you. the rest are fine.
- there are three images in this code. the first is for the cat image (600x150), the second is the background, and the third is for scenery/aesthetic (200x500)
- if you do not want the "Basic" section to scroll, delete the attr code written before "Gender"
- the preview is a little messed up because of the scrollbar, but it will look fine after you save→ CLICK FOR EXAMPLE ←  c a t n a m e kit prefixRANK OF CLANB A S I C S[attr="class","twilight-scroll"]GENDER: female
SEXUALITY: heterosexual
MOTHER: unknown
FATHER: unknown
SIBLINGS: none
MATE: none
KITS: none
this will scroll if you really want it to
T H R E A D S
B I O[attr="class","twilight-scroll"]That moment when the sun sets behind the horizon, what do you feel? When the stars begin to blink into existence on the darkening sky, do you find peace? The shadows take over the land, but the shimmering lights above lead the way. Is it a scary moment, knowing that you have to rely on the sky to lead the way? Or is it a welcoming, tranquil feeling, as if you’re separated from the dangers of the day? But yet, you’re vulnerable to the hazard of the night. What lurks beyond that tree at sundown? What stalks its prey from the bushes after the sun sets? The only way to know is from experience. Whether or not you like the shimmering twilight relies completely on what you encounter and undergo during that time. For this fluffy gray she-cat, it’s the day that proves its terrors to her. Everything bad that has ever happened to her occured when the sun was at its highest point in the sky. Her mother leaving for a different tom, her father dying in the heat of battle, her siblings vanishing in search of their mother. All of this, during the day. Yet, she isn’t the upset, broken cat that you’d expect. No, she’s quite the opposite. Twilightshimmer is likely to be the most optimistic and hopeful cat you’re to meet. She is one of those cats who believe that there is good in everyone, no matter how little they show it. Smiles are one thing that this she-cat enjoys seeing. While she may be a caring, amiable cat, even she can’t resist the sarcastic remarks that often slip into conversation. It is no question how she got her name. Her gray pelt, decorated with stripes of black and white, seems to resemble the point of the night in which the sun just set, and the sky is just barely containing its light while darkness takes over. Her eyes, those brilliant blue orbs, seem to shimmer with her hopefulness under the smallest bit of light.
[newclass=.twilight-scroll::-webkit-scrollbar]width:10px;[/newclass] [newclass=.twilight-scroll::-webkit-scrollbar-track-piece]background-color:#E2EAED;[/newclass] [newclass=.twilight-scroll::-webkit-scrollbar-thumb]background-color:#ABBDC4;[/newclass] CODE UNDER SPOILER [div align="center"][div align="center" style="text-align:center;background-color:#E2EAED;width:600px;height:175px;"][img alt="what is this" style="max-width:100%;" src="https://via.placeholder.com/600x150.png"]
[font face="times new roman" color="#8fa6af"][b style="font-size:xx-large;"][span style="text-shadow:1.5px 1.5px #B9C8CE;"]c a t n a m e [/span][/b][i][font size="3"]kit prefix[/font][/i][/font][/div][div style="background-image:url(https://i.imgur.com/HgPnWo8.png);width:600px;height:550px;"]
[div style="background-color:#E2EAED;width:575px;height:525px;"]
[div style="background-color:#ffffff;width:550px;height:500px;"][div style="float:left;background-image:url(https://via.placeholder.com/200x500.png);width:200px;height:500px;"][/div]
[font face="trebuchet ms" size="3" color="#8fa6af"][span style="text-shadow:1.5px 1.5px #B9C8CE;"][b]RANK OF CLAN[/b][/span][/font]
[font color="#8fa6af" size="2" face="trebuchet ms"][b]B A S I C S[/b][/font][font size="1" face="arial"][div style="width:300px;height:100px;overflow:auto;"][attr="class","twilight-scroll"][b][font color="#c7d2d6"]GENDER:[/font][/b] female
[b][font color="#c7d2d6"]SEXUALITY:[/font][/b] heterosexual
[b style="color:rgb(199, 210, 214);"]MOTHER: [/b][font color="#081f38"]unknown[/font]
[font color="#c7d2d6"][b]FATHER:[/b][/font] unknown
[b][font color="#c7d2d6"]SIBLINGS: [/font][/b]none
[b][font color="#c7d2d6"]MATE:[/font][/b] none
[b][font color="#c7d2d6"]KITS:[/font][/b] none
this will scroll if you really want it to[/div]
[div style="border-top:3px dotted #E2EAED;"][/div]
[/font][font face="trebuchet ms" size="2" color="#8fa6af"][b]T H R E A D S[/b][/font]
[div style="background-color:rgba(255,255,255,0.10);width:300px;height:100px;overflow:auto;"][attr="class","twilight-scroll"][font face="arial" size="1"]→[a href="http://warriorcatclans2.freeforums.net/thread/4336/star-twilight"]A Star at Twilight[font color="#c7d2d6"] (training)[/font]
[/a][a href="http://warriorcatclans2.freeforums.net/thread/4410/first-private"]No, You Go First [font color="#c7d2d6"](private)[/font]←[/a]
→[a href="http://warriorcatclans2.freeforums.net/thread/4419/sun-sets-patrol"]As the Sun Sets [font color="#c7d2d6"](patrol)[/font][/a]
this will scroll
this will scroll
this will scroll
this will scroll
this will scroll
this will scroll
this will scroll[/font][/div][font color="#8fa6af" face="trebuchet ms"][b]
[div style="border-top:3px dotted #E2EAED;"][/div]
[font size="2"]B I O[/font][/b][/font]
[div style="background-color:rgba(255,255,255,0.10);width:300px;height:140px;overflow:auto;"][attr="class","twilight-scroll"][font face="arial" size="1"]That moment when the sun sets behind the horizon, what do you feel? When the stars begin to blink into existence on the darkening sky, do you find peace? The shadows take over the land, but the shimmering lights above lead the way. Is it a scary moment, knowing that you have to rely on the sky to lead the way? Or is it a welcoming, tranquil feeling, as if you’re separated from the dangers of the day? But yet, you’re vulnerable to the hazard of the night. What lurks beyond that tree at sundown? What stalks its prey from the bushes after the sun sets? The only way to know is from experience. Whether or not you like the shimmering twilight relies completely on what you encounter and undergo during that time. For this fluffy gray she-cat, it’s the day that proves its terrors to her. Everything bad that has ever happened to her occured when the sun was at its highest point in the sky. Her mother leaving for a different tom, her father dying in the heat of battle, her siblings vanishing in search of their mother. All of this, during the day. Yet, she isn’t the upset, broken cat that you’d expect. No, she’s quite the opposite. Twilightshimmer is likely to be the most optimistic and hopeful cat you’re to meet. She is one of those cats who believe that there is good in everyone, no matter how little they show it. Smiles are one thing that this she-cat enjoys seeing. While she may be a caring, amiable cat, even she can’t resist the sarcastic remarks that often slip into conversation. It is no question how she got her name. Her gray pelt, decorated with stripes of black and white, seems to resemble the point of the night in which the sun just set, and the sky is just barely containing its light while darkness takes over. Her eyes, those brilliant blue orbs, seem to shimmer with her hopefulness under the smallest bit of light.
[/font]
[/div][/div][/div][div align="right"][font size="1"][a href="https://dawnanddusk.boards.net/user/2"][font color="#B9C8CE"]lavellan♥[span] [/span][span] [/span][/font][/a][/font][font color="#c7d2d6"] [/font] [/div][/div][/div]
[newclass=.twilight-scroll::-webkit-scrollbar]width:10px;[/newclass]
[newclass=.twilight-scroll::-webkit-scrollbar-track-piece]background-color:#E2EAED;[/newclass]
[newclass=.twilight-scroll::-webkit-scrollbar-thumb]background-color:#ABBDC4;[/newclass]
|
|
|
|
|
lavellan
Administrator
she/her
75 Posts
14 Likes
|
|
|
Post by lavellan on Nov 15, 2022 20:50:27 GMT -6
okay, so when editing, this layout looks like a mess. so some things to note
- when in preview edit, bits of code will still appear and make it look weird. it won't look like this when you're not editing.
- you won't need to crop the picture, unlike the last layout
- this layout uses hover, tabs, and custom scrollbar, so it can be quite confusing to look at. if you need any help editing it, or if something on it breaks, let me know!
- to change the cat image, the image link is at the very bottom of the post under the first newclass ("lavpic1")
- im a fool and can't remember the dimensions of the image (it's about 400x500)
- to get the code, you will have to quote this post.
--------------------------------------------------- START QUOTING AFTER HERE ------------------------------------------------------------ BUBBLECHASER [PTabbedContent][PTab=  ] [attr="class","lavpic1"] [/PTab={tab-selected-background-color:transparent; tab-hover-background-color:transparent; height:485px; width:393px}] [PTab=  ] [attr="class","bubble-scroll"] ➤ ➤ ➤ ➤ BASICS
PREVIOUS NAMES: N/A
CLAN: Summerclan
RANK: Warrior
GENDER: Female
SEXUALITY: Bisexual ➤ ➤ ➤ ➤ RELATIONS
MOTHER: Quietmeadow
FATHER: Fairystar
SIBLINGS: Floralfields, Daydreamer, Fairylights, Succulentrose, Stonegarden
MATE: None
KITS: None
OTHER FAMILY: None
MENTOR: Unknown
APPRENTICES: None
[/PTab={tab-selected-background-color:transparent; tab-hover-background-color:transparent; height:465px; width:375px;}] [PTab=  ] [attr="class","bubble-scroll"] ➤ ➤ ➤ ➤ BIOGRAPHY With just a single glance, it’s hard to understand why she received the name Bubblechaser. The color of her eyes - a beautiful blue that perfectly compliments the siamese blood running through her - could easily explain the ‘bubble’ prefix, but chaser? It’s not like this she-cat is extremely outgoing, not anymore than your typical warrior anyway. So, what was it that this seal-point siamese was chasing? Is it perhaps something that only she can see? Well, in a way this may be true. Once you get to know her, it becomes quite clear what she’s after: her mother’s affection. From a young age, all she ever wanted was the praise of Quietmeadow, her mother, but her best was never enough, and she was always ignored, or rewarded with the harshest of criticisms. Every word lodged its way into Bubblechaser’s heart, digging their blades deeper and deeper. The only thing that she could do was work even harder, pushing herself to do even better. Some might think that she’s too hard on others, but that’s nothing compared to what she puts herself through. In her mind, she will never be enough, and there’s always that whisper of doubt in her mind telling her so. That no matter how hard she works, no one will ever care. Maybe that’s why she strives for recognition, why she would do whatever it takes to gain the approval of those around her. She is a people pleaser through and through, even if her reasons might be selfish.
➤ ➤ ➤ ➤ HISTORY
Contrary to popular belief, Lorem Ipsum is not simply random text. It has roots in a piece of classical Latin literature from 45 BC, making it over 2000 years old. Richard McClintock, a Latin professor at Hampden-Sydney College in Virginia, looked up one of the more obscure Latin words, consectetur, from a Lorem Ipsum passage, and going through the cites of the word in classical literature, discovered the undoubtable source. Lorem Ipsum comes from sections 1.10.32 and 1.10.33 of "de Finibus Bonorum et Malorum" (The Extremes of Good and Evil) by Cicero, written in 45 BC. This book is a treatise on the theory of ethics, very popular during the Renaissance. The first line of Lorem Ipsum, "Lorem ipsum dolor sit amet..", comes from a line in section 1.10.32.
The standard chunk of Lorem Ipsum used since the 1500s is reproduced below for those interested. Sections 1.10.32 and 1.10.33 from "de Finibus Bonorum et Malorum" by Cicero are also reproduced in their exact original form, accompanied by English versions from the 1914 translation by H. Rackham.
[/PTab={tab-selected-background-color:transparent; tab-hover-background-color:transparent; height:465px; width:375px;}] [PTab=  ] [attr="class","bubble-scroll"] ➤ ➤ ➤ ➤ RELATIONSHIPS
QUIETMEADOW ╳ MOTHER
They have a rough relationship. Bubblechaser has always been chasing after her mother's affections since a young age. The only attention that Quietmeadow ever gives her, when she's not ignored, is harsh critism.
FAIRYSTAR ╳ FATHER
Bubblechaser never knew her father, but she hold respect in her heart for him.
FLORALFIELDS ╳ SISTER
While they have not had too many interactions, Bubblechaser disapproves of her sister's toy mouse and plots to get rid of it.
DAYDREAMER ╳ BROTHER
Bubblechaser has not had any recent interactions with her brother.
FAIRYLIGHTS ╳ BROTHER
Bubblechaser has not had any recent interactions with her brother.
SUCCULENTROSE ╳ SISTER
Bubblechaser has not had any recent interactions with her sister.
STONEGARDEN ╳ BROTHER
Bubblechaser has not had any recent interactions with her brother.
[/PTab={tab-selected-background-color:transparent; tab-hover-background-color:transparent; height:465px; width:375px;}] [PTab=  ] [attr="class","bubble-scroll"] ➤ ➤ ➤ ➤ PLOTS IDEA » Bubblechaser does something and someone reacts somehow. Things happen, someone dies, and a new friendship is made. Perhaps even romance will be borne out of this unfortunate situation.
FLORALFIELDS » Bubblechaser does something and Floralfields reacts somehow. Things happen, someone dies, and a new friendship is made. Maybe Floralfields will finally get rid of her toy mouse, or it will drive Bubblechaser crazy.
➤ ➤ ➤ ➤ ONGOING THREADS THREAD » PRIVATE
This is where I would write a little description about the thread or who was in it, if there was actually a thread to show.
THREAD » OPEN
This is where I would write a little description about the thread or who was in it, if there was actually a thread to show. ➤ ➤ ➤ ➤ FINISHED THREADS A MESS OF A FAMILY » OPEN
Adoption thread.
WHEN I GREW UP, WAS GONNA BE A SUPERSTAR » OPEN
Wolf moon gathering thread. Things quickly turn to chaos, and Bubblechaser leaves the scene.
THREAD » PRIVATE
This is where I would write a little description about the thread or who was in it, if there was actually a thread to show.
[/PTab={tab-selected-background-color:transparent; tab-hover-background-color:transparent; height:465px; width:375px;}] [/PTabbedContent={tabs:top; tabwidth:50px; tabvalign:middle; border:0;}] SUMMERCLAN » WARRIOR [newclass=.lavpic1]width:175px; height:150px; background-image:url(https://i.imgur.com/GKdP71S.png); opacity:50%;-webkit-transition:all 1s ease;align:center[/newclass] [newclass=.lavpic1:hover]opacity:100%; -webkit-transition:all 1s ease;[/newclass] [newclass=.bubble-scroll::-webkit-scrollbar]width:5px;[/newclass] [newclass=.bubble-scroll::-webkit-scrollbar-track-piece]background-color:#f1f1f1;[/newclass] [newclass=.bubble-scroll::-webkit-scrollbar-thumb]background-color:#8495c5;[/newclass] [newclass=#Table0Tab0:before , #Table0Tab1:before , #Table0Tab2:before , #Table0Tab3:before]content: none !important;[/newclass] [newclass=".PT_tabs"]border:0px solid rgba(0,0,0,0);color:white !important;[/newclass] [newclass=".PT_tabs_hover"]border:0px solid rgba(0,0,0,0);color:white !important;[/newclass] [newclass=".PT_tabs_selected]border:0px solid rgba(0,0,0,0);color:white !important;[/newclass] [newclass=".PT_tabs_selected_hover]border:0px solid rgba(0,0,0,0);color:white !important;[/newclass] |
|
|
