Create A Forum - Support Forums

Support => General Support => Topic started by: 94AmTranVolunteer on September 18, 2010, 07:27:27 pm

Title: HTML ezBlock Background Color/Outline Color
Post by: 94AmTranVolunteer on September 18, 2010, 07:27:27 pm
Is there anyway I can change the Color and Outline Color of a HTML ezBlock?
Title: Re: HTML ezBlock Background Color/Outline Color
Post by: Seldom Fail on September 18, 2010, 07:41:45 pm
Not without changing the whole style, no.

I'm not 100% sure what part of the CSS you would need to change that though. I'll try to find out. I think it's category backgrounds... butttttt... again... not sure. lol
Title: Re: HTML ezBlock Background Color/Outline Color
Post by: 94AmTranVolunteer on September 18, 2010, 07:43:54 pm
Well, I Did see this on another Forum, which ran on SMF but it ran SimplePortal, and the Forum itself ran SMF 1.11 instead of SMF 2.0. Why does CreateAForum use ezBlock instead of Simple Portal?
Title: Re: HTML ezBlock Background Color/Outline Color
Post by: Seldom Fail on September 18, 2010, 07:44:40 pm
Because CAF created EzPortal.
Title: Re: HTML ezBlock Background Color/Outline Color
Post by: 94AmTranVolunteer on September 18, 2010, 07:45:48 pm
oh. I wish I could use SimplePortal, but ezBlocks are okay, but with ezBlocks, there is no way you can change the background of the ezBlock.
Title: Re: HTML ezBlock Background Color/Outline Color
Post by: simply sibyl on September 18, 2010, 08:17:39 pm
Only way I can think of to change the background color would be to do it the same way I had mentioned for the old legacy Portal on SMF for Free.   That will also work with HTML blocks with EzPortal with Create a Forum forums.   I tested it to be sure.

You'll need to Modify the css to do that.
Add this to your css:

Code: [Select]
.somename
{
   background-color:  #F3E4C3;
}

Directions for the above code:

change #F3E4C3 to the color you want the background of the html box to be
change somename to whatever you want to call it.   It can be left as "somename" but if you do change it make it unique.

Save the css, refresh browser.


Then edit your HTML box and do this:

Code: [Select]
<div class="somename">
your html goes here
</div>

replace somename with the name you used in the css

thats it!

If you want different colors for different boxes just make more classes in the css. 

Changing the borders is a different issue and would mean changing the border color in the css for that area (which would then change it throughout the forum)     Given how indepth the css is for 2.0 that would take me eons to figure out but you can at least do the backgrounds for now.   (works only for the html blocks)

Possibly some day he can code EzPortal so that you can make changes to the appearance of the boxes.
Title: Re: HTML ezBlock Background Color/Outline Color
Post by: 94AmTranVolunteer on September 18, 2010, 08:30:02 pm
thank you sibyl, the only problem is that i cannot find 'Legacy Portal' on the Menu List.
Title: Re: HTML ezBlock Background Color/Outline Color
Post by: simply sibyl on September 18, 2010, 08:32:11 pm
thank you sibyl, the only problem is that i cannot find 'Legacy Portal' on the Menu List.

Sorry, maybe I wasn't very clear.    I mentioned Legacy as thats the old portal used on SMF for Free forums and this code is what I came up with for them there.  It'll work with your EzPortal on your Create a Forum forum. 

Just do the edits to the css, and the EzPortal html block as I explained  :)   
Title: Re: HTML ezBlock Background Color/Outline Color
Post by: 94AmTranVolunteer on September 18, 2010, 08:36:14 pm
Sibyl, I did edit the CSS and put the HTML Code in and it did not work.
Title: Re: HTML ezBlock Background Color/Outline Color
Post by: simply sibyl on September 18, 2010, 08:36:35 pm
Not without changing the whole style, no.

I'm not 100% sure what part of the CSS you would need to change that though. I'll try to find out. I think it's category backgrounds... butttttt... again... not sure. lol

You'ld have to change the main_block.png image and know the exact place in it to change to change that background.   There is no singular image for the category backgrounds with 2.0  ;) Also would have to find where in the css to change the border color.   Those changes would of course, as you know, change things forum wide.
Title: Re: HTML ezBlock Background Color/Outline Color
Post by: simply sibyl on September 18, 2010, 08:37:56 pm
Sibyl, I did edit the CSS and put the HTML Code in and it did not work.

Did you refresh your browser?  You have to every time you edit the css so that your browser gets the changes to it.

If you did and you still do not see the change post the code you put in the css and the code you put in the html block please.

Also:  if it is for this forum http://schoolbuscityrp.createaforum.com/index.php which block are you trying to change?
Title: Re: HTML ezBlock Background Color/Outline Color
Post by: 94AmTranVolunteer on September 18, 2010, 08:44:57 pm
I did. Sorry, I was looking at some SMFNew Forums (I like Create-A-Forum better though!!!)
Title: Re: HTML ezBlock Background Color/Outline Color
Post by: simply sibyl on September 18, 2010, 08:47:11 pm
Please answer this part  ;)

Quote
If you did and you still do not see the change post the code you put in the css and the code you put in the html block please.

Also:  if it is for this forum http://schoolbuscityrp.createaforum.com/index.php (http://schoolbuscityrp.createaforum.com/index.php) which block are you trying to change?
Title: Re: HTML ezBlock Background Color/Outline Color
Post by: simply sibyl on September 18, 2010, 08:49:16 pm
Also -  I just checked your css and I do not see where you added the code.   Where did you put it in the css?
Its for this forum correct?
http://schoolbuscityrp.createaforum.com/index.php (http://schoolbuscityrp.createaforum.com/index.php)
Title: Re: HTML ezBlock Background Color/Outline Color
Post by: 94AmTranVolunteer on September 18, 2010, 08:51:03 pm
Simply Sibyl, I put the CSS at the Bottom of the CSS Text. Is this okay? And I put the HTML Code into the HTML Box.

and yes it is for schoolbuscityrp.createaforum.com/index.php
Title: Re: HTML ezBlock Background Color/Outline Color
Post by: simply sibyl on September 18, 2010, 08:54:27 pm
It's not there. Im looking at the bottom of your css right now.   
Make sure you modify the schoolbus1 style
Then refresh your browser.
If it doesnt work this time show me the exact code you put in the html block and tell me the exact steps you did to modify the css.
Title: Re: HTML ezBlock Background Color/Outline Color
Post by: 94AmTranVolunteer on September 18, 2010, 08:55:58 pm
k. I am going to check.
Title: Re: HTML ezBlock Background Color/Outline Color
Post by: 94AmTranVolunteer on September 18, 2010, 08:57:23 pm
Okay. It works now. In the CSS Code, it was ##COLOR
Title: Re: HTML ezBlock Background Color/Outline Color
Post by: simply sibyl on September 18, 2010, 09:01:07 pm
:)  okay cool
If you want to change that font color you can add this to that css edit:
 
color:white;
 
 
So it would be:
 
Code: [Select]
.somename
{
   background-color:  red;
   color:white;
}

 
Change white to the font color you want.

You can add this also so the text isnt glued to the left side:
padding-left:10px;

Or if you want the text centered use:
text-align:center;