I would like to put a container around somethigs

[Technoman]

Post HTML Suite Plugin's DEMO

*** If you are looking for an affordable hosting with great support quality, click here! ***

Hi
how would i put a container or what ever you call it right around the highlighted part in red in this picture.

Cheers!

   

[exdiogene]

From your AdminCP, in your theme global.css settings select the ".navigation" item and add in the "Extra CSS Attributes" :

PHP Code:[Highlight]

border: #ff0000 solid 4px; 


Change the color and style to your liking...

[Technoman]

Thanks bro, but I dont want colour borders just a plain invisable rectangular.. your method was very close any other solution maybe?

   

Thanks!

[exdiogene]

What would be the use of an invisible rectangle around this area?

If i knew the purpose of this, i would be more able to respond accordingly!

[Technoman]

I like this and would be nice to get help in doing it the same
   


mybb / mybb / mybb general
(square around this like in the picture)

user(s) browsing this forum: technoman
(square around this like inside the picture)


hopefully I have explained myself better and up to now thanks for the help!

[exdiogene]

Normally you should be searching to do this yourself, using Google or other search engine. Or studying the CSS properties...

I will tell you this time the way he did it :

These are the settings for the border around the "navigation" class :

PHP Code:[Highlight]

border:1px solid #F6F6F6;
color:#999999;
font:bold 10px; /*"Lucida sans",Lucida,sans-serif;*/
outline:1px solid #D7D7D7;
padding:5px;
text-shadow:0 1px 0 #FFFFFF; 


As you see, the border is set the same way i showed you but with a "grey" color. There is only another border around the first one with another shade of grey...

[Technoman]

I just added the extra text you posted and the navigation design is exaclty what i wanted Thank-you very much!!! This is the code in the navigation and what it looks like now.


Next thing is now the part thats finnished is touching the notices above it where do i go to give a space from above notices like placing a </ br> somewhere to give a line space from above it?

let me know what I need to do from here, again thanks so much!

PHP Code:[Highlight]

.navigation {
color: #7cbf45;
font-size: 13px;
font-weight: bold;
border:1px solid #F6F6F6;
color:#999999;
font:bold 10px; /*"Lucida sans",Lucida,sans-serif;*/
outline:1px solid #D7D7D7;
padding:5px;
text-shadow:0 1px 0 #FFFFFF; 
} 


[Technoman]

finally i figured this out, thanks exdiogene
cheers!