• Welcome to Simple Machines Community Forum. Please login or sign up.

Curve Reborn

Started by shadav, October 28, 2021, 06:22:13 PM

Previous topic - Next topic

shadav

October 28, 2021, 06:22:13 PM Last Edit: October 29, 2021, 12:40:26 PM by shadav
Link to the theme

This theme is based on the Curve theme but with some tweaks, recolors, and preinstalled mods :)

This theme comes with 7 different colors
  • Default
    You cannot see attachments on this board.
  • Purple
    You cannot see attachments on this board.
  • Red
    You cannot see attachments on this board.
  • Green
    You cannot see attachments on this board.
  • Blue
    You cannot see attachments on this board.
  • Orange
    You cannot see attachments on this board.
  • Black
    You cannot see attachments on this board.

Preinstalled Mods
Moved the Topics/Posts/Replies/Views to under the Board/Post Name

Added footer floating share buttons, you can read this post on how to edit it if you wish

Made the theme responsive (to the best of my ability anyways) used a combo of Responsive Curve and Hilbert, as well as some hints and tips throughout the forum and online

Added Favicons, you can edit them however you see fit
icons are in the theme's images folder and in the favicon folder
the code is in the themes index.template.php
<link rel="apple-touch-icon" sizes="180x180" href="', $settings['images_url'], '/favicon/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="', $settings['images_url'], '/favicon/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="', $settings['images_url'], '/favicon/favicon-16x16.png">
<link rel="manifest" href="', $settings['images_url'], '/favicon/site.webmanifest">

Added Advanced sidebar menus, for those that like to use sidebars

Added Admin ban button in post

Added Modified No Topics Message and edited it a bit

Added Edited Time Next To Posted Time

Added Post Separator

Added Tabbed Info Center

Added Tabbed Profile

I felt these should be built-in so well I made this theme ;) per the license of each mod it was allowed and I have linked to the creators to give credit where credit is due

Live Demo: https://hostingspot.net/testing/smf20/

thanks to Antechinus I can now show live demos for each variant of the theme
Default variant

Purple variant

Red variant

Green variant

Blue variant

Orange variant

Black variant

And thanks to everyone who commented with advice in the preview thread for this theme

also a big thank you to Diego for helping to iron out mistakes and validations

realized after I took screenshots, Diego mentioned I forgot to add the site slogan back in
You cannot see attachments on this board.


====


update Nov 25, 2021

- Fixed the Settings.english.php corrected the thumbnail.jpg to thumbnail.gif
- Fixed editor when creating a post or reply to a post so that the text isn't pushed behind the edges of editor
- Lowered the catbars and divbars from 40px to 30px


====


update Nov 28, 2021

- Fixed editor when creating a reply to a post via quickreply so that the text isn't pushed behind the edges of editor


====


update Nov 29, 2021

- Fixed Undefined index: report_board_id


====


update Dec 23, 2021
- Fixed thumbnail.gif to use the themes default version thumbnail
- Updated theme to smf 2.0.19

Shambles

I truly believe that the 'calendar' display, on the black variant of your theme, is one of the finest examples of perfection that I've ever come across.

Very well done, and nice work.

shadav

October 29, 2021, 11:43:01 AM #2 Last Edit: October 29, 2021, 12:32:31 PM by shadav
:-[  thanks

also a big thank you to Diego for helping to iron out mistakes and validations

realized after I took screenshots, Diego mentioned I forgot to add the site slogan back in

You cannot see attachments on this board.

Dave J

I really like the theme and it's variation of colours but I find that the cat_bars are too thick and bulky for me, I would prefer them to be the same as default curve.

I have looked in index.css but can't find the solution to make them thinner.

Can you help please?

You cannot see attachments on this board.
All the Quiz info is here

shadav

in the css of the color of the theme you are using find
div.cat_bar
change the height to whatever you want

then in index.css find
h3.catbg, h3.catbg2, h3.titlebg, h4.titlebg, h4.catbg
make sure to change the height and line-height to match the div.cat_bar's height

also in index.css find
table.table_list a.collapse
make sure to adjust the height and line-height as well so the collapse images display

the css is split so that index.css holds most everything and then anything to do with colors and such are found in the theme color css

Dave J

Thanks very much shadav, I'll check that out
All the Quiz info is here

Dave J

That worked a treat thank you shadav
All the Quiz info is here

Dave J

Hi shadav

A couple of issues I've found, they're not deal breakers but thought you ought to see them.

Firstly I'm using
SMF 2.0.18
PHP7.3.33.

The first issue is with some of the rounded and non rounded edges. I have taken screenshots of all colours and they are attached. If you look at them you can see that in some colours the corners are rounded but others they are not, the rounded edges actually look odd under those conditions default, orange, green and red are all OK.

Next is the menu buttons.

In some colours the menu buttons seem to have a line underneath them, again see the screenshots. Purple is OK but as you can see black and blue all have the line. I have noticed that if I logout the line seems to go, why I don't know

Feel free to have a look yourself using the link in my sig. The default theme is blue and you can see the round corner issue by going to the arcade then scroll down an click on 'highscores' in one of the games.
All the Quiz info is here

shadav

November 24, 2021, 12:37:14 PM #8 Last Edit: November 24, 2021, 01:43:00 PM by shadav
hm that is odd, as you can see in my screenshots and on my demos it doesn't do that
I'm guessing that when you resized the catbars it messed it up a bit :)

I'll have to play with it and see
===
I clicked on the link in your sig just to see if I could see your code and see what might be causing it, but I'm not seeing this issue on your site either

Dave J

Thanks for the reply

I was wondering if it was because I set the border radius to the info bar, but I deleted the code in the css and the issue is still there.

I will check later and compare each colour css with the originals to see if it was me.
All the Quiz info is here

Dave J

I have now started from scratch on my test site https://www.davejohnson.co.uk/testing/index.php with a new SMF2.0.18 install with only the Arcade mod and the issue is still there. I have set the theme to blue by default. I have made no changes to any of the css files they are as installed.

I can solve the issue of the windowbg2 curves in the blue theme by setting

.windowbg2 {
color: #656462;
background-color: #cfe3ec;
border-radius: 0 0 0 0;}

It looks better now but still doesn't explain why it's not the same in the other colours.

I hope that helps in some way.


One last thing. In 'Settings.english.php' you have the target for the thumbnail image as .jpg as you know it should be .gif
All the Quiz info is here

shadav

lol oops, thanks, I'll fix the .jpg to .gif, force of habit

hm looking at your new images, seems to be the arcade mod conflicting with the theme, I'm guessing somewhere in the arcade mod's css it's using the .windowbg2 as well and overwriting the theme's settings

also noticed that I needed to edit the theme's editor a bit, when typing a new thread or reply, the beginning of the text is hidden by the editor box

shadav

ok updated

- Fixed the Settings.english.php corrected the thumbnail.jpg to thumbnail.gif
- Fixed editor when creating a post or reply to a post so that the text isn't pushed behind the edges of editor
- Lowered the catbars and divbars from 40px to 30px

Dave J

Thanks very much shadav.

I will check out the arcade .windowbg2 settings
All the Quiz info is here

Dave J

Sorry me again.

I have spent the last 3 days trying to resolve this issue by myself but with no luck.

If you look at the quizland image you'll see that the topics are showing short on the page. If you look at the test site image you'll see that they are OK.

What I have done to resolve this is to set up the test site with exactly the same mods as the quiz site and as you can see the problem is not duplicated.

The mods are identical to the main site as I downloaded them from the quiz site packages folder. I then compressed the theme files on the test site and uploaded them to the quiz site and expanded them and the problem still remains, I should add that I copied the original files on the quiz site then deleted them, so I wasn't overwriting files.

The only way I can get the issue resolved is to disable SMF Portal. I have tried to disable blocks on the portal but that makes no difference either and the portal is installed and working correctly on the test site. I have also disabled the shoutbox too but that makes no difference either.

I am using the newest download from the SMF theme section for both sites.

Under normal circumstances I would just walk away from this but I really like the theme and want it to work.

If it would help to get a better view I'll send you a username and password with admin rights after I've posted this.

It just doesn't make any sense at all to me why it works on one but not the other
All the Quiz info is here

shadav

November 28, 2021, 02:07:18 PM #15 Last Edit: November 28, 2021, 02:17:34 PM by shadav
sent you a reply in pm
I don't understand myself why it's doing that but yeah it's the portal for some reason is acting like there's something there on the right hand side even though there's not and it's only doing it on the messageindex.template.php and not elsewhere that I have seen
very strange

I sent you some code to change in the portal's css, not sure if it'll mess up anything else in the portal, I don't think it should, we're just adding a width 100% is all
and also adding that to the table code in my css to try and bypass whatever the portal is doing to that page
===
edit I just noticed it's also messed up the footer on that page as well
so I'm guessing something somewhere is missing a closing tag in the portals code or something in the MessageIndex.template.php didn't get closed properly
can you send me your MessageIndex.template.php file?

Dave J

Thanks for looking.

OK file attached. What I don't understand is why it's doing it on the quiz site and not on the test site and they both have the same mods installed.
All the Quiz info is here

shadav

yeah it's not in there, I see you added a mod that altered the file, and as far as I can tell looking at it it's fine, I found the mod looked it over...threw your file into my test site, everything works fine so it's not that...

ok and now i'm really confused why it's messing up just that file/page
everywhere else is fine but for some reason on the messageindex it's taken the footer out of the wrapper div
so I'm assuming that somewhere there's an extra </div> but why it would only affect the messageindex and not the rest of the site is beyond me at the moment and I can only guess there again it's something to do with the portal you are using but again why only is it messing up the messageindex and not the rest of the site  :-\  :o

shadav

hahaha noticed an error on my part [again] while trying to figure out the issues on your site :p
I don't use quick reply so didn't notice when I fixed the editor for the reply box I didn't fix the quick reply
I fixed it on your site while I was there  :laugh:
I'll upload a fixed file to here in a bit....
still trying to poke around your site trying to see if I can find what's messing up the messageindex

Dave J

I've made the changes you suggested now the topics are spanning the whole page as they should, but the footer is still oversized.

I disabled the bottom scrolling block from the site and it did nothing.

I have tried to add 'width: 100%;' to the .footer in the index_blue css and index.css but that makes no  difference.

As a last resort I copied the default theme from the test site and put it into the quiz site and that didn't do anything either.

I'll play some more when I get the chance.

Thanks for looking at it Shadav it's much appreciated. Feel free to mess around on the site whenever you want, I will leave the admin password as it is for the moment
All the Quiz info is here

shadav

yeah sorry I looked around a bit and couldn't see what's messing up the footer, I mean I see what it's doing, it's acting like there's an extra end div somewhere so it knocked the footer outside of the wrapper div. But I can't find where it's doing it at.
I think it's still something to do with the portal but for the life of me why is it only messing up the messageindex, one would think it'd be messing up other things as well.
I'll poke around again maybe tonight or tomorrow
a bit heavily medicated today so not sure I'll really be doing much today

Dave J

I have now started from scratch and reinstalled the whole site including all mods except the portal.

Everything seems to be working ok with no errors at present. I am going to run a full backup of the site now as it is now. Then tomorrow I'm going to attempt to install the portal and see what happens.

EDIT: There is an error as follows

8: Undefined index: report_board_id
Apply Filter: Only show the errors from this file
File: /Themes/Curve_Reborn/Display.template.php
Line: 491

It happened following a new test post I made in the admin area.
All the Quiz info is here

shadav

hm apparently since I moved the report button up into the quicklinks it now throws an error
not sure why, all I did was literally just moved the code into the quicklinks and made it an image 🤷�♀️

searched the forum and found a mod that sort of did what I did (it just made it an image) and well it gave the same error so to fix this someone says
in Display.template.php
find
        if ($context['can_report_moderator'] && ($context['current_board'] != $modSettings['report_board_id']))replace with
        if ($context['can_report_moderator'])
seems to work, i'll roll out another update in a bit
just saw my error logs and I've got a few other Undefined index in there  :-\
so i'll work on fixing them before I roll out another update but in the meantime you can do the above to fix the Undefined index: report_board_id

===
edit oh hahahaha nevermind my other Undefined errors in my log was when I was playing with your messageindex file on my test site, so yeah I can ignore those  :laugh:
posting another update to fix the  Undefined index: report_board_id
but for those that don't want to update, you don't have to just do the replace mentioned above

Dave J

Thanks again shadav, that's a weight off my mind as I thought by importing the db tables something had gone wrong.
All the Quiz info is here

Dave J

all done and now no errors.

All I have to do now is backup again then test portals.

Wish me luck  ;)
All the Quiz info is here

shadav


Dave J

Well I've managed to get it all working correctly. I finally used the Tiny Portal which is actually better than Simple Portal as far as I can see with more options for blocks etc.

So I'm now happy and can sleep better tonight.

The browser inspect is showing 3 errors and 6 warnings which seems to be related to jquery. I have left the admin password as it is for the time being in case you want to look back of house for the errors.

I did change one thing to Curve Reborn and that's the thumbnail.gif to really show the difference between it and the old SMF default theme.

I have attached it here in case you want to add it to the new file.

Thanks for everything shadav it's much appreciated.
All the Quiz info is here

Dave J

Hi shadav,

I have made some changes to the _blue theme to make it into a Christmas theme. If you go to my site you'll see it.

One thing I've been trying to do with no luck is remove the search button/box in the header.

Can you help please?

Regards

Dave
All the Quiz info is here

shadav

to remove the search box from the header in index.template.php
find and remove
                <form id="search_form" action="', $scripturl, '?action=search2" method="post" accept-charset="', $context['character_set'], '">
                    <input type="text" name="search" value="" class="input_text" />&nbsp;
                    <input type="submit" name="submit" value="', $txt['search'], '" class="button_submit" />
                    <input type="hidden" name="advanced" value="0" />';

    // Search within current topic?
    if (!empty($context['current_topic']))
        echo '
                    <input type="hidden" name="topic" value="', $context['current_topic'], '" />';
    // If we're on a certain board, limit it to this board ;).
    elseif (!empty($context['current_board']))
        echo '
                    <input type="hidden" name="brd[', $context['current_board'], ']" value="', $context['current_board'], '" />';

    echo '</form>
make sure to leave the
'; at the end of all of that there else you'll get template errors

this will remove the search box but leave the news part in the header, if you don't ever want to use that either then find and remove
            <div class="news normaltext">
                <form id="search_form" action="', $scripturl, '?action=search2" method="post" accept-charset="', $context['character_set'], '">
                    <input type="text" name="search" value="" class="input_text" />&nbsp;
                    <input type="submit" name="submit" value="', $txt['search'], '" class="button_submit" />
                    <input type="hidden" name="advanced" value="0" />';

    // Search within current topic?
    if (!empty($context['current_topic']))
        echo '
                    <input type="hidden" name="topic" value="', $context['current_topic'], '" />';
    // If we're on a certain board, limit it to this board ;).
    elseif (!empty($context['current_board']))
        echo '
                    <input type="hidden" name="brd[', $context['current_board'], ']" value="', $context['current_board'], '" />';

    echo '</form>';

    // Show a random news item? (or you could pick one from news_lines...)
    if (!empty($settings['enable_news']))
        echo '
                <h2>', $txt['news'], ': </h2><br />
                <p>', $context['random_news_line'], '</p>';

    echo '
            </div>
this will remove both the search box and the news bit from the header

shadav

hm I don't know why it's showing console errors with the js on your site, it doesn't do that on my test site, guessing it's conflicting with something you installed on your site maybe? honestly sorry I have no clue, but everything seems to be working correctly so I mean, meh....

Dave J

Quote from: shadav on December 09, 2021, 10:36:14 PMhm I don't know why it's showing console errors with the js on your site, it doesn't do that on my test site, guessing it's conflicting with something you installed on your site maybe? honestly sorry I have no clue, but everything seems to be working correctly so I mean, meh....

No I'm not sure either. I will try and get to the bottom of it later.

Thanks very much shadav. I did remove all that and didn't leave the '; and was getting an error as you say. It looks a lot better now the search box has gone. I always have the news disabled anyway so that bit can stay

Have a great Christmas and New Year
All the Quiz info is here

Dave J

It seems the errors are mainly caused by the front page games, especially the codeword and anges. The crossword seems to have no errors associated with it.

It's not breaking the site so for the moment I'm going to leave it.
All the Quiz info is here

shadav

Small update
- Fixed thumbnail.gif to use the themes default version thumbnail
- Updated theme to smf 2.0.19

for the moment I'm leaving the smf 2.0.18 version available for download, so make sure which version you download

*side note: if you updated your forum using the patch method and applied the patch to the theme then there really isn't any reason to download the updated theme here*

Advertisement: