FreshLooks - MultiColor

[Ricky.]

FreshLooks - MultiColor

By : Ricky. |  Theme Support  | My More Themes
For SMF 2.0 , SMF 2.0.1


A minimal theme with various colors variants including Default Green, Blue Pinch, Black Touch, Orange it and Vibrant Red.  You can change colors from Admin panel or allow user to select their own color from their profile.  This is a light theme using minimal images but still giving you  nice colorful layout.


Features

• Allows you to change color from Admin Panel
• A Warm theme
• Fluid Width
• Utilizing CSS3 supported by all modern browser
• Allows you to add custom copyright in footer

Changing Colors from Admin Panel



Updates

Nov,03-2011: Improved theme so that you can use big logo without breaking layout.

[Deaks]

this is a very nice theme well done

[Ricky.]

Thank you Runic..

I am just learning

[Deaks]

keep up good work

[Mr_Toad]

Highly recommended

IMHO this is one of the best SMF 2.0.1 themes around. You can easily alter a multitude of settings from your Admin page eg switch between the five different colour variants. Don't worry about the logo - you can easily replace it with your own (500px by 83px).

@Ricky - I suggest you include the 'Default Green' as one of the 'Additional Screenshots'.

[Ricky.]

Thats really very nice compliment, I will definitely add another screenshot.

[gardenorganic]

I have installed the freshlooks theme after upgrading to SMF-2 and I am very pleased with how it looks. However all new posts are centre justified. Can you please tell me how to change this so that by default posts are written with the text justified left.

[Ricky.]

I don't remember I had made any thing centered and justified. Can you post screenshot what exactly you are referring to ?

[gardenorganic]

Thanks for the reply. It was my error. I had put in a custom header which affected the rest of the page. I fixed it by placing my header within <div></div> tags.

[Ricky.]

Update:

I was noticing on many installation that when user used a big logo, like more than 700px wide, it was breaking some layout.
I have now made some changes in this theme, it will not break layout anymore, and you can use logos of any size.

[dgpnow]

this is a GREAT theme, its perfect.  I have no code skills so how do I get my logo to fit?  What do I need to change?  thank you

DGP

[Ricky.]

In this theme you can use any type size of logo, preferably a rectangle. What is dimension of your logo ?

PS: I just saw your site, your logo is looking fine over there.

[Dave J]

I like this theme a lot and have it installed but....

If you look at the 2 screenshots attached you'll see that the portal headers in 'Freshlook' are basically non existent, in the other custom theme 'Sunshine' they are there.

On the fourm the headers are where they should be and change colours according to the settings by admin or members.

Is there a fix for the blanks on the portal page?

Thanks

EDIT: all css files and images from packages have been tranfered to the 'Freshlook' folders.

[TeacherMac]

Hiya Ricky,

I've been trying a few themes trying to find one that's a fit of my forum.

After installing Fresh Looks and looking it over I installed and activated "Minimalistic Theme by CrimeS"

When I refreshed and again, after refreshing both the Admin & Visitor screens, all the menus and selections were placed in a long tree on the left hand side of the screen with all formatting, colors logos etc removed.

I returned to "Fresh Looks" and everything was back to normal so I thought it might just be a problem with "Minimalistic Theme by CrimeS".

I tried again installing and activating "CLS-Pro-ButtonBar MultiColor by ClickSafe" all the menus and selections are in a long tree on the left hand side of the screen with all colors logos etc removed.

I wnet back to "Fresh Looks and everything was back to normal, then I tried  "Core" and again everything was back to normal so I finally tried the default "Curve" theme and everything again was back to normal.

Would you have any idea what my problem could be? I would hate to have to reinstall unless it's really necessary.

Thanks,

Mac

Update: I tried another theme named "Duvvar" and met with the same problem which leads me to believe that the themes installed with SMF 2.0.2 were not affected by the changes made by "Fresh Looks" so how do I remove all the changes?

Thanks,

Mac

Update 2: Removed FreshLooks - MultiColor and it has left me unable to change themes.

I see that support for this theme and the issue is not forth coming and reinstalling shouldn't be the answer but it appears one that I'll have to resort to.

Good luck to others who decide to use this theme!

[Ricky.]

Dear TeacherMac,  I visit SMF community almost daily but I am not here 24 hours a day, I can see that you have posted query today and here I am here to answer.  I think its fair enough.

Here it seems that you are have problem which not at all related to theme at all, generally such things appear if theme's file etc is missing. Can you tell me what exactly issue you are now facing ?

[Dave J]

Can you answer my query please Ricky?

Thanks

[Ricky.]

Sorry, I just missed it, I guess I told you that I will look into it on I&B, I will soon do it and will update you

[shazoo!]

I LOVE this theme, but I need to know how to make the white strip in the header taller, to accommodate a theme change dropdown.

Is it in one of the CSS files??

[Ricky.]

Well, that is added by mod or something, technically nothing should be there, you may ask in support thread of whatever mod you are using..

[shazoo!]

Well, that is added by mod or something, technically nothing should be there, you may ask in support thread of whatever mod you are using..

No, I'm asking how to make the white strip taller, not how to edit the dropdown.

[Ricky.]

The white strip you are pointing using red rectangle is not part of FreshLooks, added by some so how can I suggest what to change if I have not added it.

[shazoo!]

actually, it is. I figured it out.

I edited index_black.css and altered the body margin:

Code Select Expand

body
{
background: #fff;
font: 78%/130% "Verdana", "Arial", "Helvetica", sans-serif;
margin-top: 11px;
}

thanks!

[peejay1881]

I am using the Fresh Looks theme for our forum and have noticed that a lot of mods will not work.. Things like bookmark and google search make the whole page turn into numbers and symbols and make a huge green bar? Am I doing something wrong??

[Ricky.]

If any mod which is specially made for Curve theme and modifies header part then they may not work. It is because the header is completely different than the curve theme. You may need to do manual changes in those cases.

[Cat McFarlane]

Hi Ricky :-)

I'm having an issue where the top green menu bar buttons vanish if they move down to a second invisible bar just beneath. Image I've attached shows I've selected a button I know is there ... there are 2 more buttons meant to show as well ... this is ipad view, but most of my forum users are on phones/tablets.

Seeing this error too ...

http://dsden.org/index.php?/topic,134.new.html
Apply Filter: Only show the errors with the same message8: Undefined index: hide_sign
Apply Filter: Only show the errors from this file File: /home/dsdetllb/public_html/Themes/freshlooks/index.template.php
Line: 614

Thanks, Cat 

[Ricky.]

The error you are seeing is because there is not enough space left in menu area.
It can be fixed:

Code (find) Select Expand


#main_menu {
    font-weight: bold;
    margin: 0 auto;
    padding: 0 0.5em;
    width: 40%;
}

Code (Replace with) Select Expand


#main_menu {
    font-weight: bold;
    margin: 0 auto;
    padding: 0 0.5em;
    display:inline-block
    width: 40%;
}

Also. .

Code (Find ) Select Expand


.f_double {
    background: #478F00;
    border-bottom: 4px solid #BCE27F;
    border-top: 4px solid #BCE27F;
    color: #2E2E2E;
    height: 22px;
}

Code (Replace with) Select Expand


.f_double {
    background: none repeat scroll 0 0 #478F00;
    border-bottom: 4px solid #BCE27F;
    border-top: 4px solid #BCE27F;
    color: #2E2E2E;
    min-height: 22px;
}

Also the error you showed, I am not able to find in package uploaded, infact there is no line number 614 in actual index.template.php

[Siirist]

Why not ask the theme author? Ricky was on last week.

http://www.simplemachines.org/community/index.php?topic=454450.0

Hi Ricky,

I danced through the Stickys and How TOs, but of course, got lost.

Simply want to know how to go from attachment #1 to attachment #2. They are set at 1300px wide (which I thought was good).

The theme is your theme "Fresh Looks" ~ Green

The Header image was found using Google images "Labeled for reuse"

The Logo was cut from SMF Default Theme

The "Quick Log In" was cut from SMF Default Theme

I thank you in advance (as this may be simple, or it may be difficult.  )

Be Well,
Siirist

[Ricky.]

Its just a co-incident that I decided to check for replies to some of my old posts.  Have been away from SMF for a while.
Anyways, what you asked is easy but will require lots of changes in header part including code as well as CSS. My suggest is go somewhere middle and add your full banner as background in middle header. Here is what you need to do ..
In index_green.css

Code (find) Select Expand


#f_sitename {
background:#fff;
overflow:hidden;
}

Code (Replace with) Select Expand


#f_sitename {
background: url(images/header-bg.jpg) no-repeat center center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
overflow:hidden;
}

Have not tested but should work where images/header-bg.jpg is your banner file.

[Siirist]

Thank you Ricky. 

That should do the Header Background. 

Any thoughts about where I should post about getting the Logo and "Quick Log In" moved to the corners? 

Thank you again. 

Be Well,
Siirist

[Siirist]

Well darn. That didn't work. 

I downloaded and made the change to the
Themes/1068/css/index_green.css, saved it, and uploaded (after saving the existing index_green.css that was on the server to index_green.cssOR

I then uploaded header-bg.jpg to Themes/1068/images (without the logo or "Quick Log In" {and I just realized to get the Logo in the corner, I just upload a header-bg.jpg with the Logo in the upper left corner  Doh!  )

I cleared the browser's cache and then cleared the forum cache. Nothing.

Then I realized that there is a _green folder in the images folder, so I uploaded the header-bg.jpg to that folder. Still nothing.

I then used Firebug to look at the index page and then went to CSS and then searched for "#f_sitename" and there was NO occurrence.

Hmmm

Anyone?

Be Well,
Siirist

PS - I attached the index.css after downloading the uploaded copy, AND the header-bg.jpg

[Ricky.]

Well darn. That didn't work. 

I downloaded and made the change to the
Themes/1068/css/index_green.css, saved it, and uploaded (after saving the existing index_green.css that was on the server to index_green.cssOR

I then uploaded header-bg.jpg to Themes/1068/images (without the logo or "Quick Log In" {and I just realized to get the Logo in the corner, I just upload a header-bg.jpg with the Logo in the upper left corner  Doh!  )

I cleared the browser's cache and then cleared the forum cache. Nothing.

Then I realized that there is a _green folder in the images folder, so I uploaded the header-bg.jpg to that folder. Still nothing.

I then used Firebug to look at the index page and then went to CSS and then searched for "#f_sitename" and there was NO occurrence.

Hmmm

Anyone?

Be Well,
Siirist

PS - I attached the index.css after downloading the uploaded copy, AND the header-bg.jpg

I checked your site, header-bg.jpg is giving 404 :
http://www.asanctuary.net/forum2/Themes/1068/css/images/header-bg.jpg

Make sure image is in images folder and then change css to :

Code Select Expand

#f_sitename {
background: url(../images/header-bg.jpg) no-repeat center center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  overflow:hidden;
}

[Siirist]

Hi Ricky,

Oops, 
Didn't realize that the header-bg.jpg needed to be in that location, so I went to css folder, created images folded and uploaded the header-bg.jpg.

What I forgot is that since February 9th, I have not been able to upload images without them breaking.   

Put in a support ticket with host on the 11th, and the 12th, but I am still waiting for a reply. 

I will have to come back to this after my host decides to behave.  Grrrr     

Thanks again for your time in this matter.   

Most Sincerely,
Siirist

[Ricky.]

You don't have to create Images folder, is should be there.
ie. in forum root, look for :
Themes/1068/css/images/

[cuongvttt]

Hello bro Ricky,

Can you help me to edit header of the theme named FreshLook in SMF 2.0.15
This theme is here https://custom.simplemachines.org/themes/index.php?lemma=2497

I want to edit the header that looks like these images below, because I need a small header and more spaces in header.

Thank you so much bro Ricky.

[-Rock Lee-]

Hello bro Ricky,

Can you help me to edit header of the theme named FreshLook in SMF 2.0.15
This theme is here https://custom.simplemachines.org/themes/index.php?lemma=2497

I want to edit the header that looks like these images below, because I need a small header and more spaces in header.

Thank you so much bro Ricky.

You have to edit the css of the theme, what is the url of your site? to tell you what to change.


Regards!

[cuongvttt]

Hello bro Rock Lee,

I'm so happy to hear that and I appreciate it.

This is my forum http://vietnetwork.vn/

I want a small header, so I need to move login, register, seach box down as I described in those images, and then remove the shrink button.

That's all.

Thank you so much bro Rock Lee.

[-Rock Lee-]

Hello bro Rock Lee,

I'm so happy to hear that and I appreciate it.

This is my forum http://vietnetwork.vn/

I want a small header, so I need to move login, register, seach box down as I described in those images, and then remove the shrink button.

That's all.

Thank you so much bro Rock Lee.

Sorry I did not have a lot of time to try it but it should work, I'm sure I'll edit something in the css. Make a backup first by the doubts or try it beforehand. You have to edit in the index.template.php of the theme in the line: 182-243 You have to see it this way.

Code Select Expand

<div class="user">';

// If the user is logged in, display stuff like their name, new messages, etc.
if ($context['user']['is_logged'])
{
if (!empty($context['user']['avatar']))
echo '
<p class="avatar">', $context['user']['avatar']['image'], '</p>';
echo '
<ul class="reset">
<li class="greeting">', $txt['hello_member_ndt'], ' <span>', $context['user']['name'], '</span></li>
<li><a href="', $scripturl, '?action=unread">', $txt['unread_since_visit'], '</a></li>
<li><a href="', $scripturl, '?action=unreadreplies">', $txt['show_unread_replies'], '</a></li>';

// Is the forum in maintenance mode?
if ($context['in_maintenance'] && $context['user']['is_admin'])
echo '
<li class="notice">', $txt['maintain_mode_on'], '</li>';

// Are there any members waiting for approval?
if (!empty($context['unapproved_members']))
echo '
<li>', $context['unapproved_members'] == 1 ? $txt['approve_thereis'] : $txt['approve_thereare'], ' <a href="', $scripturl, '?action=admin;area=viewmembers;sa=browse;type=approve">', $context['unapproved_members'] == 1 ? $txt['approve_member'] : $context['unapproved_members'] . ' ' . $txt['approve_members'], '</a> ', $txt['approve_members_waiting'], '</li>';

if (!empty($context['open_mod_reports']) && $context['show_open_reports'])
echo '
<li><a href="', $scripturl, '?action=moderate;area=reports">', sprintf($txt['mod_reports_waiting'], $context['open_mod_reports']), '</a></li>';

echo '
<li>', $context['current_time'], '</li>
</ul>';
}
// Otherwise they're a guest - this time ask them to either register or login - lazy bums...
elseif (!empty($context['show_login_bar']))
{
echo '
<script type="text/javascript" src="', $settings['default_theme_url'], '/scripts/sha1.js"></script>
<form id="guest_form" action="', $scripturl, '?action=login2" method="post" accept-charset="', $context['character_set'], '" ', empty($context['disable_login_hashing']) ? ' onsubmit="hashLoginPassword(this, \'' . $context['session_id'] . '\');"' : '', '>
<div class="info">', sprintf($txt['welcome_guest'], $txt['guest_title']), '</div>
<input type="text" name="user" size="10" class="input_text" />
<input type="password" name="passwrd" size="10" class="input_password" />
<select name="cookielength">
<option value="60">', $txt['one_hour'], '</option>
<option value="1440">', $txt['one_day'], '</option>
<option value="10080">', $txt['one_week'], '</option>
<option value="43200">', $txt['one_month'], '</option>
<option value="-1" selected="selected">', $txt['forever'], '</option>
</select>
<input type="submit" value="', $txt['login'], '" class="button_submit" /><br />
<div class="info">', $txt['quick_login_dec'], '</div>';

if (!empty($modSettings['enableOpenID']))
echo '
<br /><input type="text" name="openid_identifier" id="openid_url" size="25" class="input_text openid_login" />';

echo '
<input type="hidden" name="hash_passwrd" value="" />
</form>';
}

echo '
</div>';

You have to put it on line 248 in the following way

Code Select Expand

echo '
<div class="user">';

// If the user is logged in, display stuff like their name, new messages, etc.
if ($context['user']['is_logged'])
{
if (!empty($context['user']['avatar']))
echo '
<p class="avatar">', $context['user']['avatar']['image'], '</p>';
echo '
<ul class="reset">
<li class="greeting">', $txt['hello_member_ndt'], ' <span>', $context['user']['name'], '</span></li>
<li><a href="', $scripturl, '?action=unread">', $txt['unread_since_visit'], '</a></li>
<li><a href="', $scripturl, '?action=unreadreplies">', $txt['show_unread_replies'], '</a></li>';

// Is the forum in maintenance mode?
if ($context['in_maintenance'] && $context['user']['is_admin'])
echo '
<li class="notice">', $txt['maintain_mode_on'], '</li>';

// Are there any members waiting for approval?
if (!empty($context['unapproved_members']))
echo '
<li>', $context['unapproved_members'] == 1 ? $txt['approve_thereis'] : $txt['approve_thereare'], ' <a href="', $scripturl, '?action=admin;area=viewmembers;sa=browse;type=approve">', $context['unapproved_members'] == 1 ? $txt['approve_member'] : $context['unapproved_members'] . ' ' . $txt['approve_members'], '</a> ', $txt['approve_members_waiting'], '</li>';

if (!empty($context['open_mod_reports']) && $context['show_open_reports'])
echo '
<li><a href="', $scripturl, '?action=moderate;area=reports">', sprintf($txt['mod_reports_waiting'], $context['open_mod_reports']), '</a></li>';

echo '
<li>', $context['current_time'], '</li>
</ul>';
}
// Otherwise they're a guest - this time ask them to either register or login - lazy bums...
elseif (!empty($context['show_login_bar']))
{
echo '
<script type="text/javascript" src="', $settings['default_theme_url'], '/scripts/sha1.js"></script>
<form id="guest_form" action="', $scripturl, '?action=login2" method="post" accept-charset="', $context['character_set'], '" ', empty($context['disable_login_hashing']) ? ' onsubmit="hashLoginPassword(this, \'' . $context['session_id'] . '\');"' : '', '>
<div class="info">', sprintf($txt['welcome_guest'], $txt['guest_title']), '</div>
<input type="text" name="user" size="10" class="input_text" />
<input type="password" name="passwrd" size="10" class="input_password" />
<select name="cookielength">
<option value="60">', $txt['one_hour'], '</option>
<option value="1440">', $txt['one_day'], '</option>
<option value="10080">', $txt['one_week'], '</option>
<option value="43200">', $txt['one_month'], '</option>
<option value="-1" selected="selected">', $txt['forever'], '</option>
</select>
<input type="submit" value="', $txt['login'], '" class="button_submit" /><br />
<div class="info">', $txt['quick_login_dec'], '</div>';

if (!empty($modSettings['enableOpenID']))
echo '
<br /><input type="text" name="openid_identifier" id="openid_url" size="25" class="input_text openid_login" />';

echo '
<input type="hidden" name="hash_passwrd" value="" />
</form>';
}

echo '
</div>';


and you may not see anything because it lacks height in the box, please tell me if it happens to edit the css.


Regards!

[cuongvttt]

Hello bro Rock Lee,

Thank you so much for helping me.
Please help me to edit this file, I uploaded on here.

Thank you bro Rock Lee again,

[-Rock Lee-]

Try this and see how it goes.


Regards!

[cuongvttt]

Hello bro Rock Lee,

- Thank you so much for your big help but I didn't like that header.

     1. I just want to move the login/register form down to the right.
     2. I just want to move the seach box down to the right under the login/register form.
     3. Delete the big orange whole area in the header, including the shrink button, delete all of it.

- I uploaded two images on here, please take a look bro.
    1. After trying your help and I got the result showed in the first image named 1. Result and Unexpected. Yes, I didn't like this header
    2. All I want is in the second image named 2. Expected. I want to keep the blue area and delete all the black area I marked.

Thank you so much bro again.

Have a good day, bro.

[-Rock Lee-]

Keep in mind I have some things move and usually does not work at all without having to move others that interfere. With some tests note to not having enough space jumps the line and that's why you appear in the way you show in the capture. I see if I can put some time on the pc and edit the file again to try to leave it as you wish. Also guide me with the original theme and being orange, I do not know what kind of changes you can have so try to touch it as little as possible.


Regards!

[-Rock Lee-]

@cuongvtttI do not know how much it affects but I tried to keep the changes to a minimum so as not to break your site. But try this new index.template.php and I need to edit your index.css in 2 parts. You have to do the following:

.normaltext
{
   float:right;
   font-size: 1em;
   height:30px; You have to delete this line.
   padding-left: 40px;
    padding-right: 50px;
   background:url(../images/theme/search-bg.png) no-repeat; You have to delete this line.
   line-height: 1.2em;
}

With that I should leave it approximately as you want, although the theme of the avatar I can not adapt, I do not know why... sorry!


Regards!

[cuongvttt]

Hello bro Rock Lee,

Thank you so much for your big help anyway.

I uploaded two files on here.

If you have free time please take a look.

Thank you so much bro Rock Lee.

[cuongvttt]

Hello bro Rock Lee,

It looks cool now but I would like to move up the information of user to the right of its avatar after logged in, so that I'll have a small header.

I uploaded two images in here, please take a look bro.

Thank you so much and have a good day, bro Rock Lee

[-Rock Lee-]

I will try to modify it seems to inherit certain values and I can not do what you want. I will try to achieve it in a simple way where possible, I hope I can have enough time to try some things.


Regards!

[cuongvttt]

Hello bro Rock Lee,

Please don't waste time, I changed my mind and now I'm using South Theme.

I have used the FreshLook theme for a long time but now I have to change it because it could no longer supported on.

Thank you bro so much and have a good day,

[-Rock Lee-]

Hello bro Rock Lee,

Please don't waste time, I changed my mind and now I'm using South Theme.

I have used the FreshLook theme for a long time but now I have to change it because it could no longer supported on.

Thank you bro so much and have a good day,

It's fine as long as you feel comfortable with the theme Anything if you need help around here I'll keep rolling


Regards!

[johnsonbrown]

Amazing theme and color collection. Keep up!