Topic: Reseller

[Daniiel]

Do not worry for now. It is difficult to understand the translation. I'm sorry. I will ask a friend who can translate me correctly for you.

I would ask you to tell me where to touch to vary the colors of these 3 sections identified in the image. I've tried the reseller.css but does not reflect the changes.
Their colors are great. Only I would like to customize a little.
A hug.
PD. Nexus 5 shows great.

Reseller.css
You search for "header" and you will find this:

Code: [Select]

header
{
background: #3498db;
box-shadow: 0 -3px #9fc6e0 inset;
padding: 20px 0;
}
You have to change the background and the box shadow (this because it brings a kind of border bottom).

Index.css
Search for:

Code: [Select]

div.cat_bar
{
background: #34495e;
padding-left: 9px;
height: 35px;
overflow: hidden;
margin-bottom: 1px;
}

Code: [Select]

h4.catbg, h4.catbg2 , h3.catbg , h3.catbg2 , .table_list tbody.header td.catbg
{
background: #34495e;
padding-right: 9px;
}
Change the background for which you want.

[gonza28]

A treat. I managed to change the colors. Thank you very much.
Excellent template. Keep it !!

God bless you.

EDIT.
I would like to see more of a bother.
1-You can remove the shadow that allows you to see the social icons?



In the future, you can put the options of adding social icons here?
IMG

[Kornak]

I find new bug ((

That happens if i push the button in topic with vote.

How repair it?

[Diego Andrés]

I find new bug ((

That happens if i push the button in topic with vote.

How repair it?

index.css search

Code: [Select]

div#pollmoderation
And remove the

Code: [Select]

overflow: auto;

[Kornak]

I find new bug ((

That happens if i push the button in topic with vote.

How repair it?

index.css search

Code: [Select]

div#pollmoderation
And remove the

Code: [Select]

overflow: auto;

Worked, Thx!

[ultrazonex2]

Excellent template. I appreciate the good works. Please how do I make the menu buttons appear on mobile view navbar. I would rather prefer that my users see their login, register, logout button instead of the toggle navigation bar I see there. This appear mostly on operamini view but on blackberry view, the menu options are tucked away under a bar. Please I would like all the menu options openly expanded.

[Mstcool]

For people who have problems with the images online and offline, I will leave images attached to replace them. Root: Themes/Reseller/images

Offline image always worked for me, online didn't. I changed the online image and it still doesn't show up. What to do?

[ultrazonex2]

How do I have these buttons displayed on my forum under the logo like in smftricks.com?
 Home
 Search
 Team
 Downloads
 Login
 Register

Also note that a 'logout button' is shown too when you are logged in. Note everyone will know that some button exist under toggle navigation.

Thanks.

[gonza28]

bug:
Buttons facebook integration sees not login and G +

http://custom.simplemachines.org/mods/index.php?mod=2322

[Neekiinh0]

The bug theme is looking at in terms of code and design.
Not compatible with mods

PD: Google translate.

[NanoSector]

Thanks for this theme, I love it!

[Matias-]

Gente tengo este problema... Se descuadra cuando voy a editar un tema.
Saludos.
People have this problem ... is out of position when I go to edit a theme.
Greetings.

[OCJ]

Not sure if you are interested in this as it is another mod problem, though the most popular SMF mod - Simple Portal.

Wrap theme has some space/padding between the center and left or right columns but not the Reseller theme?
Doesn't look good. As this theme is becoming popular maybe it would be worth fixing.

This is a temporary board but you can see the difference in themes.

hxxp://ichikawa-eikaiwa.com/smf/

Screenshots also attached.

[Daniiel]

Not sure if you are interested in this as it is another mod problem, though the most popular SMF mod - Simple Portal.

Wrap theme has some space/padding between the center and left or right columns but not the Reseller theme?
Doesn't look good. As this theme is becoming popular maybe it would be worth fixing.

This is a temporary board but you can see the difference in themes.

hxxp://ichikawa-eikaiwa.com/smf/

Screenshots also attached.

If you watch the comments above, you can find the solution.

Gente tengo este problema... Se descuadra cuando voy a editar un tema.
Saludos.
People have this problem ... is out of position when I go to edit a theme.
Greetings.

Index.template.php
Search:

Code: [Select]

// Show a linktree. This is that thing that shows "My Community | General Category | General Discussion"..
function theme_linktree($force_show = false)
{
global $context, $settings, $options, $shown_linktree;

// If linktree is empty, just return - also allow an override.
if (empty($context['linktree']) || (!empty($context['dont_default_linktree']) && !$force_show))
return;

echo '
<div class="navigate_section">
<div class="container">
<div class="row">
<ol class="breadcrumb">';

// Each tree item has a URL and name. Some may have extra_before and extra_after.
foreach ($context['linktree'] as $link_num => $tree)
{
echo '
<li', ($link_num == count($context['linktree']) - 1) ? ' class="active"' : '', '>';

// Show something before the link?
if (isset($tree['extra_before']))
echo $tree['extra_before'];

// Show the link, including a URL if it should have one.
echo $settings['linktree_link'] && isset($tree['url']) ? '
<a href="' . $tree['url'] . '"><span>' . $tree['name'] . '</span></a>' : '<span>' . $tree['name'] . '</span>';

// Show something after the link...?
if (isset($tree['extra_after']))
echo $tree['extra_after'];

echo '
</li>';
}
echo '
</ol>
</div>
</div>
</div>';

$shown_linktree = true;
}Replace for:

Code: [Select]

// Show a linktree. This is that thing that shows "My Community | General Category | General Discussion"..
function theme_linktree($force_show = false)
{
global $context, $settings, $options, $shown_linktree;

// If linktree is empty, just return - also allow an override.
if (empty($context['linktree']) || (!empty($context['dont_default_linktree']) && !$force_show))
return;

echo '
<div class="navigate_section">
<div class="container">
<div class="row">
<ol class="breadcrumb">';

// Each tree item has a URL and name. Some may have extra_before and extra_after.
foreach ($context['linktree'] as $link_num => $tree)
{
echo '
<li', ($link_num == count($context['linktree']) - 1) ? ' class="active"' : '', '>';

// Show the link, including a URL if it should have one.
echo $settings['linktree_link'] && isset($tree['url']) ? '
<a href="' . $tree['url'] . '"><span>' . $tree['name'] . '</span></a>' : '<span>' . $tree['name'] . '</span>';

echo '
</li>';
}
echo '
</ol>
</div>
</div>
</div>';

$shown_linktree = true;
}

[OCJ]

That code change to Reseller index.template.php did not fix the problem. I cleared smf cache, browser cache etc but no change - still no space between side columns and center column.
See screenshots - Curve and Wrap themes are ok, but not Reseller.

// Show a linktree. This is that thing that shows "My Community | General Category | General Discussion"..
function theme_linktree($force_show = false)
{
   global $context, $settings, $options, $shown_linktree;

   // If linktree is empty, just return - also allow an override.
   if (empty($context['linktree']) || (!empty($context['dont_default_linktree']) && !$force_show))
      return;

   echo '
   <div class="navigate_section">
      <div class="container">
         <div class="row">
            <ol class="breadcrumb">';

         // Each tree item has a URL and name. Some may have extra_before and extra_after.
         foreach ($context['linktree'] as $link_num => $tree)
         {
            echo '
               <li', ($link_num == count($context['linktree']) - 1) ? ' class="active"' : '', '>';

            // Show the link, including a URL if it should have one.
            echo $settings['linktree_link'] && isset($tree['url']) ? '
                  <a href="' . $tree['url'] . '"><span>' . $tree['name'] . '</span></a>' : '<span>' . $tree['name'] . '</span>';

            echo '
               </li>';
         }
         echo '
            </ol>
         </div>
      </div>
   </div>';

   $shown_linktree = true;
}

[Daniiel]

Jajajaja, that code it's not for fix that problem, I meant that the solution is in the previous replies, whatever, here you go:

Portal.template.php
Search:

Code: [Select]

<a class="sp_float_right" style="padding-top: 7px;" href="javascript:void(0);" onclick="sp_collapseBlock(\'', $block['id'], '\')"><img id="sp_collapse_', $block['id'], '" src="', $settings['images_url'], $block['collapsed'] ? '/expand.gif' : '/collapse.gif', '" alt="*" /></a>';Replace with:

Code: [Select]

<a class="sp_float_right" href="javascript:void(0);" onclick="sp_collapseBlock(\'', $block['id'], '\')"><img id="sp_collapse_', $block['id'], '" src="', $settings['images_url'], $block['collapsed'] ? '/expand.gif' : '/collapse.gif', '" alt="*" /></a>';
Reseller.css
Add to the end:

Code: [Select]

#sp_center
{
     padding: 0 5px;
}

[OCJ]

Just changing the reseller css padding seems to have done it - thanks.

[Daniiel]

Hello,
Can you help me in adding something like this


In place of this check box


Thanks

Don't think I you forget, here you go:

Index.template.php
Search:

Code: [Select]

<div class="checkbox">
<label>
<input name="cookielength" type="checkbox" value="-1" /> Recuerdame
</label>
</div>Replace with:

Code: [Select]

<div class="onoffswitch">
<input type="checkbox" name="onoffswitch" class="onoffswitch-checkbox" value="-1" id="myonoffswitch" checked>
<label class="onoffswitch-label" for="myonoffswitch">
<span class="onoffswitch-inner"></span>
<span class="onoffswitch-switch"></span>
</label>
</div>
reseller.css
Add to the end:

Code: [Select]

.onoffswitch {
    position: relative; width: 90px;
    -webkit-user-select:none; -moz-user-select:none; -ms-user-select: none;
}

.onoffswitch-checkbox {
    display: none;
}

.onoffswitch-label {
    display: block; overflow: hidden; cursor: pointer;
    border: 2px solid #999999; border-radius: 0px;
}

.onoffswitch-inner {
    display: block; width: 200%; margin-left: -100%;
    -moz-transition: margin 0.3s ease-in 0s; -webkit-transition: margin 0.3s ease-in 0s;
    -o-transition: margin 0.3s ease-in 0s; transition: margin 0.3s ease-in 0s;
}

.onoffswitch-inner:before, .onoffswitch-inner:after {
    display: block; float: left; width: 50%; height: 30px; padding: 0; line-height: 26px;
    font-size: 14px; color: white; font-family: Trebuchet, Arial, sans-serif; font-weight: bold;
    -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
    border: 2px solid transparent;
    background-clip: padding-box;
}

.onoffswitch-inner:before {
    content: "YES";
    padding-left: 10px;
    background-color: #3498DB; color: #FFFFFF;
}

.onoffswitch-inner:after {
    content: "NO";
    padding-right: 10px;
    background-color: #DB4A67; color: #FFFFFF;
    text-align: right;
}

.onoffswitch-switch {
    display: block; width: 20px; margin: 0px;
    background: #34495E;
    position: absolute; top: 0; bottom: 0; right: 70px;
    -moz-transition: all 0.3s ease-in 0s; -webkit-transition: all 0.3s ease-in 0s;
    -o-transition: all 0.3s ease-in 0s; transition: all 0.3s ease-in 0s;
}

.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-inner {
    margin-left: 0;
}

.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch {
    right: 0px;
}

Preview



Greetings!

[-Captain Ghost-]

Hello,
Can you help me in adding something like this


In place of this check box


Thanks

Don't think I you forget, here you go:

Index.template.php
Search:

Code: [Select]

<div class="checkbox">
<label>
<input name="cookielength" type="checkbox" value="-1" /> Recuerdame
</label>
</div>Replace with:

Code: [Select]

<div class="onoffswitch">
<input type="checkbox" name="onoffswitch" class="onoffswitch-checkbox" value="-1" id="myonoffswitch" checked>
<label class="onoffswitch-label" for="myonoffswitch">
<span class="onoffswitch-inner"></span>
<span class="onoffswitch-switch"></span>
</label>
</div>
reseller.css
Add to the end:

Code: [Select]

.onoffswitch {
    position: relative; width: 90px;
    -webkit-user-select:none; -moz-user-select:none; -ms-user-select: none;
}

.onoffswitch-checkbox {
    display: none;
}

.onoffswitch-label {
    display: block; overflow: hidden; cursor: pointer;
    border: 2px solid #999999; border-radius: 0px;
}

.onoffswitch-inner {
    display: block; width: 200%; margin-left: -100%;
    -moz-transition: margin 0.3s ease-in 0s; -webkit-transition: margin 0.3s ease-in 0s;
    -o-transition: margin 0.3s ease-in 0s; transition: margin 0.3s ease-in 0s;
}

.onoffswitch-inner:before, .onoffswitch-inner:after {
    display: block; float: left; width: 50%; height: 30px; padding: 0; line-height: 26px;
    font-size: 14px; color: white; font-family: Trebuchet, Arial, sans-serif; font-weight: bold;
    -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
    border: 2px solid transparent;
    background-clip: padding-box;
}

.onoffswitch-inner:before {
    content: "YES";
    padding-left: 10px;
    background-color: #3498DB; color: #FFFFFF;
}

.onoffswitch-inner:after {
    content: "NO";
    padding-right: 10px;
    background-color: #DB4A67; color: #FFFFFF;
    text-align: right;
}

.onoffswitch-switch {
    display: block; width: 20px; margin: 0px;
    background: #34495E;
    position: absolute; top: 0; bottom: 0; right: 70px;
    -moz-transition: all 0.3s ease-in 0s; -webkit-transition: all 0.3s ease-in 0s;
    -o-transition: all 0.3s ease-in 0s; transition: all 0.3s ease-in 0s;
}

.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-inner {
    margin-left: 0;
}

.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch {
    right: 0px;
}

Preview



Greetings!

Thanks alot it worked.

[ChezTweedy]

Hello, I am new on SMF and need help with uploading videos.

I have a few videos on flowplayer.org and need put a video in my post, but when I doing it, I can see just a link to the video, but not the player.

Can you please tell me, where and how, I have put two codes <head> , <body>