[CDB] Latte

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!
Anti-Spam Guide
Locked
User avatar
Arty
Former Team Member
Posts: 16654
Joined: Wed Mar 06, 2002 2:36 pm
Name: Vjacheslav Trushkin
Contact:

[CDB] Latte

Post by Arty » Sat Apr 04, 2015 5:36 pm

Style name: Latte

This is a style with coffee theme, based on premium XenForo style "Latte"

Demo: click here

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
mrgtb
Registered User
Posts: 557
Joined: Wed Oct 03, 2007 10:51 am

Re: [Release] Latte

Post by mrgtb » Tue Apr 07, 2015 9:37 am

I opened up "style_config.scss" and made some changes, like change forum width from 900px; to none; and uploaded edited css file. Even refreshed all cache and no changes happen to forum

User avatar
Mess
Registered User
Posts: 985
Joined: Wed Jul 01, 2009 6:37 am
Name: Kim

Re: [Release] Latte

Post by Mess » Tue Apr 07, 2015 9:39 am

Did you recompile?
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.

User avatar
mrgtb
Registered User
Posts: 557
Joined: Wed Oct 03, 2007 10:51 am

Re: [Release] Latte

Post by mrgtb » Tue Apr 07, 2015 9:45 am

Mess wrote:Did you recompile?
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.
Take a look at it now

User avatar
mrgtb
Registered User
Posts: 557
Joined: Wed Oct 03, 2007 10:51 am

Re: [Release] Latte

Post by mrgtb » Tue Apr 07, 2015 9:57 am

Prepos doesn't work installed in windows xp, invalid win32 application when you try and launch it

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

Re: [Release] Latte

Post by Arty » Tue Apr 07, 2015 10:29 am

Try using Sass from command line.

Download and install from here: http://sass-lang.com/install
See second part of tutorial on how to recompile stylesheet from command line: http://www.artodia.com/phpbb-31-tutoria ... ile-theme/
Vjacheslav Trushkin / Arty.
Free phpBB 3.1 styles | New project: Iconify - modern SVG framework

SüKûT
Registered User
Posts: 48
Joined: Fri Mar 15, 2013 11:50 am
Location: Türkiye
Contact:

Re: [Release] Latte

Post by SüKûT » Sat Apr 18, 2015 2:05 pm

I have an idea: Instead of search...(top right) we can put the username and avatar?

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

Re: [Release] Latte

Post by ac_roma » Sat May 02, 2015 5:09 pm

nice colours and nice css

thank you ;)

User avatar
Ancient Viking
Registered User
Posts: 413
Joined: Sun Jan 15, 2012 11:43 pm

Re: [Release] Latte

Post by Ancient Viking » Mon May 04, 2015 5:26 pm

Two questions:

1. Can I recompile .scss files in Notepad++ instead of using Preprops?
2. When using the registered user image in Meis2M's Ahoo Ranks, the image doesn't fit in post profile?

How do I fix the issue with a misaligned image?

Thanks for a great style. :)
My local forum: egetforum.nu - Offline Forum Online!

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

Re: [Release] Latte

Post by Arty » Fri May 08, 2015 6:09 pm

This style has been published in styles database: https://www.phpbb.com/customise/db/style/latte/

For support please post here: https://www.phpbb.com/customise/db/style/latte/support
Vjacheslav Trushkin / Arty.
Free phpBB 3.1 styles | New project: Iconify - modern SVG framework

Locked

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