[ALPHA] Apatite for phpBB 3.3.0

For style authors to post and receive feedback on 3.3.x styles still in development. Any development styles you wish to use on your live board should be installed with caution!
User avatar
RomaamoR
Registered User
Posts: 188
Joined: Tue Feb 24, 2015 4:45 pm
Contact:

Re: [ALPHA] Apatite for phpBB 3.3.0

Post by RomaamoR »

Did not work out. You can see for yourself. I will throw off the login details in a personal message.
User avatar
forumDB
Registered User
Posts: 19
Joined: Tue May 05, 2020 11:41 am
Location: Norway
Contact:

Re: [ALPHA] Apatite for phpBB 3.3.0

Post by forumDB »

RomaamoR wrote:
Sun May 31, 2020 9:27 pm
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;
}
Styles I am developing:
Apatite for phpBB 3.3.0
User avatar
RomaamoR
Registered User
Posts: 188
Joined: Tue Feb 24, 2015 4:45 pm
Contact:

Re: [ALPHA] Apatite for phpBB 3.3.0

Post by RomaamoR »

Now so.
Image

Advanced BBCode Box

Without changes.
Image

It should be something like this.
Quick response.
Image

The standard answer.
Image
User avatar
forumDB
Registered User
Posts: 19
Joined: Tue May 05, 2020 11:41 am
Location: Norway
Contact:

Re: [ALPHA] Apatite for phpBB 3.3.0

Post by forumDB »

RomaamoR wrote:
Sun May 31, 2020 10:15 pm
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.
Styles I am developing:
Apatite for phpBB 3.3.0
User avatar
RomaamoR
Registered User
Posts: 188
Joined: Tue Feb 24, 2015 4:45 pm
Contact:

Re: [ALPHA] Apatite for phpBB 3.3.0

Post by RomaamoR »

Thank. ;)
User avatar
Mannix_
Registered User
Posts: 871
Joined: Sun Oct 25, 2015 2:56 pm
Name: Matt
Contact:

Re: [ALPHA] Apatite for phpBB 3.3.0

Post by Mannix_ »

forumDB wrote:
Honestly you should focus on finishing the style first then you can help out with the extension adjustments.
RomaamoR wrote:
Sun May 31, 2020 10:37 pm
This is an alpha version of the style and you really shouldn't be using it on a live board.
-=-=-=-=-=-=-=-=-=-=-=-=-My Styles-=-=-=-=-=-=-=-=-=-=-=-=-
HexagonHexagonRebornCleanSilverProject Durango
-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-

Need help with styling or want me to port a style to 3.2.x etc. contact me here or here.
New version of phpBB has been released? My styles aren't validated for it yet? Check my page for the latest downloads!
User avatar
3Di
Former Team Member
Posts: 16032
Joined: Mon Apr 04, 2005 11:09 pm
Location: Milan (IT) Frankfurt (DE)
Name: Marco
Contact:

Re: [ALPHA] Apatite for phpBB 3.3.0

Post by 3Di »

Mannix_ wrote:
Mon Jun 01, 2020 6:22 am
forumDB wrote:
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. :ugeek:
Please PM me only to request paid works. Thx.
Want to compensate me for my interest? Donate
My development's activity º PhpStorm's proud user
Extensions, Scripts, MOD porting, Update/Upgrades
Looking for a specific feature or alternative option? We will rock you! 🚀
User avatar
RomaamoR
Registered User
Posts: 188
Joined: Tue Feb 24, 2015 4:45 pm
Contact:

Re: [ALPHA] Apatite for phpBB 3.3.0

Post by 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.
User avatar
Mannix_
Registered User
Posts: 871
Joined: Sun Oct 25, 2015 2:56 pm
Name: Matt
Contact:

Re: [ALPHA] Apatite for phpBB 3.3.0

Post by Mannix_ »

RomaamoR wrote:
Mon Jun 01, 2020 7:53 am
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.
-=-=-=-=-=-=-=-=-=-=-=-=-My Styles-=-=-=-=-=-=-=-=-=-=-=-=-
HexagonHexagonRebornCleanSilverProject Durango
-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-

Need help with styling or want me to port a style to 3.2.x etc. contact me here or here.
New version of phpBB has been released? My styles aren't validated for it yet? Check my page for the latest downloads!
User avatar
3Di
Former Team Member
Posts: 16032
Joined: Mon Apr 04, 2005 11:09 pm
Location: Milan (IT) Frankfurt (DE)
Name: Marco
Contact:

Re: [ALPHA] Apatite for phpBB 3.3.0

Post by 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.
Please PM me only to request paid works. Thx.
Want to compensate me for my interest? Donate
My development's activity º PhpStorm's proud user
Extensions, Scripts, MOD porting, Update/Upgrades
Looking for a specific feature or alternative option? We will rock you! 🚀
User avatar
Tastenplayer
Registered User
Posts: 762
Joined: Thu Jul 03, 2014 9:20 pm
Location: Village in the middle of Switzerland
Name: Jutta Koliofotis
Contact:

Re: [ALPHA] Apatite for phpBB 3.3.0

Post by 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.
More of my styles you can find in my phpBB Style Board & More
Be the best version of yourself rather than a bad copy of someone else!
Excuse me for my English, but I learned the language by speaking to people and not at school.
User avatar
3Di
Former Team Member
Posts: 16032
Joined: Mon Apr 04, 2005 11:09 pm
Location: Milan (IT) Frankfurt (DE)
Name: Marco
Contact:

Re: [ALPHA] Apatite for phpBB 3.3.0

Post by 3Di »

Exactly.
Please PM me only to request paid works. Thx.
Want to compensate me for my interest? Donate
My development's activity º PhpStorm's proud user
Extensions, Scripts, MOD porting, Update/Upgrades
Looking for a specific feature or alternative option? We will rock you! 🚀
User avatar
RomaamoR
Registered User
Posts: 188
Joined: Tue Feb 24, 2015 4:45 pm
Contact:

Re: [ALPHA] Apatite for phpBB 3.3.0

Post by RomaamoR »

How is style development going? ;)
rohde
Registered User
Posts: 38
Joined: Thu May 23, 2013 7:58 pm

Re: [ALPHA] Apatite for phpBB 3.3.0

Post by 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>
User avatar
forumDB
Registered User
Posts: 19
Joined: Tue May 05, 2020 11:41 am
Location: Norway
Contact:

Re: [ALPHA] Apatite for phpBB 3.3.0

Post by forumDB »

RomaamoR wrote:
Wed Jun 24, 2020 8:53 pm
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. :)
rohde wrote:
Tue Jul 07, 2020 12:31 pm
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. :)
Styles I am developing:
Apatite for phpBB 3.3.0
Post Reply

Return to “[3.3.x] Styles in Development”