Look For A Skin Change On Old Forum

[cassini]

Hello Ape and Jenny

January 2022 I reinstalled my oldest forum and change the skin as it was messed up due to it being a deleted forum for over five years. I changed the skin to a basic blue white I think it was The Crow skin I used, I am finding the white background too much for my eyes. The forum was a phpbb3 but changed it to phpbb2 to look at the skins however most are too depressingly dark or far too garish for me.

I would like some ideas and help please, at the moment light blue with a grey centre of the other way around would suit me.
Some of the skins I have tried will not let me change the colour of the background centre of the forum or change the background skin. Skouliki made a background skin for me that I wish to continue to use.

https://arkcapsandvideos.forummotion.com

Regards

Cassini

[APE]

Hi @cassini right now  I have little time but i think Jenny will reply to you soon she said if she gets time she will help you more.

The best thing to do is screen shot what you would like to change and we will put our heads together and see what we can do

[cassini]

Hello Ape,

Yes no problem, just been looking at css codes the reason I cannot change the white background it is set in the codes.
I do not mind Jenny helping she has done a lot for me over the years 

Here is a copy of the css codes

Code:

 body {   
background-color: lightblue;
color: #536482;
font-family: Verdana,Arial,Helvetica,sans-serif;
font-size: 10px;
height: auto;
padding: 10px 0;
}
#wrap {
background-color: #FFFFFF;
margin: 0 auto;
min-width: 768px;
padding: 8px;
width: 1000px;
box-shadow: 0 0 10px #666666;
border-radius: 6px;
}
.forabg, .forumbg {
background: url("https://i.servimg.com/u/f55/18/69/69/68/bgr10.png") repeat-x scroll center top #65A5D1;
background-repeat: repeat-x;
border: 2px solid #FFFFFF;
clear: both;
margin-bottom: 4px;
padding: 0 5px;
}
.headerbar {
background: url("https://i.servimg.com/u/f55/18/69/69/68/catego10.png") repeat-x scroll center top #B0D9F9;
margin-bottom: 4px;
padding: 5px 0;
border-radius: 4px 4px 0 0;
border: 1px solid #6DBCF9;
}
li.row {
border-bottom: 1px solid #C3DBF0;
border-top: 1px solid #fff;
background: #F0F6FB;
}
li.row:hover {
background-color: #fff;
}
ul.topiclist dd {
border-left: 0px solid #FFFFFF;
display: block;
float: left;
padding: 4px 0;
}
#page-header .navbar {
background: url("https://2img.net/i/fa/optimisation_fdf/fr/bg_nav.png") repeat-x scroll center top #FBFBFB;
}
ul.navlinks a.mainmenu {
color: #FFFFFF;
font: 13px tahoma,arial,verdana,sans-serif;
outline: medium none;
text-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);
font-weight: bold;
}
ul.navlinks a.mainmenu:hover {
color: #fff;
text-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
}
ul.navlinks {
background: url("https://i.servimg.com/u/f55/18/69/69/68/bgr10.png") repeat-x scroll center top #65A5D1;
border-radius: 0 0 7px 7px;
border-top: 1px solid #FFFFFF;
bottom: 9px;
height: 26px;
position: relative;
text-align: center;
margin-left: -10px;
margin-right: -10px;
}
ul.linklist li a img {
display: none;
}
#page-header .navbar {
background: transparent;
}
.navbar a {
color: white;
text-shadow: 0 0 0 rgba(0, 0, 0, 0);
}
.navbar {
background: url("https://i.servimg.com/u/f55/18/69/69/68/bgr10.png") repeat-x scroll center top #65A5D1;
clear: both;
padding: 0 10px;
color: white;
}
.post .corners-bottom, div.post .corners-top {
display: none;
}
.postbody {
border: 1px solid #B9D7F1;
background-color: #F0F6FB;
border-radius: 2px;
padding: 8px;
}
.post {
background: #E6F0F9!important;
border: 1px solid #C3DBF0;
margin-bottom: 10px;
padding: 5px;
border-radius: 3px;
}
.postprofile {
background-color: #E8F1F9;
border-right: 1px solid #CFE3F5;
color: #536482;
display: inline;
float: left;
margin: -5px -5px;
min-height: 80px;
position: relative;
width: 15%;
word-wrap: break-word;
border-bottom: 1px solid #CFE3F5;
border-radius: 5px 0 5px 0;
padding: 15px 9px 9px;
}
.online .postprofile {
background-image: url("https://2img.net/i/fa/prosilver/icon_user_online_en.png");
background-position: right top;
background-repeat: no-repeat;
}
#profile-advanced-right .module:first-child img {
border-radius: 100%;
height: 80px !important;
width: 80px !important;
}
/* avatar */
.mod-login-avatar dt > img, #main-content > div.post .postprofile dt img, #fa_popup_content > div.post .postprofile dt img, .lastpost-avatar img, td.avatar-mini img, .avatar img, #userAvatar img {
border-radius:100px;
height:100px;
width:100px;
}
ul#picture_legend {
background-color: #F0F4F8;
border: 1px solid #C6D2DC;
border-radius: 3px;
box-shadow: 0 1px 0 #FFFFFF inset, 0 1px 4px rgba(0, 0, 0, 0.05);
padding: 8px;
left: 35%;
display: inline-block;
position: relative;
}

Forum address https://arkcapsandvideos.forummotion.com/

Forumscreen Shot not the whole page







Thank you 
Regards
 Cassini

[APE]

Jenny said she will pop in later and have a look she is sorting the kids out and has to go to a meeting.

[cassini]

Ok thank Ape, I will change the password for the Test Account

[JENNY]

Hi @cassini do you have any colours in mind for this forum ?

[cassini]

Hello Jenny,

After spending a lot of time looking at skins for phpbb2 and phpbb3 I decided on keeping the blue and to try and change the white to grey. I did try changing the white yesterday, however only the widgets and part of the top changed which was ok however I had to reinstall the previous skin so it's back to what it was last week.

The navigation buttons I am not sure these can be changed? I have not tried it yet, I am sure some of the hit skin navigation buttons cannot be changed on some skins unlike others that I have tried.

I picked this skin last year, as it has that lined effect at the top of the categories, the buttons are the originals however Skouliki upgraded I think four that seem to disappear off the skin.

The forum icons are the original ones for the skin with a blue tick for new posts, however all the other forum icons including the moderation tools I have used from my UK TV Reporter Captures site.

I hope the codes are ok for you to tinker about with regarding the white background ? Maybe just improve the member profiles would be a good idea ?

Let me know if you would like to use the Test Account, oh yes it does work I had Skouliki, Brandon and Luzz on it at the weekend and Monday.

Regards
Cassini

[JENNY]

Hi @cassini

My thought's on the main forum / Home page.

As you can see it's sort of all blue  but if you hover over the forum it will go really light grey.

I have not added this to your forum i have just made it by the Browser tools.

Post profile something like this  maybe?

[JENNY]

Nav bar buttons something like this maybe ?

[cassini]

Yes much better Jenny  

[APE]

Jen will get the codes sorted in the weekend in that's ok

[cassini]

Thank you Ape and Jenny, no rush it's only an archive forum

I did try to change the colour code on the background colour but it did not work.

[Mihai]

Thank you Ape and Jenny, no rush it's only an archive forum

I did try to change the colour code on the background colour but it did not work.

Coucou,

In your CSS Stylesheet i think you have this code, if not add it:

Code:

.forabg, .forumbg {
    background: url(https://i.servimg.com/u/f55/18/69/69/68/bgr10.png) repeat-x scroll center top #65A5D1;
    background-repeat: repeat-x;
    border: 2px solid #FFFFFF;
    clear: both;
    margin-bottom: 4px;
    padding: 0 5px;
}

Replace #65A5D1 with the own hex color code you want.

[cassini]

Thank you Mihai

I would like to get rid of the white #FFFFFF to the light blue which is easier on the eyes #CADCEB.
I tried however lost the writing at the bottom of the forum 

EDIT: I had to repost the CSS codes that I saved to correct the mess I made of the bottom of the forum 

[Mihai]

Thank you Mihai

I would like to get rid of the white #FFFFFF to the light blue which is easier on the eyes #CADCEB.
I tried however lost the writing at the bottom of the forum 

EDIT: I had to repost the CSS codes that I saved to correct the mess I made of the bottom of the forum 

Here is the result you want:

Code:

.forabg, .forumbg {
    background: url(https://i.servimg.com/u/f55/18/69/69/68/bgr10.png) repeat-x scroll center top #65A5D1;
    background-repeat: repeat-x;
    border: 2px solid #CADCEB;
    clear: both;
    margin-bottom: 4px;
    padding: 0 5px;
}

if you want no color at the border just remove

Code: #CADCEB

P.S: i tried making an account on your forum, but looks like the registration is disabled (in case its not working): https://prnt.sc/V1DeVRlEzpeS

Let me know if you need anything else.