Add the extra.less template.
.p-body-sidebar {
[data-widget-definition="forum_statistics"] .pairs {
dt:before {
.m-faBase();
padding-right: 2px;
}
&:nth-child(1) dt {
.m-faBefore("\f07c");
}
&:nth-child(2) dt {
.m-faBefore("\f0e0");
}
&:nth-child(3) dt {
.m-faBefore("\f0c0");
}
&:nth-child(4) dt {
.m-faBefore("\f2bd");
}
}
}
If you need only icons without text, then use this code.
Add the extra.less template.
.p-body-sidebar {
[data-widget-definition="forum_statistics"] .pairs {
dt {
text-indent: -9999px;
position: relative...
Tips & Guides
To make a floating sidebar, just add extra.less, such code.
@m-sticky-top: 48px;
@media (min-width: (@xf-responsiveWide + 1px)) {
.p-body-main--withSidebar {
display: flex;
align-items: flex-start;
.p-body-content {
flex: 1 1 auto;
display: block;
width: ~"calc(100% - @xf-sidebarWidth)";
}
.p-body-sideNav,
.p-body-sidebar {
flex: 0 0 auto;
display: block;
}
@supports ((position: sticky) or (position: -webkit-sticky)){
.p-body-sidebar {
position: -webkit-sticky;
position: sticky;
top: 10px;
& when (@xf-publicNavSticky = primary) or...
In extra.less add.
.username[data-user-id="1"] span {
-webkit-animation:s-username 4s linear infinite;
-moz-animation:s-username 4s linear infinite;
-ms-animation:s-username 4s linear infinite;
-o-animation:s-username 4s linear infinite;
animation:s-username 4s linear infinite;
}
@-moz-keyframes s-username {
0% { color: #FF1919; }
15% { color: #E019FF; }
30% { color: #4F19FF; }
45% { color: #19A7FF; }
60% { color: #19FFDC; }
75% { color: #65FF19; }
90% { color: #FFE019; }
}
@-webkit-keyframes s-username {
0% { color: #FF1919; }
15% { color: #E019FF; }
30% { color: #4F19FF; }
45% { color: #19A7FF; }
60% { color: #19FFDC; }
75% { color: #65FF19; }
90% { color...
To add such group banners, as in the screenshot below -
It is enough to add such code to extra.less
.m-bannerProgressLine(@numLine: 0; @startColor: false; @stopColor: false; @textColor: #fff; @strongColor: inherit; @bgColor: #292929; @textShadow: false; ) {
.userBanner& {
-webkit-box-shadow: 2px 2px 2px 0px #696969;
box-shadow: 2px 2px 2px 0px #696969;
padding: 5px;
background: @bgColor;
border-color: @bgColor;
color: @textColor;
text-align: left;
letter-spacing: 0;
margin-bottom: 4px;
text-transform: uppercase;
font-size: 10px;
position: relative;
border-radius: 0;
min-width: 160px;
strong {
color...
Go to settings - /admin.php?options/groups/users/ User Preferences and disable - Enable dynamic avatars by default.
Then go to Style Settings> Avatars> Default Text for Avatar
And we prescribe the unicode of the desired icon there, you can see here - Font Awesome Cheatsheet.
https://fontawesome.com/cheatsheet
Put extra.less:
.avatar {
&.avatar--default {
&.avatar--default--text {
> span:before {
.m-faBase();
}
}
}
}
Result:
In extra.less add.
@media (max-width: @xf-messageSingleColumnWidth)
{
.message:not(.message--forceColumns)
{
.message-name
{
text-align: center;
}
.message-userTitle,
.message-userBanner.userBanner
{
display: block;
text-align: center;
margin: 0;
}
}
}
Result:
.header-logo-content-before() {
font-family: 'Roboto';
content: "xenForo";
font-weight: bold;
text-shadow: 3px 3px 3px #333;
}
.p-header-logo.p-header-logo--image {
img {
display: none;
}
a {
&:before {
.header-logo-content-before;
font-size: 2em;
}
&:after {
content: "- XenForo Community";
position: relative;
top: -2px;
text-shadow: 3px 3px 3px #333333;
}
}
}
@media (max-width:@xf-responsiveMedium) {
.p-nav-inner .p-nav-smallLogo {
max-width: 150px;
img {
display: none;
}
a {
&:before {
.header-logo-content-before...
Usually, in XenForo, how long does it take to store the moderator’s actions log, the message editing log has a setting, but the administrator log has a limit of 60 days, and then all logs are deleted, to change the log storage time, you must open config.php. It is located /src/config.php, and enter the lifetime in days. Attention! 0 will keep the administrator logs all the time
$config['adminLogLength'] = 0;
Pacific/Midway
Pacific/Honolulu
Pacific/Marquesas
America/Anchorage
America/Los_Angeles
America/Santa_Isabel
America/Tijuana
America/Denver
America/Chihuahua
America/Phoenix
America/Chicago
America/Belize
America/Mexico_City
Pacific/Easter
America/New_York
America/Havana
America/Bogota
America/Caracas
America/Halifax
America/Goose_Bay
America/Asuncion
America/Santiago
America/Cuiaba
America/La_Paz
America/St_Johns
America/Argentina/Buenos_Aires
America/Argentina/San_Luis
America/Argentina/Mendoza
Atlantic/Stanley
America/Godthab
America/Montevideo
America/Sao_Paulo
America/Miquelon
America/Noronha
Atlantic/Cape_Verde
Atlantic/Azores
Europe/London
Africa/Casablanca
Atlantic/Reykjavik
Europe/Amsterdam
Africa/Algiers
Africa/Windhoek...
$editorToolbarConfig = $this->app->options()->editorToolbarConfig;
$optionValue = [
'toolbarButtons' => null,
'toolbarButtonsMD' => null,
'toolbarButtonsSM' => null,
'toolbarButtonsXS' => null
];
foreach ($editorToolbarConfig AS $type => $toolbar)
{
$toolbar = implode('|', $toolbar);
$toolbar = preg_replace("/(xfInsert)/", '$0|-vs|mh_hide ', $toolbar);
$toolbar = explode('|', $toolbar);
$optionValue[$type] = $toolbar;
}
/** @var Option $optionRepo */
$optionRepo = \XF::repository('XF:Option');
$optionRepo->updateOption('editorToolbarConfig', $optionValue)...
In extra.less add:
.lg-backdrop {
background-color: fade(#000, 20%);
}
Where 20% is the degree of dimming. 100% - complete dimming (as in the original).
Result (set to 50%):
AHTUNG! This article is not relevant for those who use GitHub "to the fullest", and have long known about CI, and how to configure them!
Those who are developing more seriously, of course, know about things like Continuous Integration (CI for short).
For developers of free projects that contain their code on Github (and not only), there are options for free CI. For Github, for example, this is Travis. What is it - I will not tell. To whom it is very interesting, google himself. In short, CI simplifies life by allowing you to execute a certain set of commands on an "empty" machine after each commit or create a release (tag) (any interpreter, compiler or DBMS can be preinstalled there). For example, you created a release on Github with a...