• Welcome to Simple Machines Community Forum. Please login or sign up.
November 27, 2021, 04:41:43 AM

News:

Wondering if this will always be free?  See why free is better.


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

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

Advertisement: