News:

SMF 2.1.4 has been released! Take it for a spin! Read more.

Main Menu

Total Blue

Started by The Domain Shop, April 22, 2011, 02:37:22 PM

Previous topic - Next topic

The Domain Shop

Link To Theme

A modern blue and white styled theme for smf 2.0.x


>> License – Read included txt file <<

Created by:


For more free themes visit us here

For theme support visit us here


Hj Ahmad Rasyid Hj Ismail

Nice... Congratulation.

ARG01

Not sure why but this theme looks awfully familiar? Looks nice though.  ;)
No, I will not offer free downloads to Premium DzinerStuido themes. Please stop asking.

Groovy™

Great theme, only problem is that the size of threads can not be changed

vas

The icons of the topics (smiley, thumbsu p etc.,) are getting merged with the subject/started by column. Kindly do something to correct.
Tireless striving stretches its arm towards perfection

Dchidell

I got a problem with this style.

Forum becomes only text when I install it... I install it by selecting packed file.
SMF version is 2

weegrant

Hi

I can't get facebook like button and Tapatalk to work with this theme.
SMF version 2.0.1

If anbody could help me that would be great.

Thanks

humbleworld

Hi Skin-box,
Thank you for this theme.
How can I make the body text of the topic page black? For now, the color is gray by default.
So, which part of index.css should I edit?

Thanks for the help.

d-gr

Hello to all

I have a problem with theme totalblue.
In the submenu that there are 3 options, for eg (coordination - management) in my third option the words displayed with errors, and there are over the other options as shown in the photo which i have attached. How can I fix it?




The Domain Shop

Quote from: dimitris_p on January 09, 2012, 01:05:57 PM
Hello to all

I have a problem with theme totalblue.
In the submenu that there are 3 options, for eg (coordination - management) in my third option the words displayed with errors, and there are over the other options as shown in the photo which i have attached. How can I fix it?



In index.css on line 3677

Find:


#topnav li li a, #topnav li li a:hover, #topnav li li a, #topnav a.active li a, #topnav li:hover li a, #topnav li.sfhover li a {
  background: none repeat scroll 0 0 transparent;
  color: #FFFFFF;
  font-size: 12px;
  font-weight: lighter;
  height: 30px;
  line-height: 30px;
  margin: 0;
  text-shadow: 0 1px 0 #1D1D1D;
  text-transform: none;
}


Replace with:


#topnav li li a, #topnav li li a:hover, #topnav li li a, #topnav a.active li a, #topnav li:hover li a, #topnav li.sfhover li a {
  background: none repeat scroll 0 0 transparent;
  color: #FFFFFF;
  font-size: 10px;
  font-weight: lighter;
  height: 30px;
  line-height: 30px;
  margin: 0;
  text-shadow: 0 1px 0 #1D1D1D;
  text-transform: none;
}


All ive done is changed font size from 12px to 10px, That should do it ;)

agridoc

dimitris_p had also posted in Greek support board, I suggested this topic, as theme specific. He didn't like the look with smaller fonts so I had a look and I changed the width. Other people with long language strings in menu might need such a solution too.

In theme's  /css/index.css

1. Find
#topnav li li {
width: 200px;
height: auto;
padding: 0;
}

Replace with
#topnav li li {
width: 300px;
height: auto;
padding: 0;
}


2. Find
#topnav li ul {
background: #202020;
position: absolute;
width: 200px;
left: -999em;
margin-left: -1px;
}

Replace with
#topnav li ul {
background: #202020;
position: absolute;
width: 300px;
left: -999em;
margin-left: -1px;
}


300px width should be enough for most languages. Depending on language(s) used the width can be tailored to proper size.
  For Greek aeromodellers and our friends around the world  - Greek Button sets for SMF - Greeklish to Greek mod
Δeν αφιερώνω χρόνο για μηνύματα σε greeklish.

humbleworld

Hello Agridoc,

May I ask how I could make the color of the font of the posted topic BLACK? Total blue is using sort of gray. I wish it to be black.

Thanks in advance for the help.

Dylert

Hi! I use the Total Blue theme and I like it very much!
I have one question: How can I make the space between the links in the main menu smaller? When I'm logged in as admin I have som many links, that the last link drops down to the line below.

Thanks in advance! :)

humbleworld

dylert, it seems that the creator of this theme has abandoned this theme. we no longer hear from him for a long time.

Dylert

Thanks a lot for the information, humbleworld! Maybe someone else can help? :)

The Domain Shop

#15
Quote from: Dylert on April 02, 2012, 08:18:52 AM
Hi! I use the Total Blue theme and I like it very much!
I have one question: How can I make the space between the links in the main menu smaller? When I'm logged in as admin I have som many links, that the last link drops down to the line below.

Thanks in advance! :)

In the themes index.css

Find

#topnav li a {
  display: block;
  font-size: 12px;
  line-height: 31px;
  padding: 0 16px;
}


You can change either the font size, padding or even the overall width of the forum, to change padding, change "16" to "14" for example, what ever works best for you :) Another option would be to look at adding a modification.

Quote from: humbleworld on April 03, 2012, 10:05:59 AM
dylert, it seems that the creator of this theme has abandoned this theme. we no longer hear from him for a long time.

This is not the case, i have other projects and commitments and only drop by simplemachines every now and again. You will get much faster response from me or other members if you post your questions @ http://www.adminslounge.net

Quote from: humbleworld on January 14, 2012, 01:01:14 PM
Hello Agridoc,

May I ask how I could make the color of the font of the posted topic BLACK? Total blue is using sort of gray. I wish it to be black.

Thanks in advance for the help.

Sorry for the delay, if you still want this, in the themes index.css

Find

.windowbg, #preview_body {
  background-color: #F6F6F6;
  color: #5B5B5B;
}


Replace with

.windowbg, #preview_body {
  background-color: #F6F6F6;
  color: #000;
}


Find


.windowbg2 {
  background-color: #EEEEEE;
  color: #5B5B5B;
}


Replace with


.windowbg2 {
  background-color: #EEEEEE;
  color: #000;
}

Dylert

Thanks a lot, Skin-box!  :D

Advertisement: