Forumactif Edge - A Free Modern and Responsive Forum Theme

Page 8 of 8 Previous  1, 2, 3, 4, 5, 6, 7, 8

Go down

44BBAA - Forumactif Edge - A Free Modern and Responsive Forum Theme - Page 8 Empty Forumactif Edge - A Free Modern and Responsive Forum Theme

Post by Ange Tuteur on August 5th 2016, 2:54 am

First topic message reminder :

Hello everyone,

Since November 2015 I've been working on developing a new "forum version" for Forumotion forums that's modern and responsive. Today I've recently published the production release of this software and would like to share it with all of you who are looking for a more modern design that's also mobile-friendly. Wink

Forumactif Edge features :

  • Modern mobile-friendly design.
  • Smart automated control panel that assists you with installation and other tasks.
  • Dynamic theme selector so your members can browse in the color they prefer.
  • Side panels for widgets and quick navigation so your forum has maximum space and accessibility.
  • Automatic color coding of posts based on usergroup affiliation.
  • Built in counter for reputation votes.
  • and more...

Forumactif Edge will constantly evolve because it's open source and managed by the community. That means we'll take feedback, suggestions, and reports from the community -- that's right, your voice can shape the future of this project ! If you'd like to install Forumactif Edge on your Forumotion forum, please see the wiki link below which includes detailed instructions on how to install the theme along with additional information on Forumactif Edge that's constantly changing.

Installation Tutorial : https://github.com/SethClydesdale/forumactif-edge/wiki/Installing

Not ready to install yet ? No problem ! Take a look around, check out the FAQ and previews below, or visit our website link below to learn more about what Forumactif Edge has to offer !

Website : https://sethclydesdale.github.io/forumactif-edge/


FAQ


Do you have any questions or concerns about Forumactif Edge ? If so, feel free to check out our FAQ page or leave a reply below with your question ! We're always ready to answer your questions ! Wink


Previews


Mobile Preview : Forumactif Edge is responsive, so that means it's mobile-friendly ! Don't believe it ? Check out Google's Mobile-Friendly test !
44BBAA - Forumactif Edge - A Free Modern and Responsive Forum Theme - Page 8 Mobile10

Feature Preview : Forumactif Edge comes with a theme changer that allows your members to browse in the color of their choice, and to give your forum maximum space it docks widgets to a side panel !
44BBAA - Forumactif Edge - A Free Modern and Responsive Forum Theme - Page 8 RrAWjWL


Full Page Screenshots

Click any of the links below to see a full page screen shot of Forumactif Edge in action.

DesktopMobile
HomepageHomepage (Mobile)
TopicsTopics (Mobile)
Forumactif Edge Control PanelN/A

If you have any questions or feedback, feel free to leave them below. I hope all of you enjoy this theme as much as I have making it. Mr. Green


Last edited by Ange Tuteur on March 18th 2017, 12:16 am; edited 4 times in total
Ange Tuteur
Ange Tuteur
Forumaster

Male Posts : 13232
Reputation : 2970
Language : EN, JA, FR
Location : Macungie, PA

View user profile https://fmdesign.forumotion.com

SLGray likes this post

Back to top Go down


44BBAA - Forumactif Edge - A Free Modern and Responsive Forum Theme - Page 8 Empty Re: Forumactif Edge - A Free Modern and Responsive Forum Theme

Post by Ange Tuteur on December 21st 2018, 5:43 pm

@Tonight wrote:Two additional bugs with mobile:
Spoiler:

44BBAA - Forumactif Edge - A Free Modern and Responsive Forum Theme - Page 8 JIn7Msa
Jump to box is wider than forum and creates a lot of white space (you can see it if you move to right). Happens in sub-forums and topics.

44BBAA - Forumactif Edge - A Free Modern and Responsive Forum Theme - Page 8 FdRlP65
Username and password input boxes are too wide. Happens in login page.
@Tonight thanks again, I've added these to my todo list for the next patch. There's no ETA at the moment, but when I start work I'll let you know. Currently however I've been resting, because I've been feeling under the weather recently, so I haven't really been working on anything at all. The weather this time of year usually beats me up pretty bad haha.

@YoshiGM wrote:Ok! I will consider install your theme coming soon
Thanks Ange Very Happy
Cool, and no problem !
Ange Tuteur
Ange Tuteur
Forumaster

Male Posts : 13232
Reputation : 2970
Language : EN, JA, FR
Location : Macungie, PA

View user profile https://fmdesign.forumotion.com

Back to top Go down

44BBAA - Forumactif Edge - A Free Modern and Responsive Forum Theme - Page 8 Empty Re: Forumactif Edge - A Free Modern and Responsive Forum Theme

Post by Ange Tuteur on May 16th 2019, 4:30 pm

Update v1.2.12

Forumactif Edge v1.2.12 is now available ! This is a quick patch that fixes the image resizer not working due to a recent update by Forumotion.

  • Fixed image resizer not working.

Release link: https://github.com/SethClydesdale/forumactif-edge/releases/tag/v1.2.12


Manual Update

In the event you cannot use the automatic updater, follow the steps below to manually install this patch.

Go to Admin Panel > Modules > JavaScript Codes Management > and edit [FA EDGE] ALL.JS

Find :
Code:
.alt

Replace by :
Code:
.longdesc

Save the Javascript file and the image resizer should be fixed.


Help

Don't know how to update Forumactif Edge ? Click the following link to find out how !
https://github.com/SethClydesdale/forumactif-edge/wiki/Checking-for-updates
Ange Tuteur
Ange Tuteur
Forumaster

Male Posts : 13232
Reputation : 2970
Language : EN, JA, FR
Location : Macungie, PA

View user profile https://fmdesign.forumotion.com

Back to top Go down

44BBAA - Forumactif Edge - A Free Modern and Responsive Forum Theme - Page 8 Empty Re: Forumactif Edge - A Free Modern and Responsive Forum Theme

Post by Ange Tuteur on July 20th 2019, 7:11 pm

Update v1.2.13

Forumactif Edge v1.2.13 is now available ! This is a quick patch that fixes some missing texts and possibly checkboxes in the advanced search.

  • Fixed missing texts and checkboxes in the advanced search.

Release link: https://github.com/SethClydesdale/forumactif-edge/releases/tag/v1.2.13


Manual Update

In the event you cannot use the automatic updater, follow the steps below to manually install this patch.

Go to Admin Panel > Display > Templates > General > search_body

Find :
Code:
<dd><label for="any"><input id="any" type="radio" name="search_terms" value="any" checked="checked" /> {L_SEARCH_ANY_TERMS}</label></dd>
<dd><label for="all"><input id="all" type="radio" name="search_terms" value="all" /> {L_SEARCH_ALL_TERMS}</label></dd>

Replace by :
Code:
<!-- BEGIN switch_search_full_text -->
<dd><label for="text"><input id="text" type="radio" name="search_by" value="text" checked="checked" /> {switch_search_full_text.L_SEARCH_BY_TEXT}</label></dd>
<dd><label for="subject"><input id="subject" type="radio" name="search_by" value="subject" /> {switch_search_full_text.L_SEARCH_BY_SUBJECT}</label></dd>
<!-- END switch_search_full_text -->
<!-- BEGIN switch_search_terms -->
<dd><label for="any"><input id="any" type="radio" name="search_terms" value="any" checked="checked" /> {switch_search_terms.L_SEARCH_ANY_TERMS}</label></dd>
<dd><label for="all"><input id="all" type="radio" name="search_terms" value="all" /> {switch_search_terms.L_SEARCH_ALL_TERMS}</label></dd>
<!-- END switch_search_terms -->

Remember to save and publish the template.


Help

Don't know how to update Forumactif Edge ? Click the following link to find out how !
https://github.com/SethClydesdale/forumactif-edge/wiki/Checking-for-updates
Ange Tuteur
Ange Tuteur
Forumaster

Male Posts : 13232
Reputation : 2970
Language : EN, JA, FR
Location : Macungie, PA

View user profile https://fmdesign.forumotion.com

Back to top Go down

44BBAA - Forumactif Edge - A Free Modern and Responsive Forum Theme - Page 8 Empty Re: Forumactif Edge - A Free Modern and Responsive Forum Theme

Post by BlackScorpion on July 21st 2019, 3:18 am

@Ange Tuteur wrote:

Update v1.2.13

Forumactif Edge v1.2.13 is now available ! This is a quick patch that fixes some missing texts and possibly checkboxes in the advanced search.
s

Thank you, sir, as always on top of things. Hope all is well with you, we miss you!
BlackScorpion
BlackScorpion
Graphic Designer
Graphic Designer

Male Posts : 6530
Reputation : 890
Language : English
Location : USA

View user profile https://help.forumotion.com/f6-graphic-design-section

Back to top Go down

44BBAA - Forumactif Edge - A Free Modern and Responsive Forum Theme - Page 8 Empty Re: Forumactif Edge - A Free Modern and Responsive Forum Theme

Post by Ange Tuteur on September 3rd 2019, 6:10 pm

Update v1.3.0

Forumactif Edge v1.3.0 is now available ! This update makes a few tiny additions to Forumactif Edge. See the list below to see what was added.

  • added "Last Posts" search link to the index which allows you to view the latest posts via /latest. (example)
  • added warning to FAE CP when performing an operation such as installing, updating, etc. This will help prevent accidental data loss caused by navigating to another page during an operation.

Release link: https://github.com/SethClydesdale/forumactif-edge/releases/tag/v1.3.0


Manual Update

In the event you cannot use the automatic updater, follow the steps below to manually install this update.

Go to Admin Panel > Display > Templates > General > index_body

Find :
Code:
<ul id="search-links" class="linklist">

Replace by :
Code:
<ul id="search-links" class="linklist">
     <li><a href="/latest">{L_LASTPOST}</a>&nbsp;•&nbsp;</li>

Remember to save and publish the template.


Updates concerning the FAE CP are automatically updated when the installer code is updated on the repo. So you do not have to worry about updating this.


Help

Don't know how to update Forumactif Edge ? Click the following link to find out how !
https://github.com/SethClydesdale/forumactif-edge/wiki/Checking-for-updates


@BlackScorpion wrote:Thank you, sir, as always on top of things. Hope all is well with you, we miss you!
@BlackScorpion No problem and thanks, I'm doing a lot better now. Back in winter my vitamin D levels were damn low, so it effed me up pretty bad for a couple of months. Finally got back to myself around April, thankfully. Hope all is well with you guys as well. Wink

@Tonight I finally got around to checking some of the bugs you reported. I wasn't able to reproduce the cookie notification bug or the jumpbox bug, but I was able to reproduce the login form bug. For your mobile device: what browser are you using, and are you using an increased zoom level at all? I noticed the login one could be fixed by forcing a set width to .autowidth
Code:
.autowidth { width:80% !important; } /* for example */
of course that defeats the purpose of .autowidth, but perhaps it could be applied to one of the mobile media queries. I might do this in a future patch.


@Draxion I also got around to testing the report you sent via PM about the navigation not being clickable on mobile. Unfortunately I wasn't able to reproduce this. (of course, my poorass can't test an actual mobile device -- only emulation -- so that might be the case xD) What device and/or browser are you using that this occurs in?
Ange Tuteur
Ange Tuteur
Forumaster

Male Posts : 13232
Reputation : 2970
Language : EN, JA, FR
Location : Macungie, PA

View user profile https://fmdesign.forumotion.com

Back to top Go down

44BBAA - Forumactif Edge - A Free Modern and Responsive Forum Theme - Page 8 Empty Re: Forumactif Edge - A Free Modern and Responsive Forum Theme

Post by BlackScorpion on September 4th 2019, 3:34 am

@Ange Tuteur wrote:


@BlackScorpion wrote:Thank you, sir, as always on top of things. Hope all is well with you, we miss you!

@BlackScorpion No problem and thanks, I'm doing a lot better now. Back in winter my vitamin D levels were damn low, so it effed me up pretty bad for a couple of months. Finally got back to myself around April, thankfully. Hope all is well with you guys as well. Wink



LOL , you too huh? i went thru the same dang thing awhile back. SO glad for Summer. But now it's slowly creeping away and you know what that means....

Thanks once again for staying on top of things, if it was another person, they would just let the dang theme go to waste..
BlackScorpion
BlackScorpion
Graphic Designer
Graphic Designer

Male Posts : 6530
Reputation : 890
Language : English
Location : USA

View user profile https://help.forumotion.com/f6-graphic-design-section

Back to top Go down

44BBAA - Forumactif Edge - A Free Modern and Responsive Forum Theme - Page 8 Empty Re: Forumactif Edge - A Free Modern and Responsive Forum Theme

Post by The Last Outlaw on March 31st 2020, 1:46 pm

The Last Outlaw
The Last Outlaw
Forumember

Male Posts : 343
Reputation : 10
Language : English (US)
Location : Salem, Oregon, USA

View user profile https://www.betheasbyte.com/

Back to top Go down

44BBAA - Forumactif Edge - A Free Modern and Responsive Forum Theme - Page 8 Empty Re: Forumactif Edge - A Free Modern and Responsive Forum Theme

Post by Tonight on May 13th 2020, 5:20 pm

@Ange Tuteur, where did the small arrows for scrolling disappear? Shocked

44BBAA - Forumactif Edge - A Free Modern and Responsive Forum Theme - Page 8 Screen16
Tonight
Tonight
Forumember

Male Posts : 307
Reputation : 80
Language : Estonian, English, Russian
Location : Estonia

View user profile

Back to top Go down

44BBAA - Forumactif Edge - A Free Modern and Responsive Forum Theme - Page 8 Empty Re: Forumactif Edge - A Free Modern and Responsive Forum Theme

Post by SLGray on May 13th 2020, 7:58 pm

@Tonight wrote:@Ange Tuteur, where did the small arrows for scrolling disappear? Shocked

44BBAA - Forumactif Edge - A Free Modern and Responsive Forum Theme - Page 8 Screen16
Did you add anything or modify anything?  I still see it on other forums using this theme.


44BBAA - Forumactif Edge - A Free Modern and Responsive Forum Theme - Page 8 Slgray10
44BBAA - Forumactif Edge - A Free Modern and Responsive Forum Theme - Page 8 Ssshfm13

When your topic has been solved, ensure you mark the topic solved.
Never post your email in public.
SLGray
SLGray
Administrator
Administrator

Male Posts : 47933
Reputation : 3365
Language : English
Location : United States

View user profile https://help.forumotion.com/

Back to top Go down

44BBAA - Forumactif Edge - A Free Modern and Responsive Forum Theme - Page 8 Empty Re: Forumactif Edge - A Free Modern and Responsive Forum Theme

Post by Ange Tuteur on May 16th 2020, 4:25 pm

Hello @Tonight,

The scrollbar buttons appear to still be working on my end. The only thing I can think of is a possible conflict with the CSS. The default scrollbar button CSS looks like this:
Code:
/* scrollbar buttons */
::-webkit-scrollbar-button:single-button {
  color:#FFF;
  background:url(https://i.servimg.com/u/f86/18/21/41/30/webkit10.gif) no-repeat 0 0 #69C;
  height:17px;
  width:17px;
}
::-webkit-scrollbar-button:single-button:vertical:increment { background-position:-17px 0 }
::-webkit-scrollbar-button:single-button:horizontal:decrement { background-position:-34px 0 }
::-webkit-scrollbar-button:single-button:horizontal:increment { background-position:-51px 0 }
If still necessary, try adding this to your stylesheet.

You can also find the full customization here: https://github.com/SethClydesdale/forumactif-edge/blob/03deba134a3b2ee4f912f806e97a09639b480cfe/css/fa_edge.css#L75 (starts @ line 75, ends @ line 99) Use this if the above doesn't work.
Ange Tuteur
Ange Tuteur
Forumaster

Male Posts : 13232
Reputation : 2970
Language : EN, JA, FR
Location : Macungie, PA

View user profile https://fmdesign.forumotion.com

Back to top Go down

44BBAA - Forumactif Edge - A Free Modern and Responsive Forum Theme - Page 8 Empty Re: Forumactif Edge - A Free Modern and Responsive Forum Theme

Post by Tonight on May 16th 2020, 7:13 pm

Thank you for replying. Am I the only one, who can't see these up and down arrow icons anymore (like on this screenshot)?
44BBAA - Forumactif Edge - A Free Modern and Responsive Forum Theme - Page 8 Screen17

Now, only that "big blue bar" remains. Laughing
Doesn't matter which forum, for example I can't see these even on FM Design forum: https://fmdesign.forumotion.com

Situation appeared ~1 month ago.
Tonight
Tonight
Forumember

Male Posts : 307
Reputation : 80
Language : Estonian, English, Russian
Location : Estonia

View user profile

Back to top Go down

44BBAA - Forumactif Edge - A Free Modern and Responsive Forum Theme - Page 8 Empty Re: Forumactif Edge - A Free Modern and Responsive Forum Theme

Post by mSyx on May 16th 2020, 9:30 pm

I like it, but this triggers me :p
44BBAA - Forumactif Edge - A Free Modern and Responsive Forum Theme - Page 8 Screenshot-29

@Tonight wrote:Thank you for replying. Am I the only one, who can't see these up and down arrow icons anymore (like on this screenshot)?
44BBAA - Forumactif Edge - A Free Modern and Responsive Forum Theme - Page 8 Screen17

Now, only that "big blue bar" remains. Laughing
Doesn't matter which forum, for example I can't see these even on FM Design forum: https://fmdesign.forumotion.com

Situation appeared ~1 month ago.

Did you switch browsers or something? Are you able to load this image by opening it?: https://i.servimg.com/u/f86/18/21/41/30/webkit10.gif

edit: @Ange Tuteur
44BBAA - Forumactif Edge - A Free Modern and Responsive Forum Theme - Page 8 Screenshot-30

I'm using it aswell. Great choice <3
mSyx
mSyx
Forumember

Male Posts : 131
Reputation : 29
Language : French & English
Location : France

View user profile https://help.forumotion.com/

Back to top Go down

44BBAA - Forumactif Edge - A Free Modern and Responsive Forum Theme - Page 8 Empty Re: Forumactif Edge - A Free Modern and Responsive Forum Theme

Post by Tonight on May 16th 2020, 9:51 pm

Issue happens with Chrome (tested in mobile) and Safari.
Firefox seems to be working correctly. Not sure about other browsers.

About that image: Firefox opens it, Safari does not.
Tonight
Tonight
Forumember

Male Posts : 307
Reputation : 80
Language : Estonian, English, Russian
Location : Estonia

View user profile

Back to top Go down

44BBAA - Forumactif Edge - A Free Modern and Responsive Forum Theme - Page 8 Empty Re: Forumactif Edge - A Free Modern and Responsive Forum Theme

Post by Ange Tuteur on May 16th 2020, 10:56 pm

Hmm.. problem I'm having is I cannot reproduce it in Chrome. Safari, unfortunately is not available for windows either. Perhaps it could be an OS specific issue? Think

To test, try using this CSS:
Code:
::-webkit-scrollbar-button:single-button {
  color:#FFF;
  background:#F00;
  height:17px;
  width:17px;
}
If successful it should display the buttons as a solid red color.

@mSyx wrote:edit: @Ange Tuteur
44BBAA - Forumactif Edge - A Free Modern and Responsive Forum Theme - Page 8 Screenshot-30

I'm using it aswell. Great choice <3
It is a nice browser. I even have some promotional stickers. Wink
Ange Tuteur
Ange Tuteur
Forumaster

Male Posts : 13232
Reputation : 2970
Language : EN, JA, FR
Location : Macungie, PA

View user profile https://fmdesign.forumotion.com

Back to top Go down

44BBAA - Forumactif Edge - A Free Modern and Responsive Forum Theme - Page 8 Empty Re: Forumactif Edge - A Free Modern and Responsive Forum Theme

Post by Hailstorm on June 25th 2020, 10:39 pm

Hello, I'm not sure if I'm the only one with this issue, unless it's supposed to be like this, but it seems like, for mobile, the most of it is cut in half or it only takes up half the page. When I add a banner, it gets cut in half and if I add case to style the page, some overlapping occurs. I have tried everything I could think of in order to fix it. I have uninstalled and then reinstalled, didn't work. I have temorarily deleted the CSS, incase the problem existed in there. That didn't work. I have changed the width in the AP and in the FAE settings. That didn't change anything. I have also tried changing the overall_header template with code I got from a site for installing the default mobile version. No change. I know it can't be my cache because I have a friend online who said that it was doing it on their phone too and he clears his cache all the time. 
By the way, this screen shot is an image of the issue on my testing site.
I am using chrome, if that helps anything. 

44BBAA - Forumactif Edge - A Free Modern and Responsive Forum Theme - Page 8 Screen22
Hailstorm
Hailstorm
New Member

Female Posts : 8
Reputation : 2
Language : English
Location : USA

View user profile http://imgtest.forumotion.com/

Back to top Go down

44BBAA - Forumactif Edge - A Free Modern and Responsive Forum Theme - Page 8 Empty Re: Forumactif Edge - A Free Modern and Responsive Forum Theme

Post by mahmoud gilany on June 26th 2020, 11:13 pm

The version is being installed now, thanks for the explanation of the support forum
 44BBAA - Forumactif Edge - A Free Modern and Responsive Forum Theme - Page 8 1f60d 
mahmoud gilany
mahmoud gilany
New Member

Male Posts : 3
Reputation : 1
Language : I speak foreign and Arabic language
Location : Egypt - Cairo

View user profile https://bayut.yoo7.com/

Back to top Go down

44BBAA - Forumactif Edge - A Free Modern and Responsive Forum Theme - Page 8 Empty Re: Forumactif Edge - A Free Modern and Responsive Forum Theme

Post by Tonight on June 29th 2020, 12:18 pm

@Hailstorm wrote:Hello, I'm not sure if I'm the only one with this issue, unless it's supposed to be like this, but it seems like, for mobile, the most of it is cut in half or it only takes up half the page. When I add a banner, it gets cut in half and if I add case to style the page, some overlapping occurs. I have tried everything I could think of in order to fix it. I have uninstalled and then reinstalled, didn't work. I have temorarily deleted the CSS, incase the problem existed in there. That didn't work. I have changed the width in the AP and in the FAE settings. That didn't change anything. I have also tried changing the overall_header template with code I got from a site for installing the default mobile version. No change. I know it can't be my cache because I have a friend online who said that it was doing it on their phone too and he clears his cache all the time. 
By the way, this screen shot is an image of the issue on my testing site.
I am using chrome, if that helps anything. 

44BBAA - Forumactif Edge - A Free Modern and Responsive Forum Theme - Page 8 Screen22
Hello!

It is caused by that ad. Unfortunately there is no other way to fix it than paying for removing ads. Or use an ad-blocker to fix it for yourself.
Tonight
Tonight
Forumember

Male Posts : 307
Reputation : 80
Language : Estonian, English, Russian
Location : Estonia

View user profile

Back to top Go down

44BBAA - Forumactif Edge - A Free Modern and Responsive Forum Theme - Page 8 Empty Re: Forumactif Edge - A Free Modern and Responsive Forum Theme

Post by Hailstorm on June 29th 2020, 12:49 pm

@Tonight
Oh alright, thank you!
Hailstorm
Hailstorm
New Member

Female Posts : 8
Reputation : 2
Language : English
Location : USA

View user profile http://imgtest.forumotion.com/

Back to top Go down

44BBAA - Forumactif Edge - A Free Modern and Responsive Forum Theme - Page 8 Empty Re: Forumactif Edge - A Free Modern and Responsive Forum Theme

Post by Ange Tuteur Yesterday at 4:31 pm

Update v1.3.1

Forumactif Edge v1.3.1 is now available ! This update adds support for the new like/dislike system and some fixes.

  • added support for the new like/dislike system.
  • fixed reinstall not working in the FAE Control Panel.

Release link: https://github.com/SethClydesdale/forumactif-edge/releases/tag/v1.3.1


Manual Update

In the event you cannot use the automatic updater, follow the steps below to manually install this update.

Go to Admin Panel > Display > Templates > General > viewcomments_body

Find:
Code:
            <!-- BEGIN switch_signature -->
            <div class="signature_div" id="sig{postrow.displayed.U_POST_ID}">{postrow.displayed.SIGNATURE_NEW}</div>
            <!-- END switch_signature -->
         </div>

         <div class="clear"></div>

Replace by:
Code:
            <!-- BEGIN switch_signature -->
            <div class="signature_div" id="sig{postrow.displayed.U_POST_ID}">{postrow.displayed.SIGNATURE_NEW}</div>
            <!-- END switch_signature -->
         </div>

         <div class="clear"></div>
     
         <!-- BEGIN switch_likes_active -->
         <div class="fa_like_div">
            <!-- BEGIN switch_like_list -->
            {postrow.displayed.switch_likes_active.switch_like_list.D_LIKE_LIST}
            <!-- END switch_like_list -->
            <!-- BEGIN switch_dislike_list -->
            {postrow.displayed.switch_likes_active.switch_dislike_list.D_DISLIKE_LIST}
            <!-- END switch_dislike_list -->
            <button class="rep-button {postrow.displayed.switch_likes_active.C_VOTE_LIKE}"  data-href="{postrow.displayed.switch_likes_active.U_VOTE_LIKE}" data-href-rm="{postrow.displayed.switch_likes_active.U_VOTE_RM_LIKE}">
               <svg width="13px" height="13px" viewBox="0 0 1792 1792" xmlns="http://www.w3.org/2000/svg"><path d="M320 1344q0-26-19-45t-45-19q-27 0-45.5 19t-18.5 45q0 27 18.5 45.5t45.5 18.5q26 0 45-18.5t19-45.5zm160-512v640q0 26-19 45t-45 19h-288q-26 0-45-19t-19-45v-640q0-26 19-45t45-19h288q26 0 45 19t19 45zm1184 0q0 86-55 149 15 44 15 76 3 76-43 137 17 56 0 117-15 57-54 94 9 112-49 181-64 76-197 78h-129q-66 0-144-15.5t-121.5-29-120.5-39.5q-123-43-158-44-26-1-45-19.5t-19-44.5v-641q0-25 18-43.5t43-20.5q24-2 76-59t101-121q68-87 101-120 18-18 31-48t17.5-48.5 13.5-60.5q7-39 12.5-61t19.5-52 34-50q19-19 45-19 46 0 82.5 10.5t60 26 40 40.5 24 45 12 50 5 45 .5 39q0 38-9.5 76t-19 60-27.5 56q-3 6-10 18t-11 22-8 24h277q78 0 135 57t57 135z" fill="#666"/></svg>
               <span>{postrow.displayed.switch_likes_active.L_LIKE}</span>{postrow.displayed.switch_likes_active.COUNT_VOTE_LIKE}
            </button>
            <!-- BEGIN switch_dislike_button -->
            <button class="rep-button {postrow.displayed.switch_likes_active.switch_dislike_button.C_VOTE_DISLIKE}" data-href="{postrow.displayed.switch_likes_active.switch_dislike_button.U_VOTE_DISLIKE}" data-href-rm="{postrow.displayed.switch_likes_active.switch_dislike_button.U_VOTE_RM_LIKE}">
               <svg width="13px" height="13px" viewBox="0 0 1792 1792" xmlns="http://www.w3.org/2000/svg"><path d="M320 576q0 26-19 45t-45 19q-27 0-45.5-19t-18.5-45q0-27 18.5-45.5t45.5-18.5q26 0 45 18.5t19 45.5zm160 512v-640q0-26-19-45t-45-19h-288q-26 0-45 19t-19 45v640q0 26 19 45t45 19h288q26 0 45-19t19-45zm1129-149q55 61 55 149-1 78-57.5 135t-134.5 57h-277q4 14 8 24t11 22 10 18q18 37 27 57t19 58.5 10 76.5q0 24-.5 39t-5 45-12 50-24 45-40 40.5-60 26-82.5 10.5q-26 0-45-19-20-20-34-50t-19.5-52-12.5-61q-9-42-13.5-60.5t-17.5-48.5-31-48q-33-33-101-120-49-64-101-121t-76-59q-25-2-43-20.5t-18-43.5v-641q0-26 19-44.5t45-19.5q35-1 158-44 77-26 120.5-39.5t121.5-29 144-15.5h129q133 2 197 78 58 69 49 181 39 37 54 94 17 61 0 117 46 61 43 137 0 32-15 76z" fill="#666"/></svg>
               <span>{postrow.displayed.switch_likes_active.switch_dislike_button.L_DISLIKE}</span>{postrow.displayed.switch_likes_active.switch_dislike_button.COUNT_VOTE_DISLIKE}
            </button>
            <!-- END switch_dislike_button -->
         </div>
         <!-- END switch_likes_active -->

Find:
Code:
              <!-- BEGIN switch_signature -->
              <div class="signature_div" id="sig{comment.displayed.U_POST_ID}">{comment.displayed.SIGNATURE_NEW}</div>
              <!-- END switch_signature -->
                  </div>
               </div>
          <div class="clear"></div>

Replace by:
Code:
              <!-- BEGIN switch_signature -->
              <div class="signature_div" id="sig{comment.displayed.U_POST_ID}">{comment.displayed.SIGNATURE_NEW}</div>
              <!-- END switch_signature -->
                  </div>
               </div>
          <div class="clear"></div>
               <!-- BEGIN switch_likes_active -->
               <div class="fa_like_div">
                  <!-- BEGIN switch_like_list -->
                  {comment.displayed.switch_likes_active.switch_like_list.D_LIKE_LIST}
                  <!-- END switch_like_list -->
                  <!-- BEGIN switch_dislike_list -->
                  {comment.displayed.switch_likes_active.switch_dislike_list.D_DISLIKE_LIST}
                  <!-- END switch_dislike_list -->
                  <button class="rep-button {comment.displayed.switch_likes_active.C_VOTE_LIKE}"  data-href="{comment.displayed.switch_likes_active.U_VOTE_LIKE}" data-href-rm="{comment.displayed.switch_likes_active.U_VOTE_RM_LIKE}">
                     <svg width="13px" height="13px" viewBox="0 0 1792 1792" xmlns="http://www.w3.org/2000/svg"><path d="M320 1344q0-26-19-45t-45-19q-27 0-45.5 19t-18.5 45q0 27 18.5 45.5t45.5 18.5q26 0 45-18.5t19-45.5zm160-512v640q0 26-19 45t-45 19h-288q-26 0-45-19t-19-45v-640q0-26 19-45t45-19h288q26 0 45 19t19 45zm1184 0q0 86-55 149 15 44 15 76 3 76-43 137 17 56 0 117-15 57-54 94 9 112-49 181-64 76-197 78h-129q-66 0-144-15.5t-121.5-29-120.5-39.5q-123-43-158-44-26-1-45-19.5t-19-44.5v-641q0-25 18-43.5t43-20.5q24-2 76-59t101-121q68-87 101-120 18-18 31-48t17.5-48.5 13.5-60.5q7-39 12.5-61t19.5-52 34-50q19-19 45-19 46 0 82.5 10.5t60 26 40 40.5 24 45 12 50 5 45 .5 39q0 38-9.5 76t-19 60-27.5 56q-3 6-10 18t-11 22-8 24h277q78 0 135 57t57 135z" fill="#666"/></svg>
                     <span>{comment.displayed.switch_likes_active.L_LIKE}</span>{comment.displayed.switch_likes_active.COUNT_VOTE_LIKE}
                  </button>
                  <!-- BEGIN switch_dislike_button -->
                  <button class="rep-button {comment.displayed.switch_likes_active.switch_dislike_button.C_VOTE_DISLIKE}" data-href="{comment.displayed.switch_likes_active.switch_dislike_button.U_VOTE_DISLIKE}" data-href-rm="{comment.displayed.switch_likes_active.switch_dislike_button.U_VOTE_RM_LIKE}">
                     <svg width="13px" height="13px" viewBox="0 0 1792 1792" xmlns="http://www.w3.org/2000/svg"><path d="M320 576q0 26-19 45t-45 19q-27 0-45.5-19t-18.5-45q0-27 18.5-45.5t45.5-18.5q26 0 45 18.5t19 45.5zm160 512v-640q0-26-19-45t-45-19h-288q-26 0-45 19t-19 45v640q0 26 19 45t45 19h288q26 0 45-19t19-45zm1129-149q55 61 55 149-1 78-57.5 135t-134.5 57h-277q4 14 8 24t11 22 10 18q18 37 27 57t19 58.5 10 76.5q0 24-.5 39t-5 45-12 50-24 45-40 40.5-60 26-82.5 10.5q-26 0-45-19-20-20-34-50t-19.5-52-12.5-61q-9-42-13.5-60.5t-17.5-48.5-31-48q-33-33-101-120-49-64-101-121t-76-59q-25-2-43-20.5t-18-43.5v-641q0-26 19-44.5t45-19.5q35-1 158-44 77-26 120.5-39.5t121.5-29 144-15.5h129q133 2 197 78 58 69 49 181 39 37 54 94 17 61 0 117 46 61 43 137 0 32-15 76z" fill="#666"/></svg>
                     <span>{comment.displayed.switch_likes_active.switch_dislike_button.L_DISLIKE}</span>{comment.displayed.switch_likes_active.switch_dislike_button.COUNT_VOTE_DISLIKE}
                  </button>
                  <!-- END switch_dislike_button -->
               </div>
               <!-- END switch_likes_active -->

Save and publish the template.


Next go to Admin Panel > Display > Templates > General > viewtopic_body

Find:
Code:
            <!-- BEGIN switch_signature -->
            <div class="signature_div" id="sig{postrow.displayed.U_POST_ID}">{postrow.displayed.SIGNATURE_NEW}</div>
            <!-- END switch_signature -->
         </div>

         <div class="clear"></div>

Replace by:
Code:
            <!-- BEGIN switch_signature -->
            <div class="signature_div" id="sig{postrow.displayed.U_POST_ID}">{postrow.displayed.SIGNATURE_NEW}</div>
            <!-- END switch_signature -->
         </div>

         <div class="clear"></div>
     
         <!-- BEGIN switch_likes_active -->
         <div class="fa_like_div">
            <!-- BEGIN switch_like_list -->
            {postrow.displayed.switch_likes_active.switch_like_list.D_LIKE_LIST}
            <!-- END switch_like_list -->
            <!-- BEGIN switch_dislike_list -->
            {postrow.displayed.switch_likes_active.switch_dislike_list.D_DISLIKE_LIST}
            <!-- END switch_dislike_list -->
            <button class="rep-button {postrow.displayed.switch_likes_active.C_VOTE_LIKE}"  data-href="{postrow.displayed.switch_likes_active.U_VOTE_LIKE}" data-href-rm="{postrow.displayed.switch_likes_active.U_VOTE_RM_LIKE}">
               <svg width="13px" height="13px" viewBox="0 0 1792 1792" xmlns="http://www.w3.org/2000/svg"><path d="M320 1344q0-26-19-45t-45-19q-27 0-45.5 19t-18.5 45q0 27 18.5 45.5t45.5 18.5q26 0 45-18.5t19-45.5zm160-512v640q0 26-19 45t-45 19h-288q-26 0-45-19t-19-45v-640q0-26 19-45t45-19h288q26 0 45 19t19 45zm1184 0q0 86-55 149 15 44 15 76 3 76-43 137 17 56 0 117-15 57-54 94 9 112-49 181-64 76-197 78h-129q-66 0-144-15.5t-121.5-29-120.5-39.5q-123-43-158-44-26-1-45-19.5t-19-44.5v-641q0-25 18-43.5t43-20.5q24-2 76-59t101-121q68-87 101-120 18-18 31-48t17.5-48.5 13.5-60.5q7-39 12.5-61t19.5-52 34-50q19-19 45-19 46 0 82.5 10.5t60 26 40 40.5 24 45 12 50 5 45 .5 39q0 38-9.5 76t-19 60-27.5 56q-3 6-10 18t-11 22-8 24h277q78 0 135 57t57 135z" fill="#666"/></svg>
               <span>{postrow.displayed.switch_likes_active.L_LIKE}</span>{postrow.displayed.switch_likes_active.COUNT_VOTE_LIKE}
            </button>
            <!-- BEGIN switch_dislike_button -->
            <button class="rep-button {postrow.displayed.switch_likes_active.switch_dislike_button.C_VOTE_DISLIKE}" data-href="{postrow.displayed.switch_likes_active.switch_dislike_button.U_VOTE_DISLIKE}" data-href-rm="{postrow.displayed.switch_likes_active.switch_dislike_button.U_VOTE_RM_LIKE}">
               <svg width="13px" height="13px" viewBox="0 0 1792 1792" xmlns="http://www.w3.org/2000/svg"><path d="M320 576q0 26-19 45t-45 19q-27 0-45.5-19t-18.5-45q0-27 18.5-45.5t45.5-18.5q26 0 45 18.5t19 45.5zm160 512v-640q0-26-19-45t-45-19h-288q-26 0-45 19t-19 45v640q0 26 19 45t45 19h288q26 0 45-19t19-45zm1129-149q55 61 55 149-1 78-57.5 135t-134.5 57h-277q4 14 8 24t11 22 10 18q18 37 27 57t19 58.5 10 76.5q0 24-.5 39t-5 45-12 50-24 45-40 40.5-60 26-82.5 10.5q-26 0-45-19-20-20-34-50t-19.5-52-12.5-61q-9-42-13.5-60.5t-17.5-48.5-31-48q-33-33-101-120-49-64-101-121t-76-59q-25-2-43-20.5t-18-43.5v-641q0-26 19-44.5t45-19.5q35-1 158-44 77-26 120.5-39.5t121.5-29 144-15.5h129q133 2 197 78 58 69 49 181 39 37 54 94 17 61 0 117 46 61 43 137 0 32-15 76z" fill="#666"/></svg>
               <span>{postrow.displayed.switch_likes_active.switch_dislike_button.L_DISLIKE}</span>{postrow.displayed.switch_likes_active.switch_dislike_button.COUNT_VOTE_DISLIKE}
            </button>
            <!-- END switch_dislike_button -->
         </div>
         <!-- END switch_likes_active -->

Save and publish the template.


Next go to Admin Panel > Display > Templates > General > overall_header

Find:
Code:
<a id="top" name="top" accesskey="t"></a>

Replace by:
Code:
<!-- BEGIN switch_like_popup -->
<div id="like_popup" style="z-index: 10000 !important;">
   <div class="h3">{SITENAME}</div>
   {LIKE_POPUP_MSG}
   <div id="like_popup_buttons">
      <form action="{S_LOGIN_ACTION}" method="get">
         <input type="submit" class="button1" value="{L_LOGIN}"/>
         <input type="button" class="button1" value="{L_REGISTER}" onclick="parent.location='{U_REGISTER}';"/>
         <input id="like_popup_close" type="button" class="button2" value="{L_LIKE_CLOSE}"/>
      </form>
   </div>
</div>
<!-- END switch_like_popup -->

<a id="top" name="top" accesskey="t"></a>

Save and publish the template.


Lastly go to Admin Panel > Display > Colors > CSS and add the following CSS to your stylesheet.
Code:
.fa_like_div{clear:both;padding-top:2em}#blog_comments .fa_like_div{margin:0;width:96%}.rep-nb{border-left:1px solid #c7c3bf;display:inline-block;font-weight:700;line-height:9px;margin-left:11px;padding-left:6px}.rep-button,.rep-button:active,.rep-button:focus{background:linear-gradient(#ffffff0%,#e9e9e9100%);border:1px solid #858585;border-radius:4px;box-shadow:0 0 0 1px #fff inset;color:#d31141;cursor:pointer;font-family:Trebuchet MS;font-size:11px;font-weight:700;line-height:1;margin:3px 11px 0 0;outline:0;padding:1px 7px 1px 9px;position:relative;text-transform:uppercase;transition:color .4s}.rep-button i,.rep-button svg{color:#666;display:block;float:left;font-size:13px;margin-left:-12px;margin-right:6px;margin-top:-5px;text-shadow:0 0 1px #fff}.fa_disliked i{color:#f44336}.fa_disliked path{fill:#f44336}.fa_liked i{color:#4caf50}.fa_liked path{fill:#4caf50}.fa_dislike_list,.fa_like_list{background-color:rgba(0,26,60,.04);border-radius:3px;padding:5px}.fa_like_others{background:0 0;border:none;color:#0474bf;cursor:pointer;display:inline-block;font-family:inherit;font-size:inherit;outline:0;position:relative}.fa_like_others:focus,.fa_like_others:hover{color:#2b2b2b}.fa_like_others .fa_like_tooltip{background-color:#555;border-radius:6px;bottom:125%;color:#fff;left:50%;margin-left:-40px;min-width:80px;opacity:0;padding:5px 10px;position:absolute;text-align:left;transition:opacity .3s;visibility:hidden;z-index:10}.fa_like_others .fa_like_tooltip a{color:#fff}.fa_like_others .fa_like_tooltip::after{border-color:#555 transparent transparent;border-style:solid;border-width:5px;content:"";left:40px;margin-left:-5px;position:absolute;top:100%}.fa_like_others:focus .fa_like_tooltip{opacity:1;visibility:visible}.fa_like_others a{color:#fff}

Save and you're finished!

The FAE CP is automatically updated server-side on GitHub, so no need to manually update this.

Help

Don't know how to update Forumactif Edge ? Click the following link to find out how !
https://github.com/SethClydesdale/forumactif-edge/wiki/Checking-for-updates
Ange Tuteur
Ange Tuteur
Forumaster

Male Posts : 13232
Reputation : 2970
Language : EN, JA, FR
Location : Macungie, PA

View user profile https://fmdesign.forumotion.com

SLGray, Bipo, TonnyKamper, mSyx and pedxz like this post

Back to top Go down

Page 8 of 8 Previous  1, 2, 3, 4, 5, 6, 7, 8

Back to top


 
Permissions in this forum:
You cannot reply to topics in this forum