[ALPHA] Apatite for phpBB 3.3.0

[RomaamoR]

Did not work out. You can see for yourself. I will throw off the login details in a personal message.

[forumDB]

Did not work out. You can see for yourself. I will throw off the login details in a personal message.

I see that the CSS is not updated. As I said a couple of posts ago, the following should do the trick:

Open styles/apatite/theme/content.css and find .post-content at line 1249. Replace .post-content and its code with the following:

Code: Select all

.post-content {
	display: inline-block;
	float: right;
	block-size: auto;
	flex: 1;
	flex-grow: 10;
	background-color: var(--content-background-color);
	padding: 20px;
	border: 1px solid hsla(0, 0%, 50.2%, .2);
	min-width: 70%;
	margin-right: 5px;
}

[RomaamoR]

Now so.


Advanced BBCode Box

Without changes.


It should be something like this.
Quick response.


The standard answer.

[forumDB]

Now so.
https://clip2net.com/clip/m288882/53a5b ... ?nocache=1

Advanced BBCode Box

Without changes.
https://clip2net.com/clip/m288882/0702f ... ?nocache=1

It should be something like this.
Quick response.
https://clip2net.com/clip/m288882/e2e40 ... ?nocache=1

The standard answer.
https://clip2net.com/clip/m288882/0d608 ... ?nocache=1

Alright, now I understand the problem. I had plans for coding in a smiley-picker from the toolbar instead of having it to the side, but that will obviously not work for boards that have another text editor than the phpBB standard one.

I will work on a solution to this and release it here asap, probably within the next couple of days. In the meantime, here's a link to a temporary, non-ideal, non-responsive fix for the full post editor. If you're eager to use it live now, you can replace your posting_editor.html with this one while you wait for a better fix.

[RomaamoR]

Thank.

[Mannix_]

Honestly you should focus on finishing the style first then you can help out with the extension adjustments.

This is an alpha version of the style and you really shouldn't be using it on a live board.

[3Di]

Honestly you should focus on finishing the style first then you can help out with the extension adjustments.

Exactly, well said.

If we were to help everyone on every style and for every extension we've written we wouldn't need 100 years.

[RomaamoR]

This is an alpha version of the style and you really shouldn't be using it on a live board.

I check on the test forum.

If we were to help everyone on every style and for every extension we've written we wouldn't need 100 years.

At the very beginning of style development, basic extensions do not work. I think it’s easier to immediately fix the errors, then it will be more difficult.

[Mannix_]

At the very beginning of style development, basic extensions do not work. I think it’s easier to immediately fix the errors, then it will be more difficult.

I have to disagree with you there.
1st. The style has to be finished the way the author wants it to be finished. He shouldn't care about any extension while developing a style.
2nd. It's not style's author job to make every extension work with his style. He can help with adjustments afterwards but he shouldn't be held back by any extension in the development stage.

Adjusting extensions comes after the style is ready for release imho.

[3Di]

Once again I have to agree in full to what @Mannix_ stated here above.

@forumDB
please go ahead with this and do not care about extra requests which you could satisfy once your style has been validated, if you so wish.
There is no need to slow down its development IMHO.

[Tastenplayer]

Exactly! Otherwise a style will never be finished.
Only when the style is finished, you have to check if the events are placed correctly. Extensions are developed for prosilver, not for my individual style. The official extensions should be correctly displayed / working in a style.
Extension customization is a matter of the user. As a style creator, you can, after the release, help with that, if you want and as far as you are able to. You can also refer a support requestor to the extension developer.

[3Di]

Exactly.

[RomaamoR]

How is style development going?

[rohde]

is possible to put carousel in header and put a big footer ?


example:

Code: Select all

<header class="header-body" id="header-1"><meta http-equiv="Content-Type" content="text/html; charset=windows-1252">


<!-- Header Headline -->
<div id="featured_images_carousel" class="carousel slide" data-ride="carousel">
  <div class="carousel-inner" role="listbox">
	<div class="item active">
		<img src="https://www.clubedovectra.com.br/forum//styles/mystyle/theme/images/logo1.jpg" title="Clube do Vectra" alt="Clube do Vectra">
	</div>
  </div>
</div>


<!-- Header Navbar -->
<nav id="main-navbar" class="navbar navbar-default navbar-static-top">
<div class="container">

  <div class="nav-content">

    <div class="float-left">

      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
        <span class="sr-only">Toggle navigation</span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
      </button>

      <ul class="nav float-left">
        <li class="active">
          <a id="logo" href="./index.php" title="O Clube Oficial do Chevrolet Vectra no Brasil">
                    
          <i class="icon fa fa-home lazyIcon"></i>
          Home
                    </a>
        </li>
		</ul>
		
      <div class="navbar-collapse collapse float-left">
      <ul class="nav navbar-nav">
		<li>
          <a id="chat" href="/forum/mchat" title="Bate-Bapo">
		  <i class="icon fa fa-comments-o lazyIcon"></i>
		  Bate-Bapo
		  </a>
        </li>		  
	    
        <li>
		  <a id="download" href="/forum/page/downloads" title="Downloads">
		  <i class="icon fa fa-cloud-download lazyIcon"></i>
		  Downloads
		  </a>
        </li>	  
	  

                <li class="dropdown mega-menu">
          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
          <i class="icon fa fa-coffee lazyIcon"></i>Utilitários <span class="caret"></span>
          </a>
          <ul class="dropdown-menu">
            <li class="row">
              <div class="col-md-4">
                <h3>Loja</h3>
                <a href="https://goo.gl/qzrHJZ" class="headline-panel" target="_blank">
                  <img class="mega-menu-headline" src="./styles/mystyle/theme/images/menu_headline.png" alt="Clube do Vectra - Loja Oficial">
                  <p>Produtos Oficiais do Clube do Vectra</p>
                </a>
              </div>
              <div class="col-md-4">
                <h3>Links</h3>
                <ul class="list-unstyled">
                  <li><a href="/forum/memberlist.php?mode=leaders">Equipe</a></li>
                  <li><a href="/forum/topicindex" title="Topics list">Índice de Tópicos A-Z</a></li>
                  <li><a href="https://imagem.clubedovectra.com.br/" target="_blank">Enviar Foto</a></li>
                  <li><a href="https://www.facebook.com/ClubeDoVectra" target="_blank">Fã Page - Facebook</a></li>
				  </ul>
              </div>
              <div class="col-md-4">
                <ul class="list-unstyled">				
                  <li><a href="/forum/rules#regras-forum" title="Regras de Utilização">Regras de Utilização</a></li>
				  <li><a href="/forum/rules#regras-classificados" title="Regras Comerciais">Regras Comerciais</a></li>
                </ul>
              </div>
            </li>
          </ul>
        </li><!-- /.mega-menu -->
        
        <li class="dropdown">
          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
           <i class="icon fa fa-share-alt lazyIcon"></i>Forum
           <span class="caret"></span>
          </a>
          <ul class="dropdown-menu" role="menu">

            
            <li><a href="./search.php?search_id=active_topics"><i class="fa fa-exchange lazyIcon"></i>Tópicos ativos</a></li>
            <li><a href="./search.php?search_id=unanswered"><i class="fa fa-folder lazyIcon"></i>Tópicos sem resposta</a></li>

                        <li class="divider"></li>

          	<li><a href="./ucp.php?mode=delete_cookies"><i class="fa fa-times lazyIcon"></i>Excluir todos os cookies deste painel</a></li>

            <li class="divider"></li>

                        <li><a href="./ucp.php?mode=terms" title="Termos de uso"><i class="fa fa-leaf lazyIcon"></i>Termos de uso</a></li>
            <li><a href="./ucp.php?mode=privacy" title="Políticas de privacidade"><i class="fa fa-gavel lazyIcon"></i>Políticas de privacidade</a></li>
            
            <li><a href="./faq.php" title="Questões mais frequentes"><i class="fa fa-question lazyIcon"></i>FAQ</a></li>
          
                      </ul>
        </li>

        <!-- START: User Menu Items -->
        
        <!-- END: User Menu Items -->

                        
      </ul>
      </div>
    </div><!-- /.float-left -->


    <div class="float-right">
    <ul class="nav navbar-nav">

              <!-- inicio login -->
         <li class="dropdown login-box-toggle">
          <a href="./ucp.php?mode=login" title="Entrar" class="dropdown-toggle" data-toggle="dropdown" accesskey="x">
           <i class="icon fa fa-power-off lazyIcon"></i><span class="inner-text">Entrar</span><span class="caret"></span></a>
        
           <div class="dropdown-menu" role="login">
    
           <!-- LOGIN-BOX -->
    
             <div class="login-box">
             
             <form action="./ucp.php?mode=login" method="post" id="login">
             <fieldset>
               <dl>
                 <dd class="text-center">
                 <input type="text" tabindex="1" name="username" id="username" size="25" placeholder="Nome de usuário / email" class="inputbox autowidth add-border" title="Nome de usuário / email">
                 </dd>
               </dl>
    
               <dl>
                 <dd class="text-center">
                 <input type="password" tabindex="2" name="password" id="password" size="25" placeholder="Senha" class="inputbox autowidth add-border" title="Senha">
                 </dd>
               </dl>
    
               <dl>
                <dd class="float-left"><a href="">Esqueci a senha</a></dd>
      		 
                                  <dd class="text-left float-right"><label for="viewonline">
                 <div class="icheckbox_square-grey" style="position: relative;"><input type="checkbox" name="viewonline" id="viewonline" tabindex="5" style="position: absolute; top: -20%; left: -20%; display: block; width: 140%; height: 140%; margin: 0px; padding: 0px; background: rgb(255, 255, 255); border: 0px; opacity: 0;"><ins class="iCheck-helper" style="position: absolute; top: -20%; left: -20%; display: block; width: 140%; height: 140%; margin: 0px; padding: 0px; background: rgb(255, 255, 255); border: 0px; opacity: 0;"></ins></div> Invisível</label>
                 </dd>
                     
                                </dl>
    
               <input type="hidden" name="redirect" value="./viewtopic.php?f=13&amp;p=198795">

    
               <dl>
                 <dd class="button-container">
                                  <label for="autologin" class="float-right"><div class="icheckbox_square-grey checked" style="position: relative;"><input type="checkbox" name="autologin" id="autologin" tabindex="4" checked="" style="position: absolute; top: -20%; left: -20%; display: block; width: 140%; height: 140%; margin: 0px; padding: 0px; background: rgb(255, 255, 255); border: 0px; opacity: 0;"><ins class="iCheck-helper" style="position: absolute; top: -20%; left: -20%; display: block; width: 140%; height: 140%; margin: 0px; padding: 0px; background: rgb(255, 255, 255); border: 0px; opacity: 0;"></ins></div> Lembrar minhas informações</label>
                     
                 
                 <input type="submit" name="login" tabindex="6" value="Entrar" class="button1 float-left">
                 </dd>
               </dl>
             </fieldset>
             </form>
             </div><!-- /.login-box -->
           </div>
    
         </li>
       <!-- fim login --> 
         

        </ul>			      
    </div><!-- /.float-right -->
  </div><!-- /.nav-content -->
</div><!-- /.container -->
</nav><!-- /#main-navbar -->


<div class="float-clear"></div>
</header>

[forumDB]

How is style development going?

It's going a little bit slow, and most likely the development is going to be postponed till August/September. My day job is within the health service, so it's quite a busy time at work these days. But the important thing to note is that Apatite is still happening, albeit a little later than I first hoped.

is possible to put carousel in header and put a big footer ?

It is definitely possible, but I am not quite sure if that's the direction I want to go with Apatite. But as with most things phpBB, Apatite too is open source and open for customizing. I suggest you ask for it again once the style is released in it's finished form, and I just might be able to help you out with that.