Jump to content

Haim Rafael

Friends
 View Profile  See their activity

  • Posts

    36

  • Joined

  • Last visited

 Content Type 

Downloads

Release Notes

IPS4 Guides

IPS4 Developer Documentation

Invision Community Blog

Development Blog

Deprecation Tracker

Providers Directory

Forums

Events

Store

Gallery

Posts posted by Haim Rafael

    Add a dark mode

    in Feedback

    Posted

    On 2/19/2023 at 7:47 PM, drawncodes said: 
    <html class="{{if \IPS\Request::i()->cookie['ipsTheme_type'] == 'light'}}theme--light{{elseif \IPS\Request::i()->cookie['ipsTheme_type'] == 'dark'}}theme--dark{{else}}theme--dark{{endif}}">

     

    On 2/19/2023 at 7:47 PM, drawncodes said: 
    <html class="{{if \IPS\Request::i()->cookie['ipsTheme_type'] == 'light'}}theme--light{{elseif \IPS\Request::i()->cookie['ipsTheme_type'] == 'dark'}}theme--dark{{else}}theme--dark{{endif}}">
  <div id='ipsTheme_changer--selector'>
    <i class="fas fa-moon"></i>
    <span>mode</span>
  </div>
  <script type="text/javascript" src='//code.jquery.com/jquery-3.5.1.min.js'></script>
  <script>
    $(document)['ready'](function() {
      if (ips['utils']['cookie']['get']('ipsTheme_type') == 'dark') {
        document['documentElement']['classList']['remove']('theme--light');
        document['documentElement']['classList']['add']('theme--dark')
      } else {
        if (ips['utils']['cookie']['get']('ipsTheme_type') == 'light') {
          document['documentElement']['classList']['remove']('theme--dark');
          document['documentElement']['classList']['add']('theme--light')
        }
      };
      $('#ipsTheme_changer--selector')['click'](function() {
        if (document['documentElement']['classList']['contains']('theme--dark')) {
          document['documentElement']['classList']['remove']('theme--dark');
          document['documentElement']['classList']['add']('theme--light');
          ips['utils']['cookie']['unset']('ipsTheme_type');
          ips['utils']['cookie']['set']('ipsTheme_type', 'light', true)
        } else {
          document['documentElement']['classList']['remove']('theme--light');
          document['documentElement']['classList']['add']('theme--dark');
          ips['utils']['cookie']['unset']('ipsTheme_type');
          ips['utils']['cookie']['set']('ipsTheme_type', 'dark', true)
        }
      })
    });
  </script>
    #ipsTheme_changer--selector {
  position: relative;
  display: flex;
  align-items: center;
  z-index: 1;
  cursor: pointer;
  box-shadow: rgb(0 18 46 / 18%) 0px 2px 3px 0px;
  border-radius: 100px;
}
#ipsTheme_changer--selector > i {
  box-shadow: 0 0 10px rgb(17, 138, 240);
  background: linear-gradient(135deg, rgb(39 111 218), rgb(0 161 255));
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  line-height: 1;
  color: #111520;
  font-size: 17px;
}
#ipsTheme_changer--selector > span {
  background: rgb(var(--theme-page_background));
  height: 40px;
  display: flex;
  align-items: center;
  padding-left: 45px;
  margin-left: -35px;
  z-index: -1;
  border-radius: 100px;
  padding-right: 20px;
  text-transform: uppercase;
  font-size: 12px;
  letter-spacing: 1px;
  color: rgb( var(--theme-text_color) );
  font-weight: 600;
}
#ipsTheme_changer--selector > span:before {
  content: "dark";
  margin-right: 3px;
}
html.theme--dark #ipsTheme_changer--selector > span:before {
  content: "light";
}
html.theme--dark #ipsTheme_changer--selector > .fa-moon:before {
  content: '\f185';
}


    I hope it's not too complicated to understand.

    The HTML class you'll need to add to your html tag in your theme.
    The <script> tag you'll need to add them under the <footer> tag or where you want doesn't matter.
    The CSS, I think this is obvious, and the <div id=ipsTheme..> is the button, add it where you want.

    CSS was written by me.
    JS was not written by me, the author is nowhere to be found 😄 😛 🙂.

    Where do I put the code you brought?

    Different internal forum style

    in Classic self-hosted technical help

    Posted

    1 hour ago, Gary said:

    Hi @Haim Rafael,

    I have moved your topic to the Community Support forum. You will have more luck getting some answers compared to the Community Managers' Lounge. 😉

    Thank you!


    1) Different internal forum style
    Does anyone happen to know how I can make the internal forum look like this?

    Could contain: Text

    Side picture for the forum + description of the forum in the middle + presentation of the forum administrators + presentation of the sub-forum

    2) Another request: the display of the cluster in this way:

    image.png.ebf8078eaf749be57380a47f87f18479.png

    I would love a page or a plugin or instructions, for a fee of course

    problem with timing, s% error

    in Technical Problems

    Posted

    48 minutes ago, Jim M said:

    Please contact the author of the language pack which you're using as it is likely out of date and will need an update.

     

    We made the language pack by ourself, we made the pack by copying the English pack and suddenly that happened. Please just let me know how can I fix it by myself

     

    The YouTube link is not syncing correctly

    in Technical Problems

    Posted

    sorry in advance for my english
    When I put a URL link from YouTube the video is shown to me inside the message before it was published
    As soon as the message has been published I get an error of

    Could contain: Coat, Clothing, Person, Formal Wear, Text, Poster, Advertisement

    Quote

     

    Forbidden
    You don't have permission to access this resource.

    Additionally, a 403 Forbidden error was encountered while trying to use an ErrorDocument to handle the request.

     

    Could contain: Page, Text, File, Webpage

    I can't post any video from YouTube

    description

    in Classic self-hosted technical help

    Posted · Edited by Haim Rafael

    Is it possible to restyle the forum description and also the image display for each forum?  Plus entering sub-forums on the left side as in the pictureIs it possible to restyle the forum description and also the image display for each forum?  Plus entering sub-forums and the managers of the specific forum on the left side as in the picture

     

    Could contain: Medical Procedure, Person, Operating Theatre, Indoors, Hospital, Doctor, Clinic, Building, Outdoors, Text

    Is it possible to make a gender system? male Female

    in Technical Problems

    Posted

    Just now, Jim M said:

    Sorry, customization is outside our scope of support. You may wish to ask for assistance in our Community Support forum to receive support from other clients. Otherwise, you can reach out to a third party provider to perform this for you.

    I would love to open this thread in the forum you mentioned.  I would love a link to it please!  again.  Thanks for the help

    Is it possible to make a gender system? male Female

    in Technical Problems

    Posted

    10 minutes ago, Jim M said:

    Sorry, I am not sure what you mean. Do you mean you want this as a custom field that displays in content or their profile? If so, yes. Please see the guide below on how to create them:

     

    Thank you very much for your help.  Sorry for my bad English, I'm using Google Translate... I mean a profile field of male / female selection, but in addition there will be a gif image of the gender symbol in the posts and in the profile, for example "gender: male & male gif

    Like here, only with the addition of a gif of the same gender

Invision Community © 2024 IPS, Inc.
×
×
  • Create New...