Hello!

I have SMF 2.0.2

I've been tweaking it a lot and now it's almost perfect. But one last thing which kinda bothers me (though it might not be so crucial for other, I don't know...).

 

The left part of body of each post is somewhat different in color. I mean that's where you see the name of the poster, etc.

In my case, it's all ONE solid color from wall to wall, so to speak. There's no any border or a distinction between the part where the text resides and where the posters' stats are.

 

Here's the link:

 

http://forum.repetitorov.com/index.php/topic,5.0.html

 

The question is that this whole area called in Firebug "post_wrapper" is the same color (#ebf3fb) and what I want is to have 2 sections with a border (divider):

"poster" area with a slightly different color (say, this one #dfecf5) AND a white 1px border (divider) on a RIGHT side of "poster" . Yeah, that kinda thing...

.post_wrapper
{
float:left;
width:100%;
background:url('http://i849.photobucket.com/albums/ab59/sash_007/post_bg.jpg') repeat-y;
}/* here replace the attached image as background and upload to ur image folder*/

 

 

just find this in ur css and use the attached bg as background in the post_wrapper div and repeat-y make sure u get ur image path right from image folder else it will not show

 

the image is 1 pixel in height see just below and save it

 

 

or u can simply slice the image from this image

 

Edited July 16, 201214 yr by sash_oo7

Thanks a lot!

 

I already had that post_bg.jpg file copied and placed on my hosting, so you can delete it from photobucket if you like.

 

Could you explain what you did?

 

And also...Could you tell me how to make a divider line purely white (#ffffff) as opposed to what I have now (#f8ffff).

And the last thing...Now the background that I have (where the text of the posts is) is the same color as post_bg.jpg

and I wished it was #ebf3fb. Is it possible to make those minor adjustments?

i used simple faux column technique

 

 

i used pure white for the divider however i increased its width now

 

use this image

 

 

use this image i changed it a little

 

Edited July 16, 201214 yr by sash_oo7

It's probably that jpeg.'s change their hex value a little bit (that's why I stopped using them and only use .png's).

Recently I noticed that when I finish working with an image in Photoshop and then upload it as JPEG. to live site, the hex. value automatically adjusts itself ( don't know why). With .png's that doesn't happen. Maybe here it's the same story.

Could you use .png image or this trick only works with jpeg.'s?

Now it's White basically (#feffff), so it's fine. Let's just reverse the thickness to 1 px.

What's more important is to have the same color for bg (not where "poster" is, but where the post's text and a day published (above the text) etc. Originally it used to be #ebf3fb.

When I tried to modify your file myself (change its color to #ebf3fb, this whole trick stopped working and again I saw that "poster" color is not aligned with the rest of post body).

Edited July 16, 201214 yr by Gregory1974

hello u got the idea...

 

u can try urself now?

Yes, I would learn CSS and then I will know how to adjust it to my taste. Thanks again and I'm surprised in a good way about this forum. Very professional help!

One question though...what is the length of the left section (before the white pixel) and the length of the right section of the line in that post_bg.jpg file? And how did you find out that info?

And how do you create that line in a graphic file? Photoshop?

It's fine...I've already done everything myself in Photoshop. I increased the line to 3200% and used selection tool and paint bucket to adjust the colors. AND also deleted the blue pixel on the right that made a rightmost border twice thicker than the leftmost border. AND saved it in .png format.

And now everything is as it should be!

use photoshop scale tool for measurement in the tools palette(under eyedropper)

 

i used pen tool and used pencil stroke 1px

And how you found out the exact length of that line and all the sections in it?

I mean, how did you know exactly how many pixels should be in left section and how many in the right one?

Is there a place where you can see the numbers or you just measure the forum with ruler? Like how did you know it's 865-864 px wide and I still have no clue how long is each section of that line post_bg image...

Under eyedropper I have ruler tool (in the same menu) and below it is a spot healing brush tool.

What is a scale tool and where to find it? Isn't it the one within transform menu under Edit section above?

Edited July 17, 201214 yr by Gregory1974

take print screen and paste in a layer in ps

so you just measured everything in Ps with ruler tool? Well, I also use a separate ruler tool too...

 

I tried to measure my forum with ruler and I got 865 px altogether, 187 px left section, then 1 px white border and the rest is right section. Correct? 865-(187+1), ie. 865-188=677 px is the right section?

 

I guess I will learn more of a Ps to understand how exactly to draw a line which has sections of different colors in it. I still didn't get it...

lol i do it on eye estimation i dont need so much hard measurements

 

just use my image bigger image and make one new layer and change what u need

 

just use my image bigger image and make one new layer and change what u need

 

You meant that I could use your line in a file as a starting point (a template) for future adjustments?

 

What do you mean by "my image bigger image"?

 

And what exactly I should do?

 

 

 

by bigger image i meant this

 

u can use this as template drawing guides on it

 

u can use this as template drawing guides on it

 

How I can use that bigger image exactly?

And what did you mean when you wrote that "drawing guides on it"?