Simply Blue

[All Colours Sam]

OK, can I have a link to your site.

[Linda.V]

I also installed other themes and was oké after uploading:
Copy the included file "portal.css" to "./Themes/yourtheme/css".
Copy the included file "portal_rtl.css" to "./Themes/yourtheme/css".
Copy the included file "portal.js" to "./Themes/yourtheme/scripts".

but not on this theme.

[Joker™]

This theme makes minimal usage of images, all the curved corners are generated using CSS3 and that is the issue occurred with the Portal.


In themes\Default\css\Portal.css (Make backup of file before editing it)

Code (Find:) Select Expand

h4.catbg span.left, h4.catbg2 span.left, h3.catbg span.left, h3.catbg2 span.left, .table_list tbody.header td span.left
{
float: left;
display: block;
width: 9px;
height: 31px;
background: url(../images/theme/main_block.png) no-repeat 0 -160px;
}


Code (Replace it with:) Select Expand

h4.catbg span.left, h4.catbg2 span.left, h3.catbg span.left, h3.catbg2 span.left, .table_list tbody.header td span.left
{
float: left;
display: block;
width: 9px;
height: 31px;
background: #225272;
}



After making changes make a hard refresh to your browser(for Firefox use ctrl+f5).

[Linda.V]

Yessss... oké now and thanks very much Joker™

Excellent for me a minimal usage of images, I find it easier to change the colours in the css than the main_block.

Another question Joker™, may I change some colours in this theme?

[Joker™]

Yessss... oké now and thanks very much Joker™

Your welcome.

Excellent for me a minimal usage of images, I find it easier to change the colours in the css than the main_block.

Same here, but these days I'm playing a lot with Photoshop as well .

Another question Joker™, may I change some colours in this theme?

Sure, off course, 100% .

[Linda.V]

Another question Joker™, may I change some colours in this theme?

Sure, off course, 100% .

Oké that's fine, thx Joker™

[Linda.V]

Hello,

Can you explain me how to delete the blue lines under the avatar and memberinfo? Thx.

[Joker™]

Themes\Simply Blue\css\index.css

Code Select Expand

ul.author, ul.author li {
    border-bottom: 1px solid #EAF0F5;
    color: #687A86;
    list-style: none outside none;
    margin: 0;
    overflow: hidden;
    padding: 0;
}


Remove

Code Select Expand

border-bottom: 1px solid #EAF0F5;


Firebug, this is a awesome plug in of firefox and is used for modifying templates and css. Surely, going to be helpful to you.

[Linda.V]

Oké, thank you Joker™

[Linda.V]

Hello,

May I add the titel in each topic and answer as on the picture? If yes... can you also explain me how please? Thx.

[Joker™]

Yes you can have the title link there, but I think that can kill the page look. I'll try to post the code for you by tomorrow.

[Linda.V]

Yes you can have the title link there, but I think that can kill the page look.

O... so I'll better don't add this, it is just because we're used to see the title.

[Joker™]

But I think there title is there on blue color bar, isn't it?

[Linda.V]

Yes the title is in the blue bar at the begin of the topic but we're used to see the title in every message

In this picture the title is also under the titlebar and like this in every message.


On Simply Blue the title is only in the blue bar at the begin of the topic and if possible I'd like it also as I added in the following picture > onze milo (same hight as membername and date message)

[Joker™]

Make backup of files before editing them

theme/SimplyBlue/Display.template.php

Code (Find:) Select Expand

<div class="postarea">
<div class="flow_hidden">
<div class="keyinfo">
<div id="msg_', $message['id'], '_quick_mod"></div>
</div>';

Code (Replace it with:) Select Expand

<div class="postarea">
<div class="flow_hidden">
<div class="keyinfo">
<div class="messageicon">
<img src="', $message['icon_url'] . '" alt=""', $message['can_modify'] ? ' id="msg_icon_' . $message['id'] . '"' : '', ' />
</div>
<h5 id="subject_', $message['id'], '">
<a href="', $message['href'], '" rel="nofollow">', $txt['onze milo'], ' ' , $message['subject'], '</a>
</h5>
</div>';


themes/default/languages/Modification.english.php

Code (Add before ?>) Select Expand

$txt['onze milo'] = 'onze milo';

[Linda.V]

Just changed and oké, thanks Joker™

[kenng]

Hey joker, great theme, great font everything is nice

I have some problem with the menubar hover and active images. when I hover it. The image will put the other menu text to the right? and the images has white edges? Any fix? or any thing that I can do ?

edit.

Managed to fix the text thing. i removed the border border:1px outset #57788E;

[kenng]

Hi Joker,

Do you have any idea how to add a arrow down for drop down menu?

something like http://www.sitepoint.com/make-a-mega-drop-down-menu-with-jquery/

[Joker™]

http://www.simplemachines.org/community/index.php?topic=453146.msg3191081#msg3191081 -- This will be able to make you a little more happy.

Right now I'm bit busy with a lot of projects and can't really help out in this JQuery code. If I get a chance I might try to look into it, but no promises.