[3.2.5] Butoane topic nou,raspunde,blocat sistem nou

Imagine

Moderator: Fondator

deconectat
Rank:Administrator
Avatar utilizator
Mesaje:59
Localitate: Giurgiu
Jucator: Global Offensive
Arma preferata: Awp
Contact:

Mesaj RE: [3.2.5] Butoane topic nou,raspunde,blocat sistem nou
de mr.franta »
Dum Feb 03, 2019 10:13 am

Cred ca multi dintre voi va doriti un nou aspect la butoanele de topic care sa iasa in evidenta.
Pentru a obtine acest rezultat trebuie sa modificam doua template-uri: viewforum_body si viewtopic_body
Autor: mr.franta
Versiune phpbb: 3.2.5
Data: 3 februarie 2019
Rezultat final:
https://i27.servimg.com/u/f27/14/12/03/12/lock_a10.png
https://i27.servimg.com/u/f27/14/12/03/12/lock_t10.png
https://i27.servimg.com/u/f27/14/12/03/12/new_to10.png
https://i27.servimg.com/u/f27/14/12/03/12/reply_10.png

Bun,haideti sa incepem.

In template-ul viewforum_body cautati si indentificati urmatorul cod:

Cod: Selectaţi tot

<!-- IF S_DISPLAY_POST_INFO or .pagination or TOTAL_POSTS or TOTAL_TOPICS -->
	<div class="action-bar bar-top">

	<!-- IF not S_IS_BOT and S_DISPLAY_POST_INFO -->
			<!-- EVENT viewforum_buttons_top_before -->

		<a href="{U_POST_NEW_TOPIC}" class="button" title="<!-- IF S_IS_LOCKED -->{L_FORUM_LOCKED}<!-- ELSE -->{L_POST_TOPIC}<!-- ENDIF -->">
			<!-- IF S_IS_LOCKED -->
				<span>{L_BUTTON_FORUM_LOCKED}</span> <i class="icon fa-lock fa-fw" aria-hidden="true"></i>
			<!-- ELSE -->
				<span>{L_BUTTON_NEW_TOPIC}</span> <i class="icon fa-pencil fa-fw" aria-hidden="true"></i>
			<!-- ENDIF -->
		</a>
			<!-- EVENT viewforum_buttons_top_after -->
	<!-- ENDIF -->
Dupa ce l-ati indentificat il stergeti si il inlocuiti cu acesta:

Cod: Selectaţi tot

<!-- IF S_DISPLAY_POST_INFO or .pagination or TOTAL_POSTS or TOTAL_TOPICS -->
	<div class="action-bar bar-top">

	<!-- IF not S_IS_BOT and S_DISPLAY_POST_INFO -->
			<!-- EVENT viewforum_buttons_top_before -->

		<!-- IF S_IS_LOCKED -->
				<a href="{U_POST_NEW_TOPIC}" class="button" id="lock">
								<span>{L_BUTTON_FORUM_LOCKED}</span> <i class="icon fa-lock fa-fw" aria-hidden="true"></i>
</a>

	<!-- ELSE -->
				<a href="{U_POST_NEW_TOPIC}" class="button" id="new">
										<span>{L_BUTTON_NEW_TOPIC}</span> <i class="icon fa-pencil fa-fw" aria-hidden="true"></i>
			
</a>
		<!-- ENDIF -->
Tot in template-ul viewforum_body cautati:

Cod: Selectaţi tot

<div class="action-bar bar-bottom">
		<!-- IF not S_IS_BOT and S_DISPLAY_POST_INFO -->
			<!-- EVENT viewforum_buttons_bottom_before -->

			<a href="{U_POST_NEW_TOPIC}" class="button" title="<!-- IF S_IS_LOCKED -->{L_FORUM_LOCKED}<!-- ELSE -->{L_POST_TOPIC}<!-- ENDIF -->">
			<!-- IF S_IS_LOCKED -->
				<span>{L_BUTTON_FORUM_LOCKED}</span> <i class="icon fa-lock fa-fw" aria-hidden="true"></i>
			<!-- ELSE -->
				<span>{L_BUTTON_NEW_TOPIC}</span> <i class="icon fa-pencil fa-fw" aria-hidden="true"></i>
			<!-- ENDIF -->
			</a>

			<!-- EVENT viewforum_buttons_bottom_after -->
		<!-- ENDIF -->
Acelasi lucru: il stergeti si il inlocuiti cu acesta:

Cod: Selectaţi tot

<div class="action-bar bar-bottom">
		<!-- IF not S_IS_BOT and S_DISPLAY_POST_INFO -->
			<!-- EVENT viewforum_buttons_bottom_before -->

				<!-- IF S_IS_LOCKED -->
				<a href="{U_POST_NEW_TOPIC}" class="button" id="lock">
								<span>{L_BUTTON_FORUM_LOCKED}</span> <i class="icon fa-lock fa-fw" aria-hidden="true"></i>
</a>
	<!-- ELSE -->
				<a href="{U_POST_NEW_TOPIC}" class="button" id="new">
										<span>{L_BUTTON_NEW_TOPIC}</span> <i class="icon fa-pencil fa-fw" aria-hidden="true"></i>
			
</a>
		<!-- ENDIF -->

Mergem mai departe in template-ul viewtopic_body si cautam:

Cod: Selectaţi tot

<div class="action-bar bar-top">
	<!-- EVENT viewtopic_buttons_top_before -->

	<!-- IF not S_IS_BOT and S_DISPLAY_REPLY_INFO -->
		<a href="{U_POST_REPLY_TOPIC}" class="button" title="<!-- IF S_IS_LOCKED -->{L_TOPIC_LOCKED}<!-- ELSE -->{L_POST_REPLY}<!-- ENDIF -->">
			<!-- IF S_IS_LOCKED -->
				<span>{L_BUTTON_TOPIC_LOCKED}</span> <i class="icon fa-lock fa-fw" aria-hidden="true"></i>
			<!-- ELSE -->
				<span>{L_BUTTON_POST_REPLY}</span> <i class="icon fa-reply fa-fw" aria-hidden="true"></i>
			<!-- ENDIF -->
		</a>
	<!-- ENDIF -->
Il stergem si il inlocuim cu acesta:

Cod: Selectaţi tot

<div class="action-bar bar-top">
	<!-- EVENT viewtopic_buttons_top_before -->

		<!-- IF S_IS_LOCKED -->
		<a href="{U_POST_REPLY_TOPIC}" class="button" id="lock">
	
				<span>{L_BUTTON_TOPIC_LOCKED}</span> <i class="icon fa-lock fa-fw" aria-hidden="true"></i>
			
		
		</a>
<!-- ELSE -->
	
		
	<a href="{U_POST_REPLY_TOPIC}" class="button" id="reply">
	<span>{L_BUTTON_POST_REPLY}</span> <i class="icon fa-reply fa-fw" aria-hidden="true"></i>
	</a>
		<!-- ENDIF -->
	
					<a href="{U_POST_NEW_TOPIC}" class="button" id="new">
										<span>{L_BUTTON_NEW_TOPIC}</span> <i class="icon fa-pencil fa-fw" aria-hidden="true"></i>
			
</a>
Tot in template-ul viewtopic_body cautam:

Cod: Selectaţi tot

<div class="action-bar bar-bottom">
	<!-- EVENT viewtopic_buttons_bottom_before -->

	<!-- IF not S_IS_BOT and S_DISPLAY_REPLY_INFO -->
		<a href="{U_POST_REPLY_TOPIC}" class="button" title="<!-- IF S_IS_LOCKED -->{L_TOPIC_LOCKED}<!-- ELSE -->{L_POST_REPLY}<!-- ENDIF -->">
			<!-- IF S_IS_LOCKED -->
				<span>{L_BUTTON_TOPIC_LOCKED}</span> <i class="icon fa-lock fa-fw" aria-hidden="true"></i>
			<!-- ELSE -->
				<span>{L_BUTTON_POST_REPLY}</span> <i class="icon fa-reply fa-fw" aria-hidden="true"></i>
			<!-- ENDIF -->
		</a>
	<!-- ENDIF -->



Il stergem si il inlocuim cu acesta:

Cod: Selectaţi tot

<div class="action-bar bar-bottom">
	<!-- EVENT viewtopic_buttons_bottom_before -->

	<!-- IF S_IS_LOCKED -->
		<a href="{U_POST_REPLY_TOPIC}" class="button" id="lock">
	
				<span>{L_BUTTON_TOPIC_LOCKED}</span> <i class="icon fa-lock fa-fw" aria-hidden="true"></i>
			
		
		</a>
<!-- ELSE -->
	
		
	<a href="{U_POST_REPLY_TOPIC}" class="button" id="reply">
	<span>{L_BUTTON_POST_REPLY}</span> <i class="icon fa-reply fa-fw" aria-hidden="true"></i>
	</a>
		<!-- ENDIF -->
	
					<a href="{U_POST_NEW_TOPIC}" class="button" id="new">
										<span>{L_BUTTON_NEW_TOPIC}</span> <i class="icon fa-pencil fa-fw" aria-hidden="true"></i>
			
</a>
Acum aveti nevoie de codul css:

Cod: Selectaţi tot

#new, #lock, #reply{

    color: #fff;
	font-size: 12px!important;
	font-family: tahoma;
	font-weight: 500;
	padding: 6px 12px;
	min-width: 100px;
}

#new{
background: #5aa527;
    border: 1px solid #3f7a17;
    box-shadow: 0px 1px 0px #9bef62 inset;
	}

#new:hover{
text-decoration: none!important;
text-shadow: none!important;
background: #64c124;
    box-shadow: 0px 1px 0px #a5ff68 inset;
}

#new i, #new i:hover{
color: #fff!important;
}

#reply{
    background: #057eaf;
    border: 1px solid #01668e;
    box-shadow: 0px 1px 0px #2bb8f2 inset;
}

#reply:hover{
    background: #058fc6;
text-decoration: none!important;
text-shadow: none!important;
}

#reply i, #reply i:hover{
color: #fff!important;
}

#lock{
    background: #cc0e0e;
    border: 1px solid #930101;
    box-shadow: 0px 1px 0px #ed3636 inset;
}

#lock:hover{
    background: #e50d0d;
text-decoration: none!important;
text-shadow: none!important;
}

#lock i, #lock i:hover{
color: #fff!important;
}


Înapoi la “Tutoriale”