News:

SMF 2.1.4 has been released! Take it for a spin! Read more.

Main Menu

Reseller

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

Previous topic - Next topic

Daniiel

Quote from: ATX1976 on October 01, 2014, 05:05:58 PM
One more question. The avatars are larger in this theme than the one I was previously using. Now, the images are distorted. Is there a way to fix this?

Look at previous messages.

ATX1976

#81
Quote from: Daniiel on October 02, 2014, 07:29:08 PM
Quote from: ATX1976 on October 01, 2014, 05:05:58 PM
One more question. The avatars are larger in this theme than the one I was previously using. Now, the images are distorted. Is there a way to fix this?

Look at previous messages.

Thanks, I don't know how I missed that. LOL  BTW, thanks for a great theme and equally good support.

Also, I have a few other questions.

1. I can't figure out how to change the hover color on the main menu buttons.

2. How can I make the category & post titles bold?

3. Is there a way to add a Google + icon at the bottom of the page?

Daniiel

Quote from: ATX1976 on October 02, 2014, 10:31:53 PM
Quote from: Daniiel on October 02, 2014, 07:29:08 PM
Quote from: ATX1976 on October 01, 2014, 05:05:58 PM
One more question. The avatars are larger in this theme than the one I was previously using. Now, the images are distorted. Is there a way to fix this?

Look at previous messages.

Thanks, I don't know how I missed that. LOL  BTW, thanks for a great theme and equally good support.

Also, I have a few other questions.

1. I can't figure out how to change the hover color on the main menu buttons.

2. How can I make the category & post titles bold?

3. Is there a way to add a Google + icon at the bottom of the page?
1. Reseller.css (Themes/Reseller/css)
Search:
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus,
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus,
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus,
.navbar-default .navbar-brand:hover, .navbar-default .navbar-brand:focus
{
color: #FFF;
background-color: #2a3038;
box-shadow: 0 -3px #272d35 inset;
}


And change #2a3038 for the color what you want.

2. index.css (Themes/Reseller/css)
Search:
h3.catbg, h3.catbg2, h3.titlebg, h4.titlebg, h4.catbg
{
overflow: hidden;
height: 35px;
line-height: 35px;
font-size: 1em;
}

Replace with:
h3.catbg, h3.catbg2, h3.titlebg, h4.titlebg, h4.catbg
{
overflow: hidden;
height: 35px;
line-height: 35px;
font-size: 1em;
font-weight:  bold;
}

3. index.template.php (Themes/Reseller)
Search:
if(!empty($settings['youtube_check']))
echo'
<a href="', !empty($settings['youtube_text']) ? $settings['youtube_text'] : 'http://www.youtube.com' ,'"><img src="', $settings['images_url'], '/social_icons/youtube.png" alt="', $txt['rs_youtube'], '" /></a>';

Replace with:
if(!empty($settings['youtube_check']))
echo'
<a href="', !empty($settings['youtube_text']) ? $settings['youtube_text'] : 'http://www.youtube.com' ,'"><img src="', $settings['images_url'], '/social_icons/youtube.png" alt="', $txt['rs_youtube'], '" /></a>';
if(!empty($settings['google_check']))
echo'
<a href="', !empty($settings['google_text']) ? $settings['google_text'] : 'http://www.google.com' ,'"><img src="', $settings['images_url'], '/social_icons/google.png" alt="', $txt['rs_google'], '" /></a>';


Settings.template.php (Themes/Reseller)
Search:
array(
'id' => 'youtube_check',
'label' => $txt['youtube_check'],
),
array(
'id' => 'youtube_text',
'label' => $txt['youtube_text'],
'type' => 'text',
),


Replace with:
array(
'id' => 'youtube_check',
'label' => $txt['youtube_check'],
),
array(
'id' => 'youtube_text',
'label' => $txt['youtube_text'],
'type' => 'text',
),
array(
'id' => 'google_check',
'label' => $txt['google_check'],
),
array(
'id' => 'google_text',
'label' => $txt['google_text'],
'type' => 'text',
),


ThemeStrings.english.php (Themes/Reseller/languages)
Add before ?>:
$txt['rs_google'] = 'google +';
$txt['google_check'] = 'Enable icon of google +';
$txt['google_text'] = 'URL of the page to google +';


And finally, just upload the instagram icon to Themes/Reseller/images/social_icons/
The name should be google.png
You can use this image I found https://cdn0.iconfinder.com/data/icons/social-circle/512/google-32.png

levely

Hi, I just installed the Reseller theme. Working great so far. I'm also using the SimpleAds mod and I noticed that my ads in the sidebar and in between posts are no longer there; however, my header and footer ads are still displaying. Does this have something to do with the responsive theme or is it most likely a bug in SimpleAds mod? 

BonoVox

#84
Hello there, first of all, I'd like to thank you for releasing this great theme and for free, but I have a little doubt: is this theme editable with Adobe Dreamweaver CC?, I mean, can I open this theme with that program? (and how?) or with another program?.
I'm not a big pro in coding, so maybe Dreamweaver or another could help me a little with the coding and editing for my forum.

Regards, and thanks a lot.

levely

Daniiel

How would I remove the replies / views images? (the eyeball and the message icon)

Douglby

#86
Hi

I recently installed the reseller theme however it its only visible to people with the "Administrate forum and database" permissions ticked (I've forced it to apply the theme to all users but still doesn't apply) any reason as to why its doing this?

Also (not a must) but is there a way to enable the old news broadcast that was at the top of the page on this theme as well?

Cheers

Exilion

#87
Hi! Thank you for such a great Theme!
I have a question, i use OneAll login system http://www.oneall.com/
How could i insert such section as on screenshot in your quick login form?

What oneall says:


Copy the code below to the place where the plugin has to be displayed:
Important: Do not forget to replace #your_callback_uri# by the url to a script on your server. More details are available in our implementation guide.

<!-- The plugin will be embedded into this div //-->
<div id="oa_social_login_container"></div>

<script type="text/javascript">
var _oneall = _oneall || [];
_oneall.push(['social_login', 'set_callback_uri', window.location.href]);
_oneall.push(['social_login', 'set_providers', ['facebook', 'google', 'vkontakte', 'youtube']]);
_oneall.push(['social_login', 'do_render_ui', 'oa_social_login_container']);
</script>




And the other question, how could I change standart font size by writing a reply or creating a new theme?

Jade Elizabeth

Use the oneall plugin and it does all that for you, you don't need to do anything but set up each account.
Once proud Documentation Writer and Help Squad Leader | Check out my new adult coloring career: Color With Jade/Patreon.

Akshtsaklani7

#89
Quote from: Exilion on October 19, 2014, 11:52:29 AM
Hi! Thank you for such a great Theme!
I have a question, i use OneAll login system http://www.oneall.com/
How could i insert such section as on screenshot in your quick login form?

What oneall says:... snip..


I have the same question. How do we display the icons on modal login dialog box.
@Jade Elizabeth, the theme has a quick login dialog box that doesn't display the icons by default, though the original login page comes up with the icons.

Temporarily I am using the following code in Reseller/index.template.php

find
</div>
<div class="modal-footer">


Replace
<p style="text-align:left;">
<a href="http://yourdomain.com/forum/index.php?action=login"><strong>Login with your social network</strong></a>  //replace yourdomain with your sites domain
</p>
</div>
<div class="modal-footer">


This displays the sentence "Login with your social network" which redirects to the default login page where the icons appear.

Also in place of the code above, I tried adding

template_oneall_social_login();

But this function gives an error most of the times and works fine sometimes.

Exilion

Quote from: Akshtsaklani7 on October 20, 2014, 01:08:28 AM
Temporarily I am using the following code in Reseller/index.template.php

find
</div>
<div class="modal-footer">


Replace
<p style="text-align:left;">
<a href="http://yourdomain.com/forum/index.php?action=login"><strong>Login with your social network</strong></a>  //replace yourdomain with your sites domain
</p>
</div>
<div class="modal-footer">


This displays the sentence "Login with your social network" which redirects to the default login page where the icons appear.

Also in place of the code above, I tried adding

template_oneall_social_login();

But this function gives an error most of the times and works fine sometimes.

I made a redirect to a classic login page for now until i'll find a solution.


The other problem with a code in post 14 (to make header menu fade in and out) is that i become an overlay of elements. (screens in attachment)

Akshtsaklani7

Quote from: Exilion on October 23, 2014, 03:17:01 AM

The other problem with a code in post 14 (to make header menu fade in and out) is that i become an overlay of elements. (screens in attachment)

Find the following code in Reseller.css and adjust the value of "margin-top"

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


I guess 100px will work fine.

Oscar the Grouch

is there away to put the profile pictures to the left of the post instead of on top of each post?

when the screen gets smaller it stacks them making reading difficult

Porr

I love it :-)

I am not a php guru but i could figure most stuff out i want to customize. But some how 1 thing eledud me. How can i just change the general background color? and or the color of the balloons (reaction balloons in the forum)

Hope someone can point it out to me. I changed lots of stuff and see what happens. Maybe i missed it.

Miguel86

Hi Daniiel:

Thanks for the theme.
I installed it, and i have activated on SMF to show a pop up message when i receive a private message, but with your theme is not shown this alert.
Anything else needed to addapt to have this SMF function working?

Best regards.

Oscar the Grouch

Quote from: Porr on November 02, 2014, 11:35:03 AM
I love it :-)

I am not a php guru but i could figure most stuff out i want to customize. But some how 1 thing eledud me. How can i just change the general background color? and or the color of the balloons (reaction balloons in the forum)

Hope someone can point it out to me. I changed lots of stuff and see what happens. Maybe i missed it.

use chrome

click on the section you want to change the color of then right click and "inspect element" that will tell you what line number and what css file the color is coming from.

Porr

@Oscar the Grouch

I just wanted to post that i found it while using firefox and inspect element. But thx anyway :-)

Oscar the Grouch

Quote from: levely on October 12, 2014, 02:34:56 PM
Daniiel

How would I remove the replies / views images? (the eyeball and the message icon)

reseller.css line 216 and 224

Porr

#98
Found out a lot of nice stuff.First time i am really digging into a theme :D

I am wondering. Read it before but did not really get the awnser. When your in the admin menu and watching settings the fonts are large. I saw it is from the bootstrap.css. But that is not where i need to change it. I saw in the index.css scaling options but nothing seems to work.

So how can i just keep the fonts a little smaller when in the admin/config options?

Added a screenshot  ;D

Oscar the Grouch

Quote from: Porr on November 03, 2014, 02:27:57 PM
Found out a lot of nice stuff.First time i am really digging into a theme :D

I am wondering. Read it before but did not really get the awnser. When your in the admin menu and watching settings the fonts are large. I saw it is from the bootstrap.css. But that is not where i need to change it. I saw in the index.css scaling options but nothing seems to work.

So how can i just keep the fonts a little smaller when in the admin/config options?

Added a screenshot  ;D

index.css

.smalltext, tr.smalltext th
{
font-size: 0.85em;
font-family: verdana, sans-serif;

adjust the font size here.

Advertisement: