Simple Machines Community Forum

Customizing SMF => Graphics and Templates => Theme Site Themes => Topic started by: Orangine on August 09, 2012, 04:59:11 AM

Title: blu
Post by: Orangine on August 09, 2012, 04:59:11 AM

(http://i.imgur.com/0ctjC.png) (http://i.imgur.com/rMcei.png)
Link to the theme (http://custom.simplemachines.org/themes/index.php?lemma=2625)

Good looking Curve modification with minimal changes to the template files to ensure maximum compatibility with most of the mods.


Features:
- Links to Facebook/Twitter/Feedburner, editable in Theme Settings (if no link is set the icon won't show up)
- No more main_block.png in the css file, all round corners achieved using css
- Only small changes to index.template.php (for the main nav bar)

You can change the social networking links by going to Admin > Configuration > Current theme


Some icons from: http://www.fatcow.com/free-icons (http://www.fatcow.com/free-icons)
Title: Re: blu
Post by: lifeguard81 on August 10, 2012, 01:07:48 PM
realy nice them, i love it.
But there is a small bug? see attachement.
Title: Re: blu
Post by: Orangine on August 11, 2012, 09:13:49 AM
can you provide a link to your forum? it looks ok with the default installation
Title: Re: blu
Post by: mrintech on August 11, 2012, 10:35:39 AM
Hey

Really nice theme :)

Thanks :)
Title: Re: blu
Post by: lifeguard81 on August 12, 2012, 03:43:41 AM
Quote from: Orangine on August 11, 2012, 09:13:49 AM
can you provide a link to your forum? it looks ok with the default installation
I made a mistake with modding.
Sorry for that. It works wonderful, and i love this theme. In my eyes, one of the best themes for SMF 8)
Title: Re: blu
Post by: Orangine on August 12, 2012, 06:02:39 AM
thank you for kind words :)
Title: Re: blu
Post by: Mariano on August 28, 2012, 11:11:09 AM
Looks awesome. Thanks!
Title: Re: blu
Post by: damitto on August 29, 2012, 02:58:21 PM
Great theme!!!

Thanks for all!!!  :D ;D :D ;D

I would like add more icons at the top as the Facebook´s icon, but in my case put Youtube, e-mail and telephone as a means of contact. It´s possible, how?

Title: Re: blu
Post by: Orangine on August 29, 2012, 03:10:53 PM
if you want to add another item there, open Settings.template.php and search for:
      array(
         'id' => 'blu_fb',
         'label' => $txt['blu_fb'],
         'description' => $txt['blu_fb_desc'],
         'type' => 'text',
      ),

add after that:
      array(
         'id' => 'blu_youtube',
         'label' => $txt['blu_youtube'],
         'description' => $txt['blu_youtube_desc'],
         'type' => 'text',
      ),


also, open languages/ThemeStrings.php and add the following code before ?>:

$txt['blu_youtube'] = 'Custom youtube link';
$txt['blu_youtube_desc'] = 'Enter your Youtube address link in the header area. Leave blank if you do not want Youtube icon to appear.';
$txt['blu_youtube_alt'] = 'View our Youtube channel';


and at the end, open your index.template.php and search for:
echo '
', (!empty($settings['blu_fb'])) ? '<li><a href="'.$settings['blu_fb'].'"><img src="'.$settings['theme_url'].'/images/theme/fb.png" alt="'.$txt['blu_fb_alt'].'"/></a></li>' : '';

add after that:
echo '
', (!empty($settings['blu_youtube'])) ? '<li><a href="'.$settings['blu_youtube'].'"><img src="'.$settings['theme_url'].'/images/theme/youtube.png" alt="'.$txt['blu_youtube_alt'].'"/></a></li>' : '';

and so on and so forth for more

remember to add additional icons to your /images/theme/ folder
Title: Re: blu
Post by: Hristo on September 12, 2012, 07:03:18 PM
Thank you for the theme! I really like it. Unless SMF 2.1 is released until the end of the year (which won't happen) this will be the theme for my forum (in a few color variants). Thanks again!

There is one small problem I would like to get rid of. The category bars In Opera browser does not get rounded corners at the right side. I tried to fix it myself, but only managed to fix the top right corner, obviously my knowledge in css is too basic  :)

Could you please tell me how to fix this?
Title: Re: blu
Post by: Orangine on September 16, 2012, 03:01:22 PM
Just spotted this, will have a look and get back to you.
Title: Re: blu
Post by: Hristo on September 19, 2012, 01:40:45 PM
Thank you!

P.S. Noticed that the theme thumbnail does not match the actual theme colors. It's something small, but you may want to change it.
Title: Re: blu
Post by: kingkingston on October 06, 2012, 09:53:38 AM
very good classy clean theme
Title: Re: blu
Post by: junkyguy on December 03, 2012, 03:19:38 AM
by any chance you know how to make the black section ( header part shorter)?
i notice when i put a logo banner on top..that sections is extremely large!
Title: Re: blu
Post by: Neo_TE on August 16, 2013, 09:26:08 AM
@Orangine, thank you very much for this theme. I was searching for a similar theme for a long (I mean long) time. This theme is brilliantly made by using most of the stuff from the default template.

As mentioned in the above post, when a logo is added, it makes the black section very big. So the logo should be moved from the black section to the space above the search bar. Please check attachment.
Title: Re: blu
Post by: br360 on August 30, 2013, 01:54:34 AM
Quote from: Orangine on August 29, 2012, 03:10:53 PM

and at the end, open your index.template.php and search for:
echo '
', (!empty($settings['blu_fb'])) ? '<li><a href="'.$settings['blu_fb'].'"><img src="'.$settings['theme_url'].'/images/theme/fb.png" alt="'.$txt['blu_fb_alt'].'"/></a></li>' : '';

add after that:
echo '
', (!empty($settings['blu_youtube'])) ? '<li><a href="'.$settings['blu_youtube'].'"><img src="'.$settings['theme_url'].'/images/theme/youtube.png" alt="'.$txt['blu_youtube_alt'].'"/></a></li>' : '';


This is an excellent theme, thank you. If I wasn't interested in using the RSS feed, and wanted to remove the icon from the index page, could I just delete this line from index.template.php?

echo '
               ', (empty($settings['blu_rss'])) ? '<li><a href="'.$scripturl.'?action=.xml;type=rss"><img src="'.$settings['theme_url'].'/images/theme/rss.png" alt="'.$txt['blu_rss_alt'].'"/></a></li>' : '<li><a href="'.$settings['blu_rss'].'"><img src="'.$settings['theme_url'].'/images/theme/rss.png" alt="'.$txt['blu_rss_alt'].'"/></a></li>';


I know it does the trick and removes the icon, but is there any other code edits I need to take care of to not cause issues or errors?
Title: Re: blu
Post by: Hristo on August 30, 2013, 04:15:22 AM
Open Settings.template.php and delete:

array(
'id' => 'blu_rss',
'label' => $txt['blu_rss'],
'description' => $txt['blu_rss_desc'],
'type' => 'text'
),


It becomes redundant after you deleted the code in index.template.php
Title: Re: blu
Post by: br360 on August 30, 2013, 11:29:21 AM
Thanks Hristo.
Title: Re: blu
Post by: S_EEk_ER on August 11, 2015, 02:29:31 PM
Hi guys,

Can someone point me in the right direction on where we would modify a drop shadow that appears on around the right border?  We want to modify the blue theme and remove it altogether - screenshot attached.

Thanks!
Title: Re: blu
Post by: br360 on August 11, 2015, 04:37:29 PM
In that theme's index.css look for-

/* This division wraps the entire forum when a forum width is set. */
div#wrapper
{
margin: 0 auto;
min-width: 764px;
max-width: 2300px;
background-color:#FFFFFF;
box-shadow: 5px 5px 10px grey;
}


Remove the box-shadow line.
box-shadow: 5px 5px 10px grey;
Title: Re: blu
Post by: S_EEk_ER on August 11, 2015, 04:54:13 PM
Quote from: br360 on August 11, 2015, 04:37:29 PM
In that theme's index.css look for-

/* This division wraps the entire forum when a forum width is set. */
div#wrapper
{
margin: 0 auto;
min-width: 764px;
max-width: 2300px;
background-color:#FFFFFF;
box-shadow: 5px 5px 10px grey;
}


Remove the box-shadow line.
box-shadow: 5px 5px 10px grey;

Great, thank-you!
Title: Re: blu
Post by: S_EEk_ER on August 12, 2015, 02:48:44 PM
Can someone tell me how to relocate the Search button to the top right hand portion of the forum?  I've illustrated in the screenshot where I want it to be.

I'm very new to this, so even at a high level with key files for me to look at/modify would be helpful.

I hope I've posted this in the right section!

Thank-you.
Title: Re: blu
Post by: Lottis72 on February 07, 2017, 02:37:56 AM
Hi, thank you fore a very nice template. :-) I hope someone can help me get the black line at the top. Where in the index file, can i adjust it to another colour?
Title: Re: blu
Post by: br360 on February 07, 2017, 02:44:17 AM
Find this in index.css

#top_section
{
overflow: hidden;
margin-bottom: 3px;
background-color:#000000;


Change the background color to whatever you want