Topic: Badem Smf 2.0 bootstrap Themes

[gecitli]

Link to the theme


Badem is a fully featured, Smf template built with Bootstrap 4, HTML5, CSS3 and JQuery. Badem is also available in  PHP and Ajax version. It’s a minimal responsive.

FEATURES:

• Responsive layout (desktops, tablets, mobile devices)
• Built with Bootstrap 4.1.3
• Font Awesome 5.3.1
• HTML5 & CSS3

Responsive list
-----------------------
.Board Template
.Display Template
.Members List
.Profile Template
.Calendar.template
.Admin Panel

[The Domain Shop]

Hi,

Do you have a live demo?

[gecitli]

Hi,

Do you have a live demo?

yes

DEMO

[The Domain Shop]

Hi,

Do you have a live demo?

yes

DEMO

Thanks looks great!

I did notice a issue though. On mobile you cannot click the home link in the menu.

[oyajoin]

please how can i make the theme full width?

[Shambles]

please how can i make the theme full width?

Can you provide a link to your copyright-visible SMF forum?

[m4z]

Seeing this error when using your theme in SMF2.1rc2:

Type of error: Undefined
8: Undefined index: avatar
https://(redacted)/index.php?
/(redacted)/Themes/Badem_RC2/BoardIndex.template.php (Line 238)

Relevant code:

Code: [Select]

   228: /**
   229: * Outputs the board lastposts for a standard board or a redirect.
   230: * When on a mobile device, this may be hidden if no last post exists.
   231: *
   232: * @param array $board Current board information.
   233: */
   234: function template_bi_board_lastpost($board)
   235: {
   236: if (!empty($board['last_post']['id']))
   237: echo '
==>238: <p>'.$board['last_post']['member']['avatar']['image'].'', $board['last_post']['last_post_message'], '</p>';
   239: }


[gecitli]

Seeing this error when using your theme in SMF2.1rc2:

Type of error: Undefined
8: Undefined index: avatar
https://(redacted)/index.php?
/(redacted)/Themes/Badem_RC2/BoardIndex.template.php (Line 238)

Relevant code:

Code: [Select]

   228: /**
   229: * Outputs the board lastposts for a standard board or a redirect.
   230: * When on a mobile device, this may be hidden if no last post exists.
   231: *
   232: * @param array $board Current board information.
   233: */
   234: function template_bi_board_lastpost($board)
   235: {
   236: if (!empty($board['last_post']['id']))
   237: echo '
==>238: <p>'.$board['last_post']['member']['avatar']['image'].'', $board['last_post']['last_post_message'], '</p>';
   239: }


index.template.php

Find

Code: [Select]

// Set the following variable to true if this theme requires the optional theme strings file to be loaded.
$settings['require_theme_strings'] = false;

// Set the following variable to true if this theme wants to display the avatar of the user that posted the last and the first post on the message index and recent pages.
$settings['avatars_on_indexes'] = false;

// Set the following variable to true if this theme wants to display the avatar of the user that posted the last post on the board index.
$settings['avatars_on_boardIndex'] = false;
Replace With

Code: [Select]

// Set the following variable to true if this theme requires the optional theme strings file to be loaded.
$settings['require_theme_strings'] = true;

// Set the following variable to true if this theme wants to display the avatar of the user that posted the last and the first post on the message index and recent pages.
$settings['avatars_on_indexes'] = true;

// Set the following variable to true if this theme wants to display the avatar of the user that posted the last post on the board index.
$settings['avatars_on_boardIndex'] = true;

[RockTreeSky]

We love Badem!  But I'm getting a couple undefined variable errors.  Please help, is there something I can do to get these variables set?  I assume $ava is something about the avatar, but what is #memCommID55?

My forum uses SMF 2.0.15
MySQL/Percona 5.6.41-84.1
PHP 7.2.7
Theme: Badem, version 2.0.15
only one Mod: SMF Likes Plus 1.5. (Uninstalled, I get the same error.)

File: /forum/Themes/badem/Display.template.php (main sub template - eval?)
8: Undefined variable: memCommID55
Line: 192
8: Undefined variable: ava
Line: 187

lines 185-195:

   echo'<div class="threadthis">
         <div class="content">
            ', $ava, '
            <div class="threadthis_details">
               <h3 class="for_title">
                  ', $context['subject'], '
               </h3>
               <div class="detailS"><i class="fas fa-user"></i>    ', (!empty($context['topic_starter_id']) && $context['topic_starter_id']!=0) ? '<a href="'.$scripturl.'?action=profile;u='.$memberContext[$memCommID55]['id'].'">'.$memberContext[$memCommID55]['name'].'</a>' : $txt['guest'], ' &middot; <i class="fas fa-comments"></i>    ', $context['total_visible_posts'], ' &middot; <i class="fas fa-eye"></i>    ', $context['num_views'], '<div class="nextlinks">', $context['previous_next'], '</div></div>
            </div>
         </div>
      </div>';

[spiros]

Demo link does not work any more.

By the way, what do you use to zoom images here? https://webtiryaki.com/index.php/topic,291.0.html

[gecitli]

Demo link does not work any more.

By the way, what do you use to zoom images here? https://webtiryaki.com/index.php/topic,291.0.html

yes no demo

second question
css

Code: [Select]

.bbc_img {
    max-width: 400px;
    -webkit-transition: all 0.4s cubic-bezier(0.4, 0, 1, 1);
    transition: all 0.4s cubic-bezier(0.4, 0, 1, 1);
}

.bbc_img:hover {
    max-width: 100%
}

[spiros]

Wow, amazing trick, teşekkür ederim

[spiros]

I think one should add height: auto so that larger images are not distorted, try this one for example:

https://fastdot.com.au/wp-content/uploads/2019/01/company-1280x720.jpg

Code: [Select]

.bbc_img {
    max-width: 400px;
    -webkit-transition: all 0.4s cubic-bezier(0.4, 0, 1, 1);
    transition: all 0.4s cubic-bezier(0.4, 0, 1, 1);
    height: auto;
}