QUICK NEWS

{NEW} - A new css video is up.

{OLD} - New video courtesy of Skhilled, Thanks for posting it up.

Video of the moment:


Internal Links

SMF Sites

Quick Info

How to add colored borders to the main forum area?

Started by Hatshepsut, May 04, 2022, 01:01 AM

Previous topic - Next topic

0 Members and 1 Guest are viewing this topic.

Hatshepsut

Hello,

I have two SMF forums - the old is 2.0.19, the new is 2.1.2
I like the theme style of the old forum, with its colored left (blue) and right (red) borders of the main area:

https://www.forum.bg-nacionalisti.org/index.php

I would add such style to the new forum, but I don't know how  ::)

Skhilled

It is made with images. Press F12 on your keyboard to bring up the web developer. Click the "Pick an element" icon and you can see it is an image.

Hatshepsut

Quote from: Skhilled on May 04, 2022, 07:16 AMIt is made with images. Press F12 on your keyboard to bring up the web developer. Click the "Pick an element" icon and you can see it is an image.

Yes, I found related image, called frame_repeat.png

That's appropriate code in the CSS file:

/* the content section */
#content_section
{
    background: url(../images/_Stroke/theme/frame_repeat.png) repeat-y top left;
    padding-left: 20px;
}
#content_section div.frame
{
    background: url(../images/_Stroke/theme/frame_repeat.png) repeat-y top right;
    display: block;
    padding: 0 30px 20px 10px;
}

Skhilled

You could either alter that one or make/have one created for you according to your needs and use it. ;)

EDIT: I would check to see if that one is copyrighted before using it, etc. ;)