3.2.x 3.2.x SnippetsNew topic,reply,lock topic new design

Snippets
Previous topicNext topic
User avatar

Topic Author
mr.franta
Users
Users
    Windows 7 Chrome
Magic user status: Offline
Posts: 11
Joined: Feb 17th, '19, 15:43

New topic,reply,lock topic new design

Post by mr.franta »

Image
Image Upload by dmzx-web.net
Image Upload by dmzx-web.net
In template viewforum_body find this:

Code: Select all

<!-- 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 -->
Delete and replace with:

Code: Select all

<!-- 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 -->
I the same template find:

Code: Select all

<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 -->
Delete and replece again with:

<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 -->

Next step: in viewtopic_body find:

Code: Select all

<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 -->
Delete and replace with:

Code: Select all

<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>
Now in the same template find next:

Code: Select all

<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 -->
Delete and replace with:

Code: Select all

<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>
Next step: CSS

Code: Select all

#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;
}
That's all :) enjoy.
User avatar

martin
Admin
Admin
    Linux Chrome
Magic user status: Offline
Posts: 4708
Joined: Apr 6th, '14, 14:12

Re: New topic,reply,lock topic new design

Post by martin »

I aproved the post but big edits like this are now a thing of the past.
Use this to install an ext on your board no more ftp or path making.
Path too install this ext is ext/boardtools/upload
Download is here Make it easy for us to solve your issues
User avatar

lopoto
Users
Users
    Windows 10 Firefox
Magic user status: Offline
Posts: 71
Joined: Dec 28th, '14, 00:59

Re: New topic,reply,lock topic new design

Post by lopoto »

I do not know, I changed everything as I write - but I do not see the effect.
or css. file to colors.css :question: or other .
User avatar

Topic Author
mr.franta
Users
Users
    Windows 7 Chrome
Magic user status: Offline
Posts: 11
Joined: Feb 17th, '19, 15:43

Re: New topic,reply,lock topic new design

Post by mr.franta »

martin wrote: Feb 18th, '19, 19:12 I aproved the post but big edits like this are now a thing of the past.
I know, I barely learn this platform, I do not know how to do extensions at the moment. Usually when I'm working on a theme, a change from each template.
lopoto wrote: Feb 18th, '19, 20:40 I do not know, I changed everything as I write - but I do not see the effect.
or css. file to colors.css :question: or other .
try to put the css in overal_header inside <style>css code</style>
User avatar

martin
Admin
Admin
    Linux Chrome
Magic user status: Offline
Posts: 4708
Joined: Apr 6th, '14, 14:12

Re: New topic,reply,lock topic new design

Post by martin »

Put css at the bottom of the colour.css file it will pull it from there.

Css should not be in a html file unless its a stylesheet.html
User avatar

Xxxbennyxxx
Donator
Donator
    Windows 10 Chrome
Magic user status: Offline
Posts: 62
Joined: Dec 30th, '14, 21:23

Re: New topic,reply,lock topic new design

Post by Xxxbennyxxx »

How can I do this in combination with the extension below?
Previous / Next topic button

Edit: If I make the above changes I will get a white page in the view forum. Cashe emptying also does not work ... Still working in 3.2.5?
User avatar

Xxxbennyxxx
Donator
Donator
    Windows 10 Chrome
Magic user status: Offline
Posts: 62
Joined: Dec 30th, '14, 21:23

Re: New topic,reply,lock topic new design

Post by Xxxbennyxxx »

Improvements + Fix

Open: viewforum_body.html

Find:

Code: Select all

<!-- 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 -->
Replace with:

Code: Select all

<!-- 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>
	    <!-- 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>
			<!-- ENDIF -->
		</a>
			<!-- EVENT viewforum_buttons_top_after -->
	<!-- ENDIF -->
Find:

Code: Select all

<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 -->
Replace with:

Code: Select all

	<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>
        <!-- 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>
        <!-- ENDIF -->
			</a>
			<!-- EVENT viewforum_buttons_bottom_after -->
		<!-- ENDIF -->
Open: viewtopic_body.html

Find:

Code: Select all

<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 -->
Replace with:

Code: Select all

<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>
Find:

Code: Select all

<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 -->
Replace with:

Code: Select all

<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>
Open colours.css:

Find:

Code: Select all

.responsive-tab .responsive-tab-link:hover:before {
	border-color: #D31141;
}
Replace with:

Code: Select all

.responsive-tab .responsive-tab-link:hover:before {
	border-color: #ffffff;
}
Place all the way from below in colors.css:

Code: Select all

	
	/* Buttons New Topic, Lock etc
---------------------------------------- */
#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;
}
ImageImage
User avatar

jpbc92
Users
Users
    Windows 10 Chrome
Magic user status: Offline
Posts: 4
Joined: Mar 1st, '19, 00:07

Re: New topic,reply,lock topic new design

Post by jpbc92 »

Thank you Mr Franta and Xxxbennyxxx for this modif. :tumbsyes:
User avatar

Di@v0lul
Users
Users
    Windows 7 Chrome
Magic user status: Offline
Posts: 6
Joined: May 29th, '20, 11:40

Re: New topic,reply,lock topic new design

Post by Di@v0lul »

Pagina nu funcționeazăMomentan, sudstike.ro nu poate procesa această solicitare.
HTTP ERROR 500 for theme MILK
User avatar

Topic Author
mr.franta
Users
Users
    Linux Chrome
Magic user status: Offline
Posts: 11
Joined: Feb 17th, '19, 15:43

Re: New topic,reply,lock topic new design

Post by mr.franta »

Merge ai greșit tu cu ceva.
En: you mis something.

[ Posted using my Android device ]
User avatar

Di@v0lul
Users
Users
    Linux Chrome
Magic user status: Offline
Posts: 6
Joined: May 29th, '20, 11:40

Re: New topic,reply,lock topic new design

Post by Di@v0lul »

Am făcut exact ca acolo.. Pe tema Milk 🤔

[ Posted using my Android device ]
Previous topicNext topic