Elegance for phpBB 3.2

Discussion in 'phpBB Support' started by Gaby, Apr 23, 2017.

  1. Arty

    Arty Administrator Designer

    That should work.

    You shouldn't change saturation lightness by that much for second color. It will result in rough edges on images, ruining entire layout.
     
  2. Gaby

    Gaby Member

    Hello

    Several updates on github:
    - Several corrections / adpatations / deletions for adpatation to version 3.2.1 of phpBB
    - Adding missing events to files in the template folder
    - Mark notification read icon was duplicated
    - Changing the name of the theme (deletion of the phpBB version)

    These modifications / improvements were possible thanks to the work of validation of the style by Vinny, thanks to him.

    You must uninstall the theme in the ACP before installing the new version.
     
  3. CyrusG

    CyrusG New Member

    Good job. Love these temor that was then developed. But wouldn't it be wonderful if this theme Helion can be to the latest version of phpBB?
     
  4. Gaby

    Gaby Member

    Hello CyrusG

    Helion is a theme of phpBB 3.0. It would be a huge job to convert it to phpBB 3.2. I will not have time to deal with it. But the appearance of Elegance is not so far from Helion ?
     
  5. chour27

    chour27 Member

    You should be right. Can you show me where it is obvious on my board ?
     
  6. Arty

    Arty Administrator Designer

    Actually never mind. I forgot that I've optimized icons for that in 3.1 styles and there are no gradients to ruin, so edges are smooth on actual forum, unlike on colorizeit screenshot. It works well for this style.
     
  7. CyrusG

    CyrusG New Member

    Nice work with the theme. But one thing I wonder. How do you get the front beskriveningen of the Forum?

    This is from the Swedish phpBB forum and where the arrows show would I have presented on this theme.

    Latest version of phpBB is used on this theme.

    [​IMG]

    I use Topic Preview today but is not really satisfied.
     
  8. Gaby

    Gaby Member

    Hello

    By default, the style shows the forum description in a bubble when the mouse hovers over the forum link. If you want to show the description of the forum as in prosilver, do this:

    In template/_style_config.html, find:
    Code:
    <!-- DEFINE $HIDE_FORUM_DESCRIPTION = 1 -->
    Replace with:
    Code:
    <!-- DEFINE $HIDE_FORUM_DESCRIPTION = 0 -->
     
  9. CyrusG

    CyrusG New Member

    Code:
    <!-- IF $FALSE -->
        Variables below change style behavior.
    
        List of variables and values (do not edit!):
            Forums list layout:
                $STANDARD_FORUMS_LAYOUT = 0    -> Layout with topics and posts below forum title
                $STANDARD_FORUMS_LAYOUT = 1    -> Default layout with separate columns for topics and posts
    
            Hide forum description:
                $HIDE_FORUM_DESCRIPTION = 0 -> Always show it
                $HIDE_FORUM_DESCRIPTION = 1 -> Show it only when hovering forum title
    
            Wrap header / navigation:
                $WRAP_HEADER = 0 -> Header and navigation will not be included in global wrapper
                $WRAP_HEADER = 1 -> Both header and navigation will be included in global wrapper
                $WRAP_HEADER = 2 -> Header will not be included in global wrapper, navigation will be included
    
            Wrap footer:
                $WRAP_FOOTER = 0 -> Footer will be outside of content wrapper
                $WRAP_FOOTER = 1 -> Footer will be inside content wrapper
    
            Quick search position:
                $SEARCH_IN_NAVBAR = 0 -> Search bar will be displayed in header
                $SEARCH_IN_NAVBAR = 1 -> Search bar will be displayed in secondary navigation
    
        Edit variables below:
    <!-- ENDIF -->
    
    <!-- DEFINE $STANDARD_FORUMS_LAYOUT = 0 -->
    <!-- DEFINE $HIDE_FORUM_DESCRIPTION = 0 -->
    <!-- DEFINE $WRAP_HEADER = 0 -->
    <!-- DEFINE $WRAP_FOOTER = 0 -->
    <!-- DEFINE $SEARCH_IN_NAVBAR = 0 -->
    
    <!-- IF $FALSE -->
        Do not edit code below!
    <!-- ENDIF -->

    Have done this and saved and moved over the file. But it doesn't help. You can quickly see the text but will return to normal mode.
     
  10. Gaby

    Gaby Member

    Purge forum cache in ACP ;)
     
    CyrusG likes this.
  11. CyrusG

    CyrusG New Member

    O la la. ..

    It worked. You forget to clean cache. Thanks... :)
     
  12. Gaby

    Gaby Member

    Hello

    New changes on github:
    - Modifying the behavior of the 'Members' menu (thanks to Galixte)
    - Fixed unread link color bug forums with sub-forums (thanks to Chour27)
    - Restore the original size of the theme icons (thanks to Vinny)
    - Streamlining of scss files: Only the files specific to each color version are present in the variants folder.
    - Corrected position of unapproved post/topic marker.

    Version 3.2.1 of the style has been validated on phpBB.com. But there have been corrections on the github, not present in the database version of the phpbb.com styles. So if you want an up-to-date version, keep an eye on the gihub deposit! Corrections will of course soon be proposed for validation.
     
    CyrusG likes this.
  13. Abraham54

    Abraham54 Member

  14. Gaby

    Gaby Member

  15. Gaby

    Gaby Member

    @Abraham54 : you should delete 'background-attachment: fixed;' line in your background.css file for smoother scrolling in webkit based web browsers (Chrome, Safari...).
     
  16. Gaby

    Gaby Member

    A better change for smooth scrolling in Chrome / Safari / ...

    In ext/alex75/background/styles/prosilver/theme/background.css, find:
    Code:
    html, body {
        background-size: cover;
        background-position: center center;
        background-image: url("./dark-wood.jpg");
        background-repeat: no-repeat;
        background-attachment: fixed;
    }
    Replace with:
    Code:
    body:before {
        content: '';
        position: fixed;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        will-change: transform;
        z-index: -1;
        background-size: cover;
        background-position: center center;
        background-image: url("./dark-wood.jpg");
        background-repeat: no-repeat;
    }
    
    body {
        position:relative;
        z-index: 0;
    }
    Purge forum cache, and enjoy! ;)
     
  17. Abraham54

    Abraham54 Member

    Thanks.
     
  18. Abraham54

    Abraham54 Member

    Hello Gaby,

    in which css or csss file is it possible to change the font colors:

    [​IMG]


    [​IMG]
     
  19. Gaby

    Gaby Member

    Hello @Abraham54

    You can change font colors in _style_config.scss file. Find these lines and make the necessary changes:

    Code:
    // Primary colors
    $primary-color:                            #5d6578 !default;    // Main color, used for links and stuff
    $secondary-color:                        #b93329 !default;    // Secondary color, usually in red - yellow range
    $overlay-color:                            $white-color !default;    // Text on top of sections that use colorful background.
    $block-background:                        #f4f4f4 !default;    // Background of blocks
    $block-background-reported:                #f5e9e9 !default;    // Background for reported posts
    
    // Global color values
    $text-color:                            #141414 !default;    // Text color
    $bold-text-color:                        $black-color !default;    // Text color with higher contrast to background. #000 or #fff
    $post-text-color:                        $text-color !default;    // Text inside posts
    $link-color:                            $primary-color !default;    // Links
    $link-hover-color:                        $secondary-color !default;    // Links, hover state
    $muted-color:                            mix($black-color, $content-background, 60%) !default;    // Gray color
    $faint-color:                            mix($black-color, $content-background, 30%) !default;    // Gray color
    $rules-color:                            $secondary-color !default;    // Forum rules
    
    And compile the style.
     
    Last edited: Dec 26, 2017
  20. Danamel

    Danamel New Member

    Hello,
    By using the extension "left profile" necessary for some styles the display of On line on the avatar of the profile is done in duplicate for the style Elegance which is by default with the profile on the left.
    See attached screen copy.
    [​IMG]
    How to remove this dual display?
    Thank you