The forum of the forums
Would you like to react to this message? Create an account in a few clicks or log in to continue.

Search Popup Background

Go down

Solved Search Popup Background

Post by CatherinaAndrea November 13th 2010, 9:51 pm

As you can see on the screenshot the search box popup is having a transparent background and it makes it look very messy. Does anyone know the code to change that into a solid background color or image?

Search Popup Background Searchboxquestion

http://callofdutyboard.forumotion.co.uk/

Version: phpBB3

Thanks in advance Wink


Last edited by CatherinaAndrea on November 14th 2010, 4:19 pm; edited 1 time in total
CatherinaAndrea
CatherinaAndrea
Forumember

Female Posts : 230
Reputation : 19
Language : English, Russian, Dutch

http://www.nailphanatic.com/

Back to top Go down

Solved Re: Search Popup Background

Post by Guest November 13th 2010, 10:16 pm

Forum link? version?
avatar
Guest
Guest


Back to top Go down

Solved Re: Search Popup Background

Post by CatherinaAndrea November 13th 2010, 10:45 pm

CatherinaAndrea
CatherinaAndrea
Forumember

Female Posts : 230
Reputation : 19
Language : English, Russian, Dutch

http://www.nailphanatic.com/

Back to top Go down

Solved Re: Search Popup Background

Post by CatherinaAndrea November 14th 2010, 4:18 pm

Anyone??
CatherinaAndrea
CatherinaAndrea
Forumember

Female Posts : 230
Reputation : 19
Language : English, Russian, Dutch

http://www.nailphanatic.com/

Back to top Go down

Solved Re: Search Popup Background

Post by Guest November 14th 2010, 5:01 pm

Add this to ur CSS:
Code:

#search-box{background-color: white;}
avatar
Guest
Guest


Back to top Go down

Solved Re: Search Popup Background

Post by CatherinaAndrea November 14th 2010, 5:09 pm

Nope sorry didn't work, all that did was adding the floating mini search bar back up (the one in the top right corner)

Here's my css codes if you need them.

Code:

.forabg, .forumbg, .headerbar{
-moz-border-radius: 10px;
-webkit-border-radius: 10px;}

.introduction, .panel, .post, #text_editor_textarea {
background-color: transparent;
border: 1px solid ;
-moz-border-radius: 15px;
-webkit-border-radius: 15px;
border-color: #ffffff;
-moz-box-shadow : 0 0 3px #fff;
-webkit-box-shadow : 0 0 3px #fff;
}

body {
   margin: 0 auto;
   background-color: #000000;
                background-image: url('http://i63.servimg.com/u/f63/15/83/57/19/black_13.jpg');
   background-attachment: fixed;
   color: #4C4C4C;
   font-family: Arial,Verdana,Tahoma,sans-serif;
   font-size: 10px;
   line-height: 135%;
   background-repeat:no-repeat;
                background-position:center;
   }

#wrap {
width : 850px;
padding : 5px;
border : 3px solid #;
-moz-border-radius : 7px;
-webkit-border-radius : 7px;
-moz-box-shadow : 0 0 11px #fff;
-webkit-box-shadow : 0 0 11px #fff;
background-image: url('http://i66.servimg.com/u/f66/13/46/75/82/back_c11.png');
background-repeat: repeat;
}

li.row {background-image: url('http://i66.servimg.com/u/f66/13/46/75/82/lirowb10.png');}

div#page-header div.navbar ul.linklist li a{
padding-top: 11px;
padding-bottom: 10px;
padding-right: 3px;
padding-left: 4px;
color: #000000;}

div#page-header div.navbar ul.linklist li a:hover{
color: #efefef;
}

ul.navlinks {
font-weight: normal;
text-align: center;
border-bottom: 0px solid #ffffff;
padding-top: 0px;
padding-bottom: 0px;}


div#page-header div.navbar{
clear: both;
margin-top: -2px;
background: url('http://i216.photobucket.com/albums/cc174/ToxiCure/Header2Mech2.png') repeat-x #2e2e2f;
height: 150px;
background-position: center;
background-repeat: no-repeat;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;}

#search{
display:none;
}

.icon-home{
background: url(http://i216.photobucket.com/albums/cc174/ToxiCure/Folder-Home-icon-1.png) no-repeat top;
padding: 12px;
padding-bottom: 20px;
color: transparent !important;
font-size: 0px !important;}

.icon-home:hover{
background: url(http://i216.photobucket.com/albums/cc174/ToxiCure/Folder-Home-iconhover-1.png) no-repeat top;
color: transparent;}

.forumbg {
background: url(http://i216.photobucket.com/albums/cc174/ToxiCure/forumbg.jpg) repeat-x;
background-color: #000000;}


ul#picture_legend {
background-position: center;
background-repeat: no-repeat;
background-image: url('http://i66.servimg.com/u/f66/13/46/75/82/legend12.png');
text-align: center;
padding: 24px 0;}

ul#privmsgs-menu {
background-position: center;
background-repeat: no-repeat;
background-image: url('http://i66.servimg.com/u/f66/13/46/75/82/msgico10.png');
text-align: CENTER;
padding: 24px 0;}

a.button1, input.button1, a.button2, input.button2, button.button2 {
color: white;
background-image: url(http://i216.photobucket.com/albums/cc174/ToxiCure/forumbg.jpg);}

a.button1:hover, input.button1:hover, a.button2:hover, input.button2:hover, button.button2:hover {
color: white;}

#text_editor_controls a.button2,#text_editor_controls input.button2,#text_editor_controls button.button2{
background-image: url(http://2img.net/i/fa/prosilver/bg_button.gif);
color: black;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
padding: 3px;}

.buttons img{
background: url('http://i216.photobucket.com/albums/cc174/ToxiCure/button11.png') no-repeat;}

.buttons img:hover{
background: url('http://i216.photobucket.com/albums/cc174/ToxiCure/button11.png') no-repeat;
background-position:  0px -25px;}

ul.navlinks span.new-message {
font-weight: bold;
color: #d5ffae;
padding-right: 1.7em;
background: transparent url('http://2img.net/i/fa/email.gif') no-repeat top right;}



div#page-footer {
background-image: url('http://i216.photobucket.com/albums/cc174/ToxiCure/madeby-1.png');
background-position: bottom right;
background-repeat: no-repeat;
padding: 15px;}

#tabs a {
background-color: #ffffff;
background-image: url('http://i66.servimg.com/u/f66/13/46/75/82/back_c11.png');
border-bottom: 1px solid #ffffff;
font-color: #ffffff;}

#tabs .activetab a {
background: url('http://i216.photobucket.com/albums/cc174/ToxiCure/bgmenu11-1.png');
background-repeat: repeat-x;
background-color: #ffffff;
font-color: #333333;}

body.chatbox {
  background-color: transparent;}

blockquote blockquote {
background-color: transparent;
font-size: 0.95em;
margin: 0.5em 1px 0pt 15px;}

blockquote blockquote blockquote {
font-size: 0.95em;
background-color: transparent;}

dl.codebox {
padding: 3px;
background-color: transparent;
border: 1px solid #dadada;
font-size: 1em;
font-family: Trebuchet MS;}

dl.codebox dt {
text-transform: none;
font-size: 0.95em;
background-image: url('http://i66.servimg.com/u/f66/13/46/75/82/legend12.png');
background-repeat: no-repeat;
background-position: top center;
border-bottom: 0px solid #FFFFFF;
color: #c6e616;
font-weight: bold;}

dl.codebox code {
font: 0.9em Verdana,Arial,Helvetica,sans-serif;
color: #c6e616;}


profile-icon{
background: url('http://i216.photobucket.com/albums/cc174/ToxiCure/button11.png') no-repeat;}

profile-icon:hover{
background: url('http://i216.photobucket.com/albums/cc174/ToxiCure/button11.png') no-repeat;
background-position:  0px -25px;}

/* Modules-------------------------------------------------*/
.module {
   margin-bottom: 4px;
   padding: 0 10px;
   background-color: #000000;
        background-image: url("http://i216.photobucket.com/albums/cc174/ToxiCure/module2.png");
   overflow: hidden;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
   }
CatherinaAndrea
CatherinaAndrea
Forumember

Female Posts : 230
Reputation : 19
Language : English, Russian, Dutch

http://www.nailphanatic.com/

Back to top Go down

Solved Re: Search Popup Background

Post by Guest November 14th 2010, 5:30 pm

Ok... Change the "#" to "." (:
avatar
Guest
Guest


Back to top Go down

Solved Re: Search Popup Background

Post by CatherinaAndrea November 14th 2010, 5:48 pm

Didn't work either Sad Maybe i'll just use a module for it instead.

[edit]
Gangstar15 you can put this as solved, as i am going to go with the widget on this one instead. Thanks for your help. Smile
CatherinaAndrea
CatherinaAndrea
Forumember

Female Posts : 230
Reputation : 19
Language : English, Russian, Dutch

http://www.nailphanatic.com/

Back to top Go down

Solved Re: Search Popup Background

Post by Guest November 14th 2010, 6:08 pm

OK Very Happy
but try that Very Happy
Code:

.title-overview {
   background-color: white;
   }

#Locked
avatar
Guest
Guest


Back to top Go down

Back to top

- Similar topics

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