Replies

Sep 25, 2016 9 years ago
This rift empty
MagnusTheRed
YEET
User Avatar
White Rabbit

So I just got the layout of my pet profile just so... And this happens - it's full of <style>. Ignore the story; the pet's being re-used so that's going to go. Is there a way to fix this or am I going to go back to the start and rebuild it from scratch?

[spoiler][code]<style> /* this code basically "resets" the profile so bookmarks and the regular subeta layout is "cleared" */ ,,,,,,,{display:none;} *{margin:0;padding:0;} ,,,,,,,.prototip,,,-ban,-ban-main,-lrc,-rrc,,-right,,,,h2,,{display:none;} ,,body,,,{background-color:transparent;height:auto!important;color:;font-size:9.5px;} ,.bookmark{display:none;} .notice{background:none;border:0;} .container-fluid { margin:0px; }

/* these are names of the divs (dividers) that I've created on the page (they are not pet layout default divs). / / DO NOT EDIT IF YOU DO NOT KNOW HOW. You are obviously free to play around with them if you're learning and experimenting with code. */ {position:absolute;top:500px;left:300px;background-color:transparent;width:190px;height:25px;font-size:9px;z-index:5;overflow:hidden; opacity:.9;} {position:absolute;left:10px;top:60px;width:480px;height:420px;overflow:hidden;background-color:;text-align:left;font-size:11px;color:black!important;} :hover{overflow-y:auto;} {opacity: .2; background-color: transparent; transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; -webkit-transition: all .5s ease-in-out; -o-transition: all .5s ease-in-out;} :hover {opacity: 1; background-color: white}

/* these are a few of the sections that are already found on the pet profile page. / / Please look up their names and what they do in the CSS Compendium as I'm not / / going to comment what every single one is. They are named pretty well as their names tell you what it does or holds. / / If you're learning how to code, look up the difference between "#" (id) and "." (class). It's very very very useful. */ {top:100px;left:150px;width:500px;min-height:500px!important; height:500px!important;border:2px solid ;margin:0px;padding:0px; -webkit-border-bottom-right-radius: 15px; -webkit-border-bottom-left-radius: 15px; -moz-border-radius-bottomright: 15px; -moz-border-radius-bottomleft: 15px; border-bottom-right-radius: 15px; border-bottom-left-radius: 15px; -webkit-border-top-right-radius: 15px; -webkit-border-top-left-radius: 15px; -moz-border-radius-topright: 15px; -moz-border-radius-topleft: 15px; border-top-right-radius: 15px; border-top-left-radius: 15px;} {position:absolute;left:230px;top:-25px;} .treasure_item{margin-top:1px;margin-left:1px;} .treasure_item_name,.statbar,.weapon_item,.pet_age_info_date,.pet_wco_info_date{display:none;} {text-transform:lowercase;position:absolute;left:270px;top:220px;font-size:8px; overflow: hidden; z-index:8;width:130px;background-color:; border: 5px solid white; -webkit-border-top-right-radius: 15px; -webkit-border-bottom-right-radius: 15px; -moz-border-radius-topright: 15px; -moz-border-radius-bottomright: 15px; border-top-right-radius: 15px; border-bottom-right-radius: 15px;} {width: 0px; height: 120px; transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; -webkit-transition: all .5s ease-in-out; -o-transition: all .5s ease-in-out;} :hover {width: 130px; height: 120px;} .pet_name{position:absolute;left:25px;top:15px;font-family:Georgia,Arial;font-size:28px;color:! important;background-color:;z-index:10;} .pet_spotlight{position:absolute;top:345px;left:500px;height:120px;width:130px;text-align:center center;background-color:;font-size:8px;z-index:8;border: 5px solid white; -webkit-border-top-right-radius: 15px; -webkit-border-bottom-right-radius: 15px; -moz-border-radius-topright: 15px; -moz-border-radius-bottomright: 15px; border-top-right-radius: 15px; border-bottom-right-radius: 15px;} .pet_spotlight a{color:;} .pet_spotlight a:hover{color:;} .pet_spotlight{width: 0px; transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; -webkit-transition: all .5s ease-in-out; -o-transition: all .5s ease-in-out;} .pet_spotlight:hover {width: 130px;} {display:none;} .owner{position:absolute;left:150px;top:37px;} .pet_color_info{position:fixed;position:absolute;top:37px;left:5px;width:160px;z-index:10;} {display: none;} .pet_like{position:absolute;left:10px;top:37px;}

{position:absolute;left:500px;top:50px;width:275px;height:120px;background-color:;overflow:hidden;align:left;z-index:8;padding:0px; border: 5px solid white; -webkit-border-top-right-radius: 15px; -webkit-border-bottom-right-radius: 15px; -moz-border-radius-topright: 15px; -moz-border-radius-bottomright: 15px; border-top-right-radius: 15px; border-bottom-right-radius: 15px;} :hover{overflow:auto;} {width: 0px; transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; -webkit-transition: all .5s ease-in-out; -o-transition: all .5s ease-in-out;} :hover {width: 275px;}

/* the webkit stuff is what's making the shiny awesome hover effects for the individual treasure chest items yayy (google to learn more) */ .treasure_item{margin-top:0px;margin-left:0px;height:60px!important;width:60px!important;opacity:.6;-webkit-transition: opacity .5s linear;-moz-transition: opacity .5s linear;border-left:1px solid ;} .treasure_item img{height:50px!important;width:50px!important;} .treasure_item:hover{opacity:1;-webkit-transition: opacity .5s linear;-moz-transition: opacity .5s linear;}

/* SUPER EDITABLE PART OF THE PROFILE. / / replace the Color name (like WHITE or BLACK) with a hex color code. / / CSS automatically knows certain colors like WHITE or BLACK or RED as they have preset hex codes */

{background-color:white;}

html,body{ background-color:gray; /* okay, tacky comment place. But, if you want a background image, this is the code to put it in. / / it's very easy to google "how to set background image css" -- the code following the URL determines other background properties */ background-image:url(); background-repeat: tiled;}

/* color of your pet's name */ .pet_name{color: !important;;}

b{color:black;}

i{font-family:Georgia;color:black;}

u{border-bottom:1px dashed ;color:;}

hr{color:;background-color:;height:1px;width:90%;border:;}

h1{font-size:18px; text-align:right;}

a,a:link,a:active,a:visited{color:;}

a:hover{color:skyblue;}

/* IF YOU DO NOT WANT THIS EXTRA DIV, ERASE THE CODE THAT SAYS

....... .....
/ / feel free to play around with the coding here / / NOTE: All these divs are "inside" , / / so when I use position:absolute; I am referencing top:0px meaning 0px from the top of */ {position:absolute;top:100px;left:500px; }

</style> </style>
Based on a premade profile by .

After weeks and months cooped up in the office, slogging away at your desk 9am to 5pm five days of the week, you finally save up enough time and money to take a well-deserved break. You decide to head north for a healthful walking holiday; two weeks in the beautiful Lake District trekking up hills, soaking in the scenery and hopefully sweating off a few pounds from around your middle. You've booked a room in a local hotel for no small expense, though judging by the reviews you've seen online it's all money well spent.



One evening, less than a week into your holiday, you find yourself at a loose end. Too early in the evening for dinner and too late in the day for a walk, you wander aimlessly up and down the shore of Vinandir's Lake, admiring the wide, smooth waters. But soon skipping stones and throwing bread to waterfowl loses its lustre and you find yourself wandering into town once again. Most shops are shut at this hour or in the process of shutting down but you eventually spot one that seems to be open. It's a chintzy little thing, painted a pastel green and with a twee, striped awning in matching colours. You can see through the windows that the inside is filled with shelves and shelves of glass jars and wooden crates, giving it the air of an old-fashioned sweet shop. Boxes of flowers bloom outside, filling the air with scent and attracting what seems to be every bee in miles around. There's a man sitting on a tall stool at the counter, bent over a set of old-fashioned brass scales and a ledger. You see him weigh something, nod to himself, then turn and jot something down intently.



You glance up at the sign above the awning: Cornelius Geld's Specialty Teas.



Well, why not? You fancied a cup of something hot after your long day and PJ Tips just wasn't cutting it anymore. And you were on holiday, you should treat yourself. And besides, a box of locally-made tea would probably make a much better souvenir than a tacky mermaid mug or yet another fridge magnet.



A little bell gives a silvery tinkle as you push open the door, causing the man at the counter to look up and give a lopsided smile in your direction. "Good evening. I'm, ah, I'm afraid I'm shutting up in half an hour but feel free to take a look around in the meantime. I'll be happy to answer any questions you have or make some recommendations." His accent is pure Cumbria, even if his voice is so quiet you can barely catch it. You thank him quietly and he merely nods in response. The air inside is even more scented and floral than the outside and you feel your nose begin to itch. Mr Cornelius Geld, as you assume is his name, is a nervous-looking man of nearly middle age. His pale skin, long blond hair and thin frame bring to mind a whisp of straw, ready to be blown away in the wind at any time. He rubs his hands together almost constantly, twining his long fingers, and his watery blue eyes never stop following you around the room as you browse the shelves. There's far more types of tea, dried herb and even mushroom here than you had ever heard of or possibly could imagine existed and you're quickly swamped by it all. You eventually cross over to the counter, not only to ask Mr Geld some questions but to break the silence; neither of you had spoken for some minutes and in your opinion it was all getting extremely awkward.



"There's a lot to choose from here. I didn't even know half of these plants existed, nevermind that you could make tea from them!"



Geld nods again. "W-well, I've worked for a long time to build up this collection. Some of these teas come from the other side of the world, from Africa, Asia and the Americas, but many-" He gestures to a shelf marked 'Local Blends' "- many have barely travelled twenty miles."



You suck in a whistling breath between your teeth. "Wow. Do you make them yourself or buy them?"



"I make as many as I can. There's a lot to find around here, you know, if you look carefully. These herbs - the, uh, lavender - that I was just weighing now were collected just three days ago and dried as soon as I got back to the shop. Many of the fungi I sell are from the woods that you see from the window there. Oh yes, there's a lot about if you know where to look."



"Uh-huh."



A moment of silence stretches on until Geld clears his throat and speaks again, his voice as quiet as ever. "Is there, uh, is there anything that's caught your eye? Any help choosing? Tell me what kind of brew you're looking for and I'll find you something that fits."



"I was hoping to find something to help me relax, maybe sleep better at night? I'm under a lot of stress at work and I'm always exhausted, but I just can't seem to get any rest. I feel like cra- Bad. I feel bad."



"Oh, I know exactly what you need." Geld slips off the stool and trots to a door at the back of the shop, coming back a minute later holding an unmarked deep purple box. "This is one of my special blends, you know. You won't find this anywhere else but in this shop. Luckily for you I always make myself a cup at about this time of the evening, so I'll be happy to let you have a free sample before you buy."



You watch as he pulls a small travel stove, copper kettle, two teapots and tray full of tiny cups and saucers out from under his desk with a flourish and the air of a stage magician pulling a rabbit out of a hat. A click of the fingers and a small spark - strange, you'd never have put him down as a pyromancer - lights the stove, the flames soon setting the water to a boil. Geld prepares two cups with equal flourish, filling one with a brew from the purple box and another from yet another unmarked box that he produced seemingly from nowhere. Unlike any of the other boxes you've seen before, this one was small - barely the size of a man's fist - and made of what seemed to be gold.



As the tea steeps and cools enough to be, you attempt to make small take with the man. "So, how did you end up running a tea shop?"



"It's... not a very interesting story, I'm afraid." Geld shrugs. "I used to be a research alchemist, working in one of those big labs in the city. I made insecticides and pest killers, mostly. But then the stress got too great and I decided to quit and found a job at a cafe. That's when I found my fascination for tea... I have a PhD in Alchemistry, you know. From Liuerpul University.” he adds abruptly, a small smile of pride appearing briefly on his face. "I… had a good time at university, you know. I made a lot of friends. That was unusual for me, you know - having friends. Having a group of people around me that genuinely liked me for… well, me. We had a house together, all five of us, and jobs and we planned to stay together after graduation… I could have stayed for years and years, you know. I could happily still be there today…"



"So what made you come back to Vinandir’s Lake if you liked it so much in the city?"



"My mother became sick, very sick. She made me - no, I had to… I came back to look after her. Father is dead, you know. He died when I was very small."



"I... see. And your mother is…?" This conversation is getting very awkward very, very quickly.



"Dead." You think you hear a hint of vicious satisfaction - a tone of good riddance - in the shopkeeper’s voice. So, obviously, did Cornelius as he blushes and hastily stutters an explanation. “Of cancer! Brain cancer. Completely natural. I… They, the police here, thought that I might have… you know, so they did an autopsy and everything. Nothing but cancer. Not that… Not that I would ever…" He stutters to a halt and stares silently into the dark depth of his cup as if wishing he could drown himself in them.



Desperate at this point for an excuse to change the subject, you point to his steaming cup. It has a strong fragrance; you can smell cinnamon and what seems to be baked apples even the scent of your own brew. "That smells delicious. What's in that one?"



Geld perks up immediately. "Oh, my special personal blend - not for sale anywhere for any price, I'm afraid. Black tea, apple blossom, cinnamon and my very special secret ingredient."



"Oh?" You raise an eyebrow, wondering what could produce such an appetising smell.



The shopkeeper pauses for a second, tap-tapping a long finger against his bottom lip, clearly considering whether or not to spill the beans. You try to look as trustworthy as humanly possible. You wouldn't have thought you'd be so fascinated by dried leaves floating in a cupful of hot water, but there you are; you're hooked now and there's no way you're going back home without knowing what's in the mysterious Mr Geld's enigmatic brew.



Geld leans in closer and you mimic the movemen

CW Thread | CW Shop | Redbubble SALE: .+:。(ノ・ω・)ノ゙*:・゚✧ CWS: |

Sep 25, 2016 9 years ago
Frenchi
is hopelessly romantic
User Avatar
Vivisect

which profile is having the issue? it looks to me like there's an extra </style> tag at the end of the css.

Sep 25, 2016 9 years ago
This rift empty
MagnusTheRed
YEET
User Avatar
White Rabbit

Ahzek Ahriman, All Hallows Eve, Depressive, and Horus Lupercal. I tried to show the glitched code in my OP but it corrected itself. Copying and pasting it in the actual profile editor doesn't have that effect, though. There are text glitches in the profiles mentioned also.

You know what I'm talking about, don't you? I don't know the right terms for what's happening, sorry. Just that < these > have vanished.

EDIT:

CW Thread | CW Shop | Redbubble SALE: .+:。(ノ・ω・)ノ゙*:・゚✧ CWS: |

Sep 26, 2016 9 years ago
Frenchi
is hopelessly romantic
User Avatar
Vivisect

the profiles look normal to me, and i don't see any text glitches. can you post a screenshot of what you're seeing?

one thing i can tell you, though, is that you don't need all this code

-webkit-border-top-right-radius: 15px; -webkit-border-bottom-right-radius: 15px; -moz-border-radius-topright: 15px; -moz-border-radius-bottomright: 15px; border-top-right-radius: 15px; border-bottom-right-radius: 15px;when you want rounded edges. you just need one line of code for that:

border-radius:15pxand when you want each corner to have a different border radius, you would just do this:

border-radius:0px 15px 15px 0pxwhere the order of the numbers refer to top left, top right, bottom right, bottom left (i.e. moving clockwise starting from the top left corner).

but, looking at that code, the only thing i see wrong is an extra </style> tag at the end, which, when i test it, doesn't actually seem to cause any issues (but it'd be better to get rid of it anyway).

[edit] oh, okay, i see what you mean. yeah, that happened a while back. you can fix it most easily by copying the code into a program that has a "find and replace all" function, like microsoft word, then using that to find and replace every instance of the incorrect text. like this:

Sep 26, 2016 9 years ago
This rift empty
MagnusTheRed
YEET
User Avatar
White Rabbit

I should have guessed it was something simple like that that would solve it. :P

As for the redundancies/oddities... I didn't write the code, it was a free-to-use thing that I used for my own; I just fiddled with placement and colour a bit. I think it's something to do with it working in other browsers? I don't know. The extra style tag might be because I pasted it there twice in an attempt to make the glitches show.

CW Thread | CW Shop | Redbubble SALE: .+:。(ノ・ω・)ノ゙*:・゚✧ CWS: |

Please log in to reply to this topic.