News:

Wondering if this will always be free?  See why free is better.

Main Menu

blu

Started by Orangine, August 09, 2012, 04:59:11 AM

Previous topic - Next topic

Orangine

blu


Link to the theme

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

lifeguard81

realy nice them, i love it.
But there is a small bug? see attachement.
www.doenwenu.nl
Excuse me for my english. i am from holland :)

Orangine

can you provide a link to your forum? it looks ok with the default installation

mrintech

Hey

Really nice theme :)

Thanks :)

lifeguard81

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)
www.doenwenu.nl
Excuse me for my english. i am from holland :)

Orangine

thank you for kind words :)

Mariano

Looks awesome. Thanks!

damitto

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?


Orangine

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

Hristo

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?

Orangine

Just spotted this, will have a look and get back to you.

Hristo

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.

kingkingston

very good classy clean theme

junkyguy

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!

Neo_TE

@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.

br360

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?

Hristo

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

br360


S_EEk_ER

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!

br360

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;

Advertisement: