News:

Wondering if this will always be free?  See why free is better.

Main Menu

Reseller

Started by Diego Andrés, July 30, 2014, 11:08:08 AM

Previous topic - Next topic

Daniiel

Quote from: gonza28 on August 08, 2014, 09:21:16 PM
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:
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:
div.cat_bar
{
background: #34495e;
padding-left: 9px;
height: 35px;
overflow: hidden;
margin-bottom: 1px;
}

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

#41
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

Quote from: Kornak on August 09, 2014, 05:12:07 AM
I find new bug ((

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

How repair it?

index.css search
div#pollmoderation

And remove the
overflow: auto;

SMF Tricks - Free & Premium Responsive Themes for SMF.

Kornak

Quote from: Diego Andrés on August 09, 2014, 12:32:44 PM
Quote from: Kornak on August 09, 2014, 05:12:07 AM
I find new bug ((

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

How repair it?

index.css search
div#pollmoderation

And remove the
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

Quote from: Daniiel on August 08, 2014, 12:49:27 PM
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 hxxp:smftricks.com [nonactive]?
 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.


Adaptamos themes de otras plataformas a SMF!
Contactame por MP o Skype: neekiinh0 para saber mas.

NanoSector

Thanks for this theme, I love it! :)
My Mods / Mod Builder - A tool to easily create mods / Blog
"I've heard from a reliable source that the Answer is 42. But, still no word on what the question is."

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

Quote from: igirisjin on August 18, 2014, 07:13:37 AM
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.

Quote from: Matias- on August 15, 2014, 04:30:58 PM
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:
// 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:
// 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.




Quote
// 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:
<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:
<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:

#sp_center
{
     padding: 0 5px;
}

OCJ

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

Daniiel

Quote from: -Captain Ghost- on August 07, 2014, 05:51:26 AM
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:
<div class="checkbox">
<label>
<input name="cookielength" type="checkbox" value="-1" /> Recuerdame
</label>
</div>

Replace with:
<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:
.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-

Quote from: Daniiel on August 20, 2014, 07:24:18 PM
Quote from: -Captain Ghost- on August 07, 2014, 05:51:26 AM
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:
<div class="checkbox">
<label>
<input name="cookielength" type="checkbox" value="-1" /> Recuerdame
</label>
</div>

Replace with:
<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:
.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 hxxp:flowplayer.org [nonactive] 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>


Advertisement: