Simple Machines Community Forum

Demo:http://smftheme.byethost18.com/smf/index.php (http://smftheme.byethost18.com/smf/index.php)
Video:https://youtu.be/obinKx02UT8 (https://youtu.be/obinKx02UT8)

Looking good!

Thanks.

These new themes have goto be the best iv seen in a while keep up the fantastic work.

Hi, I really like your theme and I've installed it on my forum, but for some reason the newsfader doesn't load properly. Every news item appears one below another. It's not loading as it should. Because of this it makes the theme stretch and not centered as it is on the demo. If I only have one news item the newsfader works fine.

The bg header doesn't load as it does on the demo either. I uploaded a screen shot to show as the theme isn't activated.  Everything else seems to be working ok.

https://i.ibb.co/09cgMrP/screenshot.png

Also, I would like to replace the bg header. I tried to do this by changing bg-header.png in the index css but image wouldn't appear.  Any help is appreciated.   

please take this as constructive criticism. 

you're doing good work, but you need to tweak some.  the theme, absent any mods that i can see and lightweight insofar as content or images is concerned, scores a 86 on PageSpeed Insight with the mobile and 93 desktop.  I wager a user could leverage some things such as caching and perhaps rely on some http2 pushes to better that score, but for every mod applied and when content begins to grow even those would be offset likely to where you are presently.

validating the site also shows 3 errors and 2 warnings, both of which can be quickly and easily corrected. 

the theme declares HTML as the doctype, but SMF is going to generate a lot of xhtml-transitional.  this is going to cause errors and cause some browsers to cough- and render inconsistently.  it may be better to stay consistent with xhtml-transitional.

presently, this is good theme for someone with a defined group of users and who isn't relying on ranking.  a user developing a community will have trouble with the indexers, all who are relying on speed as a principle means to evaluate a page's worth.

it will not take a lot of work to make this cleaner, and a lot faster. 

again, the criticism is meant to be constructive and meaningful- intending to assist you help us even better in the future with your theme design efforts.  Keep up the good work!!!

Just wanted to update on my previous post since I can't edit or delete it. You can ignore my post as I've decided to not use it at the moment.

Quoteplease take this as constructive criticism.

thanks

Quoteyou're doing good work, but you need to tweak some.  the theme, absent any mods that i can see and lightweight insofar as content or images is concerned, scores a 86 on PageSpeed Insight with the mobile and 93 desktop.  I wager a user could leverage some things such as caching and perhaps rely on some http2 pushes to better that score, but for every mod applied and when content begins to grow even those would be offset likely to where you are presently.

Default teheme

(https://www.simplemachines.org/community/proxy.php?request=http%3A%2F%2Fi66.tinypic.com%2F23wttet.jpg&hash=a8f0244efd1d3c06832d8fd3ce01ad1fc7b51ed6)

Börü tehema

(https://www.simplemachines.org/community/proxy.php?request=http%3A%2F%2Fi66.tinypic.com%2F25ullbq.jpg&hash=19005d0bca014349ef59ef08ddcd40797901b489)

Quotevalidating the site also shows 3 errors and 2 warnings, both of which can be quickly and easily corrected. 

the theme declares HTML as the doctype, but SMF is going to generate a lot of xhtml-transitional.  this is going to cause errors and cause some browsers to cough- and render inconsistently.  it may be better to stay consistent with xhtml-transitional.

(https://www.simplemachines.org/community/proxy.php?request=http%3A%2F%2Fi64.tinypic.com%2F21bvsw4.jpg&hash=93dbfe3d456ba20f110766e48615a572935d9ea5)

Hi Gecitli,

I'm a little new to this, but how do you prevent the "flashing" every time you move from one page to another?

Also is there a way to change the font colour of the theme from Purple to say blue?

Thank you.

Best Regards,
Wilson
Someone New to Forum

This is one of the best SMF themes I've seen out there. Surprised you're not at the top of the downloads list.

Hopefully I will be able to figure this out on my own. Although I thought maybe I should put this out there anyways because it seems like another was having the same issue.

Just have to say I absolutely love this theme and it's everything I could have asked for. With one tiny tiny tiny exception.

When you navigate the SVG load shows up and causes the screen to flicker really bright for a moment. Now I'm pretty savvy in Photoshop and some code, but I know nothing about SVG. Any suggestions or even pointing me in the right direction to darken the load background to the matching grey would be absolutely fantastic.

Edit: I have since been able to create an SVG file, but it doesn't cover the whole page. Now attempting to find the code to fix this.

thank you.

Quote from: razz|n.o.i.r on December 08, 2019, 02:28:18 PM
Hopefully I will be able to figure this out on my own. Although I thought maybe I should put this out there anyways because it seems like another was having the same issue.

Just have to say I absolutely love this theme and it's everything I could have asked for. With one tiny tiny tiny exception.

When you navigate the SVG load shows up and causes the screen to flicker really bright for a moment. Now I'm pretty savvy in Photoshop and some code, but I know nothing about SVG. Any suggestions or even pointing me in the right direction to darken the load background to the matching grey would be absolutely fantastic.

Edit: I have since been able to create an SVG file, but it doesn't cover the whole page. Now attempting to find the code to fix this.

thank you.

hello sorry I didn't fully understand Did you mean

https://webtiryaki.com/index.php?msg=303 (https://webtiryaki.com/index.php?msg=303)

So sorry. I'm terrible at explaining things. -l-

Yes, thats what I mean. I tried doing a custom SVG loader with a dark grey background but the dark grey background only extends to 150x150 in size and the rest of the screen shows white during the load.

I'm looking to either make the entire load screen dark grey with the load.svg, or to just remove it entirely.

hello open the loader.svg file with notepad ++ and change the color code here

#ad59ff

<svg width="80px"  height="80px"  xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100" preserveAspectRatio="xMidYMid" class="lds-bars" style="background: none;">
<rect ng-attr-x="{{config.x1}}" y="30" ng-attr-width="{{config.width}}" height="40" fill="#ad59ff" x="15" width="10">
<animate attributeName="opacity" calcMode="spline" values="1;0.2;1" keyTimes="0;0.5;1" dur="1" keySplines="0.5 0 0.5 1;0.5 0 0.5 1" begin="-0.6s" repeatCount="indefinite"></animate></rect>
<rect ng-attr-x="{{config.x2}}" y="30" ng-attr-width="{{config.width}}" height="40" fill="#ad59ff" x="35" width="10">
<animate attributeName="opacity" calcMode="spline" values="1;0.2;1" keyTimes="0;0.5;1" dur="1" keySplines="0.5 0 0.5 1;0.5 0 0.5 1" begin="-0.4s" repeatCount="indefinite"></animate></rect>
<rect ng-attr-x="{{config.x3}}" y="30" ng-attr-width="{{config.width}}" height="40" fill="#ad59ff" x="55" width="10">
<animate attributeName="opacity" calcMode="spline" values="1;0.2;1" keyTimes="0;0.5;1" dur="1" keySplines="0.5 0 0.5 1;0.5 0 0.5 1" begin="-0.2s" repeatCount="indefinite"></animate></rect>
<rect ng-attr-x="{{config.x4}}" y="30" ng-attr-width="{{config.width}}" height="40" fill="#ad59ff" x="75" width="10">
<animate attributeName="opacity" calcMode="spline" values="1;0.2;1" keyTimes="0;0.5;1" dur="1" keySplines="0.5 0 0.5 1;0.5 0 0.5 1" begin="0s" repeatCount="indefinite"></animate></rect>
</svg>

That seems to only alter the purple of the SVG loader animation itself. I'm more looking to fill the whole screen of the loading page a dark grey instead of a white fill. So I need the entire screen to be a dark grey, instead of white.

I have now tried...
-| changing width="80px" height="80px" to 100%, and it only makes the loader part huge.
-| changing Viewbox from 0 0 100 100 to larger numbers, and it only shrinks the loader animation itself inside the small grey box in the center.
-| changing style="background: none; to a dark grey background color, but it only changes the 80px by 80px background.


This is what I have:
(https://cdn.discordapp.com/attachments/547980072183660554/653664123078574099/svg-have.png)

This is what I need:
(https://cdn.discordapp.com/attachments/547980072183660554/653662247587151895/svg-need.png)

Thank you for pointing me in the right direction, and I apologize for being difficult. -l-

I have now combed through the css files for the theme. altering what i found in bootstrap, and that still didn't change anything.

I feel stupid.It's fixed now. Thank you so much..

<3