I made this code but the images won't show nor will it add a link to the title I want. What do I need to fix? I have tried making it a template but that does not fix the issue either.

<div style="border: 3px solid #0073e6; border-radius: 10px; padding: 5px; margin-bottom: 10px; box-shadow: 0 0 10px #0073e6, 0 0 20px #0073e6, 0 0 40px #0073e6; max-width: 200px; text-align: center;">

  <img src="File:Sorud.png" alt="Image" style="max-width: 100%; height: auto; border-radius: 10px;">

  <div style="border: 1px solid #0073e6; border-radius: 5px; padding: 5px; margin-top: 5px; background-color: #0f6fcc;">

    <span style="font-size: 120%; color: white;">God Fruits</span>

  </div>

</div>

I have a code I found on a wiki I'm a part of which is ftu, so as anyone would do, I wanted to use it for customizing my profile on that wiki, but I'm having a crap ton of trouble with adding colors and details and such.

One thing I wanted to implement on my profile was a glow effect on the title (the one with my username; XerWasHere). I tried using the glowing font format that I saw on this wiki, but it didn't really help, so now I'm just staring at the screen...

Here is the code btw:

<div style="width:100%;"><div style="text-align:center;font-size:36px;font-family:tahoma;text-transform:uppercase;letter-spacing:5px;font-weight:bold;"><font style="color:#fcf3e4">XerWasHere</font> <font style="color: black;"></font>
</div><div style="margin-bottom:-50px;margin-top:-5px;text-align:center;font-size:15px;font-family:tahoma;text-transform:lowercase;letter-spacing:5px;"></div><div style="height:0;border-left:198px solid #4a067f;border-bottom:198px solid #3e056c;border-right:198px solid transparent;border-top:198px solid transparent;">
<div style="height:260px;background-color:#000018;margin-left:-170px;margin-right:-170px;padding:20px;margin-top:-130px;">
anyways...</div>
</div></div>

Hello i don’t know if i should even put this in this wiki but i was trying to code a message box with some buttons and those buttons are images however it looks kinda bad because the image is blurred due to compression, is there any way i can add buttons without it compressing like this?

and how do i . put them on

(Unnecessary images removed)

So, I’ve moved on to Replit to code, and I’ve started to learn more languages like C and Ruby (Ruby on rails). What language should I dedicate the most time to?

I know practically nothing about coding, so im wondering, the box with all the contents on it on profiles and stuff, is there a way to change its colour and make it somewhat transparent?, including switching all the text to white.. as the bg will be dark

[sorry if tags r wrong i aint ever wandered to this part of wiki before]

Basically like a collapsible button into another collapsible button so i click the button and then the other button shows up

<div style="border:8px groove Black; padding:20px;">

<div style="background: linear-gradient(to bottom, Gray,LightGray,MediumPurple,MediumSlateBlue,MediumOrchid,IndianRed);">

This is my current about me code, it looks like this normally

But I want it to be rounded like this

But the yellow being black and the colors the same as the ones listed above

How do I make a badge signature?

Could someone make me a badge for a group i'm in, i'll mw you the deets

Template:User:LocalHuman5932/2 | Community Central | Fandom

Link to template

I have come here to show stuff i made, i used references and this uses inline html css with imported fonts

close up

i couldnt give some of them a drop shadow because it uses clip-path

whadya think?

I’ve been trying to code a moving image on my personal wall for a certain wiki and I’m quite puzzled on how to do so.

(by moving image I mean a small image in the corner of the screen that scrolls with you, if that makes sense!!)

Any help would be greatly appreciated!

Responses to this post will be late but I’ll make sure to elaborate on anything if needed!

Thanks!

basically i just want to make a rectangle with one diagonal edge, is there a code for this?

Uhhhhhhhhhhhhhhhhhhhhhhhh

To a format that works in fandom? Thanks!

<html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>boxes</title> <style> .boxes{ display: flex; width: 100%; justify-content: end; align-items: center; } .one{ height: 1rem; width: 1rem; background-color: red; margin-right: 2px; border:2px solid black; } .two{ height: 1rem; width: 1rem; background-color: rgb(0, 255, 255); margin-right: 2px; border:2px solid black; } .three{ height: 1rem; width: 1rem; background-color: red; border:2px solid black; } .bigbox{ margin:2px; height: 5rem; border:2px solid black; background-color: rgb(38, 255, 0); text-align: center; padding:20px; } </style> </head> <body> <div class="threebox"> <div class="boxes"> <button class="one"></button> <button class="two"></button> <button class="three"></button> </div> <div class="bigbox"> <h3>character</h3> </div> </div>

I want to add more flair to some of my pages, how do I do that?

<p style="position:fixed;top:50px;left:50px;z-index:1">[[File:site-logo.png|100px]]</p>

Is there a way I can rewrite this code to be compatible with the Desktop CSS, as right now I can only get it to work on individual pages.

Without it affecting the whole wiki's background? As in, only one page would have the special background, the rest would not!