The forum of the forums
Would you like to react to this message? Create an account in a few clicks or log in to continue.

How To Make Board With Semi-Opacity?

+2
Darren1
GG2012
6 posters

Go down

Solved How To Make Board With Semi-Opacity?

Post by GG2012 March 22nd 2010, 5:37 am

How can I make icons with a transparent background for my forum?


Last edited by GG2012 on May 2nd 2010, 5:32 pm; edited 2 times in total
GG2012
GG2012
Forumember

Female Posts : 128
Reputation : 0
Language : english

Back to top Go down

Solved Font Color Question

Post by GG2012 March 22nd 2010, 6:01 am

I had recently changed the colors of my forum, but I later realized that the quote box color is white and the font colors in the quote box is close to the color white which makes it unreadable. I only need to change one of the colors but have, but I have been playing with the colors in the administration panel (even the quote box color) and nothing changes. Can someone help me with this?


Last edited by GG2012 on May 2nd 2010, 5:32 pm; edited 1 time in total
GG2012
GG2012
Forumember

Female Posts : 128
Reputation : 0
Language : english

Back to top Go down

Solved Re: How To Make Board With Semi-Opacity?

Post by Darren1 March 22nd 2010, 7:15 am

Hello,

1) Just save the image as .png and it will be transparent.

2) You will have to await till one of our resident coders pop on it to further assist you Wink
Darren1
Darren1
Helper
Helper

Male Posts : 11853
Reputation : 566
Language : English

Back to top Go down

Solved Re: How To Make Board With Semi-Opacity?

Post by kirk March 22nd 2010, 3:48 pm

what version are you using?

you can try this in your css.. but you may also be able to do it from you colors in the admin panel.As you see you will have to add the colors you want for where you want them. background,border and text

Code:
.quote{
   background: #525252;
   border: 1px solid #000000;
   color: #E7E7E7;
   font-size: 10px;
   line-height: 125%;
}
 
kirk
kirk
Forumaster

Male Posts : 11037
Reputation : 653
Language : English,Vulcan,Klingon, Romulan,& Gorn

Back to top Go down

Solved Re: How To Make Board With Semi-Opacity?

Post by GG2012 March 22nd 2010, 10:11 pm

darren1 wrote:Hello,

1) Just save the image as .png and it will be transparent.

2) You will have to await till one of our resident coders pop on it to further assist you Wink

ok thank you!
GG2012
GG2012
Forumember

Female Posts : 128
Reputation : 0
Language : english

Back to top Go down

Solved Re: How To Make Board With Semi-Opacity?

Post by Sanket March 23rd 2010, 4:30 am

Is it solved?
Sanket
Sanket
ForumGuru

Male Posts : 48766
Reputation : 2830
Language : English
Location : Mumbai

Back to top Go down

Solved Re: How To Make Board With Semi-Opacity?

Post by GG2012 March 28th 2010, 12:32 pm

well, I was able to fix the font color.

But I 'm still unable to figure out the quote box color? because thereare a few areas where they are still un-readable because of the white quote box ( I already changed the color for this I thought).
GG2012
GG2012
Forumember

Female Posts : 128
Reputation : 0
Language : english

Back to top Go down

Solved Re: How To Make Board With Semi-Opacity?

Post by Sanket March 29th 2010, 5:18 am

Code:
.quote{
  background: #525252;
}

Add this to your css to change the background color of the quote box.
Sanket
Sanket
ForumGuru

Male Posts : 48766
Reputation : 2830
Language : English
Location : Mumbai

Back to top Go down

Solved Re: How To Make Board With Semi-Opacity?

Post by ecatodarcus March 30th 2010, 10:39 am

GG2012 wrote:How can I make icons with a transparent background for my forum?

you can use the open source program called GIMP. in order to make your icon transparent check this tutorial or this one
i found both of them really helpful!
you can download GIMP here for Linux or here for windows
i hope i've helped you

p.s do not forget to save your edited photo in .png format. because that is the only format that lets you to have a transparent image
ecatodarcus
ecatodarcus
Forumember

Male Posts : 49
Reputation : 0
Language : Greek, English, German
Location : Athens

http://ntuamech.forumotion.net/portal.htm

Back to top Go down

Solved Re: How To Make Board With Semi-Opacity?

Post by GG2012 March 30th 2010, 11:53 am

Sanket wrote:
Code:
.quote{
  background: #525252;
}

Add this to your css to change the background color of the quote box.

Thanks so much! although this exact code seem to not show, I played around with it and this was what seemed to have worked.

Code:

.post-entry blockquote {
  background-color : #EDEDC7 !Important;
}


The codes are not better, but I had assumed also the area that shows once you hit enter for a post and it takes you to a new page to let you know:


Your message has been entered successfully.

Click here to view your message

Click here to return to the forum

The first line for the "message entered successully" is visible, but "click here" messages show as white and the background where it's posted is also white. I think because I have white colored fonts in a few areas of te forum. But, iis it possible to change this too?
Is it a code for it?

How To Make Board With Semi-Opacity? White_10
GG2012
GG2012
Forumember

Female Posts : 128
Reputation : 0
Language : english

Back to top Go down

Solved Re: How To Make Board With Semi-Opacity?

Post by GG2012 March 30th 2010, 12:10 pm

ecatodarcus wrote:
GG2012 wrote:How can I make icons with a transparent background for my forum?

you can use the open source program called GIMP. in order to make your icon transparent check this tutorial or this one
i found both of them really helpful!
you can download GIMP here for Linux or here for windows
i hope i've helped you

p.s do not forget to save your edited photo in .png format. because that is the only format that lets you to have a transparent image



Thanks Ecatodarcus, yes I was able to save and upload the png files. Is there a way how I can and a semi-transparency to the parts of the forum? Right now it's completely transparent in these areas, that's how it has always been. But I only want semi-reansparent. I use PunBB


Last edited by GG2012 on May 2nd 2010, 5:32 pm; edited 1 time in total
GG2012
GG2012
Forumember

Female Posts : 128
Reputation : 0
Language : english

Back to top Go down

Solved Re: How To Make Board With Semi-Opacity?

Post by GG2012 May 2nd 2010, 5:28 am

How can I make it with semi-opacity?
GG2012
GG2012
Forumember

Female Posts : 128
Reputation : 0
Language : english

Back to top Go down

Solved Re: How To Make Board With Semi-Opacity?

Post by ankillien May 2nd 2010, 6:28 pm

Since the topic is marked as solved, I'll lock it.

Locked
ankillien
ankillien
Energetic

Posts : 5198
Reputation : 129
Language : English, XHTML, CSS, JS, PHP, SQL

Back to top Go down

Back to top

- Similar topics

 
Permissions in this forum:
You cannot reply to topics in this forum