Print Topic - Archive

E-Blah Community  /  Forum Support  /  Confusing CSS...
Posted by: iCONICA, June 25, 2008, 11:10pm
Hi, I've been modifying the styling of my forum once again...

Looks great i think... the thread

http://forum.i-conica.net/cgi-bin/forum/Blah.pl?m-1213179231/ shows the difference, Before and After...
Heres my showcase thread here if you'd like to comment or vote. http://www.eblah.com/forum/m-1213363433/

My problem is, the "fancy profile" thing, where info such as rep, location etc.. is a lighter shade than the background it is on.

This is because each line of text is in its own class, the same "win2" class. That class has a gradient image over it. the top of the image is #141414 and the bottom #030303.
As that class is being repeated under each other over and over, it is only showing the top of the gradient image. making the entire "fancy profile" thing #141414 looking rather odd.

I presume the best way would be to remove that profile informations class, or give it a different class so i can style that as i please. But where do i find it to change it?

Also, I wouldn't mind removing that class from the postbody either. Because that gradient is being shown at the top of each post. looks ok, just silly...

So i need to find where to change the class for the fancy profile and the post body so i can give them my own.

Thanks!  :P
Posted by: davyblah, June 25, 2008, 11:18pm; Reply: 1
Hi

Cant se your before and after images as you need to be a member
Posted by: iCONICA, June 25, 2008, 11:21pm; Reply: 2
Sorry, Give me 3 minutes i'll sort that. :D
Posted by: iCONICA, June 25, 2008, 11:22pm; Reply: 3
Done  :P

The latest image is at the bottom btw.
Posted by: Martin, June 27, 2008, 1:00pm; Reply: 4
Did you sort this?
Posted by: iCONICA, June 27, 2008, 1:33pm; Reply: 5
no, :(

i know the problem, just not sure how to fix it..

the lines of text in the profile part, (in screenshot) is in the class win3 or somthin... that class has a gradient image on it. thats great for the other parts of the forum, just not there...

I need to remove or change the class of the lines of text in the profile...

Thanks.

EDIT: You can see the pale gray, #141414 is the top of the gradiant which is assigned to win3...
You can see where i've made the rep font bigger and added padding below, now under that you can see the gray darken for the lower part of the gradient.

Just removing or changing the class should sort this, because its perfect everywhere else.
Posted by: Martin, June 27, 2008, 2:04pm; Reply: 6
I must be blind 'cos I don't see it  :)

Also look at this thread and don't see it: http://forum.i-conica.net/cgi-bin/forum/Blah.pl?m-1210160089/

The profile side bar alternates between win and win2, where are you getting win3 from?

Turn off the Quick Fancy profile under Message display Options
Posted by: iCONICA, June 27, 2008, 2:56pm; Reply: 7
Sorry my mistake.. its not win3... although i've got gradients on pretty much all others as you can see.. lol

You can't see the gradient itself because the image doesn't start to change shade until its below the point where it is being repeated because its used so often in the profile panel there...

I'll try to illustrate and repost that image...
Posted by: iCONICA, June 27, 2008, 3:02pm; Reply: 8
All that would fix this would be as simple as being able to change the class those tables are in, change them to my own class i can then customise in the css.

I can then leave the win, win2, win3 etc.. as they are, because they work perfectly with those gradients everywhere else.

Thanks.
Posted by: Martin, June 27, 2008, 3:46pm; Reply: 9
Try changing this to include font-size in your template.css

.fancyprofilet, .fancyprofilev, .plainprofile {
     padding: 5px;
}
Posted by: iCONICA, June 27, 2008, 4:49pm; Reply: 10
Oh I'm sorry, Maybe my description on that screen shot was misleading. I set those rep numbers larger deliberately.

The problem is I need to stop that profile bar being in the class "win" and "win2". So they won't be affected by that image which is applied to those classes.

I can then give them my own class which I can style separately.

Thanks.
Posted by: Martin, June 28, 2008, 12:23am; Reply: 11
You would need to edit Load.pl and take the class out or change it.

Code
<div class="win fancyprofilet"><strong>$miniprofile{$_}</strong></div>
<div class="win2 fancyprofilev">${$_}{$user}</div>
Posted by: iCONICA, June 28, 2008, 1:18am; Reply: 12
Thatss fantastic martin, Exactly what I needed to know!

Load.pl...  ??)

I'll get right on it!

Thanks again!
Print page generated: November 20, 2008, 4:32pm