Simple Machines Community Forum

Customizing SMF => Graphics and Templates => Theme Site Themes => Topic started by: Diego Andrés on October 04, 2011, 09:31:30 AM

Title: Astonished
Post by: Diego Andrés on October 04, 2011, 09:31:30 AM
Link to the theme (https://custom.simplemachines.org/index.php?theme=2498)

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

(https://i.imgur.com/YUcfAJz.png)

(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)

Astonished
Developed by Diego Andrés (https://www.simplemachines.org/community/index.php?action=profile;u=254071)
Designed by Marcus 'Nas' Forsberg (https://www.simplemachines.org/community/index.php?action=profile;u=143954)


Features


Demo Online (http://demo.smftricks.com/index.php?theme=4)
GitHub (https://github.com/SMFTricks/Astonished)
Title: Re: Astonished
Post by: Ricky. on October 04, 2011, 12:27:44 PM
That is a very nice effort and I liked your treatment.. Clean but effective.
Title: Re: Astonished
Post by: Antechinus on October 04, 2011, 04:53:09 PM
Nice job. :)
Title: Re: Astonished
Post by: Diego Andrés on October 04, 2011, 07:42:46 PM
Thanks ;D
Title: Re: Astonished
Post by: !RFAN on October 05, 2011, 03:10:36 AM
nice job.. :)
Title: Re: Astonished
Post by: sasquatch45 on October 06, 2011, 09:37:29 AM
great theme, love it...but I'm having one small issue.

The attachment should explain it..I don't know if it's because I'm on Internet Explorer or what.  But any help on fixing this would be great.  It happens on all topics btw.
Title: Re: Astonished
Post by: Diego Andrés on October 06, 2011, 08:36:54 PM
Maybe is caused by IE, check it in other browser

Which version of IE?
Title: Re: Astonished
Post by: sasquatch45 on October 08, 2011, 04:11:07 PM
It was because of the IE (I was at school)...one more question (kinda new at this)...how might I change the Astonished banner to a custom image?

Thanks, great theme...all my members love it!
Title: Re: Astonished
Post by: Diego Andrés on October 08, 2011, 06:41:33 PM
You can find the Logo in /Themes/Astonished/custom/logo.png
Title: Re: Astonished
Post by: sasquatch45 on October 08, 2011, 10:23:29 PM
Awesome, thanks for the help!
Title: Re: Astonished
Post by: Diego Andrés on October 08, 2011, 11:37:41 PM
Upgraded!

Now you can change the width of the forum.

Note: Don't leave it blank or put in 100%, because it is outside the margin and also looks better with less width xD
Title: Re: Astonished
Post by: yrygvay on October 16, 2011, 02:45:24 PM
Elegant theme, thank you very much for her.
but in IE it and actually do very poorly displayed. (As a user on neskolko posts above)
Will there be changes to IE?
Title: Re: Astonished
Post by: Diego Andrés on October 16, 2011, 10:05:15 PM
Quote from: yrygvay on October 16, 2011, 02:45:24 PM
Elegant theme, thank you very much for her.
but in IE it and actually do very poorly displayed. (As a user on neskolko posts above)
Will there be changes to IE?

I don't know, actually, I'm not working anymore with IE, but I'll try to make it more compatible.
Title: Re: Astonished
Post by: yrygvay on October 17, 2011, 02:20:03 AM
This is good. Cause satitstika shows that 20-30% of visits have just on this browser
I'll be waiting with neterpenieim.
Your topic forced me to stay and not go smf on IPb
Title: Re: Astonished
Post by: Motorhed on October 18, 2011, 03:40:07 PM
I'm stupid.

Where do I change all the purple link colors?

I'd also like to reduce the height of the uppermost menu, but I think I can figure that one out.
Title: Re: Astonished
Post by: CQ on October 22, 2011, 12:04:48 AM
ok, im a forum noob, but in the case that you install the theme and it screws up the format big time, how can you roll back or set the theme back to the original form? is there a link or something? or do i have to do something else.

nonetheless through the pictures, the theme looks really nice


edit: dont worry about what i just said, i fixed the problem and now the forum looks really nice in your theme! :D
Title: Re: Astonished
Post by: D.Joe on October 23, 2011, 06:09:18 AM
Quote from: Diego Andrés on October 08, 2011, 06:41:33 PM
You can find the Logo in /Themes/Astonished/custom/logo.png
In the lastest version i've download, there's no "Custom" folder. I want to change the LOGO!
Title: Re: Astonished
Post by: Diego Andrés on October 24, 2011, 09:15:09 PM
Quote from: D.Joe on October 23, 2011, 06:09:18 AM
Quote from: Diego Andrés on October 08, 2011, 06:41:33 PM
You can find the Logo in /Themes/Astonished/custom/logo.png
In the lastest version i've download, there's no "Custom" folder. I want to change the LOGO!

Sorry, is /Themes/Astonished/images/custom  ;)
Title: Re: Astonished
Post by: Infernus1 on November 18, 2011, 04:11:12 AM
Changing urls in "ThemeStrings.english.php" doesn't work. I have other language installed, but I installed it aswell.. Thought even on english this thingies doesn't work.
What could be the problem affecting these? $txt['youtube_url'], $txt['facebook_url']
Title: Re: Astonished
Post by: sasquatch45 on November 18, 2011, 08:55:00 AM
Another question. How do I change the color of the banner?
Title: Re: Astonished
Post by: Diego Andrés on November 18, 2011, 07:47:12 PM
Quote from: sasquatch45 on November 18, 2011, 08:55:00 AM
Another question. How do I change the color of the banner?

In your index.css search this:

#header
{
background: #1a1a1a;
border-radius: 0 0 15px 15px;
border: 1px solid #000;
padding-left: 15px;
padding-right: 15px;
padding-top: 10px;
margin-right: -1px;
margin-left: -1px;
}


Change this:


background: #1a1a1a;


With your color.




Quote from: Infernus1 on November 18, 2011, 04:11:12 AM
Changing urls in "ThemeStrings.english.php" doesn't work. I have other language installed, but I installed it aswell.. Thought even on english this thingies doesn't work.
What could be the problem affecting these? $txt['youtube_url'], $txt['facebook_url']

I don't know the problem, you are using English-utf8.php ?
Title: Re: Astonished
Post by: Infernus1 on November 19, 2011, 02:03:28 PM
No, I got original english ISO-8859-1, but currently im using russian-utf8. I tryed to modify urls on both by changing strings in  "ThemeStrings.english.php" and for russian "ThemeStrings.russian-utf8.php" which I created. But still, no changed.

Only way I got those buttons up with url, is to modify php file in which they are being drawn on page.

Looks like the problem is that my forum can't find those files and strings in "ThemeStrings.english.php" and "ThemeStrings.russian-utf8.php" ? Or..?

Edit: Btw, my russian forum have no problems finding other strings that are in "ThemeStrings.russian-utf8.php". Only problem is with urls  -.-
Title: Re: Astonished
Post by: Infernus1 on November 20, 2011, 04:10:44 PM
Besides Diego, you should add this to ".button_submit, .button_reset" in "index.css" to fix white button in other browsers
background: -webkit-gradient(linear, center top, center bottom, from(#494949), color-stop(100%, #323232));

and to ".button_submit:hover, .button_reset:hover"
background: -webkit-gradient(linear, center top, center bottom, from(#414141), color-stop(100%, #242424));


So it works with other browsers than mozila only. Since else this buttons show as white only.
Title: Re: Astonished
Post by: Diego Andrés on November 20, 2011, 10:24:11 PM
Thanks.


Updated

Title: Re: Astonished
Post by: denisoi on November 24, 2011, 05:44:22 AM
could someone help me with some problems

i had installed unsers online mod before to have this theme .. mod was working perfectly at other custom them but in this theme is not working and i tried to resolve that problem but without results

im asking where i had to modify to can see the mod in action

PS : i had problem with other mods to but i think that if someone can explain me where i have to modify i can resolve with all

Thanks
Title: Re: Astonished
Post by: denisoi on November 28, 2011, 10:51:18 AM
Quote from: denisoi on November 24, 2011, 05:44:22 AM
could someone help me with some problems

i had installed unsers online mod before to have this theme .. mod was working perfectly at other custom them but in this theme is not working and i tried to resolve that problem but without results

im asking where i had to modify to can see the mod in action

PS : i had problem with other mods to but i think that if someone can explain me where i have to modify i can resolve with all

Thanks

I resolved that but i still have a problem .. on my forum i can't see the words bolded ... i have to modify something ? i have importants keywords which i need to be bolded but them appear normal
Title: Re: Astonished
Post by: NeoStorm on December 03, 2011, 02:36:08 AM
Hello Diego!
I love your theme and I have to say that it's very well done and professional. :)

I have a question, how can I change the background outside of the white-boxed forum?

The background I'm referring to is the grayish black color. I would like to change it to a background image rather then background color.
Title: Re: Astonished
Post by: Diego Andrés on December 03, 2011, 07:59:03 PM
Quote from: NeoStorm on December 03, 2011, 02:36:08 AM
Hello Diego!
I love your theme and I have to say that it's very well done and professional. :)

I have a question, how can I change the background outside of the white-boxed forum?

The background I'm referring to is the grayish black color. I would like to change it to a background image rather then background color.

You can change it in you index.css
search this:

body {

In that class you will see the background.
Title: Re: Astonished
Post by: NeoStorm on December 03, 2011, 09:20:58 PM
Many thanks my friend! :)
Title: Re: Astonished
Post by: pols1337 on December 10, 2011, 03:54:41 PM
Hello Diego,

Fantastic theme!  I have been using theme for last half-year and my users love it.  It's very clean and modern, and easily customizable.  Two suggestions I'd like to ask for your help:

1.  Any way to add Tumblr or Blog (either Google Blogger or WordPress Blogger) to built-in social media bar?  See attachment 1. 

2.  Any way to add custom links menu?  My forum is only one part of my overall website, with blog, forum, website, galleries, tumblr, etc.  Right now, I am using regular board as links ... but it takes up too much space!   
Title: Re: Astonished
Post by: movierchives on December 11, 2011, 06:31:37 PM
Great theme but could someone help me with instructions on how to remove the rss.png image because rss doesn't work with pretty urls
Title: Re: Astonished
Post by: dragster on December 12, 2011, 05:17:18 AM
hi,

I ´m also  using it, is helping me a lot with the new web  design.

Quote from: pols1337 on December 10, 2011, 03:54:41 PM
1.  Any way to add Tumblr or Blog (either Google Blogger or WordPress Blogger) to built-in social media bar?  See attachment 1. 

I'd like to know this possibility aswell, I´ve  created 15 new buttons that I would like to add.

thanks   ;)
Title: Re: Astonished
Post by: dragster on December 12, 2011, 03:49:38 PM
I think I have found the way

index template.php     ------  line  301 to 321

should be added to the template  lenguajes/ThemeStrings.english   the same social icons we created in the index ¿?

to add new icons   images/custom   ;)


I'll see if I ´m a lucky boy.
Title: Re: Astonished
Post by: Diego Andrés on December 13, 2011, 07:31:17 AM
Let me get home, and I'll help all of you ;D
Title: Re: Astonished
Post by: Diego Andrés on December 13, 2011, 07:48:38 PM
Quote from: pols1337 on December 10, 2011, 03:54:41 PM
Hello Diego,

Fantastic theme!  I have been using theme for last half-year and my users love it.  It's very clean and modern, and easily customizable.  Two suggestions I'd like to ask for your help:

1.  Any way to add Tumblr or Blog (either Google Blogger or WordPress Blogger) to built-in social media bar?  See attachment 1. 

2.  Any way to add custom links menu?  My forum is only one part of my overall website, with blog, forum, website, galleries, tumblr, etc.  Right now, I am using regular board as links ... but it takes up too much space!

1- Attach me your index.template.php of the theme and your /Astonished/languages/ThemeStrings.php, and also, your Settings.template.php of the theme.
2- You can add manually, buttons to your forum, in /Sources/Subs.php or, as you say that you only want links, you can use this mod: http://custom.simplemachines.org/mods/index.php?mod=1421





Quote from: movierchives on December 11, 2011, 06:31:37 PM
Great theme but could someone help me with instructions on how to remove the rss.png image because rss doesn't work with pretty urls

Search this:
echo '
<li><a class="social_icon rss" href="', empty($settings['rss_url']) ? '' . $scripturl . '?action=.xml;type=rss' : '' . $settings['rss_url'] . '', '" target="_blank"></a></li>';


Replace with:
/*echo '
<li><a class="social_icon rss" href="', empty($settings['rss_url']) ? '' . $scripturl . '?action=.xml;type=rss' : '' . $settings['rss_url'] . '', '" target="_blank"></a></li>';*/






Quote from: dragster on December 12, 2011, 03:49:38 PM
I think I have found the way

index template.php     ------  line  301 to 321

should be added to the template  lenguajes/ThemeStrings.english   the same social icons we created in the index ¿?

to add new icons   images/custom   ;)


I'll see if I ´m a lucky boy.


Yes, the txt strings, have to be in Astonished/languages/ThemeStrings.english.php, and if you want to add the possibility to activate them or deactivate, you have to modify the Settings.template.php, and in the index.template, will be the same but with diferent names.
Title: Re: Astonished
Post by: dragster on December 13, 2011, 08:20:03 PM
Ok, I have done it but "Houston we´ve a problem!"   ;D ;D

I add in:

Settings.template line 166 to 175

array(
'id' => 'listeria_url',
'label' => $txt['listeria_url'],
'type' => 'text',
),
array(
'id' => 'boletin_url',
'label' => $txt['boletin_url'],
'type' => 'text',
),


index.template   line 303 to 309

if(!empty($settings['listeria_url']))
echo '
<li><a class="social_icon listeria" href="', $settings['listeria_url'] , '" target="_blank"></a></li>';

                if(!empty($settings['boletin_url']))
echo '
<li><a class="social_icon boletin" href="', $settings['boletin_url'] , '" target="_blank"></a></li>';


and  ThemeStrings.english

<?php
// Version: 2.0; Themes

global $scripturl;

$txt['facebook_url'] = 'Facebook URL';
$txt['listeria_url'] = 'listeria URL';
$txt['boletin_url'] = 'boletin URL';
$txt['youtube_url'] = 'Youtube URL';
$txt['rss_url'] = 'RSS URL';
$txt['atd_mant'] = 'Maintenance';
$txt['forum_search'] = 'Buscar...';
$txt['atd_reports'] = 'Reports';
$txt['design_copyright'] = 'Astonished Theme by <a href="http://www.skinmod.eu/index.php?action=profile;u=111">Diego Andr&eacute;s</a>';
$txt['yah_atd'] = 'Tu estas aquí:';

?>


and I added listeria.png and boletin.png to  images/custom.

And in the image ( named "resultado") you can see the problem  and in the second photo you have the admin panel well done ;)

Thank you again  ;)



Title: Re: Astonished
Post by: Diego Andrés on December 14, 2011, 12:25:59 AM
OMG! I gorgoteo complety the index.css of the theme, also there, you have to put the classes for the other buttons.
Title: Re: Astonished
Post by: dragster on December 14, 2011, 07:02:20 AM
Ok, I did it. Everything is "ok" except ( see the no icon after youtube )

I suppose the error will be minimal but I ´ve tried comparing the old with the new templates and I can´t  find it.

I have added new lines in........

Settings.template
ThemeStrings.english
index.template
index.css

I have emptied cache memory aswell.

----

thank you for this help as I am not a programmer, I am new in this hobbie  :-\  ;)

As I  said, thanks for your help.



Title: Re: Astonished
Post by: Diego Andrés on December 14, 2011, 07:15:36 AM
Attach the iconos that you will use, and tour index.css and when I get home, I'll check it
Title: Re: Astonished
Post by: TRoxiiN on December 14, 2011, 10:20:55 AM
(http://dl.dropbox.com/u/26953589/Astonished.png)

Please, how do i do this? (took screenshot and annotated in paint)
Title: Re: Astonished
Post by: dragster on December 14, 2011, 10:54:19 AM
Quote from: Diego Andrés on December 14, 2011, 07:15:36 AM
Attach the iconos that you will use, and tour index.css and when I get home, I'll check it

is not an emergency, help me when you can  ;)

coordinadora-bilbao.com/

I´m very grateful
Title: Re: Astonished
Post by: pols1337 on January 06, 2012, 04:52:32 PM
Thanks Diego for fixing the buttons on other browsers ...
Title: Re: Astonished
Post by: Diego Andrés on February 06, 2012, 03:22:37 PM
What do you think about making a new version?
Title: Re: Astonished
Post by: Noil White on February 07, 2012, 07:52:47 AM
Quote from: Diego Andrés on February 06, 2012, 03:22:37 PM
What do you think about making a new version?
Do you mean making new version for smf 2.0.2?
It would be great if you could make it, I like this theme)))
Title: Re: Astonished
Post by: Diego Andrés on February 07, 2012, 11:41:10 PM
No, I mean of the theme, maybe with new colors or functions ;D
Title: Re: Astonished
Post by: pols1337 on February 10, 2012, 05:36:20 PM
I've been using your Astonished theme since the very beginning of my forum, and I've always loved it.  Thank you for making it  ;)

Some suggestions to perhaps change in the next version:

1.  In News (that appears at the top of the forum), all of the text is bolded.  So if you want a word to appear bolded, it doesn't stand out since they're all bolded by default.

2.  Slightly shrink the height of the black bars.  They take up a lot of space.

I think it would be nice to have maybe a "clear" black theme for Astonished, where users could change the background so it would look like the forum was "floating" on the background.  Otherwise, the Astonished theme is great as it is.     

   
Title: Re: Astonished
Post by: Diego Andrés on February 10, 2012, 08:36:55 PM
Great point the one, I'll think in that!
Title: Re: Astonished
Post by: Heardy on February 19, 2012, 12:21:06 PM
How do you add more boxes in the user profile?

Like I know you have the membergroup section with 2 lines separating them, how do you make more of those because I want to add in some stuff like Join Date, etc?
Title: Re: Astonished
Post by: ivancrayz on March 06, 2012, 11:13:25 AM
English :

theme is very slow, I wonder if you have input limit? overall nice, but the error was off 70 people entered the database. I use free host. Although he quickly other sites. Thank you I would be happy if you give answers.


Turkish :

Tema Çok Yavaş Acaba Temaya Giriş Sınırı Felan mı Var ? free host kullanıyorum ama diğer forum siteleri hızlı benim sitem yavaş cevap verirsen sevinirim teşekkürler..
Title: Re: Astonished
Post by: !RFAN on June 13, 2012, 01:54:51 AM
Hey i loved you theme. I want to use it on my forum..but when i applied this theme i cannot see guest login box to the right of logo in header..

url: http://www.amigozone.com

Thanks
Title: Re: Astonished
Post by: Diego Andrés on June 13, 2012, 04:40:18 PM
Quote from: !RFAN on June 13, 2012, 01:54:51 AM
Hey i loved you theme. I want to use it on my forum..but when i applied this theme i cannot see guest login box to the right of logo in header..

url: http://www.amigozone.com

Thanks

I can't enter yo your forum, there're connection problems.
Title: Re: Astonished
Post by: !RFAN on June 15, 2012, 11:49:20 PM
Quote from: Diego Andrés on June 13, 2012, 04:40:18 PM
Quote from: !RFAN on June 13, 2012, 01:54:51 AM
Hey i loved you theme. I want to use it on my forum..but when i applied this theme i cannot see guest login box to the right of logo in header..

url: http://www.amigozone.com

Thanks

I can't enter yo your forum, there're connection problems.

Check NOW.. Thanks
Title: Re: Astonished
Post by: vallejo on December 15, 2012, 02:08:41 PM
I have 2 bugs
Images: (http://imageshack.us/a/img163/5900/nuevoaf.png)
(http://imageshack.us/a/img716/5011/bugnl.png)

How I can fix it.

Tengo 2 problemas
como puedo solucionarlo?.
Title: Re: Astonished
Post by: Diego Andrés on December 16, 2012, 04:02:55 PM
No entiendo tus problemas o dudas
Title: Re: Astonished
Post by: vallejo on December 16, 2012, 08:22:41 PM
Quote from: Diego Andrés on December 16, 2012, 04:02:55 PM
No entiendo tus problemas o dudas
Si entras a mi foro coprogra.com.nu como veras en la parte superior solo me sale un boton del blogger.
y me pregunto porque sale solo ese botón si se supone que son 4.

Me pregunto que función cumplen esos botones porque cuando le doy click me arroja esa pagina que vez en blanco no entiendo porque pasa eso.

Me ayudas con este problema por favor o contactarme en el facebook hay te deje un msj.
Title: Re: Astonished
Post by: Diego Andrés on December 16, 2012, 09:57:22 PM
Quote from: vallejo on December 16, 2012, 08:22:41 PM
Quote from: Diego Andrés on December 16, 2012, 04:02:55 PM
No entiendo tus problemas o dudas
Si entras a mi foro coprogra.com.nu como veras en la parte superior solo me sale un boton del blogger.
y me pregunto porque sale solo ese botón si se supone que son 4.

Me pregunto que función cumplen esos botones porque cuando le doy click me arroja esa pagina que vez en blanco no entiendo porque pasa eso.

Me ayudas con este problema por favor o contactarme en el facebook hay te deje un msj.

Eso no es ningún error.
Y solo doy soporte por el foro.
El theme cuenta con su administración en Admin > Config de Temas > Tema Actual. Ahí puedes configurar los links de los demás botones sociales, y modificar el de RSS que se muestra por el enlace a tu blog (si tienes) de lo contrario se queda como esta, y no arroja ninguna página en blanco, te envía al canal RSS de tu foro en el cual puedes ver la actividad de tu sitio.
Title: Re: Astonished
Post by: vallejo on December 16, 2012, 10:29:52 PM
Bueno me gustaria saber como puedo hacer.
cuando un usuario le de click a algunos de esos botones automaticamente de la opcion de hacer una pagina compartida puede ser solo en redes sociales.

Me regalas el link de RSS pero el que debe ir hay?
Title: Re: Astonished
Post by: Diego Andrés on December 17, 2012, 12:17:51 AM
Va el que tu quieras poner, si no pones nada, seguirá con el link al canal rss
Title: Re: Astonished
Post by: pols1337 on August 25, 2013, 03:10:03 AM
Can you please update for SMF 2.0.5?
Title: Re: Astonished
Post by: Arantor on August 25, 2013, 11:33:09 AM
It'll work fine on 2.0.5.
Title: Re: Astonished
Post by: Valtam on March 03, 2014, 03:55:26 AM
Hello Diego, we are using your stunning theme over at linuxliteos dot com / forums We are experiencing a bug at the moment, The Preview feature does not work for users who want to preview their posts first.
Title: Re: Astonished
Post by: scribble on May 13, 2014, 10:35:53 PM
Hi
I installed the Astonished theme and now I want to set up parameters in the administration panel. I have v2.0.7 of SMF.
When I go to mydomain/forum, it displays the new theme and my username, which I set up with admin privileges. But there is no sign of a link to the admin panel. Sorry for my ignorance, but I cannot find where to go from here.
I have attached a screen shot.
Title: Re: Astonished
Post by: Diego Andrés on May 14, 2014, 07:15:57 PM
Quote from: scribble on May 13, 2014, 10:35:53 PM
Hi
I installed the Astonished theme and now I want to set up parameters in the administration panel. I have v2.0.7 of SMF.
When I go to mydomain/forum, it displays the new theme and my username, which I set up with admin privileges. But there is no sign of a link to the admin panel. Sorry for my ignorance, but I cannot find where to go from here.
I have attached a screen shot.

That's weird, check that you have all the language files in the specific folder Themes/default/languages
Title: Re: Astonished
Post by: handy1 on May 15, 2014, 01:14:24 AM
Question 1: Can you make step by step help how to make new social buttons? What files to edit and how.

Question 2: Under social buttons is breadcrumb text "You are here:". How I can translate this?
Title: Re: Astonished
Post by: Diego Andrés on May 15, 2014, 11:46:02 AM
Quote from: handy1 on May 15, 2014, 01:14:24 AM
Question 1: Can you make step by step help how to make new social buttons? What files to edit and how.

First, you'll find this buttons in the index.css. What I'm going to show you is how to change this, to use individual icons.
So search this:
#quicknav .social_icon {
display: block;
background: url(../images/custom/socialicons.png) no-repeat;
height: 32px;
width: 32px;
padding: 0;
}
#quicknav a.twitter {
background-position: 0 0;
}
#quicknav a.facebook {
background-position: 0 -32px;
}
#quicknav a.youtube {
background-position: 0 -64px;
}
#quicknav a.rss {
background-position: 0 -96px;
}


You'll change this to have it like this:
#quicknav .social_icon {
display: block;
height: 32px;
width: 32px;
padding: 0;
}
#quicknav a.twitter {
background: url(../images/custom/twitter.png) no-repeat;
}
#quicknav a.facebook {
background: url(../images/custom/facebook.png) no-repeat;
}
#quicknav a.youtube {
background: url(../images/custom/youtube.png) no-repeat;
}
#quicknav a.rss {
background: url(../images/custom/rss.png) no-repeat;
}


There you got it, now you only add the icons you need:

#quicknav a.myspace{
background: url(../images/custom/myspace.png) no-repeat;
}


And you upload your images there, ins the same path: Themes/Astonished/images/custom/

Then, for adding them in the "header", open the index.template.php and find:
echo '
<div id="quicknav">
<ul>';

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

if(!empty($settings['facebook_url']))
echo '
<li><a class="social_icon facebook" href="', $settings['facebook_url'] , '" target="_blank"></a></li>';

if(!empty($settings['youtube_url']))
echo '
<li><a class="social_icon youtube" href="', $settings['youtube_url'] , '" target="_blank"></a></li>';

echo '
<li><a class="social_icon rss" href="', empty($settings['rss_url']) ? '' . $scripturl . '?action=.xml;type=rss' : '' . $settings['rss_url'] . '', '" target="_blank"></a></li>';

echo '

</ul>
</div>';


As you see, is very easy. e.g.
After this:
if(!empty($settings['youtube_url']))
echo '
<li><a class="social_icon youtube" href="', $settings['youtube_url'] , '" target="_blank"></a></li>';


You are going to add this:
if(!empty($settings['myspace_url']))
echo '
<li><a class="social_icon myspace" href="', $settings['myspace_url'] , '" target="_blank"></a></li>';


And now we are going to add the settings for manage the new icons.
Open the Settings.template.php and find:
array(
'id' => 'youtube_url',
'label' => $txt['youtube_url'],
'type' => 'text',
),


And is similar to the above example, after that you'll add the following:
array(
'id' => 'myspace_url',
'label' => $txt['myspace_url'],
'type' => 'text',
),



Quote from: handy1 on May 15, 2014, 01:14:24 AM
Question 2: Under social buttons is breadcrumb text "You are here:". How I can translate this?

Just edit the ThemeStrings.english.php and modify the text, or copy this file and name it with the language you're using and edit the text.
Title: Re: Astonished
Post by: negativethree on June 08, 2014, 06:15:20 PM
I am having a small problem with the Astonished theme. I recently installed (and uninstalled the SMF Shop Mod here in the Mod section) and had to edit the code in the Display.template.pjp file, now when I click on a post I get 'Template Parse Error!

There was a problem loading the /Themes/Astonished/Display.template.php template or language file. Please check the syntax and try again - remember, single quotes (') often have to be escaped with a slash (\).


I had to add in code after the // Show how many posts they have made.
if (!isset($context['disabled_fields']['posts']))
echo '
<li class="postcount"><div class="numbers">', $message['member']['posts'], '</div>', $txt['member_postcount'], '<hr class="divider" /></li>';


Now ever since i uninitiated the mod and deleted the code after this it won't let me in to view any posts.

Any ideas?
Title: Re: Astonished
Post by: Diego Andrés on June 08, 2014, 06:17:11 PM
Plase attach the Display.template.php
Title: Re: Astonished
Post by: negativethree on June 08, 2014, 06:49:18 PM
Attached below.

Oh and the site is http://griffin-ecigs.co.uk/forum (http://griffin-ecigs.co.uk/forum)

Mods installed:
Misc Anti Spam
Ohara YouTube Embed
reCAPTCHA for SMF
Highslide Image Viewer
Simple Portal
Title: Re: Astonished
Post by: Diego Andrés on June 08, 2014, 07:29:46 PM
Try this one
Title: Re: Astonished
Post by: negativethree on June 09, 2014, 01:30:00 PM
Thanks that worked a treat :)
Title: Re: Astonished
Post by: PersianForum on November 20, 2014, 01:42:01 AM
Hi

I have a problem with your theme
I think it's a bug with Right to Left Mode
When I Enable "Right to Left" Mode, the theme has a problem.

How can I solve this problem?
Title: Re: Astonished
Post by: Dwarp on March 23, 2015, 01:43:53 PM
Hi Andres, I like your theme ;D
Can you make step by step help how to change the Astonished logo? :P
Title: Re: Astonished
Post by: SaltedWeb on March 24, 2015, 01:22:59 AM
How do you remove the shrink header icon ??

Thanks.
Title: Re: Astonished
Post by: SaltedWeb on March 24, 2015, 05:38:18 PM
Ok I solved the shrink header, 
I am trying to find how to change the purple square in the upper right corner.
I wen thru most files looking for the color code purple that was in the CSS but didnt find it to
change the color. Its not an image but was not in css. Help appreciated.
Title: Re: Astonished
Post by: desiamerican26 on September 03, 2015, 10:52:01 PM
Hi Diego,

I have a question. If I can change colors around the theme. This theme is really kool and nice. Just wanted to make some changes as those colors are very light.

Please see attached Image. The Top and Bottom letters....if I can make them or visible enough for people to read.

Thank You
Nikhil
Title: Re: Astonished
Post by: desiamerican26 on September 04, 2015, 07:06:45 AM
I was also wondering if I can change the header part, if I can make it scroll down with the while scroll the page down.

Thank You
Title: Re: Astonished
Post by: desiamerican26 on September 04, 2015, 10:01:11 PM
Any Help with this?
Title: Re: Astonished
Post by: Cripocalypse on June 05, 2016, 09:06:24 AM
Very sorry for replying to an old topic, but I just need your help.
I really like the theme, good job on it, but can you please tell me how do I change my online status on it?
Title: Re: Astonished
Post by: ninik on May 16, 2017, 03:15:18 PM
OK, I would like to ask one question...

In the astonished theme in which you can integrate facebook, twitter etc icons (one the top left side) which basically when clicked they guide the user to the relevant pages etc.

So far so good, with one exception: youtube.

To be more precise... when clicking on the icon it does re-direct the user to the correct youtube page BUT it also (is supposed, I guess) to auto-launch the youtube video in a smaller video-screen inside the forum.

And here is the problem that I encounter:
I am getting an error that it cannot play the video and the small screen appears black etc.

Am I missing something or doing something wrong?

Thank you in advance...