Difference between revisions of "Flat and Squared mod"
(Mod updated) |
|||
Line 4: | Line 4: | ||
| mod_summary = Makes the interface flat and squared. | | mod_summary = Makes the interface flat and squared. | ||
| mod_validation = The mod is XHTML compliant.[[Image:Valid-xhtml10.png|44px]] | | mod_validation = The mod is XHTML compliant.[[Image:Valid-xhtml10.png|44px]] | ||
− | | mod_last_update = | + | | mod_last_update = 7 Jan 2018 |
− | | download_link = for {{Tv111}}[https://xerxx.se/modSupport/click/click.php?id= | + | | download_link = for {{Tv111}}[https://xerxx.se/modSupport/click/click.php?id=110&user={{#replace:{{CURRENTLOGGEDUSER}}}}&page={{PAGENAMEE}} Flat_and_Squared_mod_v11.1.2.1.zip] |
| download_stats = [https://xerxx.se/modSupport/click/index.php?action=stats&groupid=18 Flat and Squared mod] | | download_stats = [https://xerxx.se/modSupport/click/index.php?action=stats&groupid=18 Flat and Squared mod] | ||
| mod_author = Erik Hoppe | | mod_author = Erik Hoppe | ||
Line 11: | Line 11: | ||
| mod_support = [https://xerxx.se/modSupport/index.php?mod=20 My Mod Support] | | mod_support = [https://xerxx.se/modSupport/index.php?mod=20 My Mod Support] | ||
| mod_contact = [https://xerxx.se/modSupport/index.php?mod=20 My Mod Support] | | mod_contact = [https://xerxx.se/modSupport/index.php?mod=20 My Mod Support] | ||
− | | mod_version = 11.1.2. | + | | mod_version = 11.1.2.1 for TNG v11.1.2 and above |
| min_TNG_ver = 11.1.2 | | min_TNG_ver = 11.1.2 | ||
| max_TNG_ver = 11.1.2 | | max_TNG_ver = 11.1.2 | ||
Line 74: | Line 74: | ||
/* *** TEMPLATE #9: If you HAVE SET COLOUR to the right side menu headings background: DELETE/REMARK the next line */ | /* *** TEMPLATE #9: If you HAVE SET COLOUR to the right side menu headings background: DELETE/REMARK the next line */ | ||
− | .art-blockheader .l, .art-blockheader .r { background-image: url('img/f2t9blockheader.png'); }</pre>Remark (or delete) the two lines:<pre>/* *** TEMPLATE #9: If you HAVE SET COLOUR to the horizontal bar: DELETE/REMARK the next line */ | + | .art-blockheader .l, .art-blockheader .r { background-image: url('img/f2t9blockheader.png'); }</pre> |
+ | Remark (or delete) the two lines:<pre>/* *** TEMPLATE #9: If you HAVE SET COLOUR to the horizontal bar: DELETE/REMARK the next line */ | ||
/* .art-nav-l, .art-nav-r { background-image: url('img/f2t9nav.png'); } */ | /* .art-nav-l, .art-nav-r { background-image: url('img/f2t9nav.png'); } */ | ||
Line 138: | Line 139: | ||
! Date | ! Date | ||
! Description | ! Description | ||
+ | |- | ||
+ | | v11.1.2.1 | ||
+ | | 7 Jan 2018 | ||
+ | | Mainphoto for templ #2, Modmanager styles (both thanks to Jean-Louis V.) and mod Maternal Paternal Lines (if installed) included.<br />Borders in the left menu of template #9 removed. | ||
|- | |- | ||
| v11.1.2.0 | | v11.1.2.0 |
Revision as of 09:45, 7 January 2018
Downloads of Flat and Squared mod are restricted to logged in users. If you do not have a user account on the TNG Wiki use the Request Account link to request a user account | ||
If you have trouble downloading with Google Chrome, Vivaldi, Brave or other Chromium based browser, try using a right-click and select Open in new Window, then F5, or use another browser such as Firefox
|
Flat and Squared mod | ||
---|---|---|
Summary | Makes the interface flat and squared. | |
Validation | The mod is XHTML compliant. | |
Mod Updated | 7 Jan 2018 | |
Download link | for
| |
Download stats | Flat and Squared mod | |
Author(s) | Erik Hoppe | |
Homepage | Flat and Squared mod (this page) | |
Mod Support | My Mod Support | |
Contact Developer | My Mod Support | |
Latest Mod | 11.1.2.1 for TNG v11.1.2 and above | |
Min TNG V | 11.1.2 | |
Max TNG V | 11.1.2 | |
Files modified | ||
Related Mods | ||
Notes |
Purpose of the mod
While I was adding Template #15 to the TNG Colouring Book I was inspired by the flat look of the index page - and some recent webdesigns I've seen.
So I created a design add-on that I call
Flat and2
It removes shadows, 3D-borders and rounded corners making the interface "flat and squared".
A collection of sample pages from different templates are found here: https://xerxx.se/f2/index.html
Developer
This mod was developed by Erik Hoppe
Requirements
TNG 11.1 |
- A working TNG installation.
- A backup of all affected files (see the list below)
- An installed current version of the Mod Manager (is already included in TNG)
Before Installation
- If you want to use one or more of templates # 9, 10, 11, 13 a/o 14
- If you use the Scrollbox mod
You may need to edit a few things at the end of file flat2.css.php that is found in the mod folder Flat_and_Squared.
You will have access to that folder and file when you have un-zipped the download file.
Scrollbox mod users
The mod will by default make a 1-pixel border to mark the scrollbox. This is a good visual sign.
The Flat and 2 mod removes this border.
If you want to keep this border, there are two lines you have to delete or remark (I suggest remark, so they are left there).
>>> Look for this, close to the end of the file:
/* *** SCROLLBOX MOD */ /* *** If you use my SCROLLBOX MOD and WANT TO SEE THE BOX BORDER: DELETE/REMARK the next TWO lines */ #xerxxScrollbox { border: none !important; } #fanWrapper { border: none !important; }
Remark (or delete) the two last lines:
/* *** SCROLLBOX MOD *//* *** If you use my SCROLLBOX MOD and WANT TO SEE THE BOX BORDER: DELETE/REMARK the next TWO lines */ /* #xerxxScrollbox { border: none !important; } */
/* #fanWrapper { border: none !important; } */
Templates #9 and #10
The horizontal bar, below the toplogo and the background of the right side menu headings of the index-pages, are graphics:
If you have set colour to any of them, and want to keep the colour
there are a few lines you need to delete or remark (I suggest remark, so they are left there).
>>> Look for this, close to the end of the file - there are corresponding lines for template #10:
/* *** TEMPLATE #9: If you HAVE SET COLOUR to the horizontal bar: DELETE/REMARK the next line */ .art-nav-l, .art-nav-r { background-image: url('img/f2t9nav.png'); } /* *** TEMPLATE #9: If you HAVE SET COLOUR to the right side menu headings background: DELETE/REMARK the next line */ .art-blockheader .l, .art-blockheader .r { background-image: url('img/f2t9blockheader.png'); }
Remark (or delete) the two lines:
/* *** TEMPLATE #9: If you HAVE SET COLOUR to the horizontal bar: DELETE/REMARK the next line */ /* .art-nav-l, .art-nav-r { background-image: url('img/f2t9nav.png'); } */ /* *** TEMPLATE #9: If you HAVE SET COLOUR to the right side menu headings background: DELETE/REMARK the next line */ /* .art-blockheader .l, .art-blockheader .r { background-image: url('img/f2t9blockheader.png'); } */
Templates #11 and #13
The top horizontal bar will lose its colour. If you use another colour than the light grey, you will have to edit that colour.
>>> Look for this, close to the end of the file - there are corresponding lines for template #13:
/* *** TEMPLATE #11: Set the colour of the Top bar if not original (gray) */ /* Try = class ".art-sheet-cc" (= center background: See file "templates/template11/css/templatestyle.css") */ .art-nav-inner { background-color: #D5D5D5; /* Gray */ }
Change the D5D5D5 to your chosen colour.
(I suggest you look for the colour of class .art-sheet-cc in the TNG file templates/template11 (or 13) /css/mytngstyle.css.
If it's not there, it will be in templates/template11 (or 13) /css/templatestyle.css.)
Template #14
The top and bottom horizontal bars will lose their colour. If you use another colour than the light brown, you will have to edit that colour.
>>> Look for this, close to the end of the file:
/* *** TEMPLATE #14: Set the colour of the Top and Bottom bars if not original (brown) */ /* Try = class "div.innercontainer" = #E2B993, the menu bar (see file "templates/template14/css/templatestyle.css") */ .art-nav-inner { background-color: #CCA37D; /* Original-ish */ }
Change the CCA37D to your chosen colour.
(I suggest you look for the colour of class div.innercontainer in the TNG file templates/template14/css/mytngstyle.css.
If it's not there, it will be in templates/template14/css/templatestyle.css.)
Installation
- Click on the download link, shown in the summary in the upper right corner of the page.
- Un-zip the file you receive and you will find a folder called flat_and_squared_mod_v11.1.2.0. Open it.
Now perform the above step (Before Installation) and make sure it's complete.
- Move/copy/FTP the file flat_and_squared_mod_v11.1.2.0.cfg and the included folder Flat_and_Squared to the mods folder of your TNG system.
- Follow the normal automated installation for Mod Manager, as shown in the example Mod Manager - Installing Config Files to install the mod.
In the event of a problem
- Try using the Mod Manager Remove capability
- Replace all affected files with the copies you made before the installation.
- Contact me through My Mod Support
Conflicts
No known conflicts - yet.
Uninstalling the mod
If you want to completely Remove (uninstall) this mod and all its tables, you should
- click the Remove button to uninstall the mod and then
- click the Delete button to delete the config file from the mods folder.
Revision History
Version | Date | Description |
---|---|---|
v11.1.2.1 | 7 Jan 2018 | Mainphoto for templ #2, Modmanager styles (both thanks to Jean-Louis V.) and mod Maternal Paternal Lines (if installed) included. Borders in the left menu of template #9 removed. |
v11.1.2.0 | 26 Dec 2017 | Introduction. |
Visualization of this mod
There are twelve sample pages you can look at here: Sample pages
Sites using this mod
If you download and install this mod, please add your TNG site to the table below:
URL | User | Note | Mod-Version | TNG-Version | User-language |
---|---|---|---|---|---|
Andersson, Hoppe, Sahlin, Thorell | Erik Hoppe | Mod author | (Not this mod yet) | 11.1.2 | SE, GB, DE |
Racine d'Alsace | J-Louis Valory | Public/Private - Template 1 | 11.1.2 | French |
TNG Modules Impacted
The following TNG Modules are modified, and should be backed up prior to installing this mod:
- descend.php
- familychart.php
- pedigree.php
- adminlib.php
- genlib.php