Jump to content

RaZor Edge

Clients
  • Posts

    22
  • Joined

  • Last visited

 Content Type 

Profiles

Downloads

IPS4 Providers

Release Notes

IPS4 Guides

IPS4 Developer Documentation

Invision Community Blog

Forums

Store

Posts posted by RaZor Edge

  1. On ‎2017‎-‎03‎-‎08 at 8:51 PM, TAMAN said:

    Yes, But Only if you dont have a lot of navigation menu items, otherwise without a hell of customization is not possible : )  

    anyways this should work fine 

    
    .ta-headerContainer{
    	width: 100%;
    }
    .logoWrap {
        position: absolute;
        top: 15px; /*Change the top position of your logo here*/
        bottom: 0;
    }
    @media screen and (max-width: 979px){
    	.logoWrap{
            position: initial;
    	}
    }

    Would it be possible to only show this on desktop sizes. I've try to find a way in the guides, but with no success...

  2. Hello @TAMAN,

    I recently had an idea for my theme.

    In fact, I would like the logo in the upper left corner to slightly overflow the header.

    Here is an example of what I mean:

    logo.thumb.png.a454a86143de1960cc961bb51d619b0b.png

    Would it be difficult to accomplish with a simple CSS change?

    If it requires too many changes, it is ok!
    ;)

  3. On ‎2017‎-‎02‎-‎27 at 4:48 PM, TAMAN said:

    i just changed the usernav class name 

    this should work now

    
    .ta-userNav .ipsLayout_container{
    	max-width: 100%;
    }
    .ta-userNav .ipsLayout_container{
        top: 100px;
        bottom: initial;
    }
    .ta-userNav #elUserNav{
    	padding: 7px 15px;
    }
    .ta-userNav #elUserNav:before {
    	border-left: none;
    }
    html[dir="rtl"] .ta-userNav #elUserNav,
    html[dir="ltr"] .ta-userNav #elUserNav{
     	background-color: {hextorgb="userbar_bg" opacity="0.80"};
        background: -webkit-linear-gradient(to left, {hextorgb="userbar_bg" opacity="0.80"} , {hextorgb="userbar_bg" opacity="0.15"}); 
        background: linear-gradient(to left, {hextorgb="userbar_bg" opacity="0.80"} , {hextorgb="userbar_bg" opacity="0.15"}); 
      	border-right: none;
      	border-radius: 3px;
    }

     

    Hi Taman,

    There is something wrong with the position of the userNav..

    See now:

    navuser1.png.7230293c8acecbcbb8e6ffc3321c68d6.png

    And how it was intended to be in the previous version:

    usernav2.png.ef735439d513a9fd2602593691f1cb1a.png

    (note that I added "padding-right: 20px;" on the first version)

     

    Is it something that I can fix easily?

  4. 54 minutes ago, TAMAN said:

     

    Sorry what space exatly? there is nothing wrong in the screenshot :/

    That should help:

    IPS-SPACE-2.thumb.png.61aef0e4841aba2dee38949509a1adea.png

    There is a space at the left and right of the header. The background of the header should be 100% wide.

  5. In addition to my previous post, it also seems like the update add a space right and left of the header (not the footer), when set to Wide. See:

    IPS-SPACE.png.e81fb7fa5f498ba281acaa0400ed2128.png

    (tested in IExplorer and Chrome, with a default Template installation)

  6. On ‎2017‎-‎01‎-‎16 at 9:51 PM, TAMAN said:

    add to custom.css

    
    .usernavigation.ipsLayout_container{
    	max-width: 100%;
    }
    /*Adjust the top*/
    .usernavigation.ipsLayout_container{
        top: 100px;
        bottom: initial;
    }
    /*userbar size*/
    .usernavigation #elUserNav{
    	padding: 7px 15px;
    }
    .usernavigation #elUserNav:before {
    	border-left: none;
    }
    /*transparency*/
    html[dir="rtl"] .usernavigation #elUserNav,
    html[dir="ltr"] .usernavigation #elUserNav{
     	background-color: {hextorgb="userbar_bg" opacity="0.80"};
        background: -webkit-linear-gradient(to left, {hextorgb="userbar_bg" opacity="0.80"} , {hextorgb="userbar_bg" opacity="0.15"}); /* left to right transparency. if you dont like it remove this line */
        background: linear-gradient(to left, {hextorgb="userbar_bg" opacity="0.80"} , {hextorgb="userbar_bg" opacity="0.15"}); /* left to right transparency. if you dont like it remove this line */
      	border-right: none;
      	border-radius: 3px;
    }

    MaxthonSnap20170117054851.png

    Enjoy :) im glad you like it 

    Edit: btw i might add it as a setting for next update so users can simply switch the user bar style :) you got good ideas xD thanks 

    @TAMAN, seems like this mod for the usernav don't work with version 2.0.

    Did you change something?

  7. Just now, TAMAN said:

    you can simply install it as a new theme without deleting your old version 

    then open both theme settings in tab and copy paste colors or compare settings you have on old version 

    thats the only solution and not really hard :) 

    Ok! Thank you for the tip!

  8. 2 hours ago, TAMAN said:

    add to custom.css

    
    .usernavigation.ipsLayout_container{
    	max-width: 100%;
    }
    /*Adjust the top*/
    .usernavigation.ipsLayout_container{
        top: 100px;
        bottom: initial;
    }
    /*userbar size*/
    .usernavigation #elUserNav{
    	padding: 7px 15px;
    }
    .usernavigation #elUserNav:before {
    	border-left: none;
    }
    /*transparency*/
    html[dir="rtl"] .usernavigation #elUserNav,
    html[dir="ltr"] .usernavigation #elUserNav{
     	background-color: {hextorgb="userbar_bg" opacity="0.80"};
        background: -webkit-linear-gradient(to left, {hextorgb="userbar_bg" opacity="0.80"} , {hextorgb="userbar_bg" opacity="0.15"}); /* left to right transparency. if you dont like it remove this line */
        background: linear-gradient(to left, {hextorgb="userbar_bg" opacity="0.80"} , {hextorgb="userbar_bg" opacity="0.15"}); /* left to right transparency. if you dont like it remove this line */
      	border-right: none;
      	border-radius: 3px;
    }

    MaxthonSnap20170117054851.png

    Enjoy :) im glad you like it 

    Edit: btw i might add it as a setting for next update so users can simply switch the user bar style :) you got good ideas xD thanks 

    Wow! It look awesome! (w00t)

    I will try it on my board! Thanks again!

  9. Hello Taman,

    As discussed privately, I would like to see some changes to the userbar. Taman kindly offered to submit my ideas in this topic.

    The desired changes are somewhat different from those discussed earlier in this discussion.

    So here is a description of what I want (see the screenshot for a general idea):

    - Move the bar just below the header;
    - Keep a small empty space to separate them;
    - Do not include the userbar with the "fix header";
    - Decrease the size of the userbar (see screenshot);
    - Give a translucent effect similar to the header on dark tone;
    - Remove the colored bar on the right;
    - For the left side, in an ideal world, I would have liked a gradient transparent from left to right. If it's complicated, then we could keep the current style.

    Thanks again Taman for this excellent theme!

    :thumbsup:

     

    demo_jpg_5c1ef16a5a1dcd3dda41dfc1f9debc71.jpg

  10. Well, I'll go the easy way.

    I'll made a different template for each section and adjust the Breadcrum template in each :

    <li {{if $useMicrodata}} itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem"{{endif}}>
    			<a title="{lang="home"}" href='{setting="base_url"}' {{if $useMicrodata}}itemscope itemtype="http://schema.org/Thing" itemprop="item"{{endif}}>
    				<span {{if $useMicrodata}}itemprop="name"{{endif}}><i class='fa fa-home'></i> {lang="home"}{{if count( \IPS\Output::i()->breadcrumb )}} <i class='fa fa-angle-right'></i>{{endif}}</span>
    			</a>
    			<meta itemprop="position" content="1">
    		</li>

     

  11. Hi,

    My website is using the Pages app as default.

    So I've got something like : Homepage, Section 1, Section 2, Section 3, Forum, etc

    On the Pages app, I have created folders reflecting this structure:

    /Folder1/Page1
    /Folder1/Page2
    etc..

    (I've got also a default page showing for Folder1)

    So, the url show:

    Homepage/Folder1/Page1

    But the breadcrumb show:

    Homepage / Page1

    I would like it to be:

    Homepage / Folder1 / Page1

    or even

    Folder1 / Page1

    It seems to be done on IPS own website:

    https://invisionpower.com/4guides/

    Can it be done without changing templates?

    It was also requested in this thread:

     

     

×
×
  • Create New...