MyBB Codes
I would like to put a container around somethigs - Printable Version

+- MyBB Codes (http://www.mybbcodes.com)
+-- Forum: Babjusi's Previous Forum General Stuff (/forumdisplay.php?fid=42)
+--- Forum: General Support (/forumdisplay.php?fid=46)
+--- Thread: I would like to put a container around somethigs (/showthread.php?tid=2601)


I would like to put a container around somethigs - Technoman - 02-20-2011 08:05 PM

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

Cheers!

[attachment=799]


RE: I would like to put a container around somethigs - exdiogene - 02-22-2011 11:25 AM

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...


RE: I would like to put a container around somethigs - Technoman - 02-23-2011 05:51 AM

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

[attachment=800]

Thanks!


RE: I would like to put a container around somethigs - exdiogene - 02-23-2011 08:05 AM

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!

Wink


RE: I would like to put a container around somethigs - Technoman - 02-23-2011 10:02 PM

I like this and would be nice to get help in doing it the same
[attachment=801]


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!


RE: I would like to put a container around somethigs - exdiogene - 02-23-2011 11:03 PM

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...


RE: I would like to put a container around somethigs - Technoman - 02-24-2011 07:07 PM

I just added the extra text you posted and the navigation design is exaclty what i wanted Smile 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-size13px;
font-weightbold;
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; 




RE: I would like to put a container around somethigs - Technoman - 03-05-2011 06:45 PM

finally i figured this out, thanks exdiogene
cheers!