Simple Machines Community Forum

Link to the theme (http://custom.simplemachines.org/themes/index.php?lemma=2320)
(https://www.simplemachines.org/community/proxy.php?request=http%3A%2F%2Fcustom.simplemachines.org%2Fthemes%2Findex.php%2Faction%2Cdownload%2Flemma%2C2320%2Fimage%2Cthumb&hash=dc9eafdc9a80f6644cb8e580eb40ffc993994a0a)

This theme uses pleasing colors with shades of the sky.

Live demo (http://www.skinmod.eu/themedemo/index.html) | Support (http://www.skinmod.eu/) | Donate to my work (https://www.paypal.com/pe/cgi-bin/webscr?cmd=_flow&SESSION=3g6Y-E0QLrDomy01r10fanH5hHRpDc1-9ue6zrqbVdZJb6YeXq8-RTyHgbG&dispatch=5885d80a13c0db1f8e263663d3faee8df1d2b5c147af55b8d54f2944c97d2a2a)

---

rtl.css added

Tested in:
IE7, Mozilla, Opera, Chrome, Safari

---

how do i change the logo that says clear sky to my logo

I think SISpro wants to change the logo to another image. The logo is located in Clear_sky/images/theme/mylogo.png. Just replace the mylogo.png image with your new image. Make sure that your new logo is the same size, has the same name of mylogo and is a png image.

;)

thank you for support ;)

yes thank you that is what i was looking for

Updated to SMF 2 RC5

I only have one issue with this theme...  On the top bar, where it says SHOW NEWS POSTS and SHOW NEWS REPLIES

It should say SHOW NEW POSTS AND SHOW NEW REPLIES (without the s in news).  Does anyone know how to change this so it reads properly in English?

Updated to SMF 2 Final

Quote from: MartyS on March 01, 2011, 10:37:38 AM
I only have one issue with this theme...  On the top bar, where it says SHOW NEWS POSTS and SHOW NEWS REPLIES

It should say SHOW NEW POSTS AND SHOW NEW REPLIES (without the s in news).  Does anyone know how to change this so it reads properly in English?

Open the Themes folder -> then the Clear Sky folder -> then languages folder -> open the ThemeStrings.english.php -> There you can change news to new. Hope that helped.

How can I get the logo to position to the left? Right now it is to the right of the menu buttons below it and looks horrible.

Have a look here: http://www.myauctionfamily.com

Yes, can someone please help with the question above? i am experiencing same issue.
I want to change the logo position abit to the left...basically modifying the X Y positioning of mylogo.png


PLEASE HELP  :(

yafet can you post a link to your site please?  ;)

Hi ARG,

thanks for prompt reply,
Basically my problem is, when i turn on the news header, the logo (mylogo.png) is shifted up to the very top of the page, not horizontally alligned with the news header.

But when i turn of the news header, the logo sits just fine.

example:

With news header
(https://www.simplemachines.org/community/proxy.php?request=http%3A%2F%2Fimg.photobucket.com%2Falbums%2Fv203%2Fynaonlineshop%2Fwithnewsheader.png&hash=de142f3b24de619b22300beda1604099930aab37)


Without news header
(https://www.simplemachines.org/community/proxy.php?request=http%3A%2F%2Fimg.photobucket.com%2Falbums%2Fv203%2Fynaonlineshop%2Fwithoutnewsheader.png&hash=cf0d8f79ca37a64a2917e45b7796adf84f7ecd1f)


...and i do really like the News Header feature in this template, so i am hoping if there's anyway i could adjust the positioning of the logo (mylogo.png), so it will look nice alligned with News header.


Thanks for the help :)

Moving your logo more to the left (float: left;) may help as the news area requires a certain amount of space. Also if your theme is set at a fixed width, setting it to a fluid with may fix this issue as well.

;)

would you care to explain it in details? as i am not a progammer, hence you need to bear with me when explain things hehe  ;D

where do i move the logo to the left? which code i should change? what line? and replace with what?


thanks :)

I cant really tell you without a direct link to the theme but in index.css it may look similar to this.
#logo a {
position: absolute;
top: 4.5em;
display: block;
width: 254px;
height: 60px;
cursor: pointer;
background: url(../images/id/logo.png) no-repeat;
}

Try adding this to that part of the code.
float: left;

Remember to always keep a backup of your file before making changes.  ;)

Scratch that last post. I just downloaded and installed the theme. I will take a look at it.  ;)

Ok, in the Clearsky index.css find this:
h1.forumtitle
{
line-height: 45px;
font-size: 1.8em;
font-family: Geneva, verdana, sans-serif;
margin: 30px 0px 0px 100px;
padding: 0;
float: left;
}

change to this:
h1.forumtitle
{
line-height: 45px;
font-size: 1.8em;
font-family: Geneva, verdana, sans-serif;
margin: 30px 0px 0px 10px;
padding: 0;
float: left;
}

:)

Hi ARG,

I am sorry i might be wrong, but i didnt see any difference between 2 codes you wrote...
and also, my default codes are already like that (with float left)

any other idea?

Quote from: yafet on October 08, 2011, 01:08:38 PM
Hi ARG,

I am sorry i might be wrong, but i didnt see any difference between 2 codes you wrote...
and also, my default codes are already like that (with float left)

any other idea?

There is actually a difference.

This:
margin: 30px 0px 0px 100px;

was changed to this:
margin: 30px 0px 0px 10px;

The 100px was changed to 10px.  ;)

Hi,

Tried that and it doesn't work...tried to play around with the numbers of margin pixels also won't work.
It's ok ARG, thanks for helping..i have given up the hope of using News header on my forum hehehe

thanks again  ;D

I don't understand? It works perfectly for me.

You could also try reducing the width here.
.news_block
{
float: right;
width: 380px;
min-height: 70px;
margin: 20px 20px 0 0;
padding: 5px;
    background: url(../images/theme/opacity.png) repeat;
    border: 1px solid #5998A7;
    border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
}

Other than that i don't know what else to tell you. There is no reason why reducing a margin from 100px to 10px shouldn't work?

;)

Before and after.

Quote from: ARG on October 08, 2011, 01:24:23 PM
I don't understand? It works perfectly for me.

You could also try reducing the width here.

Code Select Expand

.news_block
{
float: right;
width: 380px;
min-height: 70px;
margin: 20px 20px 0 0;
padding: 5px;
    background: url(../images/theme/opacity.png) repeat;
    border: 1px solid #5998A7;
    border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
}

Other than that i don't know what else to tell you. There is no reason why reducing a margin from 100px to 10px shouldn't work?

;)

Before and after.

It worked perfectly for me too! I re-read your posts and you said to change
margin: 30px 0px 0px 10px;
to
margin: 30px 0px 0px 100px;
when the width was already set to 100px.

Might be confusing to some but I understood what you were saying...lol! Worked like a charm...thanx! 8)

(For those who didn't get it)
The correct instructions are to change
margin: 30px 0px 0px 100px;
to
margin: 30px 0px 0px 10px;

Quote from: Shades. on October 08, 2011, 10:14:56 PM

It worked perfectly for me too! I re-read your posts and you said to change

Code Select Expand

margin: 30px 0px 0px 10px;
to

Code Select Expand

margin: 30px 0px 0px 100px;
when the width was already set to 100px.

Might be confusing to some but I understood what you were saying...lol! Worked like a charm...thanx! 8)

(For those who didn't get it)
The correct instructions are to change

Code Select Expand

margin: 30px 0px 0px 100px;
to

Code Select Expand

margin: 30px 0px 0px 10px;

;)

Hi ARG,

I am sorry again, but you're right...it actually works.
It didn't work because i was using Macbook Pro 13" - but when i use iMac 27" it shows clearly the difference between 100px and 10px.

i am guess for 13" screen user, either i leave it as it is...or i resize the logo, adjusy the width of my mylogo.png


Thanks for the help again :)

Like I stated earlier, you could also make the News section a bit smaller. That may help with smaller screens.

;)

wooaaa there's a way to make News section smaller? how do i do that? all i know is adjusting mylogo.png using photoshop...
but no idea if News section can be resized.

Would you mind showing me how to do that?   ;D 

Quote from: yafet on October 09, 2011, 04:52:57 AM
wooaaa there's a way to make News section smaller? how do i do that? all i know is adjusting mylogo.png using photoshop...
but no idea if News section can be resized.

Would you mind showing me how to do that?   ;D 

Lol, that is what I posted earlier.  ;D

http://www.simplemachines.org/community/index.php?topic=417211.msg3180324#msg3180324

Make adjustments to the 380px.  ;)

HI,


great theme I made it my default.

I would like to know how to make the button REPLY bigger? or make it easy to see


thanks

Hi all,

I posted this in a separate topic, but was advised to post it in this topic instead.

http://www.simplemachines.org/community/index.php?topic=461397.msg3221941#msg3221941



I spend more than two hours playing with css and reading/searching here but could not figure it out.

in the bellow image I want to shift the whole main menu section down as it is shown in the red arrow. also i want to know what code should i modify to bring the width of the image all the way to the edge of the menu bar as its explained in the yellow arrow.

the background image of the header has 1012px by 165px dimensions. i tried to resize its height but did not work. as you see the current image has black boarders I want the bottom boarders to be right above the top boarders of the menu buttons.


  (https://www.simplemachines.org/community/proxy.php?request=http%3A%2F%2Fi39.tinypic.com%2Ffdd5qe.jpg&hash=301a21124624af8e87aa358aac06fa38a1f7a4d5)


and this is the header background image

(https://www.simplemachines.org/community/proxy.php?request=http%3A%2F%2Fi43.tinypic.com%2Fifc0ph.jpg&hash=65bf0fadd50dbe29e79030d2bb814c3949d11c4a)


thanks

any help here?


thanks

Hi guys,
I've got some strange problems with my forum using this theme!

1. I use PortaMx and it has this cool Promote Topic feature. Problem is that, I can't see the button to "promote/clear promote" topic if I use this theme (Clear Sky). I can see it when I use other themes.

2. Also, I can't see the PortaMx icons anymore (See attached)

3. Simple Twitter Mod no longer display my tweets on the info board while using this theme

Any help will be much appreciated.

I will answer you so you dont have to wait for a long time (like me) until you get an answer from the author.

since is is a problem occurred after installing the portal and definitely related to portal than to theme. I dont have portalmx installed but let me download it and let you know what to do.

extract the portamx zip file and use ftp software to do the following


Move the included directory "Themes/default/PortaMx" to "./Themes/ClearSky_SMF2-Final".
Move the included file "admin_images/pmx_adm_articles.gif" to "./Themes/ClearSky_SMF2-Final/images/admin".
Move the included file "admin_images/pmx_adm_blocks.gif" to "./Themes/ClearSky_SMF2-Final/images/admin".
Move the included file "admin_images/pmx_adm_categories.gif" to "./Themes/ClearSky_SMF2-Final/images/admin".
Move the included file "admin_images/pmx_adm_center.gif" to "./Themes/ClearSky_SMF2-Final/images/admin".
Move the included file "admin_images/pmx_adm_sef.gif" to "./Themes/ClearSky_SMF2-Final/images/admin".
Move the included file "admin_images/pmx_adm_languages.gif" to "./Themes/ClearSky_SMF2-Final/images/admin".
Move the included file "admin_images/pmx_adm_settings.gif" to "./Themes/ClearSky_SMF2-Final/images/admin".


by the way, can we share forum links on pm to share ideas  :)

Thanks man. I will try your suggestions.
The Portal was working fine before installing Clear Sky as I mentioned earlier than I can see the missing "links" while using other themes.
The problem could be bi-directional.

Sent you a PM.

wait, did you install the theme after the portal?

I guess you need to make some changes to theme files also, otherwise a lot of things related to portal/other modifications will not be working correctly.

let me get you the portal changes since I have it downloaded and you need to check other installed modifications.

Yes, I installed the theme long after the Portal and Portal works fine using other themes.
Thanks for helping out!

it turned out that only one file need to be changed

Display.template.php



// Assuming there are attachments...
if (!empty($message['attachment']))
{


add after




// promote message for PortaMx
if($context['pmx']['can_promote'])
{
$promo = in_array($message['id'], $context['pmx']['promotes']) ? 'unset' : 'set';
echo ' <div class="pmx_promote">
<a class="pmx_'. $promo .'_promote" href="'. $scripturl .'?action=promote;topic='. $context['current_topic'] .'.msg'. $message['id'] .'">'. $txt['pmx_'. $promo .'_promote'] .'</a>
</div>';
}



but if I were you and to be on the safe side since your forum and portal just installed I would uninstall ClearSky, uninstall portal, install Clearsky then install portal and any other mods you would like.

I tried the changing the code in the Display.template.php  (from /themes/clearsky_smf2-final) but I can't see any changes. So I guess, I will uninstall and reinstall both in the order you have mentioned.
Thanks. I do appreciate your speedy response.

I think the changes you will notice in topic display you will be able to directly promote a topic considering permissions of course.

Didnt see any changes, so I'm reinstalling both now!  ;D

Re-installation done. Problem solved. Thank you so much!!!

don't mention it bro.

Hi guys, I really like this theme.  :D
Can anyone please tell me how to move this to the right?
see attached.

Quote from: smartblogz on February 22, 2012, 02:10:09 PM
Hi guys, I really like this theme.  :D
Can anyone please tell me how to move this to the right?
see attached.

open the theme index.css find


.abs
{
   position: absolute;
   left: 10px;
   top: -8px;
}


and change the number in red to whatever you like. the lower value the closer to the side

^^^ Thanks mate for the reply.
Where do I find this index.css? and what number in red?

you can find it in Clearsky_final/css/index.css

Hi
we're just doing a site revamp and moved from Babylon to this template, as it matches better and sorting final tweaks

We need to add a link on the navbar to our main website but having trouble. We're moving the forum out of the site for ease but need to make it easily accessible for it's info

For now it's been done as a text link in the template file, (as found via another forum tip) but we need it to look like the other buttons.

I know the code is in the source file, and found it but can't get it work using the tips and tricks tutorial

we want to rename the home button to 'Forum', and then add another 'Home' button that directs to www.thyroid-disease.org.uk any suggestions

site is here so you can see what i mean http://www.thyroid-disease.org.uk/smf/index.php

btw tried the left float as were having the same problem when viewing on a laptop works a dream :D

Thanks in advance for any help

I would install portal which achieve what you are asking for and you might need it in the future.

which tip did you try and did not work?

Can any1 give me logo for this theme?
Please make a logo of "ShareSpark.net"
and i want this logo transparent. So i can use this in other themes too.
I really appreciate that. Thanks in advance

Quote from: Game.ruler on March 11, 2012, 01:49:26 PM
Can any1 give me logo for this theme?
Please make a logo of "ShareSpark.net"
and i want this logo transparent. So i can use this in other themes too.
I really appreciate that. Thanks in advance

you should choose your logo. if you do not have enough experience to make changes on photos just attach one and tell me what type of changes you are looking for regarding size and background.

I used the tutorial here http://www.simplemachines.org/community/index.php?topic=261880.0 and tried to tweak it for what we wanted but it didn't work, also looked at this one http://www.simplemachines.org/community/index.php?topic=234816.0;topicseen

I don't want to download a mod for buttons, but work with what, as need to use someone else for mod downloading who isn't around today

I think I've sorted it  :D not in the number 1 position as planned, but will live with it as the second tab

@baghdad
I need logo as of clear sky's logo but with name of "ShareSpark.net"

Quote from: Game.ruler on March 12, 2012, 02:34:12 PM
@baghdad
I need logo as of clear sky's logo but with name of "ShareSpark.net"

try this see if you want more changes in it since I still have it on photoshop.

@baghdad
Thanx bro...
This image is perfect and i've set it as logo on my forum.
Check here (http://sharespark.net/index.php)
Thank you very much bro.

Quote from: Game.ruler on March 13, 2012, 02:41:31 PM
@baghdad
Thanx bro...
This image is perfect and i've set it as logo on my forum.
Check here (http://sharespark.net/index.php)
Thank you very much bro.

I am glad that you liked it. It looks nice.  :)

Quote from: BaghdadGhost on March 06, 2012, 07:15:05 AM
you can find it in Clearsky_final/css/index.css

You the man! Thanks.

Got another issue here...

Sometimes I create threads (in Russian) and somehow the Thread title gets cut off after clicking post/send.

see before (posting) and after (posted) attachments
How can I rectify this?

Thanks

I am having a problem moving the copyright material to the center. See attachment..

Could use some help with this..

Thanks
Ron..

Quote from: Oldcrow on March 29, 2012, 11:38:59 AM
I am having a problem moving the copyright material to the center. See attachment..

Could use some help with this..

Thanks
Ron..

Hi Roy,

go to /Themes/ClearSky_SMF2-Final/css and open index.css


find

.inn_footer
{
position: absolute;
top: 60px;
left: 5px;
text-align: left;

change left: 5px; to what ever number fit your view


Ali

Thanks, I want to locate all that section to the center, the type is large enough..

Quote from: BaghdadGhost on March 29, 2012, 03:26:41 PM

Quote from: Oldcrow on March 29, 2012, 11:38:59 AM
I am having a problem moving the copyright material to the center. See attachment..

Could use some help with this..

Thanks
Ron..

Hi Roy,

go to /Themes/ClearSky_SMF2-Final/css and open index.css


find

Code Select Expand

.inn_footer
{
   position: absolute;
   top: 60px;
   left: 5px;
   text-align: left;

change left: 5px; to what ever number fit your view


Ali

Ali thanks for the help. This did work, changed to center. All set now..

I am sorry did not get beck to you.

if you dont mind explain the changes to make it center if in the future someone will need it


glad that it worked  :)

Quote from: BaghdadGhost on April 02, 2012, 09:44:08 PM
I am sorry did not get beck to you.

if you dont mind explain the changes to make it center if in the future someone will need it


glad that it worked  :)

Here is how to "Center the Copyright in Clear Sky"

In the folder Clear Sky__SMF2Final/css you'll find index.css

Open this with a plain text editor and find line 1588. You'll find the following (or similar) code there:

.inn_footer
{
    position: relative; {this may read absolute]
    top: 60px;
    left: -33px;
    padding-left: 83px;
    text-align: left;  [change to center]
}

Change the last line to read

    text-align: center;

This sets the text alignment from the left to the center (center).

Save the file and re-upload to your site.

great thanks.

Anyone to help with this please?

http://www.simplemachines.org/community/index.php?topic=417211.msg3294007#msg3294007

i've installed this elegant theme.

the icons (new, old, redirect...etc.) aren't displayed.

i'm using the latest smf version 2.0.5

I have a couple of questions if anyone is still around to help?  :)

I have this theme on two sites and really like it. I would like to make the text a little larger on the forum and maybe change the text color of the topics (only) to black. Can this be done? If so could someone kindly tell me where to find to do this (as much detail as possible).

Thank you....