The forum of the forums
Welcome to the Official Support Forum of Forumotion!

To take full advantage of everything offered by our forum, please log in if you are already a member, or join our community if you've not yet.



Create a free forum like this one.

Remove Searchbox and Forum Beveled/Curved Difficulities

View previous topic View next topic Go down

Solved Remove Searchbox and Forum Beveled/Curved Difficulities

Post by Lee Tamotsu on January 20th 2012, 2:51 am

Greetings, it's been a while since I've been here. Anyway I was hoping there was a code that would disable/take away the search box near the navbar. I'm on phpbb3 and I did some searching, but the codes I did find did not help.

I was also hoping there were codes that would curve/bevel the edges of forum content, as is done here in this forum. I was able to get the post content to be beveled/curved, but can't get the navbar border to curve or the category content. Thanks for any help!

Lee Tamotsu
Forumember

Male Posts : 219
Reputation : 1
Language : English

http://avatarrp.aforumfree.com/index.htm

Back to top Go down

Solved Re: Remove Searchbox and Forum Beveled/Curved Difficulities

Post by mahdy on January 20th 2012, 4:27 am

@Lee Tamotsu wrote:Greetings, it's been a while since I've been here. Anyway I was hoping there was a code that would disable/take away the search box near the navbar. I'm on phpbb3 and I did some searching, but the codes I did find did not help.


I'm also on phpbb3 and i use the code below to hide my search box. someone from this forum helped me out (err i forgot his nick)

Code:
#page-header #search-box{ display: none }

write the code in ACP> Display> Pictures & Colors> Colors> CSS Stylesheet

mahdy
Forumember

Male Posts : 33
Reputation : 1
Language : :'(
Location : London

Back to top Go down

Solved Re: Remove Searchbox and Forum Beveled/Curved Difficulities

Post by Lee Tamotsu on January 20th 2012, 4:38 am

Worked like a charm mahdy, thanks a ton!

As for the second problem, this is the code I have, but it doesn't add beveled/curved edges to the entire forum layout. I suppose what I need it for is the category/forum content and the navbar background, as this only works for the posted information and certain widgets.

body .post{
-moz-border-radius: 12px;
-webkit-border-radius: 12px;
}
body .module{
-moz-border-radius: 12px;
-webkit-border-radius: 12px;
}
body .panel{
-moz-border-radius: 12px;
-webkit-border-radius: 12px;
}

Lee Tamotsu
Forumember

Male Posts : 219
Reputation : 1
Language : English

http://avatarrp.aforumfree.com/index.htm

Back to top Go down

Solved Re: Remove Searchbox and Forum Beveled/Curved Difficulities

Post by Guest on January 20th 2012, 6:26 am

Try to replace that with this:
Code:
.post{
-webkit-border-radius: 12px;
-moz-border-radius: 12px;
border-radius: 12px;
}

.module{
-webkit-border-radius: 12px;
-moz-border-radius: 12px;
border-radius: 12px;
}

.panel{
-webkit-border-radius: 12px;
-moz-border-radius: 12px;
border-radius: 12px;
}

#wrap{
-webkit-border-radius: 12px;
-moz-border-radius: 12px;
border-radius: 12px;
}

Guest
Guest


Back to top Go down

Solved Re: Remove Searchbox and Forum Beveled/Curved Difficulities

Post by RoNo on January 20th 2012, 7:57 am

@Lee Tamotsu wrote:.... I was also hoping there were codes that would curve/bevel the edges of forum content, as is done here in this forum. I was able to get the post content to be beveled/curved, but can't get the navbar border to curve or the category content. Thanks for any help!
Phpbb3 rounded corners are usually done with images
Spoiler:
http://illiweb.com/fa/fdf3/corners_left.png
http://illiweb.com/fa/fdf3/corners_right.png

Heres's an example of Phpbb3's default corners code:

span.corners-top span {
background-image: url("http://illiweb.com/fa/fdf3/corners_right.png");
background-position: 100% 0;
}

This Css will round your phpbb3 corners
(including your logo image) Here are demos of
your forum →With this code | →Without this code Cool
Code:
#wrap {
   -moz-border-radius:10px;
   -webkit-border-radius:10px;
   border:#1E5C96 1px solid;
   border-radius:10px
   }
#logo img {
   -moz-border-radius:10px;
   -webkit-border-radius:10px;
   border:none!important;
   border-radius:10px
   }
.navbar {
   -moz-border-radius:10px;
   -webkit-border-radius:10px;
   border:none!important;
   border-radius:10px
   }
#main .module-advert  {
   -moz-border-radius:10px;
   -webkit-border-radius:10px;
   border:none!important;
   border-radius:10px
   }
.forabg {
   -moz-border-radius:10px;
   -webkit-border-radius:10px;
   border:none!important;
   border-radius:10px
   }
The demo is without the border code you were using...
remove the other border code, paste this & click submit.

RoNo
Active Poster

Male Posts : 1270
Reputation : 135
Language : English
Location : Laguna Beach, California

http://bf2mercenaries.forumotion.com/

Back to top Go down

Solved Re: Remove Searchbox and Forum Beveled/Curved Difficulities

Post by Lee Tamotsu on January 20th 2012, 2:36 pm

You guys are the best, thanks a ton.

Lee Tamotsu
Forumember

Male Posts : 219
Reputation : 1
Language : English

http://avatarrp.aforumfree.com/index.htm

Back to top Go down

Solved Re: Remove Searchbox and Forum Beveled/Curved Difficulities

Post by Nera. on January 20th 2012, 2:37 pm

Topic Solved & Locked

Nera.
Energetic

Female Posts : 7077
Reputation : 2013
Language : English
Location : -

http://webartzforum.com

Back to top Go down

View previous topic View next topic Back to top


 
Permissions in this forum:
You cannot reply to topics in this forum