[CDB] Digi

For style authors to post and receive feedback on 3.1.x styles still in development. Any development styles you wish to use on your live board should be installed with caution!
Ideas Centre
User avatar
Arty
Former Team Member
Posts: 16654
Joined: Wed Mar 06, 2002 2:36 pm
Name: Vjacheslav Trushkin
Contact:

[CDB] Digi

Post by Arty » Wed Mar 18, 2015 6:44 pm

Style name: Digi

This is a dark style, based on premium XenForo style "Digi"

Demo: click here (click color variations in header to see different color schemes)

Download: click here
GitHub repo: click here

License: BSD (GPL compatible)
Additionally Font Awesome and Glyph Icons included in style have their own licenses. See theme/fonts/*/license.txt for details.

Image

Features:
  • Based on prosilver
  • All icons (except for forum/folder images and logo) have been replaced with Font Awesome and Glyph Icons glyphs.
  • Folder images and logo support high definition displays (such as Apple Retina).
  • Restructured navigation. There are 3 navigation sections: main navigation, context navigation, breadcrumbs. You can see it on screenshot above. Main navigation selected item automatically switches based on page you are browsing. Context navigation changes from page to page. Number of unread private messages and notifications are shown above navigation in red circles, making it easy to spot.
  • Sticky navigation. When you scroll down, navigation stays on top of browser window.
  • No more language specific icons. "Online" icon has been replaced with CSS3 ribbon that is shown semi-transparent above avatar.
  • CSS files have been changed to Sass, a very powerful language for generating stylesheets. Style loads only 1 CSS file instead of multiple CSS files, reducing page loading speed.
  • Style has several configuration options.
Configuration:
There are 2 configuration files that serve different purposes:
  • template/_style_config.html: It sets variables that can be changed in templates.
    • $HIDE_FORUM_DESCRIPTION: toggles forum title and description in header
    • $WRAP_HEADER: toggles inclusion of header and navigation into content wrapper
    • $WRAP_FOOTER: toggles inclusion of footer into content wrapper
  • theme/_style_config.scss: It sets variables that can be changed in theme. See "Sass" section below.
    • $show-logo: toggles logo in header
    • $show-forum-title: toggles forum title. See similar variable in template/_style_config.html
    • $center-logo: if enabled, logo will be centered. If disabled, logo will be aligned to left
    • $logo-width: logo width.
    • $logo-block-padding: padding above and below logo (used for short logos, like default one)
    • $profile-width: width of poster profile section. Unlike prosilver that uses percentages, this style uses fixed width for profiles that looks better at different screen resolutions.
    • $profile-side: Side for profile block in posts. Possible values are "left" or "right".
    • $use-wrapper: toggles content wrapper.
    • $max-width: toggles fixed width. Set to "none" to make layout fluid.
Sass:
This style uses Sass pre-processor for stylesheet. Sass is very powerful language that makes it possible to use variables, conditional statements and some functions in css files.

Instead of editing .css files you should edit .scss files and recompile stylesheet (takes few seconds and is very easy to fully automate). See this tutorial on how to recompile stylesheet.
Vjacheslav Trushkin / Arty.
Free phpBB 3.1 styles | New project: Iconify - modern SVG framework

User avatar
Cryo
Registered User
Posts: 455
Joined: Tue Oct 21, 2003 5:28 pm
Location: Canada
Name: Chris
Contact:

Re: [Release] Digi

Post by Cryo » Thu Mar 19, 2015 8:09 am

Awesome theme Arty
Thanks :D

User avatar
Arty
Former Team Member
Posts: 16654
Joined: Wed Mar 06, 2002 2:36 pm
Name: Vjacheslav Trushkin
Contact:

Re: [Release] Digi

Post by Arty » Wed Mar 25, 2015 10:02 am

Version 1.0.1 is available.

Changes from version 1.0.0:
  • Many bug fixes
  • Option to show profile on right side
Vjacheslav Trushkin / Arty.
Free phpBB 3.1 styles | New project: Iconify - modern SVG framework

User avatar
ac_roma
Registered User
Posts: 302
Joined: Thu Mar 08, 2007 2:48 pm
Location: egypt,alexandria
Contact:

Re: [Release] Digi

Post by ac_roma » Mon Mar 30, 2015 6:30 am

wow nice colour arty and nice css ;)

Captain_Proton
Registered User
Posts: 6
Joined: Thu Apr 02, 2015 7:05 pm

Re: [Release] Digi

Post by Captain_Proton » Thu Apr 02, 2015 7:08 pm

I love the style, I just can't get fixed-width to work. Mucked around with the $max-width setting and it doesn't change anything. While the style was live and reloading it... uninstalling, deleting, editing the files before even uploading and then reinstalling. It just seems to completely ignore that setting.

User avatar
Arty
Former Team Member
Posts: 16654
Joined: Wed Mar 06, 2002 2:36 pm
Name: Vjacheslav Trushkin
Contact:

Re: [Release] Digi

Post by Arty » Thu Apr 02, 2015 7:22 pm

You need to recompile stylesheet after editing any .scss file. See this tutorial.

It is required because phpBB doesn't natively supports Sass (which is not possible because there aren't any good Sass/Less parsers for php).
Vjacheslav Trushkin / Arty.
Free phpBB 3.1 styles | New project: Iconify - modern SVG framework

Captain_Proton
Registered User
Posts: 6
Joined: Thu Apr 02, 2015 7:05 pm

Re: [Release] Digi

Post by Captain_Proton » Thu Apr 02, 2015 7:30 pm

Actually I just managed to get it to work not 10 seconds ago, now just trying to find the option to have the boards centered rather than left justified.

User avatar
Arty
Former Team Member
Posts: 16654
Joined: Wed Mar 06, 2002 2:36 pm
Name: Vjacheslav Trushkin
Contact:

Re: [Release] Digi

Post by Arty » Thu Apr 02, 2015 7:39 pm

Changing that option and recompiling theme will center it.
Vjacheslav Trushkin / Arty.
Free phpBB 3.1 styles | New project: Iconify - modern SVG framework

Captain_Proton
Registered User
Posts: 6
Joined: Thu Apr 02, 2015 7:05 pm

Re: [Release] Digi

Post by Captain_Proton » Thu Apr 02, 2015 7:50 pm

Strange it's not doing that for me. I can adjust the sizes now but it doesn't recenter it.

User avatar
Arty
Former Team Member
Posts: 16654
Joined: Wed Mar 06, 2002 2:36 pm
Name: Vjacheslav Trushkin
Contact:

Re: [Release] Digi

Post by Arty » Thu Apr 02, 2015 7:51 pm

Can you post link to your forum?
Vjacheslav Trushkin / Arty.
Free phpBB 3.1 styles | New project: Iconify - modern SVG framework

Captain_Proton
Registered User
Posts: 6
Joined: Thu Apr 02, 2015 7:05 pm

Re: [Release] Digi

Post by Captain_Proton » Thu Apr 02, 2015 7:57 pm

porkchop-express.org/forums

User avatar
Arty
Former Team Member
Posts: 16654
Joined: Wed Mar 06, 2002 2:36 pm
Name: Vjacheslav Trushkin
Contact:

Re: [Release] Digi

Post by Arty » Thu Apr 02, 2015 8:02 pm

That's because you have edited stylesheet.css instead of recompiling theme.

Recompile stylesheet as per tutorial I linked above. It takes only couple of minutes to set it up for the first time, then few seconds to actually recompile it.
Vjacheslav Trushkin / Arty.
Free phpBB 3.1 styles | New project: Iconify - modern SVG framework

Captain_Proton
Registered User
Posts: 6
Joined: Thu Apr 02, 2015 7:05 pm

Re: [Release] Digi

Post by Captain_Proton » Thu Apr 02, 2015 8:12 pm

welp. You said bad idea for a reason. That did it. Thanks!

Captain_Proton
Registered User
Posts: 6
Joined: Thu Apr 02, 2015 7:05 pm

Re: [Release] Digi

Post by Captain_Proton » Fri Apr 03, 2015 11:45 am

Looks like one other small problem, don't know if you can give me a quick idea what's causing this. It's not a major problem, and overally I can just ignore it, but it seems a little silly.

Image

User avatar
Arty
Former Team Member
Posts: 16654
Joined: Wed Mar 06, 2002 2:36 pm
Name: Vjacheslav Trushkin
Contact:

Re: [Release] Digi

Post by Arty » Fri Apr 03, 2015 3:10 pm

Thanks for noticing. Fixed: https://github.com/cyberalien/phpbb31_s ... c53a605593

Version 1.0.2 with bunch of bug fixes will be available later today.
Vjacheslav Trushkin / Arty.
Free phpBB 3.1 styles | New project: Iconify - modern SVG framework

Locked

Return to “[3.1.x] Styles in Development”