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)
AstonishedDeveloped 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- Social networks
- Logo URL
- Collapsible header
Demo Online (http://demo.smftricks.com/index.php?theme=4)GitHub (https://github.com/SMFTricks/Astonished)
That is a very nice effort and I liked your treatment.. Clean but effective.
Nice job. :)
Thanks ;D
nice job.. :)
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.
Maybe is caused by IE, check it in other browser
Which version of IE?
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!
You can find the Logo in /Themes/Astonished/custom/logo.png
Awesome, thanks for the help!
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
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?
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.
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
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.
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
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!
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 ;)
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']
Another question. How do I change the color of the banner?
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 ?
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 -.-
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.
Thanks.
Updated
- Fixed the submit button for other browsers, thanks to Infernus1
- Now you can change the logo in the theme administration!
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
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
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.
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.
Many thanks my friend! :)
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!
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
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 ;)
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.
Let me get home, and I'll help all of you ;D
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.
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é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 ;)
OMG! I gorgoteo complety the index.css of the theme, also there, you have to put the classes for the other buttons.
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.
Attach the iconos that you will use, and tour index.css and when I get home, I'll check it
(http://dl.dropbox.com/u/26953589/Astonished.png)
Please, how do i do this? (took screenshot and annotated in paint)
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
Thanks Diego for fixing the buttons on other browsers ...
What do you think about making a new version?
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)))
No, I mean of the theme, maybe with new colors or functions ;D
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.
Great point the one, I'll think in that!
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?
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..
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
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.
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
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?.
No entiendo tus problemas o dudas
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.
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.
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?
Va el que tu quieras poner, si no pones nada, seguirá con el link al canal rss
Can you please update for SMF 2.0.5?
It'll work fine on 2.0.5.
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.
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.
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
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?
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.
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?
Plase attach the Display.template.php
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
Try this one
Thanks that worked a treat :)
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?
Hi Andres, I like your theme ;D
Can you make step by step help how to change the Astonished logo? :P
How do you remove the shrink header icon ??
Thanks.
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.
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
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
Any Help with this?
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?
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...