CSS Help & Resources

Experiment with your positioning. Or try floating it to the left or the right. That should do it.

~Ryukaa said:

Yeah... That's what I tried earlier.
It... just kinda screws everything up. xDD;;

Click to expand...

You should fix the text align in your tag and use the Center BBCode.

Impo said:

Hooray! I made a cursor in my sig :D ! What a proud achievement.
Also, can you create too CSS' by eachothers side, I tried it in my sig and it placed it on a new line.
I tried floating it but I think it's an entirely different code.

Click to expand...

Did you try floating the second div or the first div?

the first one, i'll try the second one too.
why didn't that occur to me :s ?

Because you've never dealt with floating before?

tried both, and neither worked :?

I've got every code I've seen in this thread written down on a pad of paper next to me :) ,
it was there, but I only made the first one float :P

I've got every code I've seen in this thread written down on a pad of paper next to me :) ,
it was there, but I only made the first one float :P

You can already do that with bbcode [color] and [b], right? I mean, >this is bolded and in a different color

Unless you're talking about something
like
this

Where the strikethrough has a color in the first word but not the second, because of the ordering of bbcode.


If this doesn't help, then would you mind elaborating? Your question's kind of vague in my view.

In CSS, using color:#000000 gives you black text (or white text - I forget which color is which hex code). You can probably figure it out from there. It's separate from the text-decoration property.

For example:

[div="text-decoration:blink;color:#0000ff;"]Example text.[/div]

Gives you this:



Also, you cannot use text-decoration to bold text. Just so you know.

Can someone tell me how to do this:

KingSnivy said:

Can someone tell me how to do this:

Click to expand...

The person who created that is probably not willing to share their CSS template, so I won't attempt to imitate it for you.

You also shouldn't be asking outright for code. Why don't you try experimenting with the CSS posted in this thread in PMing yourself or in your own signature? I've even got sample syntax in my post just above yours to create the following:



Blinking text is annoying, though, so don't use it in a signature and avoid using it in posts. Also, all CSS properties go inside the quotation marks after the equals sign in the [div=""]opening tag. Don't forget to close it with a [/div] tag after all the text/images you want affected by it are inside the two tags.

On the background/text colors, do you need to use both the color name AND the hex? Say #ff9900, would you have to say orange with it?

Massacre. said:

On the background/text colors, do you need to use both the color name AND the hex? Say #ff9900, would you have to say orange with it?

Click to expand...

No. But you're better off using the hex instead of colors because different browsers have different interpretations of which hex color is "orange" or "pink" or "navy blue".

I have a few questions. The semi-transparent bar for links and such in my sig, I want it at the bottom.

Also how do you make a help cursor and have it show something when you scroll over it?

And in the PPN CSS tut it says there is a code to round images and boxes. Could somebody tell me where to put this in my code? At what part? I want the semi-trans bar to be rounded as well as the image.

If someone could give me the codes or link me somewhere to find the info I would be happy. And on the second one could you give an example.

Here is my sig.

For that bar, use a div with a transparent image as the background with dimensions that match where you want it positioned. That'll get it right where you want it.

That help cursor is actually implemented in BBCode. [title=Rain]Weather[/title] creates: Weather

You'd put that where you put the rest of your CSS. Remember to use both -webkit-border-radius and -moz-border-radius so it appears the way you want it to in as many browsers as possible.

There are plenty of codes strewn throughout this thread. Read through it to see if you skipped over anything that would actually help.

donavannj said:

For that bar, use a div with a transparent image as the background with dimensions that match where you want it positioned. That'll get it right where you want it.

Click to expand...

Wait, by transparent you mean opacity not the actual image being transparent? That kinda confused me. I tried to make an image that was 400x190 and position it top with opacity 0.0.

Did I do it wrong?

Xyrin said:

Wait, by transparent you mean opacity not the actual image being transparent? That kinda confused me. I tried to make an image that was 400x190 and position it top with opacity 0.0.

Did I do it wrong?

Click to expand...

Yeah. I did actually mean a completely transparent image, though opacity works, too, I guess. But you need to put the div it is inside BEFORE the div that has your text and links. And set your div to those dimensions.