Quote from: mohammad1102 on August 15, 2014, 08:48:11 AM
how  can I change my SMF 2 forum this kind of forum theme?
is it custom designed? can you help please?
how do you added HTML5  pages to SMF theme?

It seems smftricks website theme uses Bootstrap framework
but I wonder how I can add bootstrap webpages to SMF theme

thanks,

SMFTricks theme is made by us and is unique to the web, and yes we use bootstrap. We currently have a theme that uses bootstrap and html5, called "Reseller", you should see it. If you need help, you should just create a topic in the corresponding section.

Greetings!

1.- Index.template.php (Themes/Reseller)
Search:
// Show the menu up top. Something like [home] [help] [profile] [logout]...
function template_menu()
{
global $context, $settings, $options, $scripturl, $txt;

foreach ($context['menu_buttons'] as $act => $button)
{
echo '
<li id="button_', $act, '" class="', $button['sub_buttons'] ? 'dropdown ' : '', '', $button['active_button'] ? 'active ' : '', '">
<a ', $button['sub_buttons'] ? 'class="dropdown-toggle" ' : '', 'href="', $button['sub_buttons'] ? '#' : $button['href'], '"', isset($button['target']) ? ' target="' . $button['target'] . '"' : '', '', $button['sub_buttons'] ? 'data-toggle="dropdown"' : '', '>
', $button['title'], '
', $button['sub_buttons'] ? '<span class="caret"></span>' : '' ,'
</a>';
if (!empty($button['sub_buttons']))
{
echo '
<ul class="dropdown-menu" role="menu">';

foreach ($button['sub_buttons'] as $childbutton)
{
echo '
<li>
<a href="', $childbutton['href'], '"', isset($childbutton['target']) ? ' target="' . $childbutton['target'] . '"' : '', '>
', $childbutton['title'] , '
</a>
</li>';
}
echo '
</ul>';
}
echo '
</li>';
}
}
Replace for:
// Show the menu up top. Something like [home] [help] [profile] [logout]...
function template_menu()
{
global $context, $settings, $options, $scripturl, $txt;

foreach ($context['menu_buttons'] as $act => $button)
{
echo '
<li id="button_', $act, '" ', $button['active_button'] ? 'class="active"' : '', '>
<a ', $button['sub_buttons'] ? 'class="dropdown-toggle" ' : '', 'href="', $button['href'], '"', isset($button['target']) ? ' target="' . $button['target'] . '"' : '', '>
', $button['title'], '
</a>
</li>';
}
}
You add icons like smftricks with this mod: http://smftricks.com/index.php?action=downloads;sa=view;down=47#forum
2.- Adsense gives you several types of advertising including one specific to mobile.
3.- Index.template.php (Themes/Reseller)
Search:
// Generate a strip of buttons.
function template_button_strip($button_strip, $direction = 'top', $strip_options = array())
{
global $settings, $context, $txt, $scripturl;

if (!is_array($strip_options))
$strip_options = array();

// List the buttons in reverse order for RTL languages.
if ($context['right_to_left'])
$button_strip = array_reverse($button_strip, true);

// Create the buttons...
$buttons = array();
foreach ($button_strip as $key => $value)
{
if (!isset($value['test']) || !empty($context[$value['test']]))
$buttons[] = '
<li><a' . (isset($value['id']) ? ' id="button_strip_' . $value['id'] . '"' : '') . ' class="button_strip_' . $key . (isset($value['active']) ? ' active' : '') . '" href="' . $value['url'] . '"' . (isset($value['custom']) ? ' ' . $value['custom'] : '') . '><span>' . $txt[$value['text']] . '</span></a></li>';
}

// No buttons? No button strip either.
if (empty($buttons))
return;

// Make the last one, as easy as possible.
$buttons[count($buttons) - 1] = str_replace('<span>', '<span class="last">', $buttons[count($buttons) - 1]);

echo '
<div class="btn-group', !empty($direction) ? ' navbar-' . $direction : '', '"', (empty($buttons) ? ' style="display: none;"' : ''), (!empty($strip_options['id']) ? ' id="' . $strip_options['id'] . '"': ''), '>
<button type="button" class="btn btn-success dropdown-toggle" data-toggle="dropdown">
    Actions <span class="caret"></span>
  </button>
<ul class="dropdown-menu" role="menu">',
implode('', $buttons), '
</ul>
</div>';
}

Replace for:
// Generate a strip of buttons.
function template_button_strip($button_strip, $direction = 'top', $strip_options = array())
{
global $settings, $context, $txt, $scripturl;

if (!is_array($strip_options))
$strip_options = array();

// List the buttons in reverse order for RTL languages.
if ($context['right_to_left'])
$button_strip = array_reverse($button_strip, true);

// Create the buttons...
$buttons = array();
foreach ($button_strip as $key => $value)
{
if (!isset($value['test']) || !empty($context[$value['test']]))
$buttons[] = '
<li><a' . (isset($value['id']) ? ' id="button_strip_' . $value['id'] . '"' : '') . ' class="button_strip_' . $key . (isset($value['active']) ? ' active' : '') . '" href="' . $value['url'] . '"' . (isset($value['custom']) ? ' ' . $value['custom'] : '') . '><span>' . $txt[$value['text']] . '</span></a></li>';
}

// No buttons? No button strip either.
if (empty($buttons))
return;

// Make the last one, as easy as possible.
$buttons[count($buttons) - 1] = str_replace('<span>', '<span class="last">', $buttons[count($buttons) - 1]);

echo '
<div class="buttonlist', !empty($direction) ? ' float' . $direction : '', '"', (empty($buttons) ? ' style="display: none;"' : ''), (!empty($strip_options['id']) ? ' id="' . $strip_options['id'] . '"': ''), '>
<ul>',
implode('', $buttons), '
</ul>
</div>';
}
Display.template.php (Themes/Reseller)
Search:
<div class="postarea">';

// If this is the first post, (#0) just say when it was posted - otherwise give the reply #.
if ($message['can_approve'] || $context['can_reply'] || $message['can_modify'] || $message['can_remove'] || $context['can_split'] || $context['can_restore_msg'])
echo '
<div class="btn-group navbar-right">
<button type="button" class="btn btn-primary dropdown-toggle btn-sm" data-toggle="dropdown">Actions <span class="caret"></span></button>
<ul class="dropdown-menu" role="menu"">';

// Maybe we can approve it, maybe we should?
if ($message['can_approve'])
echo '
<li class="approve_button"><a href="', $scripturl, '?action=moderate;area=postmod;sa=approve;topic=', $context['current_topic'], '.', $context['start'], ';msg=', $message['id'], ';', $context['session_var'], '=', $context['session_id'], '">', $txt['approve'], '</a></li>';

// Can they reply? Have they turned on quick reply?
if ($context['can_quote'] && !empty($options['display_quick_reply']))
echo '
<li class="quote_button"><a href="', $scripturl, '?action=post;quote=', $message['id'], ';topic=', $context['current_topic'], '.', $context['start'], ';last_msg=', $context['topic_last_message'], '" onclick="return oQuickReply.quote(', $message['id'], ');">', $txt['quote'], '</a></li>';

// So... quick reply is off, but they *can* reply?
elseif ($context['can_quote'])
echo '
<li class="quote_button"><a href="', $scripturl, '?action=post;quote=', $message['id'], ';topic=', $context['current_topic'], '.', $context['start'], ';last_msg=', $context['topic_last_message'], '">', $txt['quote'], '</a></li>';

// Can the user modify the contents of this post?
if ($message['can_modify'])
echo '
<li class="modify_button"><a href="', $scripturl, '?action=post;msg=', $message['id'], ';topic=', $context['current_topic'], '.', $context['start'], '">', $txt['modify'], '</a></li>';

// How about... even... remove it entirely?!
if ($message['can_remove'])
echo '
<li class="remove_button"><a href="', $scripturl, '?action=deletemsg;topic=', $context['current_topic'], '.', $context['start'], ';msg=', $message['id'], ';', $context['session_var'], '=', $context['session_id'], '" onclick="return confirm(\'', $txt['remove_message'], '?\');">', $txt['remove'], '</a></li>';

// What about splitting it off the rest of the topic?
if ($context['can_split'] && !empty($context['real_num_replies']))
echo '
<li class="split_button"><a href="', $scripturl, '?action=splittopics;topic=', $context['current_topic'], '.0;at=', $message['id'], '">', $txt['split'], '</a></li>';

// Can we restore topics?
if ($context['can_restore_msg'])
echo '
<li class="restore_button"><a href="', $scripturl, '?action=restoretopic;msgs=', $message['id'], ';', $context['session_var'], '=', $context['session_id'], '">', $txt['restore_message'], '</a></li>';

if ($message['can_approve'] || $context['can_reply'] || $message['can_modify'] || $message['can_remove'] || $context['can_split'] || $context['can_restore_msg'])
echo '
</ul>
</div>
<ul class="reset floatright" style="margin: 5px 15px 0 7px;">';

// Show a checkbox for quick moderation?
if (!empty($options['display_quick_mod']) && $options['display_quick_mod'] == 1 && $message['can_remove'])
echo '
<li class="inline_mod_check" style="display: none;" id="in_topic_mod_check_', $message['id'], '"></li>';

echo'
</ul>
<div class="keyinfo">
<div class="messageicon">
<img src="', $message['icon_url'] . '" alt=""', $message['can_modify'] ? ' id="msg_icon_' . $message['id'] . '"' : '', ' />
</div>
<h5 id="subject_', $message['id'], '">
<a href="', $message['href'], '" rel="nofollow">', $message['subject'], '</a>
</h5>
<div class="smalltext">&#171; <strong>', !empty($message['counter']) ? $txt['reply_noun'] . ' #' . $message['counter'] : '', ' ', $txt['on'], ':</strong> ', $message['time'], ' &#187;</div>
<div id="msg_', $message['id'], '_quick_mod"></div>
</div>';
Replace for:
<div class="postarea">
<div class="flow_hidden">
<div class="keyinfo">
<div class="messageicon">
<img src="', $message['icon_url'] . '" alt=""', $message['can_modify'] ? ' id="msg_icon_' . $message['id'] . '"' : '', ' />
</div>
<h5 id="subject_', $message['id'], '">
<a href="', $message['href'], '" rel="nofollow">', $message['subject'], '</a>
</h5>
<div class="smalltext">&#171; <strong>', !empty($message['counter']) ? $txt['reply_noun'] . ' #' . $message['counter'] : '', ' ', $txt['on'], ':</strong> ', $message['time'], ' &#187;</div>
<div id="msg_', $message['id'], '_quick_mod"></div>
</div>';

// If this is the first post, (#0) just say when it was posted - otherwise give the reply #.
if ($message['can_approve'] || $context['can_reply'] || $message['can_modify'] || $message['can_remove'] || $context['can_split'] || $context['can_restore_msg'])
echo '
<ul class="reset smalltext quickbuttons">';

// Maybe we can approve it, maybe we should?
if ($message['can_approve'])
echo '
<li class="approve_button"><a href="', $scripturl, '?action=moderate;area=postmod;sa=approve;topic=', $context['current_topic'], '.', $context['start'], ';msg=', $message['id'], ';', $context['session_var'], '=', $context['session_id'], '">', $txt['approve'], '</a></li>';

// Can they reply? Have they turned on quick reply?
if ($context['can_quote'] && !empty($options['display_quick_reply']))
echo '
<li class="quote_button"><a href="', $scripturl, '?action=post;quote=', $message['id'], ';topic=', $context['current_topic'], '.', $context['start'], ';last_msg=', $context['topic_last_message'], '" onclick="return oQuickReply.quote(', $message['id'], ');">', $txt['quote'], '</a></li>';

// So... quick reply is off, but they *can* reply?
elseif ($context['can_quote'])
echo '
<li class="quote_button"><a href="', $scripturl, '?action=post;quote=', $message['id'], ';topic=', $context['current_topic'], '.', $context['start'], ';last_msg=', $context['topic_last_message'], '">', $txt['quote'], '</a></li>';

// Can the user modify the contents of this post?
if ($message['can_modify'])
echo '
<li class="modify_button"><a href="', $scripturl, '?action=post;msg=', $message['id'], ';topic=', $context['current_topic'], '.', $context['start'], '">', $txt['modify'], '</a></li>';

// How about... even... remove it entirely?!
if ($message['can_remove'])
echo '
<li class="remove_button"><a href="', $scripturl, '?action=deletemsg;topic=', $context['current_topic'], '.', $context['start'], ';msg=', $message['id'], ';', $context['session_var'], '=', $context['session_id'], '" onclick="return confirm(\'', $txt['remove_message'], '?\');">', $txt['remove'], '</a></li>';

// What about splitting it off the rest of the topic?
if ($context['can_split'] && !empty($context['real_num_replies']))
echo '
<li class="split_button"><a href="', $scripturl, '?action=splittopics;topic=', $context['current_topic'], '.0;at=', $message['id'], '">', $txt['split'], '</a></li>';

// Can we restore topics?
if ($context['can_restore_msg'])
echo '
<li class="restore_button"><a href="', $scripturl, '?action=restoretopic;msgs=', $message['id'], ';', $context['session_var'], '=', $context['session_id'], '">', $txt['restore_message'], '</a></li>';

// Show a checkbox for quick moderation?
if (!empty($options['display_quick_mod']) && $options['display_quick_mod'] == 1 && $message['can_remove'])
echo '
<li class="inline_mod_check" style="display: none;" id="in_topic_mod_check_', $message['id'], '"></li>';

if ($message['can_approve'] || $context['can_reply'] || $message['can_modify'] || $message['can_remove'] || $context['can_split'] || $context['can_restore_msg'])
echo '
</ul>';

echo '
</div>';
4.- That must be a problem that has nothing to do with the theme. You should try if it does not work in the default theme.

Quote from: stecomminfo on August 05, 2014, 02:15:08 AM
When trying to Download PSD Logo it shows database error. Could you please fix this Thanks a lot

This is a problem that we are trying to fix, meanwhile I will attach the file here for everybody who need it.

Ok, it's easier than I thought.
index.css (Themes/Wrap/css)
Search:
@media screen and (min-width: 1024px)
Replace for:
@media screen and (min-width: 1170px)
Search:
@media screen and (max-width: 1024px)
Replace for:
@media screen and (max-width: 1169px)

Quote from: Grambel on July 28, 2014, 11:08:46 AM
Thanks, it works fine with Wrap theme logo. However, when i add another logo which is 280x50 ( wrap theme logo is 175x50 ), facebook button looks fine, but navigation menu is broken now. If i use only my custom logo without facebook button, navigation menu looks fine. What changes i should make to fix this?

sorry for didn't reply yet, I leave you this message for you do not think I will not help you, is that during the week is difficult for me give support.

Link to the theme




Reseller
Developed by Daniiel
Designed by Brian Casillas

Features

• Bootstrap
• Custom Copyright
• Social networks
• Logo URL

Languages

---

Demo Online
GitHub

Go to https://developers.facebook.com/docs/plugins/like-button
Put options as in the following image and change what it says "your facebook page".


Then press the button "Get code", it will open a screen, and give click to "IFRAME" and copy the code that appears.


Index.template.php (Themes/Wrap)
Find:
echo'
<div id="wrapper">
<div id="header"><div class="wrapper">
<div class="logo">
<a href="', $scripturl, '"><img src="', !empty($context['header_logo_url_html_safe']) ? $context['header_logo_url_html_safe'] : ''. $settings['images_url'] . '/'. $context['theme_variant']. '/logo.png' ,'" alt="' . $context['forum_name'] . '" /></a>
</div>';
Replace with:
echo'
<div id="wrapper">
<div id="header"><div class="wrapper">
<div class="logo">
<a href="', $scripturl, '"><img src="', !empty($context['header_logo_url_html_safe']) ? $context['header_logo_url_html_safe'] : ''. $settings['images_url'] . '/'. $context['theme_variant']. '/logo.png' ,'" alt="' . $context['forum_name'] . '" /></a>
</div>
<div id="likefb">
fb code
</div>';

You have to change "fb code" for the code you copied earlier.

Index.css (Themes/Wrap/css)
Add to the end:
#likefb
{
float: left;
margin: 13px 5px 0;
}

Regards!

Hi, in recent days I've been working on a new theme is a simple theme, so I hope you like it. I am using Bootstrap to fit to different screen resolutions.


This theme gonna be free.
Regards!

Quote from: UnknownR on July 18, 2014, 12:33:08 AM
First of all Thanks for the Great theme.
I want to ask that do you provide .psd or fireworks png file so that editing will be easier.

Thanks

This theme dont have PSD or Fireworks PNG files, using CSS3. So you just need to edit index.css of the theme.
Greetings!

Quote from: GamePersia on July 11, 2014, 01:35:36 AM
Hey,..awesome theme
i am using this theme from very starting,..and i am also suffering from this header problem.
You have written that it's been "updated". so i want to know that where is updated theme ?
as wrap theme i am using is 2.0.6 and present wrap theme on smftrick is also 2.0.6,..so please give fix for this error.

This theme has been reuploaded to fix the problem of the header, ie, you have to re-download to fix the problem. Respect to the version of SMF, works without any problem with the latest version, is not necessary to edit it, just install it like any other theme.

Puedes instalar reCAPTCHA: http://custom.simplemachines.org/mods/?mod=1044 y solucionar el error.

Quote from: tornes12 on July 08, 2014, 11:42:50 AM
Amigos, saludo y gracias por este tema esta genial :3 , quisiera saber como editar la linea del sub-menu que sale (link 1 - link 2 y .....etc)

Administración > Configuración del foro > Tema actual
Saludos!

Quote from: Neekiinh0 on June 29, 2014, 08:28:45 AM
Es el que usa este foro?

No, es otro en el que trabaje un poco antes de este.

Quote from: Fernando_B on June 28, 2014, 04:18:41 PM
¿ya está disponible?

Por cuestiones de tiempo, no he logrado terminarlo. Cuando este disponible, lo veras en la pagina principal.
Saludos!

Yes, is possible. If you give more. If you give me a bit of time, I'll tell you what changes to make.