www programming

It need also to be re-coded to be + clear and easy.
Will be next step after iframe v6 code and new page-forum.

Anyway, to not loose changes when plugin update, set the option
[b]Use custom files to display Last Topics Widgets, Login Widget or Shortcodes content[/b]
so you can modify these files as you more like, and will never be necessary to update anymore to fit your needs

note that to use this option you need to follow instructions:
[quote]Files that display widgets output and that reside into folder /wp-content/plugins/wp-w3all-phpbb-integration/views
can be copied/pasted into the custom folder (that you may already manually created, if you choosen to include/use the custom phpBB config.php file):
/wp-content/plugins/wp-w3all-config
custom modifications done into these files, aren't overwritten when plugin update.

NOTE: if you activate this option, it is mandatory that you copy all files inside views folder and paste all files into the custom created /wp-content/plugins/wp-w3all-config folder[/quote]

<span>

echo "<li class=\"".$w3all_lastopics_style_li_class."\"><table style=\"border-spacing:0;border-collapse:collapse;vertical-align:middle;margin:0;border:0;\"><tr><td style=\"border:0;width:".$w3all_last_t_avatar_dim."px;\">".$w3all_avatar_display."</td><td style=\"border:0;width:auto\"><a href=\"$w3all_url_to_cms/viewtopic.php?f=$value->forum_id&amp;t=$value->topic_id&amp;p=$value->post_id#p$value->post_id\">$value->topic_title</a> ".$w3all_post_state_ru."<br /><span>". __( 'by ' , 'wp-w3all-phpbb-integration' )." $value->topic_last_poster_name ". __( 'at ' , 'wp-w3all-phpbb-integration' ) . date_i18n( 'H:i Y-m-d', $value->topic_last_post_time + ( 3600 * get_option( 'gmt_offset' )) ) ."</span></td></tr></table></li>\n";

On phpb_last_topics.php

I would like to make a suggestion, that you add [code]<span>[/code] tags for the author and time:


[code]echo "<li class=\"".$w3all_lastopics_style_li_class."\"><table style=\"border-spacing:0;border-collapse:collapse;vertical-align:middle;margin:0;border:0;\"><tr><td style=\"border:0;width:".$w3all_last_t_avatar_dim."px;\">".$w3all_avatar_display."</td><td style=\"border:0;width:auto\"><a href=\"$w3all_url_to_cms/viewtopic.php?f=$value->forum_id&amp;t=$value->topic_id&amp;p=$value->post_id#p$value->post_id\">$value->topic_title</a> ".$w3all_post_state_ru."<br /><span>". __( 'by ' , 'wp-w3all-phpbb-integration' )." $value->topic_last_poster_name ". __( 'at ' , 'wp-w3all-phpbb-integration' ) . date_i18n( 'H:i Y-m-d', $value->topic_last_post_time + ( 3600 * get_option( 'gmt_offset' )) ) ."</span></td></tr></table></li>\n";
[/code]

I added them right after the br/ and before the td closes. But also for the li items.

[size=150][b]... do not lose changes on plugin update.[/b][/size]
To style your widgets and shortcodes to look like your theme, you may wish to edit files that output the html code: you can check for all these files into folder
[i]/wp-content/plugins/wp-w3all-phpbb-integration[b]/views[/b][/i]
they are quite self explained on their names:

[b]phpbb_last_topics.php[/b] (output last topics on widgets)
[b]phpbb_last_topics_output_shortcode.php[/b] (output last topics shortcode)
[b]phpbb_last_topics_forums_ids_shortcode.php[/b] (output last topics shortcode by forums IDS)
[b]login_form_include_noiframe_mode_links.php[/b] (output login form widget when links are not set to point to iframed page)
[b]login_form_include_iframe_mode_links.php[/b] (output login form widget when links are set to point to iframed page)

[color=#0000BF][size=120][b]if you go to edit these files and you do not want they are overwritten on plugin update[/b][/size][/color], then you
can copy/paste these five files into the custom folder you'll go to create
[i]/wp-content/plugins[b]/wp-w3all-config[/b][/i]
or that you may already manually created, if you chosen to include/use the custom phpBB [i]config.php[/i] file.
If not, create it and to activate the use of these files, activate the related option into
WP_w3all admin config page -> [b]Use custom files to display Last Topics Widgets, Login Widget or Last Topics Shortcode content[/b]

custom modifications done into these files, aren't overwritten when plugin update.
[color=#0000BF]
[b][size=130]NOTE IMPORTANT:[/size][/b][/color] if you activate this option, it is mandatory that you copy/paste all files [color=#FF0000][size=150](exclude config.php!)[/size][/color] you'll go to use, into the custom folder
[i]/wp-content/plugins[b]/wp-w3all-config[/b][/i]

.w3all_ul_widgetLastTopics {
padding: 10px;
/* edit or/and add more styles */
}
.w3all_li_widgetLastTopics {
padding: 3px 0px;
/* edit or/and add more styles */
}

.w3all_ul_widgetLogin {
padding: 10px;
/* edit or/and add more styles */
}
.w3all_li_widgetLogin {
padding: 3px 0px;
/* edit or/and add more styles */
}

[color=#004080][size=150]As easy start example that you'll customize adding your CSS code, to style the two widgets, is necessary to add the follow into your childtheme CSS or main CSS of your WP theme, in this way:[/size][/color]

[b]to style UL and LI elements for widget Last Topics[/b]
[code]
.w3all_ul_widgetLastTopics {
padding: 10px;
/* edit or/and add more styles */
}
.w3all_li_widgetLastTopics {
padding: 3px 0px;
/* edit or/and add more styles */
}
[/code]
[b]to style UL and LI elements for widget Login[/b]
[code]
.w3all_ul_widgetLogin {
padding: 10px;
/* edit or/and add more styles */
}
.w3all_li_widgetLogin {
padding: 3px 0px;
/* edit or/and add more styles */
}
[/code]

$w3all_lastopics_style_ul = 'list-style:none;margin:0px';
$w3all_lastopics_style_ul_class = 'w3all_ul_widgetLastTopics'; // declare this class .w3all_ul_widgetLastTopics into your css template and style ul element as needed 
$w3all_lastopics_style_li_class = 'w3all_li_widgetLastTopics'; // declare this class .w3all_li_widgetLastTopics into your css template and style li elements as needed 

$w3all_loginform_style_ul = 'list-style:none;margin:0px';
$w3all_loginform_style_ul_class = 'w3all_ul_widgetLogin'; // declare this class .w3all_ul_widgetLogin into your css template and style ul element as needed 
$w3all_loginform_style_li_class = 'w3all_li_widgetLogin'; // declare this class .w3all_li_widgetLogin into your css template and style li elements as needed 
 

[b][size=130]NOTE from 1.9.7 >[/size][/b]
[size=150][b][url=https://www.axew3.com/w3/2017/09/wordpress-shortcode-last-phpbb-topics-posts-into-wp-post/][w3allastopics][/url] - [url=https://www.axew3.com/w3/2018/04/latest-phpbb-topics-by-forum-ids-shortcode/][w3allastopicforumsids][/url] AND [url=https://www.axew3.com/w3/2019/03/shorcode-rss-feeds-into-wordpress/][w3allfeed][/url] shortcodes[/b][/size]
[b]there is the new way to apply classes and inline styles on each shortcode.
Documentation on how to use has been added on bottom of each shortcode documentation page.
It maintain compatibility with the old way.[/b]

[color=#BF0040][size=120]The following below is [b]may obsolete[/b] to apply for the [b]above listed shortcodes from version 1.9.7 >[/b]
By the way you still can use the old way to style shortcodes as explained here below[/size][/color]

[b]This first explain post if for more advanced users,[/b] [size=150]skip to next reply post for the easy how to style widgets[/size]
[b]Check also the latest post on this topic[/b]

[size=120]If you need to style widgets because they do not look like your theme[/size]

[b][size=120]For Widget Last Topics[/size][/b]
open file
[i]views/[b]phpbb_last_topics.php[/b][/i]
+- on top search for this lines:
[code]$w3all_lastopics_style_ul = 'list-style:none;margin:0px';
$w3all_lastopics_style_ul_class = 'w3all_ul_widgetLastTopics'; // declare this class .w3all_ul_widgetLastTopics into your css template and style ul element as needed
$w3all_lastopics_style_li_class = 'w3all_li_widgetLastTopics'; // declare this class .w3all_li_widgetLastTopics into your css template and style li elements as needed
[/code]
[b][size=120]WP_w3all Login Widget[/size][/b]
files
[i]views/[b]login_form_include_iframe_mode_links.php[/b][/i]
and
[i]views/[b]login_form_include_noiframe_mode_links.php[/b][/i]

[code]$w3all_loginform_style_ul = 'list-style:none;margin:0px';
$w3all_loginform_style_ul_class = 'w3all_ul_widgetLogin'; // declare this class .w3all_ul_widgetLogin into your css template and style ul element as needed
$w3all_loginform_style_li_class = 'w3all_li_widgetLogin'; // declare this class .w3all_li_widgetLogin into your css template and style li elements as needed
[/code]

[b]Be noticed that if you change classes names, when the plugin will be updated[/b] (so all plugin's files replaced by the update) you'll need so to reset classes names other time on [i]views/[b]phpbb_last_topics.php[/b][/i] or [i][b]views/login_form_include_iframe_mode_links.php[/b][/i] or [i][b]views/login_form_include_noiframe_mode_links.php[/b][/i]