SMF Tricks

SMF Tricks Themes => Free Themes => Topic started by: Diego Andrés on February 02, 2014, 06:23:51 PM

Title: Red Sample
Post by: Diego Andrés on February 02, 2014, 06:23:51 PM
Link to the theme (https://custom.simplemachines.org/index.php?theme=2798)

(https://smftricks.com/logos/logo.png) (https://smftricks.com/)
Free & Premium Responsive Themes for SMF

(https://smftricks.com/proxy.php?request=http%3A%2F%2Fi.imgur.com%2FiS6SGRv.png&hash=314db80989e65eb1b1afa471a56ab0a81cdf77df)

(https://img.shields.io/badge/License-MPL%202.0-a05a3f?style=flat-square) (https://img.shields.io/badge/SMF-2.0-996ee1?style=flat-square) (https://img.shields.io/badge/Responsive-No-6e97e1?style=flat-square)

Red Sample
Developed by Diego Andrés (https://www.simplemachines.org/community/index.php?action=profile;u=254071)

Features


Demo Online (http://demo.smftricks.com/index.php?theme=35)
GitHub (https://github.com/SMFTricks/Red-Sample)
Title: Re: Red Sample
Post by: CoolMaster on May 24, 2014, 10:16:52 PM
Me esta gustando :v Pero pasa una imagen de como se ve el perfil despegable!
[/b]
Title: Re: Red Sample
Post by: Diego Andrés on May 24, 2014, 11:02:25 PM
Quote from: CoolMaster on May 24, 2014, 10:16:52 PM
Me esta gustando :v Pero pasa una imagen de como se ve el perfil despegable!
[/b]

Puedes ver la demo en vivo del theme en nuestro demosite.
Title: Re: Red Sample
Post by: ForumMix on December 27, 2014, 02:40:12 AM
Hello,

I was wondering how to remove the animation on these buttons. I want these buttons fixed, but every time to press so flashing button to.

I've been looking for index.css and the row corresponding to these buttons, but does not find the correct line of text.

How do I disable this so the buttons are solid. I hope you understand what I mean.

I enclose a picture of these buttons and the theme as it relates to this theme - http://smftricks.com/index.php?action=downloads;sa=view;down=39#forum

Thanks in advance
Title: Re: Red Sample
Post by: Diego Andrés on December 27, 2014, 11:06:53 AM
I'll give it a check and will come back here with the solution.
Don't forget to bump
Title: Re: Red Sample
Post by: ForumMix on December 27, 2014, 12:24:33 PM
Thanks    :)
Title: Re: Red Sample
Post by: Diego Andrés on December 27, 2014, 12:32:28 PM
Okay, just came out of bed  :P

Remove this from index.css
button:focus, .button_submit:focus, #show_reply_button:focus, #input_submit:focus, #input_cancel:focus
{
background: #ad1d1d;
box-shadow: 0 0 10px #000000;
}


And you can remove the background here, so that will kill the animation
button:hover, .button_submit:hover, .button_reset:hover, #show_reply_button:hover, #input_submit:hover, #input_cancel:hover
{
background: #801815;
color: #f5f5f5;
}

Title: Re: Red Sample
Post by: ForumMix on December 28, 2014, 12:53:43 AM
Superbly. It worked great. Thanks for the help.
Title: Re: Red Sample
Post by: justjim on February 10, 2015, 09:23:27 AM

Do you have any plans to add the Goggle+ button in the footer options?

Or is there an easy way to do so?
Title: Re: Red Sample
Post by: Diego Andrés on February 10, 2015, 10:13:38 AM
No, but we can help you to do it, just leave the icon
Title: Re: Red Sample
Post by: justjim on February 11, 2015, 07:28:22 AM
Thank you. I have attached the image resized to 32px X 32px matching the size of the other social buttons.
Title: Re: Red Sample
Post by: Diego Andrés on February 13, 2015, 08:06:11 PM
Sorry, my fault. It has no sense to attach the image lol.
Just add it to /Themes/RedSample/images/theme/google.png

And then make this changes.



css/index.css
add at the end of the file
#quicknav a.google {
background: url(../images/theme/google.png) no-repeat !important;
background-position: 0 0 !important;
}


index.template.php find
if(!empty($settings['twitter_username']))
echo '
<li><a class="social_icon twitter" href="http://twitter.com/', $settings['twitter_username'] , '" target="_blank"></a></li>';


Replace with
echo '
<li><a class="social_icon google" href="http://" target="_blank"></a></li>';

if(!empty($settings['twitter_username']))
echo '
<li><a class="social_icon twitter" href="http://twitter.com/', $settings['twitter_username'] , '" target="_blank"></a></li>';


And just put your google url here:  href="http://"

Regards
Title: Re: Red Sample
Post by: justjim on February 18, 2015, 04:36:19 PM
Hi Diego

Thank you for help, it worked beautifully.


Here is a link to my site:


http://vendorrender.com/

Jim
Title: Re: Red Sample
Post by: Diego Andrés on February 18, 2015, 04:49:28 PM
That's because you didn't put your url there.

href="{url/link}"
Title: Re: Red Sample
Post by: justjim on February 19, 2015, 07:24:57 AM
Hi Diego

You replied before I edited my last reply - I found the problem and corrected it - it was because I had too many " in the code line. But its fixed.

Thanks
Title: Re: Red Sample
Post by: Diego Andrés on February 21, 2015, 12:53:11 PM
Great, I'll mark this as solved, and move it to the support boards