Simple Machines Community Forum

Customizing SMF => Graphics and Templates => Theme Site Themes => Topic started by: vbgamer45 on September 07, 2018, 03:25:25 PM

Title: SurFace-ol-lite
Post by: vbgamer45 on September 07, 2018, 03:25:25 PM
Link to the theme (https://custom.simplemachines.org/index.php?theme=2920)

Simple SMF 2.0.x  theme, Neat Clean, Fluid
Validated - easy on the eyes.
Replaced main SMF images with CSS styles
Theme is Fluid and works well with ezPortal
Main Images replaced with CSS
Made by my friend Maxx for ezPortal
Title: Re: SurFace-ol-lite
Post by: Yellowrose on April 20, 2019, 09:19:53 PM
Can this theme's images be swapped out for images more fitting to my site content. I always like to ask before changing things just the designer in me I guess.
Title: Re: SurFace-ol-lite
Post by: vbgamer45 on April 24, 2019, 04:39:41 AM
Yes you can. Just change the image files in the themes/images folder.
You might have to adjust some of the css for the image sizes.
Title: Re: SurFace-ol-lite
Post by: Yellowrose on April 25, 2019, 12:23:48 AM
Just a couple questions as to where to edit for the remainder to get it to look the way I want explanation is in the attached screen
Title: Re: SurFace-ol-lite
Post by: Yellowrose on April 29, 2019, 09:43:33 AM
Just need to figure out these last 2 areas the rest I have done myself but can't for the life of me find where to do the two listed in the scr4eenshot in the post above. I'm going to use this same theme on 4 other sites but need to know where these last 2 edits are so they look proper. before I do the other 4 sites.
Title: Re: SurFace-ol-lite
Post by: Kindred on April 29, 2019, 03:24:16 PM
learn how to use your browser's webdev/web inspector tool...

Code (comment out or otherwise remove these lines from index.css:123) Select

background: url('../images/pageglare.png') no-repeat, -webkit-linear-gradient(top, rgba(126, 129, 117, 0.12) 0, rgba(126, 129, 117, 0.12) 287px) no-repeat, url('../images/page.png'), -webkit-linear-gradient(top, #85887C 0, #85887C 287px) no-repeat, #E4D4BB;
background: url('../images/pageglare.png') no-repeat, -moz-linear-gradient(top, rgba(126, 129, 117, 0.12) 0, rgba(126, 129, 117, 0.12) 287px) no-repeat, url('../images/page.png'), -moz-linear-gradient(top, #85887C 0, #85887C 287px) no-repeat, #E4D4BB;
    background-attachment: scroll, scroll, scroll, scroll, scroll;
    background-size: auto auto, auto auto, auto auto, auto auto, auto auto;


Header image is index.css ~3347
change to no-repeat

then in index.css ~2659
replace
margin: 0;
with
margin 28px 0 auto;
Title: Re: SurFace-ol-lite
Post by: Yellowrose on April 29, 2019, 04:41:48 PM
Thanks Kindred have never heard of that before. Learn something new every day I'l have to remember that.
Title: Re: SurFace-ol-lite
Post by: Viper013 on October 14, 2019, 04:10:51 AM
Hi vbgamer,

very nice Theme  :)

But one question.

When you scroll down a Thread all Posts have the same backround color.

A slightly different color for every second Post could be better readable.

Where can i change that ?

Thanks for your help.

Greetings
Steffen

Title: Re: SurFace-ol-lite
Post by: Viper013 on October 15, 2019, 06:24:43 AM

OK, i found it.

In \Themes\...\Index.css

- windowbg
- windowbg2

> background-color


Greetings
Steffen
Title: Re: SurFace-ol-lite
Post by: Viper013 on May 15, 2022, 05:10:37 AM
Hello vbgamer45,

is there a chance for an updated "Surface-ol-lite" for the new SMF 2.1.

Would be very appreciated.  :)  :)

Greetings
Steffen
Title: Re: SurFace-ol-lite
Post by: Viper013 on May 31, 2022, 01:41:19 PM

friendly *bump*
Title: Re: SurFace-ol-lite
Post by: vbgamer45 on May 31, 2022, 01:42:59 PM
Unlikely I am not a theme designer. I inherited these for 2.0.x