#site skin ask

[someidiotwithalaptop]

Hi, hello, I a in desperate need of css help because I'm a beginning trying to do something for my story on a workskin.

I have 3 images: Left(100×100), Center(100×200), and Right(100×100). I would like the Left to be left-aligned, Center to be center-aligned, and Right to be right-aligned all in the same paragraph/sentence so that when it's seen on the screen, they'll be aligned. However what I do this, the images fall out of alignment.

On desktop, the Left and Right images are perfectly placed but the Center is more left-aligned following after the Left image. I checked the html and it's clear that Center is "centered-aligned".

Is there a simple fix? Or is there some hidden rule or easier way that I'm not seeing?

Ok so fair warning that 99% of my CSS dabbling is in tag blocking and urls, so this is the result of a bit of fucking around and trying stuff moreso than actually knowing what I'm doing.

That said, using this tutorial, I did manage to get this result:

The workskin looks like this:

#workskin .column { float: left; width: 33.33%; padding: 50px; }

#workskin .row { display: flex; }

and the html in the fic itself should look something like this, though I had to retype it to not have tumblr auto-format it:

<p>======================================================================================================================================================</p>

<div class="row">

<div class="column">

<p><img src="https://image1.jpg" alt="" /></p>

</div><div class="column">

<p><img src="https://image2.jpg" alt="" /></p>

</div><div class="column">

<p><img src="https://image3.jpg" alt="" /></p>

</div></div>

<p>======================================================================================================================================================</p>

(the paragraphs of equal signs were just so I could see what the width of the actual text space was supposed to be)

Increasing the value under "padding" should make the images smaller and farther apart, and decreasing it will make them closer together.

Also, if you want the center image to be wider (I think it's just taller? idk how the order of height and width goes lmao) then you can make two column classes in the work skin like this:

#workskin .column1 { float: left; width: 25%; padding: 50px; }

#workskin .column2 { float: left; width: 50%; padding: 50px; }

and give the <div> the middle image is in "column2" as a class and the others "column1"

I think that should work for any combination of column size/number, as long as the percentages of all of them add up to 100.

*Fair warning also that from what I read in the tutorial the flex container used here isn't supported in some versions of internet explorer (10 and before I think???), so this might not work in those browsers.

also, hehehe:

[solosvejs]

Introducing: LCAoRs!

Or... "What if they had Ao3 on the Enterprise-D?"

GitHub repository | Instructions

Because I'm a giant nerd with too many hobbies, I made an Ao3 site skin based off of the computer interface in Star Trek TNG! This was my first attempt at an entire skin, so I hope people like it :)

[888-fr]

What are some of your favorite skins you've made?

I thought about the answer to this question for a very long time. I want to tell you a story about a skin that broke the site.

(I think this has been fixed now, which is the only reason I'm posting about it.)

Up until around March of this year, skin names weren't sanitized. I wasn't aware of this and continued to be unaware of this until the day I asked for my Valentine's pearlcatcher skins (named <3 and </3 respectively) to be renamed. Special characters often break when you submit them through the queue, so you have to go and ask the mods in the skroblems thread to fix apostophes for you so they display properly. I went and asked them to fix my pearlcatcher skin's names for me, since they weren't displaying correctly either. This lead, by accident, to the most interesting way I've gotten the site to break in a while.

My friend noticed first when they got a subscribed notification to my skin shop thread. They realized there were two pages that were completely gone.

Then they realized that the front page didn't look right either. My catalogue posts had completely vanished. Only to find... when you hovered over the thumbnail of the </3 skin's icon, my posts had hopped into the item description.

We experimented a little more before realizing this thing was... very, very powerful! You could put the skin into a den tab description, and it would put every single dragon in that tab into the space of the description box. You could break your userpage for ANYBODY on site. Your entire dragon could get swallowed up if you put it into their bio. And because the skin deleted the edit button, you couldn't get it back out.

Little did I know, the </ part of the skin name - when posted using [skin=skinid] or [item=skin: </3] - would act as an HTML tag anywhere it was posted, and completely mess up how the site displayed! I compiled everything I found and sent it into the bug forums and the contact team box for review. The thread got deleted almost immediately, confirming what I suspected: skin names aren't sanitized, and this could very easily be exploited with malicious intentions or SQL injects.

Luckily, they fixed it pretty quickly! I hope the way the site handles skin names has been updated now too. This sort of thing wouldn't have happened even if I had named the skin </3 or, god forbid, dropTable(); in the first place. I do think it was because I had the mods go in and edit the skin name that allowed the unclosed </ to display in the skin's item icon and then break the site.

So that's the story of one of my favorite skins I've made! <3 and </3 are now LOVE and LOVE(LESS) respectively. The designs themselves didn't sell too well, but for a glorious 16 hours, they contained all the power of little nuclear bombs detonating on various HTML-dependent sitepages.

[junglejim4322]

how do you live like this (having a popular blog and having anon on)

I survived the days of when people hated you so much they’d make entire blogs dedicated to sending you gore I can survive anything. I also conquered the tumblrinaction war

[wtfforged]

Sir Forged do you have a top 10 list of Zenyatta skins I want to hear the opinion from the zen main of all time himself

oh velo youve done it now. (my second default)-> 1. royal astronomer also known as THE WIZARD SKIN. i actually used to dislike this skin when it first came out bc i am PICKY but then i started liking wizards more and more for.......... Reasons. 2. fastball. obviously. 3. skullyatta (my default) -> 4. toronto owl skin. not bc i enjoy esports. ive had enough esports in my life thank you im never joining a team again it was hell. i just like how zen looks with his plating red its suuper cute 5-10. um. idk. i dont actually like a lot of his skins if im honest. hes my oldest and favorite blorbo but they really squander the potential of a lot of his skins. takoyaki is ok iguess. the rest of this list is sponsored by genji sentai skin whatever runnerup and a moment of silence for when the owl skins first released ages ago and then they changed them after a while for accuracy sakes. after id already paid money for the skins i wanted. grits teeth. anyways these old owl chengdu and hangzhou zen skins used to be my mains for like the month that they existed

[wildsaltair]

thoughts on commodus??

DESTROY HIM

So I am extremely prejudiced against Commodus and very much can’t give an unbiased opinion 😂 because he’s the enemy of my beloved Maximus! Commodus is the epitome of an arrogant, selfish, sadistic psychopath who wrecks other people’s lives simply because they displease him. He’s jealous of Maximus, so he:

murders his own father

tries to kill Max

has Max’s innocent family slaughtered in the cruelest way (which wasn’t as a message to Max! he thought Max was dead! he just did it to be cruel!)

terrorizes / tries to assault his sister

uses his nephew as leverage

drives Rome into chaos and near-ruin with his blind selfishness

murders tons and tons of people

has no value for human life or decency

So yes. I despise his character 😬

But on the other hand! Joaquin Phoenix played Commodus brilliantly and did an excellent job of giving him some measure of sympathy in a few scenes. The scene where Commodus chokes Marcus is really sad because you can see why Commodus is the way he is: because Marcus hasn’t been a good father and has alienated his son while pursuing other things. It’s obvious through the film that Commodus just wants to be loved, which is why he does half of the awful things he does.

BUT that doesn’t excuse any of them. Even though I can see his troubled past and reasoning, he’s a grown man who chooses to destroy innocent lives and does horrible things to the man I love. So it’s a big no from me, dawg.

[icannotgetoverbirds]

*stumbles out of a reddit thread covered in blood, triumphantly holding up new learned vocabulary words and terminology*

[kakashihasibs]

do you ever, like, remember you have a dick now and are like whoa! i got a dick! and then just continue on with your day but happier cause you got a dick. cause i do that sometimes askjhdgjlkahskjdg phallo is awesome <3

Yes! Mostly when I'm naked tho lol. Or if the bulge is bulging 😏

But also i cannot understate how nice the body neutrality is. Most of the time it's just not on my mind and it's so calming 😌

[memorizingthedigitsofpi]

I try to put in the effort to read comments as charitably as I can, and with as good faith an interpretation as possible

but sometimes I get one that irks me in just such a way

[answersfromzestual]

hello! i was wondering if it’s possible to use the skin from top surgery as a graft for phalloplasty? (sorry if it’s worded badly, i didn’t know how else to explain it)

i’ve been wondering this for a while but had difficulty finding anything about it (and it doesn’t help that i’m dyslexic)

Hello, no worries I understand you just fine. It's all good.

So I'll be honest, no, you can't.

There are a few reasons;

Healing time-

your body needs proper time and care to heal with the best results. If your body is trying to heal too much at once, you may not heal as well as you and your surgeon would want. Which can mean revisions or complications. This is often 6-8 months between procedures.

The doctors involved-

in top surgery there are a lot of doctors and nursing staff already taking care of you. There would be a lot of hands on one body if both teams worked at the same time. This could cause complications in one area or both because of doctors needing to position themselves properly.

Operation Time-

You would be on the table for a long time. This causes blood circulation problems, heart problems, clotting issues, anesthesia complications, and even breathing issues.

Chest Skin Graft-

skin taken from your chest is not nearly as sensitive as the alternative options for making a phallus, such as your arm, leg, back, or even abdomen. The tissue on your chest after years of being constantly rubbed and interacted with, makes it a less sensitive skin, and therefore may not produce any sensations you wanted or were hoping for.

Blood circulation for Phallus-

to get a blood supply to your phallus they take veins from other areas of your body (often a big vein near the donor site) to provide steady and healthy blood flow to your new phallus.

I hope this helped you understand a bit better why you cannot use your chest skin for phalloplasty.

It does seem a shame, but doctors only have your best interests in their mind. They want you to be safe, and they want good results.

Thank you for your question, if there is anything else you need do not hesitate to ask.

Stay Golden ✌🏽💙❤️

-Zestual

[snekdood]

im just gonna say im mediterranean and call it a day

[someidiotwithalaptop]

hii do you know if it's possible to hide platonic relationships tags on ao3? I don't want to filter these fics out completely, i just don't want to display the "character x & character y" tags, only the "character x/character y" ones

Okay so, short answer: yes, this should absolutely be possible!

Long answer: I’ve figured out how to do this with my adblocker but for some reason the site skins are giving me a lot of trouble.

The filter that really should work, considering the exact same one works fine through my adblocker, is this:

.commas > li.relationships:has(a[href*="*a*"]) {   display: none !important; }

Worth trying, since it’s possible this is an issue with my browser. Especially considering that when I use inspect, suddenly the filter starts behaving :/

For me though, this gets a ton of false positives when a fic has both platonic and romantic tags on it. So if it doesn’t work, one option that will hide the tags, but not the commas that come after them (so a tad bit of an eyesore unfortunately) is this:

.relationships > a[href*="*a*"] {  display: none !important; }

Also, if you are willing to go through a browser extension, the way I have gotten tag hiding working properly is through Ublock Origin, which is a free extension that works an adblocker, but also lets you add your own filters. If you use the picker tool in that extension, and paste basically the same filter into the box that comes up:

##.commas > li.relationships:has(a[href*="*a*"])

then it should hide those tags just fine.

Sorry for the weird answer, I’ve been trying to get this kind of tag hiding to work for a while and it’s... a bit temperamental haha!

EDIT: Upon further testing, I found a way to get rid of the commas, though it does leave a bit of white space:

li.relationships > a[href="*a*"], li.relationships:has(a[href="*a*"])::after { display: none !important; }

[justaboutsnapped]

the greatest injustice in this fandom

[uniformbravo]

downloading 5 million japanese fonts like I'm ever going to use them literally ever

[adelaidedrubman]

ok why the FUCK are all my mobile ads today exclusively the most graphic, viscerally upsetting skin picking flash animation games?

[minotaurfemme]

really getting desperate because none of my roommates have any extra money and so i think we might just be fucked :/