Barra buscar personalizada
2 participantes
Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre a aparência do fórum :: Questões resolvidas sobre a aparência do fórum
Página 1 de 1 • Compartilhe
Barra buscar personalizada
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
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)
Re: Barra buscar personalizada
Bom dia!
Poderia nós conceder o link do fórum com a caixa personalizada?
Até mais!
Poderia nós conceder o link do fórum com a caixa personalizada?
Até mais!
Re: Barra buscar personalizada
Olá senhor!
Aceda á teu CSS com o código abaixo:
Painel de Controle Visualização Imagens e Cores Cores Folha de estilo CSS
Se não funcionar nos avise amigo
Atenciosamente,
Mikéé.
Aceda á teu CSS com o código abaixo:
Painel de Controle Visualização Imagens e Cores Cores 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
Atenciosamente,
Mikéé.
Re: Barra buscar personalizada
mikéé resultou mais a barra antiga continua la ¬¬ ficou dentro da personalizada !
Re: Barra buscar personalizada
Olá senhor
Poderia me passar teu CSS?
Até mais!
Poderia me passar teu CSS?
Até mais!
Re: Barra buscar personalizada
- Spoiler:
- .contract,.expand{background:url(https://2img.net/i/fa/m/tabs_more1.gif);cursor:pointer;height:9px;position:absolute;right:10px;top:6px;width:9px}
.contract{background:url(https://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('https://i.servimg.com/u/f34/12/44/72/18/offl10.png');
background-repeat: no-repeat;
background-position: 100% 0%;
}
.online {
background-image: url('https://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('https://i.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('https://i.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 { ('https://i.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: expression(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(https://i.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("https://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(https://i.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;}
Re: Barra buscar personalizada
Olá meu querido!
Fiz algumas alterações, veja se gosta de tua caixa agora. Troque teu CSS pelo abaixo:
Atenciosamente,
Mikéé.
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éé.
Re: Barra buscar personalizada
Blz vlw resultou até melhor do que eu queria !
Tópicos semelhantes
» Incluir caixa personalizada buscar
» Tirar barra de ferramenta Buscar
» Barra de rolagem personalizada
» Mudar a cor da letra da barra buscar do forum
» Ajeitar logo e barra de buscar do fórum
» Tirar barra de ferramenta Buscar
» Barra de rolagem personalizada
» Mudar a cor da letra da barra buscar do forum
» Ajeitar logo e barra de buscar do fórum
Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre a aparência do fórum :: Questões resolvidas sobre a aparência do fórum
Página 1 de 1
Permissões neste sub-fórum
Não podes responder a tópicos