Reseller

Started by Daniel, July 28, 2014, 09:19:18 PM

Previous topic - Next topic

0 Members and 1 Guest are viewing this topic.

zilre

Amigos Como cambio el ancho de mi foro?

Uso: Reseller
Quiero que sea de todo el Ancho


PD. Gracias de antemano

strano^^

Hi to all, i've a problem with mobile visualization of the theme.

Actually i've SMF 2.0.10 and Simple Portal activated.
I've modified simple portal to hide the column in the mobile visualization.

When i open the site with my Nexus4+Firefox the site is zoomed and the menu bar cover all the width.
Obviously i've to zoom out the site and the menubar doesn't adapt to the new width.
Why? Those are two screen:
At start with the site zoomed:


After the zoom out:

strano^^

It was a problem with simple portal.

In the CSS, portal.css, i've replaced


body{
min-width: 750px;


with


body{
min-width: device-width;

pasqualino77

I have have this problem

see attach ...

With curve i don't have a problem .. why i see fake error image?

pasqualino77

Hi i dont want se a drop menu. i have 2 simbol +

see this image

See image

upgraders

Hello Daniel,  You have an amazing beautiful theme and thank you for your efforts.  I have spent most of the day reading from your replies in two different forums just to make sure my problem was not already discovered.  I saw a couple of people mention it but I think they got lost in the thread as they were never replied to. 

The problem that I have is two fold but it is in regards to the responsive image resizing.  The reseller.css has the max-width: 100% for the img tags and they  work great, except in two areas on your theme.  I, like many others are using the Ad Seller Pro from SMFhacks that uses the tables on either side of the theme pages. When using Chrome the images remain very small.  using chrome if you go to here http://www.vapeshopforum.com/index.php  and look to the right banor.  Now if you open the same page in IE the problem is gone the image is perfect, however if you try to resize the Chrome remains small but IE is not responsive. 

Now if you resize and look at a post, http://www.vapeshopforum.com/index.php?topic=5.0  the avatar gets much bigger (so in mobile this takes up a lot of room, rather than get smaller. 

I have tried editing the DIV tags and SMFHacks is also trying to figure out a solution. You are a brilliant person, so my hope lie in a solution from you.  I hope you can find the time to help as I am running out of time to get this done. 

I found several articles on the same problem.  I tried to do this http://jsfiddle.net/TAE3w/21/ and borrowed the same code since ti seems to work in the table. But eh table I think at least the TD is the problem.  If you inspect the elements on my page you can see it is exactly the same, yet the banner on the top right is super small and the SAME one on the bottom is very large.

Thanks for everything you do for SMF

Jason

Last Edit: July 25, 2015, 08:08:18 PM by upgraders

Diego Andrés

Mmm there's a chance that the mod could work just fine using bootstrap.
Please attach index.template.php and BoardIndex.template.php of the Reseller theme

upgraders

Thanks for your help. I have attached both files as you requested.

Jason

Diego Andrés

Okay I have just checked the files and only Index.template.php would need a hand.
Tomorrow I'll leave the modified file as today didn't have time to properly check it.

upgraders

Thanks I look forward to it!

Diego Andrés

Sorry I forgot about this.

Try this file

upgraders

Thanks.. SO much!  it is a lot better, but it seems to be taking up a little too much room. Ideally the forum expands to the browser size and there will be left and right areas for ads using the SMFhacks Ad seller mod.  can you take a look to see if we can get it a little bit more proportionate?  http://www.vapeshopforum.com/

Diego Andrés

Ok, try this one  8)

upgraders

You are awesome!  I think that fixes that issue!  Can you share what you changed?

Is there any adjustment that can be made to the Avatar on a mobile or smaller browser window.  When you shrink the window, right at the point where the content shifts, the Avatar gets very large and pixilated, until you shrink down more.  IT would be nice to be able to create a "Max-Size" that could be adjusted but keep the responsiveness.

Diego Andrés

Sure
// Begin Ad Seller Pro Location - Left Side of the Forum


if (ShowAdLocation(9,0,true) || ShowAdLocation(10,0,true))
{
echo '<div class="col-md-12">';

global $sourcedir;
include_once $sourcedir . "/adseller2.php";

$adSellerAdData =  ShowAdLocation(9,0,false,5,true);
if ($adSellerAdData != false)
{
echo '<div class="col-md-2">';

echo $adSellerAdData;

echo '</div>';
}



echo '<div class="', (ShowAdLocation(10,0,false,5,true) && ShowAdLocation(9,0,false,5,true) ? 'col-md-8' : (!ShowAdLocation(10,0,false,5,true) || !ShowAdLocation(9,0,false,5,true)) ? 'col-md-10' : 'col-md-12'), '">';
}


// End Ad Seller Pro Location - Left Side of the Forum






}

function template_body_below()
{
global $context, $settings, $options, $scripturl, $txt, $modSettings;



// Begin Ad Seller Pro Location - Right Side of the Forum
if (ShowAdLocation(9,0,true) || ShowAdLocation(10,0,true))
{
echo '</div>';
global $sourcedir;
include_once $sourcedir . "/adseller2.php";

$adSellerAdData =  ShowAdLocation(10,0,false,5,true);
if ($adSellerAdData != false)
{
echo '<div class="col-md-2">';

echo $adSellerAdData;

echo '</div>';
}
echo '</div>';
}
// End Ad Seller Pro Location - Right Side of the Forum


I just used the pre-defined classes of bootstrap. Those allow you to have some kind of distributed space from 1 to 12.
For each side we are givin 2 spaces (<div class="col-md-2">content</div>) And the rest of the content would have 8 spaces but ONLY if both sides are enabled. As you are only using one side of the block (righ) I added a conditioning. So if there's only 1 block being used, the content will have 10 spaces, so it can complete the 12.
I hope that was clear  :P

About the other, I don't know if it's been already answered on the support topic in smf, so check the topic and once you're there, you can search content inside the topic selecting the "this topic" in the search bar input at the top.

And I don't know about the