Theme Reseller

[hurricanegirl]

Hi!
First of all I would like to say thank you for all the themes you have here, free and premium, they are all awesome!!

I was trying to figure this out myself so I wouldn't bother you as you seem very busy but I really can't find a solution for this. I wanted to center my header. I see I can add a bigger size logo, but it aligns to the left of the theme (where the reseller logo is currently situated). Well I wanted it to be centered and at least 1000px wide. Is that possible? --- Kind of like your zGames theme, but not a slideshow, just a sticky image banner at the top.

Can you help me out?

Thanks.

[Diego Andrés]

That will cause the user info go down, doesn't care?

[Jasiels]

A ver si esta ves si me pueden ayudar, solo quiero ayuda con el theme reseller, quiero ponerle las celdas de kekomundo
segui este tutorial http://smftricks.com/index.php?topic=47.0 que es como quiere que este mi foro, pero en el theme reseller no encuentro los mismos textos en el display.template ni en el index.css y no se mucho de programacion, quiero el theme para una futura version de mi web, que es http://habboworld.org
espero me puedan ayudar esta ves, adjuntare mis archivos

[fortitude]

Hello

I have couple of questions regarding Reseller theme.

1. Menu - How do I make it drop down on hover?
    Also, how to make it fixed?

2. When I'm inside of thread I can see on top right number of replies and views.
    I'd like it to say  for example   

   7 replies & 20 views

  so, yeah, I'd like to add & which would be the same height as that text, but different color.

3. How to stilize BIG TITLE OF THREAD that shows when I'm inside of thread? I'd like it to be inside of uncolored box.

4. How to stilize    « previous next » (put it in button boxes) and also make it look like this « previous | next »

5. I've decided to put logo with white background in header, and make background white.
    But then I can't see text  Profile | Forum Profile | Recent Unread Topics | Updated topics  <- how to change color of that text?

Lots of questions, I know. I hope for help.

[Diego Andrés]

A few questions might have been answered already in here http://www.simplemachines.org/community/index.php?topic=525855.0

[Jasiels]

No dan soporte aquí verdad

[Diego Andrés]

Sucede que ese tutorial esta basado en el theme Default. Reseller es un theme MUY diferente, además incluir ese display podría ser contraproducente para el propósito Responsive del theme Reseller.

Y si damos soporte, pero últimamente hay muy poco tiempo disponible. Pero igual al ser gratuito el theme, la ayuda es mutua entre otros usuarios que también lo usan, o eso se espera

[fortitude]

this theme used to have such good support, and now nothing 
I've been waiting for days for answer but I've only found out how to make it fixed, and that was not exactly as I wanted 

[Daniel]

this theme used to have such good support, and now nothing 
I've been waiting for days for answer but I've only found out how to make it fixed, and that was not exactly as I wanted 

Sorry, but I've been busy lately, with classes and with some outstanding things I could not answer. I'll try to let the solutions on the weekend.

[Daniel]

1 question
Index.template.php (Themes/Reseller)
Search:

Code Select Expand

<script type="text/javascript">
$(document).ready(function(){
$("input[type=button]").attr("class", "btn btn-default btn-sm");
$(".button_submit").attr("class", "btn btn-primary btn-sm");
$("#advanced_search input[type=\'text\'], #search_term_input input[type=\'text\']").removeAttr("size");
$(".table_grid").attr("class", "table table-striped");
$("img[alt=\'', $txt['new'], '\'], img.new_posts").replaceWith("<span class=\'label label-warning\'>', $txt['new'], '</span>");
$("#profile_success").removeAttr("id").removeClass("windowbg").addClass("alert alert-success");
$("#profile_error").removeAttr("id").removeClass("windowbg").addClass("alert alert-danger");
});
</script>
Replace with:

Code Select Expand

<script type="text/javascript">
$(document).ready(function(){
$(".dropdown").hover(           
function() {
$(".dropdown-menu", this).stop( true, true ).fadeIn("fast");
$(this).toggleClass("open");   
},
function() {
$(".dropdown-menu", this).stop( true, true ).fadeOut("fast");
$(this).toggleClass("open");             
});
$("input[type=button]").attr("class", "btn btn-default btn-sm");
$(".button_submit").attr("class", "btn btn-primary btn-sm");
$("#advanced_search input[type=\'text\'], #search_term_input input[type=\'text\']").removeAttr("size");
$(".table_grid").attr("class", "table table-striped");
$("img[alt=\'', $txt['new'], '\'], img.new_posts").replaceWith("<span class=\'label label-warning\'>', $txt['new'], '</span>");
$("#profile_success").removeAttr("id").removeClass("windowbg").addClass("alert alert-success");
$("#profile_error").removeAttr("id").removeClass("windowbg").addClass("alert alert-danger");
});
</script>
Search:

Code Select Expand

<nav class="navbar navbar-default navbar-static-top" role="navigation">
Replace with:

Code Select Expand

<nav class="navbar navbar-default navbar-fixed-top" role="navigation">
Search:

Code Select Expand

<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"' : '', '>

Replace with:

Code Select Expand

<a ', $button['sub_buttons'] ? 'class="dropdown-toggle" ' : '', 'href="', $button['sub_buttons'] ? '#' : $button['href'], '"', isset($button['target']) ? ' target="' . $button['target'] . '"' : '', '>


Reseller.css (Themes/css)
Search:

Code Select Expand

header
{
background: #3498db;
box-shadow: 0 -3px #9fc6e0 inset;
padding: 20px 0;
}
Replace with:

Code Select Expand

header
{
background: #3498db;
box-shadow: 0 -3px #9fc6e0 inset;
padding: 20px 0;
margin-top: 50px;
}

2 question
Reseller.css (Themes/Reseller/css)
Search:

Code Select Expand

.display-info ul.info li
{
float: left;
font-size: 1.5em;
margin-left: 5px;
}
.display-info ul.info li.replies
{
color: #5bc0de;
}
.display-info ul.info li.replies img, .display-info ul.info li.views img
{
width: 64px;
}
.display-info ul.info li.views
{
color: #f0ad4e;
}
Replace with:

Code Select Expand

.display-info ul.info li
{
float: left;
font-size: 1.5em;
margin-left: 5px;
color: #000;
}
.display-info ul.info li.replies img, .display-info ul.info li.views img
{
width: 64px;
}
If you want change the size of the text. Change font-size: 1.5em; for what you want, the same with the color: color: #000;. For the img, you can change the width: width: 64px;, if you want hide the img, use this: display: none; after width: 64px;

3 question
Reseller.css (Themes/Reseller/css)
Search:

Code Select Expand

.display-info
{
text-align: center;
overflow: hidden;
}
Replace with:

Code Select Expand

.display-info
{
text-align: center;
overflow: hidden;
background: #E1E1E1;
border-radius: 5px;
border: 1px solid #CCC;
padding: 15px;
}

4 question
Reseller.css (Themes/Reseller/css)
Add to the end:

Code Select Expand

.nextlinks{
margin-bottom: 15px;
}
.nextlinks a
{
background: #FFF;
border: 1px solid #e1e1e1;
padding: 8px 15px;
font-weight: bold;
border-radius: 5px;
transition: all .1s;
}
.nextlinks a:hover
{
background: #e1e1e1;
text-decoration: none;
}
.nextlinks a:first-of-type
{
float: left;
}

5 question
Reseller.css (Themes/Reseller/css)
Search:

Code Select Expand

header ul.reset li, header ul.reset li a
{
color: #FFF;
font-family: "Segoe UI";
font-size: 12px;
}
Replace with:

Code Select Expand

header ul.reset li, header ul.reset li a
{
color: #000;
font-family: "Segoe UI";
font-size: 12px;
}

[fortitude]

hey!

First of all, thank you a lot! Tho, I have some things that you misunderstood.
Like: 2) I actually don't know how to add symbol &  in php, between replies and views, so that was what I was asking.

3) Looks acceptable, but I didn't actually want box to include replies and views, just the title itself.

4)Previous and Next are stylized, and I'm actually quite satisfied how it looks, in spite of the fact
that those on top were not the one I wanted to be stylized, but those on bottom were.
Could you tell me how to stylize those on bottom as well?



p.s. extra question: can I snatch these icons? that is , are they free to use:

[Daniel]

2 question
Display.template.php
Search:

Code Select Expand

<li class="replies"><img src="',$settings['images_url'] ,'/messages.png" /> '. $context['real_num_replies'] .' '. $txt['replies'] .'</li>
<li class="views"><img src="',$settings['images_url'] ,'/views.png" /> ', $context['num_views'], ' '. $txt['views'] .'</li>
Replace (with img):

Code Select Expand

<li class="replies"><img src="',$settings['images_url'] ,'/messages.png" /> '. $context['real_num_replies'] .' '. $txt['replies'] .'&nbsp;&#38;</li>
<li class="views"><img src="',$settings['images_url'] ,'/views.png" /> ', $context['num_views'], ' '. $txt['views'] .'</li>
Replace (without img):

Code Select Expand

<li class="replies">'. $context['real_num_replies'] .' '. $txt['replies'] .'&nbsp;&#38;</li>
<li class="views">', $context['num_views'], ' '. $txt['views'] .'</li>

3 question
Reseller.css
Search:

Code Select Expand

.display-info
{
text-align: center;
overflow: hidden;
}
.display-info h1
{
font-size: 36px;
}
Replace with:

Code Select Expand

.display-info
{
text-align: center;
overflow: hidden;
}
.display-info h1
{
font-size: 36px;
background: #E1E1E1;
border-radius: 5px;
border: 1px solid #CCC;
padding: 15px;
}

4 question
Reseller.css
Use this code, add to the end:

Code Select Expand

.nextlinks, .nextlinks_bottom{
margin-bottom: 15px;
}
.nextlinks_bottom{
clear: both !important;
}
.nextlinks a, .nextlinks_bottom a
{
background: #FFF;
border: 1px solid #e1e1e1;
padding: 8px 15px;
font-weight: bold;
border-radius: 5px;
transition: all .1s;
}
.nextlinks a:hover, .nextlinks_bottom a:hover
{
background: #e1e1e1;
text-decoration: none;
}
.nextlinks a:first-of-type, .nextlinks_bottom a:first-of-type
{
float: left;
}

PD: Yes, you can.

Greetings!

[fortitude]

hah, you just can't get rid of me. Thank you so very much, and yet I have some questions still;

a) in my 3rd question this box now includes only title, and that is good. what is bad is that I was hoping for an actual nice box
that would surround only title, however is spreads through whole main content section width. is there any way to make that width smaller???

b) would you please help me with incorporating this jsfiddle in breadcrumbs of forum theme?

[Elliiott]

Hola amigos estoy colocando este tema en una foro que estamos creando recientemente pero queremos saber si es posible colocar en Negrita los títulos de las categorías y de de los foros, también quiero saber si era posible que el nombre de los Moderadores de cada categoria aparezca en negrita y con el color descuerdo al grupo a que pertenezca. Les dejo captura

[Daniel]

Reseller.css
Agregar al final:

Code Select Expand

h3.catbg, a.subject, p.moderators
{
font-weight: bold;
}
Y utiliza este mod: http://custom.simplemachines.org/mods/index.php?mod=3067 para colorear a los moderadores.