Printable Version of Topic

Click here to view this topic in its original format

HTMLHelp Forums _ Markup (HTML, XHTML, XML) _ Html Color Code for Transparent

Posted by: NovaArgon Jun 18 2008, 11:31 AM

I am working on the style for my phpbb3 forums and I am trying to make some parts of the forum transparent using css is there such thing as a transparent color html color code?

THanks

Posted by: Christian J Jun 18 2008, 12:12 PM

For CSS backgrounds, "transparent" is the default value. It can also be used on border-color. Even though you can't currently use it for foreground color (like text) its part of CSS3: http://www.w3.org/TR/css3-color/#transparent (there are ways to do it in today's MSIE browsers with Filters, though, but lack of anti-aliasing makes it look ugly in smaller font sizes).

There is also the "opacity" property: http://www.w3.org/TR/css3-color/#transparency and http://www.quirksmode.org/css/opacity.html for the MSIE workaround.


Posted by: NovaArgon Jun 18 2008, 03:14 PM

Let me go into more detail because after looking over your links it sounds way more complex than it really is.

I have a forum I am tyring to edit a style for.

It was pro silver the default style by phpbb.

there is some blue #CADCEB that I am trying to make go away. I want to be able to see all the way though it so that its 100% transparent.

http://www.tarantuladatabase.com/assets/forum

If its really that complex don't worrie about trying to explain i'm also posting on the phpbb forum so maybe someone there that has done it before can give me some advice. Its my first time trying to edit this part of a style so I really don't know what i'm doing.

Posted by: pandy Jun 18 2008, 03:49 PM

So use 'transparent'. But what do you expect to see? "All the way through" makes me think of those radar vision glasses. They don't work. tongue.gif

Posted by: NovaArgon Jun 18 2008, 04:05 PM

Thanks so much Pandy your rock!

I am trying it but I must be putting my code in wrong.

do you see what the problem is?

}

.navbar {
background-color: 'transparent';
}

Posted by: pandy Jun 18 2008, 04:18 PM

What do you expect to see through it?

Do you want only the background or both background and foreground to be transparent?

Posted by: NovaArgon Jun 18 2008, 04:30 PM

http://www.tarantuladatabase.com/this.JPG

I just want the text to show up.

The white is border I want to get ride of

Posted by: NovaArgon Jun 18 2008, 04:49 PM

I got it.

background transparent url("http://www.tarantuladatabase.com/assets/forum/styles/tarantula/theme/images/content_bg.jpg")


Posted by: Frederiek Jun 19 2008, 07:47 AM

Your navigation links are not horizontal as in your image.
This is what I see in Safari/Mac:

Attached Image

Posted by: NovaArgon Jun 19 2008, 08:30 AM

QUOTE(Frederiek @ Jun 19 2008, 08:47 AM) *

Your navigation links are not horizontal as in your image.
This is what I see in Safari/Mac:

Attached Image



http://forums.htmlhelp.com/index.php?showtopic=6238#

Yea I am working on that to.

Posted by: Frederiek Jun 19 2008, 08:34 AM

Yep, I just saw that, just posted there too.

Posted by: Paula78 Aug 15 2011, 04:04 AM

I am testing out the phpbb3 setup for my forum. today i'm having a blank moment and could do with a little nudge.I have downloaded a template/style and want to upload it to my phpbb3 forum using frontpage.i have opened up front page but how do i get the template from my PC onto my website?

I'm a real beginner so please offer step by step instructions. huh.gif

Posted by: pandy Aug 15 2011, 05:32 AM

Can you upload separate files with FP, files that aren't part of a project or something? Otherwise, just use a standalone FTP program. Less hassle, I should think.

http://www.google.com/url?sa=t&source=web&cd=1&ved=0CCYQFjAA&url=http%3A%2F%2Ffilezilla-project.org%2F&ei=lfVITuWvCIT6sgbOzPmjCQ&usg=AFQjCNFi0DpQ1I5V_nCUkxMoqvM1kA5XnA is good and free.

Posted by: Neeyoh Dec 30 2011, 03:24 PM

QUOTE(NovaArgon @ Jun 18 2008, 04:05 PM) *

Thanks so much Pandy your rock!

I am trying it but I must be putting my code in wrong.

do you see what the problem is?

}

.navbar {
background-color: 'transparent';
}






- Please remove the quotes ' ' it won't work with those 2 being there.

Powered by Invision Power Board (http://www.invisionboard.com)
© Invision Power Services (http://www.invisionpower.com)