- 12,284
- Posts
- 11
- Years
- Seen Oct 22, 2023
You should try adding "border-radius" element alongside (without either moz or webkit). Hopefully, that should do the trick!
CSS Help & Resources
- Thread starter abnegation
- Start date
You should try adding "border-radius" element alongside (without either moz or webkit). Hopefully, that should do the trick!
Oryx
CoquettishCat
- 13,184
- Posts
- 13
- Years
- Age 31
- Seen Jan 30, 2015
Could you post the code for your sig to look at?
It worked, thank you!
Endless' method did the trick, but thank you for the suggestion.
- 98
- Posts
- 10
- Years
- Age 36
- ?
- Seen Jan 16, 2016
Can someone help me with why the text is on the picture and not to the side of it on the right?
- 12,284
- Posts
- 11
- Years
- Seen Oct 22, 2023
It's because you've placed your text within the picture box; try placing it outside. Hopefully, this should help!
Spoiler:
Last edited:
Oryx
CoquettishCat
- 13,184
- Posts
- 13
- Years
- Age 31
- Seen Jan 30, 2015
I don't know offhand what they're written in (but I do remember they're HTML, not BBCode), but I can say for certain that you can't code javascript into a thread.
Alright that's what I figured, just checking. So HTML is now allowed or is that mod/admin only?
Oryx
CoquettishCat
- 13,184
- Posts
- 13
- Years
- Age 31
- Seen Jan 30, 2015
Nope, only on those section headers. Mods and admins can't use them in posts either.
Morgnarok
PokéCommunity Supporter - Platinum Tier
- 2,220
- Posts
- 13
- Years
- Age 29
- PokeVerse
- Seen Sep 18, 2023
Alright, so I am interested in CSS. I took the time to look over the links and try to learn it on my own but I am completely dumb founded. Orginally I wanted to try to make a CSS Signature but since I am no good a Photoshop and I have no clue how to use CSS still I have gave up on even trying. I would however like to try to do a tiny bit of CSS with my Usertitle. As a Platinum Supporter I have access apparently to use CSS in my Usertitles.
What I want to know is it possible to have say a small pokemon sprite in my usertitle such as two Pokeballs or something like a 2D World Pokemon N sprite. If it is possible to use CSS to enable a image like this into my Usertitle, how would I go about doing it?
What I want to know is it possible to have say a small pokemon sprite in my usertitle such as two Pokeballs or something like a 2D World Pokemon N sprite. If it is possible to use CSS to enable a image like this into my Usertitle, how would I go about doing it?
Oryx
CoquettishCat
- 13,184
- Posts
- 13
- Years
- Age 31
- Seen Jan 30, 2015
I'm not 100% sure on this, but maybe try
I added an "a" to the image because you can only have a bg image show if you have something in the div. But I made that a completely transparent.
For the record though, I'm not sure but you might want to just try putting an img bbcode in there before going the css route.
a
I added an "a" to the image because you can only have a bg image show if you have something in the div. But I made that a completely transparent.
For the record though, I'm not sure but you might want to just try putting an img bbcode in there before going the css route.
You're missing the extra apostrophe behind the ".gif" text in your background-image:url element.
Code:
[PLAIN][div="height: 200px; width: 400px; border-radius: 20px; box-shadow: 1px 1px 1px #3D3D3D; background-image:url('http://www.pokecommunity.com/signaturepics/sigpic454988_2.gif');"]
[div="height: 100px; width: 125px; float: right; rbga(0,0,0,0); padding: 10px;"]
[SIZE=4][crystaltier][glow=black]Northstar[/glow][/crystaltier][/SIZE]
[SIZE=1]gym leader - twitter - last.fm[/SIZE]
[/div]
[/div][/PLAIN]Northstar
gym leader - twitter - last.fm
- 278
- Posts
- 10
- Years
- Age 23
- at my computer desk tbh
- Seen Sep 14, 2019
Uh, hi. I searched through this thread and I have no idea what's wrong with this CSS... this is what it looks like:
...And this is the code.
Spoiler:
...And this is the code.
Spoiler:
For some reason, the overflow: hidden isn't making it scroll. When I switch it to visible the Pokémon keep going out of the box, and when I switch it to auto it has a scrollbar and works.
...This code is probably awful and should probably just be thrown out the window, but it's my first time even attempting CSS so I thought it was okay-ish... :3c
- 278
- Posts
- 10
- Years
- Age 23
- at my computer desk tbh
- Seen Sep 14, 2019
Actually, I'm trying to get it to scroll without showing a scrollbar. But that actually doesn't look too bad on it, so I might just use that. Thanks! :)
- 10,673
- Posts
- 15
- Years
- Age 30
- Seen Dec 30, 2023
In all honesty, it's a pointless effort. You might be able to get it to work in Firefox, and if you can't you could use media queries to render the CSS3 attributes nulled. However I think your efforts to make such an effect may be a waste of time. CSS3 isn't well supported yet, and getting such a small effect working on all browsers won't really be possible, and is a lot more effort than it's worth. Most browsers support a little over 50% of CSS3, and each of those browsers support different things. Check out what your browser supports, I bet you'll be surprised.So, I'm working on a style right now, however, not everything is working as it should be. The code below is for the reflected/faded image in the working photo:
Code:<img src="$post[avatarurl]" $post[avwidth] $post[avheight] style="-webkit-transform: scaleY(-1); pointer-events: none; z-index: -1; -webkit-mask-image:-webkit-gradient(linear, left bottom, left top, from(rgba(0,0,0,0.6)), to(rgba(0,0,0,-0.3))); margin-bottom: -30%"/>
When placed into a vBulletin style, in the proper place in the postbit, it should look like so (Note, this is using the latest Chrome):
However, Firefox is a greedy little child that doesn't use webkit stuff in the way that browsers work:
How can I rectify this? I can't seem to get it to work at all, and it seems that I can't use webkit masks with webkit gradient in Firefox because it's dumb.
Special CSS3 stuff like this looks cool, but very few people will actually see the efforts you've gone through to make it.
Treecko
the princess without voice
- 6,316
- Posts
- 12
- Years
- Age 31
- St.Louis,Missouri
- Seen Nov 30, 2021
Do anyone have any idea how to make css with two or more gifs? Cause I have a few small gifs from a tumblr gifset I'd like to use for a new theme but want to keep the css I have. Thanks for any help!
- 12,284
- Posts
- 11
- Years
- Seen Oct 22, 2023
Indeed, nearly anything's possible when it comes to CSS.
If this is what we're looking for, I've stacked .gif inside your signature in two layers side-by-side; we're free to edit those elements according to our needs. I hope it works for you!
