Advertiser Content

CSS Help & Resources Page 36

Started by seeker November 16th, 2009 5:38 PM
  • 131370 views
  • 898 replies

Spyro

Seen October 5th, 2018
Posted July 26th, 2018
2,379 posts
3.5 Years
Hi! I need help with a very small thing. See my signature, I have 2 images. The Leafeon Sprite is meant to be on the right side, but it's kinda also under the Spyro Gif. Is there a way to put the Sprite in parallel of the gif? I can provide my sig's "code" if needed

Spyro

Seen October 5th, 2018
Posted July 26th, 2018
2,379 posts
3.5 Years
Like this?

Yes! :o exactly!

Spyro

Seen October 5th, 2018
Posted July 26th, 2018
2,379 posts
3.5 Years
You need to "float: right" the sprite and put it above spyro image.
Sweet! I'll try that, thank you senpai! :3c

Had a little time to do it and it works! Thank you ^-^

Radiating

Male
Minnesota
Seen May 25th, 2019
Posted December 21st, 2018
5,787 posts
2.5 Years
Hello! Does anyone know the CSS code to add a black text bar at the bottom of an image/gif? (Also is there a way to adjust the height and length of said bar?)

Yvtq8K3n

muhaha

Age 21
Male
Portugal
Seen 1 Week Ago
Posted May 10th, 2019
88 posts
5 Years
Hello! Does anyone know the CSS code to add a black text bar at the bottom of an image/gif? (Also is there a way to adjust the height and length of said bar?)
just use paint(png) or photoshop(gift) and all your scalling problems will be solve, hehe.

(If u still insist whit css send me a pm, i can help u making what u want, if so pm me like the image and that border details),
I never fail or maybe i do(muahaha)

Ash

Seen 20 Minutes Ago
Posted 12 Hours Ago
Hello! Does anyone know the CSS code to add a black text bar at the bottom of an image/gif? (Also is there a way to adjust the height and length of said bar?)
something like this?

Moderator - Pairs - PokTrivia League - Credit


if so here's the code for this below. the way i did it was having a black box and then putting the image and the text below inside. size of the text box can easily be changes by adding more height to the box or padding.

please forgive the content this signature was from like two years ago rip

[CENTER][cd=width: 400px; height: 215px;overflow: hidden;background-color: #000][IMG]http://i.imgur.com/PO38vvL.gif[/IMG][cd=font-size: 9px;  letter-spacing: 4px; font-family:segoe ui;line-height: 150%;color:#fff][title=Pokemon Trivia & Forum Games]Moderator[/title] - [title=Stand Alone & Roswell]Pairs[/title] - [title=Earn your Badges today!][URL="http://www.pokecommunity.com/showthread.php?t=302695"][COLOR=#fff]PokTrivia League[/COLOR][/URL][/title] - [title=icon from fonic_database | gif from tumblr][URL="http://fonic-database.livejournal.com"][COLOR=#fff]Credit[/COLOR][/URL][/title][/cd]
[/cd][/CENTER]

Radiating

Male
Minnesota
Seen May 25th, 2019
Posted December 21st, 2018
5,787 posts
2.5 Years
something like this?

Moderator - Pairs - PokTrivia League - Credit


if so here's the code for this below. the way i did it was having a black box and then putting the image and the text below inside. size of the text box can easily be changes by adding more height to the box or padding.

please forgive the content this signature was from like two years ago rip

[CENTER][cd=width: 400px; height: 215px;overflow: hidden;background-color: #000][IMG]http://i.imgur.com/PO38vvL.gif[/IMG][cd=font-size: 9px;  letter-spacing: 4px; font-family:segoe ui;line-height: 150%;color:#fff][title=Pokemon Trivia & Forum Games]Moderator[/title] - [title=Stand Alone & Roswell]Pairs[/title] - [title=Earn your Badges today!][URL="http://www.pokecommunity.com/showthread.php?t=302695"][COLOR=#fff]PokTrivia League[/COLOR][/URL][/title] - [title=icon from fonic_database | gif from tumblr][URL="http://fonic-database.livejournal.com"][COLOR=#fff]Credit[/COLOR][/URL][/title][/cd]
[/cd][/CENTER]
Yes something like that would be perfect! I tried to make a CSS textbox like that but I couldn't get to work ;-;. Would it be alright to borrow the code for my sig? I'd change up all the current text and pictures. (I'd also give credit either in the sig or my profile.)

Ash

Seen 20 Minutes Ago
Posted 12 Hours Ago
Yes something like that would be perfect! I tried to make a CSS textbox like that but I couldn't get to work ;-;. Would it be alright to borrow the code for my sig? I'd change up all the current text and pictures. (I'd also give credit either in the sig or my profile.)
Yes you are more than welcome to use it!! Let me know if you have any issues!

Nah

Age 26
Female
Seen 37 Minutes Ago
Posted 21 Hours Ago
13,480 posts
5.7 Years
Is there a limit on the number of slides a css carousel can have?
Nah ンン
“No, I... I have to be strong. Everyone expects me to."

Incineroar.

Seen 22 Hours Ago
Posted June 7th, 2019
305 posts
10.2 Years
There shouldn't be, it's probably dependent on the library itself and what the browser can show. That being said, screen width is a huge concern if you start using more than a few, so I'd probably try to keep the number low unless you don't have a positional marker for the carousel.
My country lay within a vast desert. When the sun rose into the sky, a burning wind punished my lands, searing the world.

And when the moon climbed into the dark of night, a frigid gale pierced our homes. No matter when it came, the wind carried the same thing... Death.

But the winds that blew across the green fields of Hyrule brought something other than suffering and ruin.

I coveted that wind, I suppose.

Currently on DLoA - Signature Image

Nah

Age 26
Female
Seen 37 Minutes Ago
Posted 21 Hours Ago
13,480 posts
5.7 Years
There shouldn't be, it's probably dependent on the library itself and what the browser can show. That being said, screen width is a huge concern if you start using more than a few, so I'd probably try to keep the number low unless you don't have a positional marker for the carousel.
I see.

The plan right now is to have 7 slides in total. But after 5, it doesn't want to make more of them be separate--the 6th one it keeps mashing together with the 5th for some reason =/ Some of the slides use images that go across the whole screen. Would making them not do that help, or am I misunderstanding things here?

And what is a "positional marker"?
Nah ンン
“No, I... I have to be strong. Everyone expects me to."

Hyzenthlay

PokéTrivia
Seen 3 Hours Ago
Posted 4 Days Ago
5,573 posts
6.7 Years
Hey guys, for some reason I can't get rid of the scroll near my signature. I tried overflow:visible but it didn't help. I'm only using BB code, so why the scroll?
Minutes turn to hours, days to years then gone.
But when all else has been forgotten, still our song lives on.
We'll hear our song and know once more...
Our love lives on.

Tsutarja

Age 24
Male
Tampa, FL / Richmond, VA
Seen 53 Minutes Ago
Posted 2 Hours Ago
25,208 posts
9.3 Years
Hey guys, for some reason I can't get rid of the scroll near my signature. I tried overflow:visible but it didn't help. I'm only using BB code, so why the scroll?
I don't see it on my end. :o

Hyzenthlay

PokéTrivia
Seen 3 Hours Ago
Posted 4 Days Ago
5,573 posts
6.7 Years
I don't see it on my end. :o
Oh, really? What browser are you using? I'm on Chrome and my forum skin is Shooting for the Sun.

The scroll is driving me crazy, I swear, haha.
Minutes turn to hours, days to years then gone.
But when all else has been forgotten, still our song lives on.
We'll hear our song and know once more...
Our love lives on.

Tsutarja

Age 24
Male
Tampa, FL / Richmond, VA
Seen 53 Minutes Ago
Posted 2 Hours Ago
25,208 posts
9.3 Years
Oh, really? What browser are you using? I'm on Chrome and my forum skin is Shooting for the Sun.

The scroll is driving me crazy, I swear, haha.
One and the same, my friend. What OS are you using? Screen resolution?

I'd like to see a screenshot as well just to see.

Hyzenthlay

PokéTrivia
Seen 3 Hours Ago
Posted 4 Days Ago
5,573 posts
6.7 Years
One and the same, my friend. What OS are you using? Screen resolution?

I'd like to see a screenshot as well just to see.
I'm using a 64-bit operating system and my resolution is the recommended 1920 x 1080.

Spoiler:
Minutes turn to hours, days to years then gone.
But when all else has been forgotten, still our song lives on.
We'll hear our song and know once more...
Our love lives on.

Tsutarja

Age 24
Male
Tampa, FL / Richmond, VA
Seen 53 Minutes Ago
Posted 2 Hours Ago
25,208 posts
9.3 Years
Either way, it's not really outside of the signature limits. However, have you tried different styles to see if it's still present? I have matched my settings with yours and still don't see it at all.

Hyzenthlay

PokéTrivia
Seen 3 Hours Ago
Posted 4 Days Ago
5,573 posts
6.7 Years
Either way, it's not really outside of the signature limits. However, have you tried different styles to see if it's still present? I have matched my settings with yours and still don't see it at all.
Well this is sort of embarrassingthe scroll only appeared because I had Chrome zoomed in to 110%! That's all. \_(?)_/

Thanks for your time, all the same! ^_^;
Minutes turn to hours, days to years then gone.
But when all else has been forgotten, still our song lives on.
We'll hear our song and know once more...
Our love lives on.

Incineroar.

Seen 22 Hours Ago
Posted June 7th, 2019
305 posts
10.2 Years
I saw this and was totally going to reply but forgetful me...
I see.

The plan right now is to have 7 slides in total. But after 5, it doesn't want to make more of them be separate--the 6th one it keeps mashing together with the 5th for some reason =/ Some of the slides use images that go across the whole screen. Would making them not do that help, or am I misunderstanding things here?

And what is a "positional marker"?
A positional marker is those dots or dashes or whatnot that you may see on an image carousel to indicate where in the set of images you are. It's the thing in this image underlined in red:

My country lay within a vast desert. When the sun rose into the sky, a burning wind punished my lands, searing the world.

And when the moon climbed into the dark of night, a frigid gale pierced our homes. No matter when it came, the wind carried the same thing... Death.

But the winds that blew across the green fields of Hyrule brought something other than suffering and ruin.

I coveted that wind, I suppose.

Currently on DLoA - Signature Image

Nah

Age 26
Female
Seen 37 Minutes Ago
Posted 21 Hours Ago
13,480 posts
5.7 Years
I saw this and was totally going to reply but forgetful me...

A positional marker is those dots or dashes or whatnot that you may see on an image carousel to indicate where in the set of images you are. It's the thing in this image underlined in red:
Removing them seems to have fixed things. Thanks n_n
Nah ンン
“No, I... I have to be strong. Everyone expects me to."

Hyzenthlay

PokéTrivia
Seen 3 Hours Ago
Posted 4 Days Ago
5,573 posts
6.7 Years
Hi guys! Is there any reason why the following code for my custom usertitle isn't working?

[*span=font-family: Germania One; font-size: 20px; background: -webkit-linear-gradient(#078218, #98ba8d); -webkit-background-clip: text; -webkit-text-fill-color: transparent;]#TeamTrivia[/span]

It was fine ten minutes ago...

Spoiler:
Minutes turn to hours, days to years then gone.
But when all else has been forgotten, still our song lives on.
We'll hear our song and know once more...
Our love lives on.

Trev

i gave you everything...

Age 22
Male
Seen 2 Days Ago
Posted March 27th, 2019
1,620 posts
7.2 Years
I don't know that you necessarily need to use the webkit version of those parameters. I think you can just use text-fill-color and background-clip as they are. Then again, I've never use [span] so...
voltaic pair: aaron rpdr club css shop

Hyzenthlay

PokéTrivia
Seen 3 Hours Ago
Posted 4 Days Ago
5,573 posts
6.7 Years
Well, I'm back again! Can anyone tell me why using a transparent border makes an image repeat, like shown below?

Spoiler:
testing

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu.


For example, if you look at the right border, you'll notice the image behind it is where the left side of the background starts. Why won't it fit the image properly?

EDIT: Never mind, all it needed was "background-origin: border-box", haha. But I will leave this up in case anyone else encounters the issue. ????
Minutes turn to hours, days to years then gone.
But when all else has been forgotten, still our song lives on.
We'll hear our song and know once more...
Our love lives on.

Mewtwolover

Mewtwo worshiper

Age 34
Finland
Seen 3 Hours Ago
Posted 23 Hours Ago
793 posts
12 Years
Firebug - One of the most useful addons for FireFox I've downloaded. What this does is, basically lets you edit a web pages coding (not for good only for demonstration purposes) and see your edits right before your eyes as you type. It's a great way to see what way a web site is built up as well as check codes to see how things are done.
This is outdated, Firebug isn't available anymore because same features are included in Firefox.
Mewtwo X Espeon 4-ever!
Advertiser Content