CSS Help & Resources Page 19

Started by seeker November 16th, 2009 5:38 PM
  • 175331 views
  • 902 replies

Hybrid Trainer

Age 28
Him/Them
«UK»
Seen 4 Weeks Ago
Posted January 27th, 2022
2,096 posts
14.5 Years
If you look here inside the spoiler there is a rattata signature that uses the z-index code on the teeth and as you can see, they are on top of the sprite thats underneath.
As for the background image bit the background-image:URL('urlhere.png') is put inside the css tag next to the other codes like the background-color code. It can be explained in a bit more detail here ^_^

tbh if you want a signature like Rukarios your better off using the background image code ;D

Mew~

THE HOST IS BROKEN

Seen April 13th, 2016
Posted April 12th, 2016
4,163 posts
14.2 Years
Okay, so I'm trying out a format for episode discussions, and I've done this so far.



Episode 31: "Oshawott's Lost Scalchop"
Air Date: 13/08/2011


What I want to do is get an image in the nested CSS box, but the image goes faded too, any help please?
There was nothing. Followed by everything. Swirling, burning specks of creation that circled life-giving suns. And then we reached to the light.

Alternative

f i r e f l y .

Age 30
Male
Adelaide, Australia
Seen July 4th, 2020
Posted December 21st, 2019
4,258 posts
14.3 Years
Okay, so I'm trying out a format for episode discussions, and I've done this so far.



Episode 31: "Oshawott's Lost Scalchop"
Air Date: 13/08/2011


What I want to do is get an image in the nested CSS box, but the image goes faded too, any help please?
You're probably using the transparent code. Easy way around that is to use some image editing program (photoshop, gimp etc.), make a blank canvas, fill it up with the colour you want, and lower the opacity down to whatever it is you want. Then the image you want in the nested CSS box should be fine. :D

Kylie-chan

[span="background:#000; padding: 2px 10px;"][color=#C47399]NERF [b][i][color=#789DED]THIS[/color][/i]![/b] [color=#F7E1EE]♥[/color][/color][/span]

Age 29
Non-binary
New South Wales, Australia
Seen December 3rd, 2022
Posted October 5th, 2016
14,976 posts
18.7 Years
Animated .gifs don't make animated cursors. They have to be converted to .ani files. However, only Internet Explorer will support .ani files right now, I believe (not sure about Chrome). Conversely, Internet Explorer doesn't support .gif cursors. It only supports .cur and .ani.

ETA: As far as I can tell, Chrome does not support .ani files either.

I don't recommend it, but you'll need to find software that converts .gifs to .anis. I doubt you can upload .anis to standard image hosting sites, so you'll need to upload it to your own hosting as well.

You could try:

cursor: url('cursor.ani'), url('cursor.gif'), crosshair;

but I'm not sure if that will work. My theory is Firefox etc. will ignore the .ani and use the .gif, but it's only a theory.

Okay, so I'm trying out a format for episode discussions, and I've done this so far.
That's how inheriting from parent elements works. The simplest solution would be to make a 50% transparent pixel and use it as a tiled background of the CSS box, as suggested. It can be done in CSS, but for now images are probably the easiest way to do it. (Remove the opacity tag.)

You might not have access to sufficient image editing software right now, so here's one:



http://i.imgur.com/4MDwa.png





Air Date: 13/08/2011


Don't ask about image choice >.> Just picked a random img off the page. It stretches, but I don't know the dimensions of the image you want to put in, so you'll have to adjust that yourself. ;)
PON PON WAY WAY WAY

あの交差点で皆がもしスキップをして もしあの町の真中でてを繋いで空を見上げたら

Mew~

THE HOST IS BROKEN

Seen April 13th, 2016
Posted April 12th, 2016
4,163 posts
14.2 Years
How can I make that thing under the picture where like Hiiro's sig?
Just change the background of your CSS to a soild colour with the same amount of width as your image but just slightly longer height, then just add the image on top, simples.
There was nothing. Followed by everything. Swirling, burning specks of creation that circled life-giving suns. And then we reached to the light.

seeker

Ireland
Seen November 1st, 2019
Posted May 20th, 2018
10,593 posts
14.1 Years
KingSnivy, it literally doesn't get more basic than this. You should do a little research before asking a question. It's just a plain box, with a few simple codes.

Something along the lines of
[css-div="background-color: #010103; width: 352px; padding: 4px; border: 1px; cursor: crosshair; padding: 4px;"]{param}[/css-div]

greg0915

Tomorrow is a new day

Age 28
Male
England
Seen January 9th, 2018
Posted August 9th, 2013
545 posts
12.3 Years
Ok i tried some of this and now my thread looks like this(Link in sig)
The stuff i entered keeps duplicating and adding [/div] to the end closing it!
I Urgantly need some help! :(

Hybrid Trainer

Age 28
Him/Them
«UK»
Seen 4 Weeks Ago
Posted January 27th, 2022
2,096 posts
14.5 Years
Well this is more of a forum problem than a css one but what you could do is click the A/A symbol in the top corner and remove all the extra coding and whatnot manually.

Hybrid Trainer

Age 28
Him/Them
«UK»
Seen 4 Weeks Ago
Posted January 27th, 2022
2,096 posts
14.5 Years
That looks pretty good Impo :D
But maybe you want to try adding in these codes so that the border works in all browsers?

-webkit-border-bottom-right-radius: 50px;
-webkit-border-bottom-left-radius: 50px;
border-bottom-right-radius: 50px;
border-bottom-left-radius: 50px;

Impo

Playhouse Pokemon

Male
Earth
Seen 1 Week Ago
Posted December 7th, 2021
2,456 posts
13.3 Years
That looks pretty good Impo :D
But maybe you want to try adding in these codes so that the border works in all browsers?

Nice idea :D , thanks.
But every time I add them it automatically wraps url tags around my image locations... I need to experiment more

Hybrid Trainer

Age 28
Him/Them
«UK»
Seen 4 Weeks Ago
Posted January 27th, 2022
2,096 posts
14.5 Years
Why would it be doing that? o.O
You are putting them into the same css code that the -moz- codes are in right?

Oryx

CoquettishCat

Age 30
Female
Seen January 30th, 2015
Posted December 27th, 2014
13,184 posts
12.2 Years
The problem is that you're editing it in the WYSIWYG editor. Try switching over to plain-text, when you're in the other one it automatically makes every url in the post wrapped with [url][/url] tags. :)

A/A in the corner if you're not sure.


Theme * Pair * VM * PM

Not all men...

Are all men stupid?

That's right.

Impo

Playhouse Pokemon

Male
Earth
Seen 1 Week Ago
Posted December 7th, 2021
2,456 posts
13.3 Years
The problem is that you're editing it in the WYSIWYG editor. Try switching over to plain-text, when you're in the other one it automatically makes every url in the post wrapped with [url][/url] tags. :)

A/A in the corner if you're not sure.
oh, I forgot about that :s
thanks a bunch :D

..actually, I tried that and it still wraps the tags around it.. oh dear, this is getting frustrating xD

Ooka

Cosmic

Age 30
Challenging The E4
Seen September 15th, 2022
Posted January 18th, 2020
2,621 posts
15.7 Years
If you're doing url(http://linkstuff.com/link) just add in some of these url('http://linkstuff.com/link') and it shouldn't wrap any tags around it.