#html figure tag | Explore Tumblr posts and blogs

ao3commentoftheday · 22 days ago

Note

Hi hi! I hope you're having a good day so far! 😊 I have been super appreciating seeing you creating site skins and I saw you said you were self taught. I wanted to ask if you might share some of the resources you've found helpful in learning to make them. I've gone through the posts ao3 has in the FAQ and I have got some limited experience with html from the myspace/livejournal/early tumblr days (though it's been a while since I used them and am definitely rusty lol) so I got a grasp on basics. I can figure out how to make changes like color and font and padding and etc, but where I've been struggling is trying to figure out what the available selectors are and what they control. Like .workskin and .bookmarks. I've tried to find something like a glossary or list of what's available to mess with and I've tried just going through other people's skins to see what I can decipher, but it's definitely been a struggle to process and understand working that way. Any pointers or resource suggestions you might have are greatly appreciated! Thank you!

My main resource for the CSS code skills is W3Schools.com. The tutorials are mostly easy to follow, and most of them have an option where you can run their code and then modify it to run your own version.

If I can't find what I need there then I just google "CSS drop cap" or whatever I'm trying to do and something usually pops on StackOverflow or CSS Tricks.

As for the selectors, that's where you want to be on a computer instead of a mobile device so that you can use your browser's Inspect feature. Right click on the page you want to look at and this menu pops up. You can choose Inspect down there near the bottom.

Using a cut because of length and screenshots.

This is what AO3 looks like with the Inspect window open in the Firefox browser. If you're using Chrome, the window will open along the right hand side instead.

The thing that makes the magic happen is the tiny little arrow inside the tiny little box in the far left upper corner.

Click on that little arrow and then hover your mouse over the website. As you move your mouse around, different areas will highlight. You'll also see some mouseover text telling you the selector for that element.

a.tag is still pretty generic, though. That just tells you it's a link (the html a tag) that is also a tag. So how do you get to know that specific link in particular in that specific part of that specific page?

Click on it. When you do that, the inspect window will shift automatically to that exact area of the code, including selectors

On the left, you can see the favourited tag link is highlighted. On the right, you can see a couple of different snippets of code that start with .splash .favorite a

if I scroll down within that window, I can see more code for that area of the page

this shows me that tag links have a red background and white text when you hover over them

a.tag:hover { background: #900; color: #fff; }

The great thing about the inspect window is that you can do temporary edits in there to try stuff out. So you could change that red to a blue. You could change the white to black. You can add more lines of code like a border or increased padding etc and see it change live on the screen. All changes will revert if you refresh the page.

The other thing, that I only JUST noticed as I was making that medieval skin (or maybe the rustic hospitality one I made just before it?) is that there's also a breadcrumb along the bottom of the lefthand window!

That breadcrumb shows me the exact selector I need for the element I clicked on! In this case, that favourited tag can be styled with

.splash .favorite.module.odd li a

I have no memory of why I know this but you leave off the div when you're writing the CSS

You can get as specific as a link (and even use a pseudo-class like nth-of-type if you want to make each one of those links a different colour) or you can leave off the li a (list item link) and just style the box itself. That's how I added the woman throwing hearts into the favourites in the medieval skin.

This might be too much information or it might make you crave even more, but either way I hope it gets you started? Good luck!

#asks and answers #how to site skin #maybe I should make that a tag?

118 notes · View notes

harmless-variety-of-garden-snake · 5 months ago

Text

What else could Day Fourteen of BuckTommy Fluffebruary be but Valentine's Day? Happy Valentine's Day, you lovely folks. Here's an extremely fluffy fic for all of you. Once again, Tumblr doesn't believe in total HTML formatting and I had to use a fake iMessage thing for the texts. You can also read this on AO3 over here. Tagging @bucktommyfluffebruary

Tommy’s always outwardly been a “Valentine's Day is a commercialized bullshit holiday” kind of guy, but inwardly wants to love it. The problem has been that he's usually working or just wasn't in a serious relationship when the holiday rolled around. Twice, he'd done the whole wine and dine thing with Abby and another ex, Ben, who had actually been a “fuck commercial holidays” guy, as Tommy had found out over a very stilted Valentine's Day dinner just before they’d officially broken up.

He's working until midday, because Jerry on B-shift had needed to switch so he could take his daughter to an appointment and go to her gymnastics meet. That had given Tommy a few days to try to figure out what he could do for Evan, who's off all day. He'd decided on making dinner at the house and then taking him to the movies, since a theater near his place is showing Princess Bride, which Evan’s never seen. He starts a grocery order to get to the house when he should be getting home so he can start right away. He already has a card that he’d drawn and painted along with a set of tickets for an outdoor light show at a botanical garden in Palos Verdes and an itinerary for a trip to Napa, and they’re all safely in his glove box where no one can stumble on them.

When he's helping Sherri clean one of the engines, there's a call at the front for a delivery under his name. He frowns, looking at his watch. Even if he'd mistakenly ordered the groceries to his job, the driver's about three and a half hours early.

“Be right back,” he says, and she waves him away.

He opens the app on his way, wondering if he'd missed a message, but it's still telling him that it'll let him know when his shopper gets to the store. That's when he reaches the front desk and sees a huge bouquet of flowers. There's red roses at the center, but there's also pink hydrangeas, calla lilies, and peonies scattered throughout. Some sort of greenery with round leaves is poking through between some of the flowers. The entire bouquet is at least eighteen inches in diameter, and a card is standing in a holder with his name on the envelope.

“Tommy Kinard?” the delivery guy asks, and Tommy nods slowly. “Can you sign here, please?”

Tommy nods again and signs the paper without really looking. When he's done, he takes the card from its holder and opens it. It’s printed with a message that says:

For my Valentine:

I love you For sentimental reasons I hope you do believe me I've given you my heart

Evan

Tommy's breath catches. It's from the song they'd danced to in his kitchen just after they'd gotten back together last month. It was while that song was playing that Tommy knew he'd ask Evan to marry him one day. He remembers looking at Evan’s gentle smile and twinkling eyes and quietly singing along and feeling his heart ache with how much he loved him.

He holds the card to his chest with one hand and reaches out with the other to stroke his thumb across a soft, delicate rose petal. It's the first time anyone's ever gotten him flowers. He takes his phone out of his pocket and calls Evan.

“Hello?” Evan says, picking up on the first ring.

“Evan…” is all he can really say, his voice valiantly not shaking, though it’s a near thing.

“Do you like them?” he asks, sounding nervous.

“They're perfect,” Tommy says, his voice soft. He knows there's people milling around, but he just wants to exist in the bubble of Evan’s voice and the beautiful flowers. “Thank you.”

“Happy Valentine's Day, baby.”

Tommy smiles, his face warming at the term of endearment and with just how sincere Evan sounds. “Happy Valentine's Day, sweetheart.”

They can only talk for a bit, because Tommy's supposed to be cleaning and doing a stock check before he hands the keys over to the next shift, but they confirm their plans for that night. Before they hang up, Tommy tells him he loves him, and he huffs out a laugh when Evan sighs and replies in kind, sounding so happy.

He takes a picture of the bouquet and scoops it up to bring to the kitchen so he can temporarily keep them in a large ice tea pitcher. He knows he has a vase big enough for the bouquet at home, because he has a lot of his Nonna’s and Zia’s things, but it’s packed away. He’s never had a reason to use it.

An hour later, there's another call for him at the front. This time, it's cupcakes from one of the only bakeries Tommy likes nearly as much as his boyfriend's baking. The note that's attached is handwritten and signed by Evan, and he wonders when he'd actually planned all of this.

For nobody else gave me a thrill With all your faults, I love you still It had to be you Wonderful you

Love,

Evan

Tommy laughs, because it's a bit of a private joke between them. He'd shown Evan A League of Their Own in the week after they'd gotten back together. When Marla Hooch drunkenly sings to her future husband, Evan had pointed at the screen and said that would've been him if Tommy had shown up to the karaoke night Howie had organized before Christmas.

“I would've tried to woo you back with sad, drunk love songs. I was so close to calling you and doing it anyway.”

“I mean, that might've worked.”

“Now you tell me.”

He calls Evan again, but his boyfriend texts him that he's picking Jee-Yun up from preschool.

He gets a picture from inside Evan’s Jeep of him making a kissy face from the driver's seat and Jee-Yun in her car seat in the back doing the same. She's wearing a pink sweater with little red and white hearts all over, and her cheeks are extra puffed out from the face she's pulling. Tommy wants to press kisses to them and blow a raspberry and make her shriek with laughter. It's one of his favorite sounds in the world.

There's no reply, likely because Evan is driving, and Tommy goes back to his end of shift duties. He's getting gently ribbed for getting two special deliveries, and more than one person is lamenting that Evan makes them all look bad. It’s the kind of thing he’s been able to say to other people, he’s never been on the receiving end of it. He can’t even pretend to be annoyed or over any of their comments, he’s too busy being happy.

It's when he only has forty-five minutes left that the B-shift captain comes up to him with a smile on his face.

“Delivery at the front, Kinard,” he says. “Delivery girl's real cute, too.”

Tommy snorts and sets down his clipboard. “Yeah, I'm sure she'll be just my type.”

“You never know.”

When he jogs to the front, he doesn't see anyone for a moment, but then he hears a giggle and Jee-Yun peeks from around where the bay doors are open. Tommy’s face splits into a grin, and he's on his knees to squeeze her close.

“Cap said the delivery girl was cute, he didn't say she was the prettiest in the world!” he exclaims as she giggles into his shoulder.

“Uncle Tommy!” she says loudly, pushing his shoulder and looking at him sternly. “I'm s’posed to give you a present.”

Tommy sits back on his heels and gestures for her to continue. “My apologies, please continue.”

She smiles and looks back just before a distinctly Evan-shaped hand reaches around to hand her a colorful piece of paper. She hands it to him, and Tommy unfolds it to reveal a wonky heart covered in crayon scribbles, several smiley faces drawn with marker, a flower (or sun) in marker, and words written by an adult hand that had been loosely traced over in crayon. They read:

Will you be our Valentine?

Love,

Jee-Yun Buckley Han and Evan Buckley

Tommy hugs the valentine carefully to his chest and smiles. “Yes. I'd be honored.”

“He said yes!” Jee-Yun whispers loudly over her shoulder.

And then Evan steps into view, and he has a single red rose in his hand and a smile on his face. Tommy stands and kisses him, plucking the rose from his grip, nearly lifting his boyfriend off his feet. He feels like he could float away at any moment.

“I love you,” Tommy murmurs, nuzzling their noses together.

“I love you, too,” Evan says softly, smiling and looking at Tommy with so much warmth radiating from his entire being. It always feels like Evan’s got a ball of sunshine inside just beaming out of him.

Tommy kisses him again before picking up Jee-Yun and pressing kisses to her cheeks and grinning when she does the same.

“I love it,” he tells her. “And I actually have something for you at my house that I can give to your uncle tonight.”

“Really?” she says, looking shy and happy all at once. He wishes so badly that he'd thought to put the stuffed dinosaur (store bought) and matching card (handmade, full of puns) in his truck.

“Of course! I had to get something for my favorite Valentine,” he says, finally blowing the raspberry on her cheek. When she laughs so loud it almost hurts his ears, he squeezes her to his chest and feels his eyes prickle when she throws her arms around his neck and squeezes back.

“Happy Valentine Day, Uncle Tommy,” she says, and he twists his mouth for a second so he doesn't cry.

“Happy Valentine's Day, Jee-Jee,” he says softly, kissing her hair.

She straightens up and looks around the bay they're in, and Tommy turns to see that they've accumulated an audience of people glancing over from whatever they’re doing. He instinctively tucks her close, but all he sees are smiles.

“Do you want to see where Uncle Tommy works?” Evan asks, and Jee-Yun nods. “I think he'll give us a tour if we ask really nicely.”

She turns her big eyes on him. “Uncle Tommy, can we please see your work?”

Tommy kisses her temple. “Absolutely. Let's go, baby girl.”

Everyone is charmed by her, especially when she starts pointing at some of their ground equipment and calling it by name, telling them that her Daddy uses it, too. It's when they get to the hangar that she looks excited, almost wiggling out of his arms to get a look at one of the helicopters.

“C'mon,” Tommy says, handing her to Evan before climbing into the cockpit. He reaches out for her and settles her on his lap while he points to different instruments and tells her what they do. She whispers the names of some of them quietly to herself as if she's trying to memorize them. Hell, she might. She's got the recall ability of both parents and her uncle.

When he looks out at Evan to check on him, his boyfriend has a phone pointed at them.

“Don't mind me,” Evan says cheerily.

It's past the end of his shift when they get back to the front.

“I gotta get her home,” Evan says, reaching for Jee-Yun. She goes with some reluctance, looking longingly back at the door out to the tarmac.

“Before you go,” Captain Marsh says, holding out an LAFD folder. “A present for our special visitor.”

It's the coloring pages and stickers they give out to kids, but theirs are cooler than most LAFD swag, because theirs also includes Air Ops stuff. Tommy had personally illustrated the helicopter and plane pages, and Melton’s husband, who had a side gig writing kid’s books, had written out the captions and a little digestible explanation of what made Air Ops so different than a regular unit.

“Thank you,” Jee-Yun says, hugging the folder to her chest. “I like your station.”

“I like it, too,” Marsh agrees, grinning. “Have a good Valentine's Day, Miss Han.”

Tommy walks them out to the lot, his arm around Evan as they make their way to the Jeep. “Thank you both. This is the best Valentine's Day I've ever had. I really mean that.”

“Me, too,” Evan says, grinning and leaning over to kiss him on the corner of his mouth without breaking his stride.

Tommy helps get Jee-Yun strapped in, gives her another cheek raspberry and a smacking kiss, receives both in return, and then Evan decides to do the same when Tommy leans in for a good-bye kiss.

“You are such a brat,” Tommy complains, wiping slobber off his cheek.

“Well, yeah,” Evan says, grinning. “But I'm your brat.”

Tommy pulls him close and rubs a hand down his back. “Yeah, you are,” he murmurs, smiling at the flush of Evan's cheeks. “You can come by a little early if you want.”

Evan bites his lip and nods, smoothing down the fabric over Tommy's chest. “Yeah?”

“Yeah,” Tommy confirms before kissing him, sucking gently at Evan's bottom lip and feeling a bolt of heat shoot through his belly when Evan lets out a soft noise against his mouth. When he releases him, Evan looks a bit dazed. “Get her home safe.”

“Y-yeah,” Evan breathes, bumping into his sideview mirror as he backs up toward the driver's side door. Tommy raises an eyebrow at him, and Evan flushes, ducking his head as he gets into his car. As soon as it’s on, he rolls down the window. “I’ll see you soon.”

“See you,” Tommy says, raising his hand in a wave.

He waits until the Jeep is gone before going back in. He takes twenty minutes to finish the stock check that had been interrupted, hands it off to Lucy, who had arrived mid-tour for her shift, and tries to ignore the knowing or sappy smiles pointed his way as he gathers his stuff and heads out to his truck. They don’t bother him, he’s just not used to it. He thinks he could learn to get used to it, though.

When he gets home, the groceries are waiting for him on the front step. He takes everything inside and goes to the kitchen, ready to make aroz con pato, since Evan has been reminiscing about the food in Peru on their last date.

While the duck is simmering, he goes into the guest room closet where he has the few boxes of things he hadn't found a place for in the house. Some of it is old paperwork, old uniforms, photos that need to be put into albums, mementos he should probably part with, and one has carefully packed china from his Nonna along with a hand-painted vase that had passed from Bisnonna Valia to his Prozia and then his Zia and now it's his. His Zia had never had children of her own, so he’d ended up with a lot of the Carlevaro family heirlooms when she’d passed. He’d never used the vase, though. The closest he'd ever come to receiving flowers was when people sent them after his mom died.

He wipes down the colorfully painted vase with a damp cloth and then with a dry one before filling it with water and putting the flowers in. He props the card against it and puts the other two on his fridge.

It's quiet in his house, but he knows that soon his doorbell will ring and he'll let in a man who talks almost unceasingly about whatever's on his mind, who will laugh and make Tommy laugh, who will fill the house and Tommy's heart with so much beloved noise that he'll feel it echo in the time they're apart.

And one day, maybe, he won't have to say goodbye unless it's followed by “I'll see you when I/you get home.” And they'll add to the collection of Valentine's Day cards every year until they’re old enough to have to think long and hard about the story behind each one. And inevitably, one of them will remember or someone—Jee-Yun, her children, their own children—will chime in because they've heard it a million times before.

When his doorbell rings, Tommy gets up to answer with a smile on his lips and a lightness in his heart that he doesn't think he's ever felt before.

#bucktommy #bucktommy fluffebruary #my fic

82 notes · View notes