The forum of the forums
Welcome to the Official Support Forum of Forumotion!

To take full advantage of everything offered by our forum, please log in if you are already a member, or join our community if you've not yet.



Create a free forum like this one.

Question about changing colour

View previous topic View next topic Go down

In progress Question about changing colour

Post by Dekatron on October 8th 2014, 9:55 am

Hi, im appologize if this thing was already explained (i suppose it is) but i can't find this detail. It's about changing some part of background colour. In my case i want to change part of topic background, left or right part where avatar is (if this is possible). I know that background color 2 refers on color in text topic area, but i want to put different color on left side (part where is avatar on my forum), and different color in part where people posting messeges in topics. I hope that u understand me, cheers!

Dekatron
Forumember

Posts : 26
Reputation : 1
Language : English

Back to top Go down

In progress Re: Question about changing colour

Post by Jadster on October 8th 2014, 1:21 pm

Hello Dekatron,
To do this you will just need to edit it through the CSS Stylesheet on your forum. Here are 2 codes you will need to color the avatar portion of a topic and the actual message portion of a topic.

Avatar Portion:
Code:
.postprofile {
/*Enter Code Here*/
}

Message Portion:
Code:
.postbody {
/*Enter Code Here*/
}

If you need any more assistance with this, please let me know and I will help you out even further! But to do what you are wanting, those 2 codes I provided you will be the start. It will just require you to finish it by putting what you want.

Hope this answers your question!

-Jad

Jadster
Forumember

Male Posts : 659
Reputation : 78
Language : English
Location : United States

http://adminvortex.forumotion.com

Back to top Go down

In progress Re: Question about changing colour

Post by Dekatron on October 8th 2014, 2:41 pm

Thank u very much for your answer, but i have some issues. First, i enter in ACP mode and than display/pictures and colors/colors, than i choose CSS Stylesheet. I found this is a way to manage CSS, but when i enter in CSS mode i don't see any codes, only blank space where i can write something. Than i try to click See your forum's basic CSS and here i can see CSS, but here i can not edit anything. I try to copy and paste this into that blank space, and than enter color code wich i choose and submit, but nothing has change. I don't understand right way to manage this CSS mode. Any further help will be appreciated, thanks again.

Dekatron
Forumember

Posts : 26
Reputation : 1
Language : English

Back to top Go down

In progress Re: Question about changing colour

Post by Ramdaman on October 8th 2014, 2:42 pm

It could be that your forum skin had no CSS added to it by the skin creator.

Ramdaman
Active Poster

Male Posts : 1614
Reputation : 96
Language : English, Albanian, Macedonian, Russian | HTML, CSS
Location : New York City

http://ndihme.forumotion.com/forum

Back to top Go down

In progress Re: Question about changing colour

Post by Dekatron on October 8th 2014, 2:52 pm

I dont think this is a case, because i don't used any specific theme from hitskin or from somwhere else but default phpBB3 (prosilver) and only changing/added something.

Dekatron
Forumember

Posts : 26
Reputation : 1
Language : English

Back to top Go down

In progress Re: Question about changing colour

Post by Jadster on October 8th 2014, 2:57 pm

What colors are you trying to add to your CSS? I can help you write the code if you would like.

-Jad

Jadster
Forumember

Male Posts : 659
Reputation : 78
Language : English
Location : United States

http://adminvortex.forumotion.com

Back to top Go down

In progress Re: Question about changing colour

Post by Dekatron on October 8th 2014, 3:03 pm

Hmm, i dont have any particular colors right now on my mind, but for example i want that avatar part be in some kind of grey color, code: #80839e But if i found out exactly way how to do that i could choose any color, i know where i can see those codes.

Dekatron
Forumember

Posts : 26
Reputation : 1
Language : English

Back to top Go down

In progress Re: Question about changing colour

Post by Jadster on October 8th 2014, 3:09 pm

For the avatar portion, use the following code.

Code:
.postprofile {
background-color: #80839e;
}

Just paste that into your CSS Stylesheet and it should work.

Jadster
Forumember

Male Posts : 659
Reputation : 78
Language : English
Location : United States

http://adminvortex.forumotion.com

Back to top Go down

In progress Re: Question about changing colour

Post by Ramdaman on October 8th 2014, 3:10 pm

@Dekatron wrote:I dont think this is a case, because i don't used any specific theme from hitskin or from somwhere else but default phpBB3 (prosilver) and only changing/added something

I don't think the prosilver phpBB3 has any CSS in it.

Ramdaman
Active Poster

Male Posts : 1614
Reputation : 96
Language : English, Albanian, Macedonian, Russian | HTML, CSS
Location : New York City

http://ndihme.forumotion.com/forum

Back to top Go down

In progress Re: Question about changing colour

Post by Dekatron on October 8th 2014, 3:19 pm

Well done, it is working Wink But, i must bother u little more (sorry). My idea was to change color of all left side, not only small area around avatar. All left side by height one color, and text body area another color. Maybe i looking for something immposible. I will show u example of one forum that have this, that u can see what i mean. Thank u very much for your effort, i really appriciated this, and sorry for my grammatically bad english.


Here comes example: http://forum.bettingadvice.com/showthread.php?t=90487 U can see left and right side isn't same color.

Dekatron
Forumember

Posts : 26
Reputation : 1
Language : English

Back to top Go down

In progress Re: Question about changing colour

Post by Jadster on October 8th 2014, 3:35 pm

Ah ok, I see what you mean now. Sorry for my misunderstanding. With PhpBB3 I do not think this is possible but I know that this is possible with PunBB. I have tested this on PunBB and it works the way you are looking but I do not think it will work with PhpBB3 just because of how the templates and how the design is all set up.

If you were willing to switch over to PunBB then I could help you from there but I do not think it is possible to get what you want with PhpBB3 but we can see if the staff know of a way.

-Jad

Jadster
Forumember

Male Posts : 659
Reputation : 78
Language : English
Location : United States

http://adminvortex.forumotion.com

Back to top Go down

In progress Re: Question about changing colour

Post by Dekatron on October 8th 2014, 3:46 pm

U r very kind, i must praise technical support of this forum. Not only forumotion option is very user friendly, and have lots of interesting and creative option, but also have great support. I will certanly recommend this forum everyone, well done Wink
As far as my desires about changing this colors, i can live without that Smile, i just find this phpBB3 best looking for my forum, doesn't matter that i can't change this

Dekatron
Forumember

Posts : 26
Reputation : 1
Language : English

Back to top Go down

In progress Re: Question about changing colour

Post by Ange Tuteur on October 8th 2014, 3:52 pm

Hello Dekatron,

The forum in your example is using tables for their layout, similar to phpbb2. Phpbb3 uses a set of div elements which are floated. This makes it a bit difficult to adjust their height to fit the post. You can use a trick with absolute position to achieve this though !

Example CSS :
Code:
.post {
 overflow:hidden;
 position:relative;
 min-height:400px; /* adjust if profile appears clipped */
}

.postprofile {
 border:none;
 background:#FFF;
 position:absolute;
 /* Adjust properties below to move profile */
 top:-5px;
 left:0px;
 bottom:0px;
}

The only thing that is important to keep watch on is profile clipping. If the profile appears cut off/clipped adjust min-height:400px; to a larger value. The reason it may clip the profile is because it's absolutely positioned; it takes up no space.

Ange Tuteur
Forumaster

Male Posts : 13021
Reputation : 2683
Language : EN10, FR5
Location : Pennsylvania

http://fmdesign.forumotion.com

Back to top Go down

In progress Re: Question about changing colour

Post by Dekatron on October 8th 2014, 5:53 pm

Cool, it works. Thanks very much all of u. However, i doubt that i will use min-height option because in that case body text will be always too high/wide, and that looks ugly and unpractic when posts are short.

Dekatron
Forumember

Posts : 26
Reputation : 1
Language : English

Back to top Go down

In progress Re: Question about changing colour

Post by Ange Tuteur on October 8th 2014, 6:34 pm

Yes, that's absolutely true. Wink

Another alternative is adding a scrollbar to the profil :
Code:
.post {
  overflow:hidden;
  position:relative;
}

.postprofile {
  border:none;
  background:#FFF;
  overflow-y:auto;
  position:absolute;
  /* Adjust properties below to move profile */
  top:-5px;
  left:0px;
  bottom:0px;
}

This of course would only display if the profile is clipped.

Ange Tuteur
Forumaster

Male Posts : 13021
Reputation : 2683
Language : EN10, FR5
Location : Pennsylvania

http://fmdesign.forumotion.com

Back to top Go down

View previous topic View next topic Back to top


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