Barra buscar personalizada

2 participantes

Ver o tópico anterior Ver o tópico seguinte Ir para baixo

Tópico resolvido Barra buscar personalizada

Mensagem por Michell 27.09.12 23:02

Qual é minha questão:
Gostaria de editar meu Botão buscar assim como o da imagem !

Links e imagens do meu problema:
https://i.servimg.com/u/f36/16/66/13/97/sem_ta13.jpg

Endereço do meu fórum:
http://pitbulls.forumbrasil.net

Versão do meu fórum:
PHPBB3


Última edição por Michell em 28.09.12 15:56, editado 1 vez(es)
Michell

Michell
**

Membro desde : 08/09/2011
Mensagens : 78
Pontos : 130

http://pitbulls.forumbrasil.net

Ir para o topo Ir para baixo

Tópico resolvido Re: Barra buscar personalizada

Mensagem por Michell 28.09.12 14:17

up
Michell

Michell
**

Membro desde : 08/09/2011
Mensagens : 78
Pontos : 130

http://pitbulls.forumbrasil.net

Ir para o topo Ir para baixo

Principal Contribuidor

Tópico resolvido Re: Barra buscar personalizada

Mensagem por Sennior 28.09.12 14:23

Bom dia!

Poderia nós conceder o link do fórum com a caixa personalizada?

Até mais!
Sennior

Sennior
Principal Contribuidor
Principal Contribuidor

Membro desde : 10/06/2011
Mensagens : 16379
Pontos : 20903

https://ajuda.forumeiros.com/forum https://www.facebook.com/GladstonHenriq https://twitter.com/UmGladston

Ir para o topo Ir para baixo

Tópico resolvido Re: Barra buscar personalizada

Mensagem por Michell 28.09.12 15:12

Michell

Michell
**

Membro desde : 08/09/2011
Mensagens : 78
Pontos : 130

http://pitbulls.forumbrasil.net

Ir para o topo Ir para baixo

Principal Contribuidor

Tópico resolvido Re: Barra buscar personalizada

Mensagem por Sennior 28.09.12 15:19

Olá senhor!

Aceda á teu CSS com o código abaixo:
Painel de Controle Seta Visualização Seta Imagens e Cores Seta Cores Seta Folha de estilo CSS

Código:
#search-box {
padding-bottom: 5px !important;
}
#search-box {
position: center;
bottom: 55px;
height: 30px;
width: 190px;
right: -150px;
display: inline;
background-color: white;
border: 1px solid #D6D6D6;
background-image: url('http://cdn2.iconfinder.com/data/icons/icojoy/noshadow/standart/gif/24x24/001_38.gif');
background-position: right;
background-repeat: no-repeat;
-moz-box-shadow: 0 0 5px #d8d8d8;
-webkit-box-shadow: 0 0 5px#D8D8D8;
box-shadow: 0 0 5px #D8D8D8;
-moz-border-radius: 7px;
-webkit-border-radius: 7px;
border-radius: 7px;
}
#search-box {
float: right;
margin-right: 5px;
margin-top: 10px;
white-space: nowrap;
}

Se não funcionar nos avise amigo Muito feliz

Atenciosamente,
Mikéé.
Sennior

Sennior
Principal Contribuidor
Principal Contribuidor

Membro desde : 10/06/2011
Mensagens : 16379
Pontos : 20903

https://ajuda.forumeiros.com/forum https://www.facebook.com/GladstonHenriq https://twitter.com/UmGladston

Ir para o topo Ir para baixo

Tópico resolvido Re: Barra buscar personalizada

Mensagem por Michell 28.09.12 15:26

mikéé resultou mais a barra antiga continua la ¬¬ ficou dentro da personalizada !
Michell

Michell
**

Membro desde : 08/09/2011
Mensagens : 78
Pontos : 130

http://pitbulls.forumbrasil.net

Ir para o topo Ir para baixo

Principal Contribuidor

Tópico resolvido Re: Barra buscar personalizada

Mensagem por Sennior 28.09.12 15:35

Olá senhor Rindo

Poderia me passar teu CSS?

Até mais!
Sennior

Sennior
Principal Contribuidor
Principal Contribuidor

Membro desde : 10/06/2011
Mensagens : 16379
Pontos : 20903

https://ajuda.forumeiros.com/forum https://www.facebook.com/GladstonHenriq https://twitter.com/UmGladston

Ir para o topo Ir para baixo

Tópico resolvido Re: Barra buscar personalizada

Mensagem por Michell 28.09.12 15:38

Spoiler:
Michell

Michell
**

Membro desde : 08/09/2011
Mensagens : 78
Pontos : 130

http://pitbulls.forumbrasil.net

Ir para o topo Ir para baixo

Principal Contribuidor

Tópico resolvido Re: Barra buscar personalizada

Mensagem por Sennior 28.09.12 15:47

Olá meu querido! Eu amo você

Fiz algumas alterações, veja se gosta de tua caixa agora. Troque teu CSS pelo abaixo:

Código:
.button2 {
display: none !important;
}
input.search {
background: transparent !important;
background-position: -0 -705px;
padding-left: 122px !important;
top: 0px !important;
position: relative !important;
padding: 10px !important;
border-radius: 6px !important;
}
.contract,.expand{background:url(http://2img.net/i/fa/m/tabs_more1.gif);cursor:pointer;height:9px;position:absolute;right:10px;top:6px;width:9px}
.contract{background:url(http://2img.net/i/fa/m/tabs_less1.gif)}
blockquote div {
margin-left: 20px;
}
em{
font-style: normal;
}
blockquote blockquote {
background-color: #E4F4FC;
font-size: 1em;
margin: 0.5em 1px 0pt 15px;
}
blockquote blockquote blockquote {
background-color: #E4F4FC;
}
blockquote cite {
font-style: normal;
font-weight: bold;
display: block;
font-size: 0.9em;
}
blockquote cite cite {
font-size: 1em;
}
blockquote.uncited {
padding-top: 25px;
.post {
background-image: url('http://i34.servimg.com/u/f34/12/44/72/18/offl10.png');
background-repeat: no-repeat;
background-position: 100% 0%;
}
.online {
background-image: url('http://2img.net/i/fa/prosilver/icon_user_online_en.png');
}
.post {
border:1px solid #48829c;
}
ul.linklist li a img {
filter:alpha(opacity=30);
-moz-opacity: 0.3;
opacity: 0.3;
}
ul.linklist li a img:hover {
filter:alpha(opacity=100);
-moz-opacity: 1.0;
opacity: 1.0;
cursor:allowed;
}
#login_popup_background div.h3 {
color: #FFFFFF;
background-image: url('http://i62.servimg.com/u/f62/13/72/85/95/imagem15.jpg');
color: #FFFFFF;
font-weight: bold;
text-align: center !important;
}
#login_popup_background {
color: #FFFFFF;
text-align: center;
width: 479;
height: 248;
background-image: url('http://i62.servimg.com/u/f62/13/72/85/95/imagem15.jpg');
background-color: #000000;
}
body.chatbox {
background-color: #E6E6E6;
background-image: url('');
background-repeat: no-repeat;
background-position: 100% 0%;
}
#chatbox_footer, #chatbox_footer label {
background-color: #E6E6E6;
color: #000000;
}
#chatbox_footer{
border: 1px solid #cccccc;
}
.chatbox_row_1 {
display: none;
}
.chatbox-title, .chatbox-title a.chat-title {
background-color: #E6E6E6;
color: #000000;
}
.chatbox-title,.chatbox-title a.chat-title {
color: #000000 !important;
}
#chatbox_members, #chatbox_members ul, #chatbox_members ul li {
background-image: url('');
}
#chatbox_members {
border-left: 1px solid #cccccc;
border-bottom: 1px solid #cccccc;
}
.chatbox-options li,.chatbox-options li a,.chatbox-options li label {
background-color: #E6E6E66;
color: #000000;
}
.chatbox-title a.chat-title {
color: #000000;
}
#chatbox, .chatbox {
border: 1px solid #cccccc;
}
#chatbox_header { ('http://i11.servimg.com/u/f11/11/81/27/88/untitl26.png')
background-color: #E6E6E6;
}
#info {
overflow: visible;
width: 100%;
position: fixed;
z-index:2;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 8pt;
font-weight: normal;
top: 0;
left: 0;
}
#infobar a, #infobar a:link, #infobar a:visited, #infobar a:active {
display: block;
float: left;
width:100%;
clear: both;
color: InfoText;
background: InfoBackground url(icon_warning.gif) no-repeat fixed .3em .3em;
padding: .10em .3em .10em 2em;
border-bottom: .16em outset;
text-decoration: none;
cursor: default;
}
#infobar a:hover {
color: HighlightText;
background: Highlight url(icon_warning_hover.gif) no-repeat fixed .3em .3em;
}
#viewplot {
width: 100%;
height: expres?sion(this.parentNode.offsetHeight - this.offsetTop);
overflow-x: hidden;
overflow-y: scroll;
padding: 1em;
}
}
li.row:hover {
border: 1px solid #FFFFFF;
background-color: #FFFFFF;
}
blockquote {
background-color: bleck;
color: #CD853F;
}
blockquote div {
background-color: bleck;
color: #CD853F;
}
blockquote blockquote {
background-color: bleck;
color: #CD853F;
}
blockquote {
background-color: bleck;
}
.content blockquote {
color: #BEBEBE;
}
headerbar {
background-color: #1675bc !important;
}
blockquote {
border-color: #8EBBDF;
background-color: #D2E4F2;
}


.postprofile {
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
background-color: #FAFAFA;
background-image:url(http://i22.servimg.com/u/f22/15/52/27/82/grey13.png);
background-position: bottom;
background-repeat: repeat-x;
border: 1px solid #CFCFCF;
border-radius: 3px;
padding-bottom: 20px;
padding-right: 10px;
padding-top: 20px;
text-align: center;
text-weight: bold;
}
.postprofile {
border-color: #CFCFCF;
border-right-style: solid;
border-right-width: 1px;color: black;
display: inline;
float: left;
margin: 5px 0 0;
min-height: 80px;
position: relative;
width: 22%;
}

.avatar-index { float: left; }
.avatar-index img { width: 40px; height: 40px; padding: 1px; border: 1px solid #cfcfcf; margin: 0 5px;padding: 1px;}

.module {border-radius: 10px !important;}



a:hover {
color: #4876FF;
text-shadow : 0px 0px 10px #2600FF;
}


/*Efeito nos Grupos*/
a[href="/g1-administradores"] {
text-shadow: 0px 0px 5px #FF00D0;
}
a[href="/g2-moderadores"] {
text-shadow: 0px 0px 5px #00569C;
}
a[href="/g5-gerencia"] {
text-shadow: 0px 0px 5px #e007bf;
}
a[href="/g9-designer"] {
text-shadow: 0px 0px 5px #00bdad;
}
a[href="/g10-informatico"] {
text-shadow: 0px 0px 5px #fc8d05;
}


.lastpost {
-moz-border-radius: 7px;
-moz-box-shadow: 0 0 8px #666;
-webkit-border-radius: 7px;
-webkit-box-shadow: 0 0 8px #666;
border: 2px solid #EEE;
border-radius: 7px;
box-shadow: 0 0 8px #666;
margin: 3px;
width: auto;
}



.tipsy{padding:5px;font-size:10px;position:absolute;z-index:999}.tipsy-inner{padding:5px 8px 4px 8px;background-color:black;color:white;max-width:200px;text-align:center}.tipsy-inner{border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px}.tipsy-arrow{position:absolute;background:url("http://i.imgur.com/eaY2Z.gif") no-repeat top left;width:9px;height:5px}.tipsy-w .tipsy-arrow{top:50%;margin-top:-4px;left:0;width:5px;height:9px}





.quick_connex{
box-shadow:0 0 10px!important;
padding:5px;
position:absolute;
right:200px;
top:185px;
width:160px
}

.quick_connex .connec_close{
bottom:3px;
float:right;
left:5px;
position:relative
}

.module{background-color:#FFFFFF}
.module {
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border: 2px solid #D9F2FF;
}
.module {
background-color: #FFFFFF;
color: #525252;
margin-bottom: 4px;
overflow: hidden;
padding: 0 10px;
}

#wrap {
-moz-box-shadow: 0px 20px 20px #CCCCCC;
-webkit-box-shadow: 0px 20px 20px #CCCCCC;
}




#login_popup .h3 {display: none;}
#login_popup {
position: absolute;
width: 350px !important;
height: 280px !important;
background: #fff url(http://i27.servimg.com/u/f27/16/17/34/47/body-b15.png);
box-shadow: 0 0 8px #eb8d8d;
padding: 10px;
font-family: Trebuchet MS;
font-size: 1.2em;
border-radius: 10px;
border: 2px solid #D9F2FF; }




#search-box {
padding-bottom: 5px !important;
}
#search-box {
position: center;
bottom: 55px;
height: 30px;
width: 190px;
right: -150px;
display: inline;
background-color: white;
border: 1px solid #D6D6D6;
background-image: url('http://cdn2.iconfinder.com/data/icons/icojoy/noshadow/standart/gif/24x24/001_38.gif');
background-position: right;
background-repeat: no-repeat;
-moz-box-shadow: 0 0 5px #d8d8d8;
-webkit-box-shadow: 0 0 5px#D8D8D8;
box-shadow: 0 0 5px #D8D8D8;
-moz-border-radius: 7px;
-webkit-border-radius: 7px;
border-radius: 7px;
}
#search-box {
float: right;
margin-right: 5px;
margin-top: 10px;
white-space: nowrap;
}



#login_popup_close {display: none !important;}

Atenciosamente,
Mikéé.
Sennior

Sennior
Principal Contribuidor
Principal Contribuidor

Membro desde : 10/06/2011
Mensagens : 16379
Pontos : 20903

https://ajuda.forumeiros.com/forum https://www.facebook.com/GladstonHenriq https://twitter.com/UmGladston

Ir para o topo Ir para baixo

Tópico resolvido Re: Barra buscar personalizada

Mensagem por Michell 28.09.12 15:54

Blz vlw resultou até melhor do que eu queria !
Michell

Michell
**

Membro desde : 08/09/2011
Mensagens : 78
Pontos : 130

http://pitbulls.forumbrasil.net

Ir para o topo Ir para baixo

Ver o tópico anterior Ver o tópico seguinte Ir para o topo

- Tópicos semelhantes

Permissões neste sub-fórum
Não podes responder a tópicos