Isto é uma pré-visualização de um tema em Hitskin.com
Instalar o tema • Voltar para a ficha do tema
Caixa de busca igual do fdf
+4
Oto!
Sennior
Yours'D
Daemon
8 participantes
Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre códigos :: Questões resolvidas sobre HTML e BBCode
Página 1 de 1
Caixa de busca igual do fdf
Qual é minha questão:
queria minha caixa de busca igual a essa daqui do fdf... se puderem ajudar ficarei grato.
Medidas que eu tomei para corrigir o problema:
-x-
Links e imagens do meu problema:
http://www.uploadeimagem.net/upload/21693f82.png
Endereço do meu fórum:
http://teste.uniogame.com
Versão do meu fórum:
PHPBB3
queria minha caixa de busca igual a essa daqui do fdf... se puderem ajudar ficarei grato.
Medidas que eu tomei para corrigir o problema:
-x-
Links e imagens do meu problema:
http://www.uploadeimagem.net/upload/21693f82.png
Endereço do meu fórum:
http://teste.uniogame.com
Versão do meu fórum:
PHPBB3
Última edição por [GM]-Daemon em 06.05.12 13:30, editado 1 vez(es)
Re: Caixa de busca igual do fdf
Olá,
Aceda á:
Aceda á:
Código:Painel de Controle Visualização Imagens e Cores Cores Aba 'Folha de Estilo CSS'
- Código:
/* Caixa de busca por @Supero 20/01/2009 - Atualização shiftactif.forumactif.com*/
#search-box input.button2{-webkit-border-radius:2px;-webkit-user-select:none;background-color:#f5f5f5;background-image:-o-linear-gradient(top,whiteSmoke,#F1F1F1);border:1px solid rgba(0,0,0,0.1);border-radius:2px;color:#666;cursor:pointer;font-size:11px;font-weight:700;height:29px;line-height:27px;margin:11px 6px;min-width:54px;padding:0 8px;text-align:center}#search-box input{-moz-box-sizing:content-box;background:#fff;border:1px solid #D9D9D9;border-width:1px;color:#000;height:23px}
#search #keywords:focus{width:290px}#search #keywords{-moz-transition:all 1s ease-in-out;-ms-transition:all 1s ease-in-out;-o-transition:all 1s ease-in-out;-webkit-transition:all 1s ease-in-out;transition:all 1s ease-in-out;width:150px}img[src="http://i66.servimg.com/u/f66/15/86/37/09/suppor10.png"]{height:auto;width:46px}
/* Fim da caixa de busca por @Supero 20/01/2009 - Atualização shiftactif.forumactif.com*/
Re: Caixa de busca igual do fdf
Olá,
Tente este código:
Tente este código:
- Código:
#search #keywords:focus{width:290px}#search #keywords{-moz-transition:all 1s ease-in-out;-ms-transition:all 1s ease-in-out;-o-transition:all 1s ease-in-out;-webkit-transition:all 1s ease-in-out;transition:all 1s ease-in-out;width:150px}
#search-box{float:right;margin-right:5px;margin-top:10px;white-space:nowrap}* html #search-box{margin-right:35px}#search-box #keywords{background-color:#fff;width:95px},#search-box input{border:1px solid #BCBCBC}#search-box input.button1{padding:1px 5px}input.search{background:url(http://2img.net/i/fa/sprite_prosilver_navbar.png) no-repeat top left;background-position:0 -701px;padding-left:17px}ul.linklist li.rightside{float:right}ul.linklist li.footer-home{float:left}p.rightside{float:right;margin-right:5px}
Re: Caixa de busca igual do fdf
Olá amigo;
Bom não faças isso amigo "Algum staff???" Pois eu como membro me sinto muito mal como se meu trabalho aqui ajudando vocês não passa de um nada.
Quanto a seu Código, adicione em um Widget:
E isso?
Cordialmente
House
Bom não faças isso amigo "Algum staff???" Pois eu como membro me sinto muito mal como se meu trabalho aqui ajudando vocês não passa de um nada.
Quanto a seu Código, adicione em um Widget:
- Código:
<form action="/search" method="get" target="_blank"><input name="mode" value="searchbox" type="hidden"><img src="http://2img.net/i/fa/fdf/nuage.png" style="float:left;"><p style="padding: 12px 0px;text-align:center;border-bottom:0px solid #1675BC;color:#1675BC;">Pesquisar em <br> <strong>Ajuda e Suporte</strong><br><br></p><div style="font-size:0.8em;line-height:125%;text-align:center;">Pesquisa questões na categoria Ajuda e Suporte, já colocadas por outros membros, poderás obter respostas mais rapidamente</div><p class="center-overview"><input style="width:100%;" class="inputbox" name="search_keywords" type="text" value="Buscar..." onclick="if (this.value == 'Buscar...') this.value = '';" onblur="if (this.value == '') this.value = 'Buscar...';">Resultados por:<br><label for="rtopics"><input id="rtopics" name="show_results" value="topics" checked="checked" type="radio"> Tópicos</label><br><label for="rposts"><input id="rposts" name="show_results" value="posts" type="radio"> Mensagens</label></p><hr><center><input class="button1" value="Procurar" type="submit"></center><select name="search_where" style="display:none;"><option value="c2">|--Regras & ForumiZar</option></select></form>
E isso?
Cordialmente
House
Re: Caixa de busca igual do fdf
Dr.House irei testar o seu codigo... mas falei "algum staff" pq alem dos membros pra ajudar os que deviam dar mais atenção é os staff e pelo jeito os membros são mais atenciosos por isso obrigado ;D, irei testar seu codigo e ja digo se funcionou
Re: Caixa de busca igual do fdf
Olá,
Vá à Painel de Controle Visualização Imagens e Cores Cores CSS.
Até mais.
Vá à Painel de Controle Visualização Imagens e Cores Cores CSS.
- Código:
/* Caixa de busca por @Supero 20/01/2009 */
#search-box input.button2{-webkit-border-radius:2px;-webkit-user-select:none;background-color:#f5f5f5;background-image:-o-linear-gradient(top,whiteSmoke,#F1F1F1);border:1px solid rgba(0,0,0,0.1);border-radius:2px;color:#666;cursor:pointer;font-size:11px;font-weight:700;height:29px;line-height:27px;margin:11px 6px;min-width:54px;padding:0 8px;text-align:center}#search-box input{-moz-box-sizing:content-box;background:#fff;border:1px solid #D9D9D9;border-width:1px;color:#000;height:23px}
#search #keywords:focus{width:290px}#search #keywords{-moz-transition:all 1s ease-in-out;-ms-transition:all 1s ease-in-out;-o-transition:all 1s ease-in-out;-webkit-transition:all 1s ease-in-out;transition:all 1s ease-in-out;width:150px}img[src="http://i66.servimg.com/u/f66/15/86/37/09/suppor10.png"]{height:auto;width:46px}
/* Fim da caixa de busca por @Supero 20/01/2009*/
Até mais.
Re: Caixa de busca igual do fdf
mas eu n quero o buscar dentro de um widget eu quero ele na mesma posição que está aqui no fdf
Re: Caixa de busca igual do fdf
cara eu só quero essa caixa de busca igual do fdf... ela não aparece... quero na mesma posição se possivel =/
Re: Caixa de busca igual do fdf
- Código:
/******Quita previsualizacion de hitskin******/
body#phpbb{margin-top:0px !important}
#hitskin_preview{display:none !important;height:0px !important}
/**************************************/
#wrap { margin-top: -20px; margin-bottom: -20px; padding: 15px; border: 1px solid #cfcfd1;}
dd.topics { visibility: hidden; }
.postprofile { padding-top: 5px; border: 1px solid #E9E9E9; background-color: #f2f2f3; display: block; text-align: center; -webkit-border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -moz-border-radius: 5px; border-left-radius: 5px; border-top-radius: 5px; }
.post span.corners-top{ background: url('http://www.uploadeimagem.net/upload/d4d86d9d.png');height: 33px; widht: 5px; -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px; }
.post span.corners-bottom{ background: url('http://i21.servimg.com/u/f21/16/11/23/46/barra-10.png');height: 34px; margin-top: 15px; -webkit-border-bottom-right-radius: 5px; -webkit-border-bottom-left-radius: 5px; -moz-border-radius-bottomright: 5px; -moz-border-radius-bottomleft: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px;}
.postprofile dd { text-align: left; }
.post { background-color: #FAFAFA; border-top-style: solid; border-top-color: #E9E9E9; border-top-width: 1px; border-bottom-style: solid; border-bottom-color: #E9E9E9; border-bottom-width: 1px; border-left: 1px #E9E9E9 solid; border-right: 1px #E9E9E9 solid; margin-bottom: 15px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
.search-box { visibility: hidden; }
#search-box { visibility: hidden; }
.module { background-color: #d6dee3; border-top-style: solid; border-top-color: #d6dee3; border-top-width: 1px; border-bottom-style: solid; border-bottom-color: #E9E9E9; border-bottom-width: 1px; border-left: 1px #E9E9E9 solid; border-right: 1px #E9E9E9 solid; margin-bottom: 15px; -moz-border-radius: 1px; -webkit-border-radius: 1px; }
.module span.corners-top{ background: url(''); background-repeat: no-repeat; height: -10px; -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px; }
.module span.corners-bottom{ background: url('');height: 0px; margin-top: 15px; -webkit-border-bottom-right-radius: 5px; -webkit-border-bottom-left-radius: 5px; -moz-border-radius-bottomright: 5px; -moz-border-radius-bottomleft: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px;}
.h3 { background: url(http://i21.servimg.com/u/f21/16/11/23/46/h2line10.png) left bottom no-repeat; font-family: Arial,Helvetica,sans-serif,Verdana,Arial,Helvetica,sans-serif; text-transform: uppercase; border: 0px; padding-bottom: 5px; font-size: 9px;}
.hierarchy {background: none;}
.hierarchy:before {content: url(http://2img.net/i/fa/empty.gif);}
div#page-header { background-image: url('http://www.uploadeimagem.net/upload/8a900808.png'); margin-left: -100px; margin-top: -8px; margin-right: -100px; margin-bottom: 35px; height: 141px;}
ul.navlinks { border: none; margin-top: -16px; }
#logo { margin-top: -10px; }
.panel { border: 1px solid #E9E9E9; background-color: #f2f2f3; } .table-title{padding-left: 15px;}
li.header dt, li.header dd { line-height: 1em; border-left-width: 0; margin: 2px 0 4px 0; color: #ffffff; padding-top: 2px; padding-bottom: 4px; font-size: 11px; font-family: Tahoma,Arial,Helvetica,sans-serif; text-transform: none;}
.header{ text-align: center; padding-top: 1px; height: 33px; }
.forumbg { border: 1px solid #dddee0; -moz-border-radius: 4px; -webkit-border-radius: 4px; background-color: #F5F5FE; }
.forabg { border: 1px solid #dddee0; -moz-border-radius: 4px; -webkit-border-radius: 4px; background-color: #F5F5FE; }
p em b a.gensmall { font-style: normal;} p em { font-style: normal;}
form#quick_reply #textarea_content textarea#text_editor_textarea { background: #FFFFFF; border: 2px solid #5a5c6b; -webkit-border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -moz-border-radius: 5px; border-left-radius: 5px; border-top-radius: 5px; }
textarea:focus,input:focus {outline: none;}
#text_editor_controls a.button2,#text_editor_controls input.button2,#text_editor_controls button.button2{ background-image: url(http://i66.servimg.com/u/f66/13/46/75/82/untitl31.png); color: black; -moz-border-radius: 5px; -webkit-border-radius: 5px; padding: 3px;}
ul#picture_legend, ul#privmsgs-menu { border: 1px solid #dddee0; background-color: #F5F5FE; }
.overview { border: 1px solid #dddee0; background-color: #F5F5FE; -webkit-border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -moz-border-radius: 5px; border-left-radius: 5px; border-top-radius: 5px; }
.row .pagination { display: block; float: right; width: auto; margin-top: 0; padding: 1px 0 1px 15px; font-size: 0.9em; background: url("http://i36.servimg.com/u/f36/15/36/89/66/multip10.gif") 0 50% no-repeat; }
blockquote, blockquote blockquote, blockquote blockquote blockquote { background-color: #f2f2f3; border: 1px solid #E9E9E9; }
#page-footer div.navbar{ background-image: url('http://www.uploadeimagem.net/upload/5234eee5.png'); background-repeat: repeat-x; font-size: 9px; -moz-border-radius : 6px; -webkit-border-radius : 6px; } #page-footer ul li a { color: #FFFFFF; }
table.forumline { border: 1px solid #dddee0; background-color: #F5F5FE; padding-top: 15px; }
table.forumline td.catHead { text-align: center; }
#bookmarks a img.digg { width: 16px; height: 16px; margin: 2px; background: url(http://i80.servimg.com/u/f80/14/20/20/78/digg_110.png) no-repeat scroll; }
#bookmarks a img.twitter { width: 16px; height: 16px; margin: 2px; background: url(http://i80.servimg.com/u/f80/14/20/20/78/twitte10.png) no-repeat scroll; }
#bookmarks a img.delicious { width: 16px; height: 16px; margin: 2px; background: url(http://i80.servimg.com/u/f80/14/20/20/78/delici10.png) no-repeat scroll; } #bookmarks a img.technorati { width: 16px; height: 16px; margin: 2px; background: url(http://i80.servimg.com/u/f80/14/20/20/78/techno10.png) no-repeat scroll; } #bookmarks a img.furl { display: none; }
#bookmarks a img.stumbleupon { width: 16px; height: 16px; margin: 2px; background: url(http://i80.servimg.com/u/f80/14/20/20/78/stumbl10.png) no-repeat scroll; } #bookmarks a img.newsvine { width: 16px; height: 16px; margin: 2px; background: url(http://i80.servimg.com/u/f80/14/20/20/78/newsvi10.png) no-repeat scroll; } #bookmarks img.reddit { width: 16px; height: 16px; margin: 2px; background: url(http://i80.servimg.com/u/f80/14/20/20/78/reddit10.png) no-repeat scroll; } #bookmarks img.live { width: 16px; height: 16px; margin: 2px; background: url(http://i80.servimg.com/u/f80/14/20/20/78/window10.png) no-repeat scroll; }
#bookmarks img.yahoo { width: 16px; height: 16px; margin: 2px; background: url(http://i80.servimg.com/u/f80/14/20/20/78/yahoo_10.png) no-repeat scroll; } #bookmarks img.google { width: 16px; height: 16px; margin: 2px; background: url(http://i80.servimg.com/u/f80/14/20/20/78/google10.png) no-repeat scroll; } #bookmarks img.netscape { display: none; } #bookmarks img.excite { display: none; } #bookmarks img.smarking { display: none; }
#bookmarks img.slashdot { display: none; }
#bookmarks a img.facebook { width: 16px; height: 16px; margin: 2px; background: url(http://i80.servimg.com/u/f80/14/20/20/78/facebo10.png) no-repeat scroll; }
#i_icon_mini_index {
background-image: url('http://www.uploadeimagem.net/upload/230d7c11.png');
width: 85px;
height: 32px;center: 20em;
margin-top: 6px;
margin-bottom: 6px;
margin-left: 100px;
}
#i_icon_mini_index:hover {
background-image: url('http://www.uploadeimagem.net/upload/ecd3a8db.png');
width: 85px;
height: 32px;right: -10em;
}
#i_icon_mini_portal {
background-image: url('http://www.uploadeimagem.net/upload/4d317b97.png');
width: 85px;
height: 32px;
margin-top: 6px;
margin-bottom: 6px;
}
#i_icon_mini_portal:hover {
background-image: url('http://www.uploadeimagem.net/upload/ae794a6b.png');
width: 85px;
height: 32px;
margin-top: 6px;
margin-bottom: 6px;
}
#i_icon_mini_faq {
background-image: url('http://www.uploadeimagem.net/upload/5bbbe3cc.png');
width: 65px;
height: 32px;
margin-top: -10px;
margin-bottom: -10px;
}
#i_icon_mini_faq:hover {
background-image: url('http://www.uploadeimagem.net/upload/a784454f.png');
width: 65px;
height: 32px;
margin-top: -10px;
margin-bottom: -10px;
}
#i_icon_mini_search {
background-image: url('http://www.uploadeimagem.net/upload/88d9e72c.png');
width: 65px;
height: 32px;
margin-top: 6px;
margin-bottom: 6px;
}
#i_icon_mini_search:hover {
background-image: url('http://www.uploadeimagem.net/upload/7a4a1bcb.png');
width: 65px;
height: 32px;
margin-top: 6px;
margin-bottom: 6px;
}
#i_icon_mini_members {
background-image: url('http://www.uploadeimagem.net/upload/ffb52c91.png');
width: 85px;
height: 32px;
margin-top: 6px;
margin-bottom: 6px;
}
#i_icon_mini_members:hover {
background-image: url('http://www.uploadeimagem.net/upload/d328e40a.png');
width: 85px;
height: 32px;
margin-top: 6px;
margin-bottom: 6px;
}
#i_icon_mini_groups {
background-image: url('http://www.uploadeimagem.net/upload/0cb5e69b.png');
width: 65px;
height: 32px;
margin-top: 6px;
margin-bottom: 6px;
}
#i_icon_mini_groups:hover {
background-image: url('http://www.uploadeimagem.net/upload/ea17f609.png');
width: 65px;
height: 32px;
margin-top: 6px;
margin-bottom: 6px;
}
#i_icon_mini_profile {
background-image: url('http://www.uploadeimagem.net/upload/9400e24d.png');
width: 65px;
height: 32px;
margin-top: 6px;
margin-bottom: 6px;
}
#i_icon_mini_profile:hover {
background-image: url('http://www.uploadeimagem.net/upload/16a271ce.png');
width: 65px;
height: 32px;
margin-top: 6px;
margin-bottom: 6px;
}
#i_icon_mini_message {
background-image: url('http://www.uploadeimagem.net/upload/36c7f4f5.png');
width: 85px;
height: 32px;
margin-top: 6px;
margin-bottom: 6px;
}
#i_icon_mini_message:hover {
background-image: url('http://www.uploadeimagem.net/upload/997547e3.png');
width: 85px;
height: 32px;
margin-top: 6px;
margin-bottom: 6px;
}
#i_icon_mini_logout {
background-image: url('http://www.uploadeimagem.net/upload/ffa735eb.png');
width: 65px;
height: 32px;
margin-top: 6px;
margin-bottom: 6px;
}
#i_icon_mini_logout:hover {
background-image: url('http://www.uploadeimagem.net/upload/777ba98a.png');
width: 65px;
height: 32px;
margin-top: 6px;
margin-bottom: 6px;
}
#i_icon_mini_login {
background-image: url('http://www.uploadeimagem.net/upload/501292f8.png');
width: 65px;
height: 32px;
margin-top: 6px;
margin-bottom: 6px;
}
#i_icon_mini_login:hover {
background-image: url('http://www.uploadeimagem.net/upload/0ae40569.png');
width: 65px;
height: 32px;
margin-top: 6px;
margin-bottom: 6px;
}
#i_icon_mini_register {
background-image: url('http://www.uploadeimagem.net/upload/c7385837.png');
width: 85px;
height: 32px;
margin-top: -10px;
margin-bottom: -10px;
}
#i_icon_mini_register:hover {
background-image: url('http://www.uploadeimagem.net/upload/66650851.png');
width: 85px;
height: 32px;
margin-top: -10px;
margin-bottom: -10px;
}
#right {
margin-top: 145px;
}
/* Caixa de busca por @Supero 20/01/2009 */
#search-box input.button2{-webkit-border-radius:2px;-webkit-user-select:none;background-color:#f5f5f5;background-image:-o-linear-gradient(top,whiteSmoke,#F1F1F1);border:1px solid rgba(0,0,0,0.1);border-radius:2px;color:#666;cursor:pointer;font-size:11px;font-weight:700;height:29px;line-height:27px;margin:11px 6px;min-width:54px;padding:0 8px;text-align:center}#search-box input{-moz-box-sizing:content-box;background:#fff;border:1px solid #D9D9D9;border-width:1px;color:#000;height:23px}
#search #keywords:focus{width:290px}#search #keywords{-moz-transition:all 1s ease-in-out;-ms-transition:all 1s ease-in-out;-o-transition:all 1s ease-in-out;-webkit-transition:all 1s ease-in-out;transition:all 1s ease-in-out;width:150px}img[src="http://i66.servimg.com/u/f66/15/86/37/09/suppor10.png"]{height:auto;width:46px}
/* Fim da caixa de busca por @Supero 20/01/2009*/
Re: Caixa de busca igual do fdf
Olá,
Substitua o código por este:
Substitua o código por este:
- Código:
/******Quita previsualizacion de hitskin******/
body#phpbb{margin-top:0px !important}
#hitskin_preview{display:none !important;height:0px !important}
/**************************************/
#wrap { margin-top: -20px; margin-bottom: -20px; padding: 15px; border: 1px solid #cfcfd1;}
dd.topics { visibility: hidden; }
.postprofile { padding-top: 5px; border: 1px solid #E9E9E9; background-color: #f2f2f3; display: block; text-align: center; -webkit-border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -moz-border-radius: 5px; border-left-radius: 5px; border-top-radius: 5px; }
.post span.corners-top{ background: url('http://www.uploadeimagem.net/upload/d4d86d9d.png');height: 33px; widht: 5px; -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px; }
.post span.corners-bottom{ background: url('http://i21.servimg.com/u/f21/16/11/23/46/barra-10.png');height: 34px; margin-top: 15px; -webkit-border-bottom-right-radius: 5px; -webkit-border-bottom-left-radius: 5px; -moz-border-radius-bottomright: 5px; -moz-border-radius-bottomleft: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px;}
.postprofile dd { text-align: left; }
.post { background-color: #FAFAFA; border-top-style: solid; border-top-color: #E9E9E9; border-top-width: 1px; border-bottom-style: solid; border-bottom-color: #E9E9E9; border-bottom-width: 1px; border-left: 1px #E9E9E9 solid; border-right: 1px #E9E9E9 solid; margin-bottom: 15px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
.module { background-color: #d6dee3; border-top-style: solid; border-top-color: #d6dee3; border-top-width: 1px; border-bottom-style: solid; border-bottom-color: #E9E9E9; border-bottom-width: 1px; border-left: 1px #E9E9E9 solid; border-right: 1px #E9E9E9 solid; margin-bottom: 15px; -moz-border-radius: 1px; -webkit-border-radius: 1px; }
.module span.corners-top{ background: url(''); background-repeat: no-repeat; height: -10px; -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px; }
.module span.corners-bottom{ background: url('');height: 0px; margin-top: 15px; -webkit-border-bottom-right-radius: 5px; -webkit-border-bottom-left-radius: 5px; -moz-border-radius-bottomright: 5px; -moz-border-radius-bottomleft: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px;}
.h3 { background: url(http://i21.servimg.com/u/f21/16/11/23/46/h2line10.png) left bottom no-repeat; font-family: Arial,Helvetica,sans-serif,Verdana,Arial,Helvetica,sans-serif; text-transform: uppercase; border: 0px; padding-bottom: 5px; font-size: 9px;}
.hierarchy {background: none;}
.hierarchy:before {content: url(http://2img.net/i/fa/empty.gif);}
div#page-header { background-image: url('http://www.uploadeimagem.net/upload/8a900808.png'); margin-left: -100px; margin-top: -8px; margin-right: -100px; margin-bottom: 35px; height: 141px;}
ul.navlinks { border: none; margin-top: -16px; }
#logo { margin-top: -10px; }
.panel { border: 1px solid #E9E9E9; background-color: #f2f2f3; } .table-title{padding-left: 15px;}
li.header dt, li.header dd { line-height: 1em; border-left-width: 0; margin: 2px 0 4px 0; color: #ffffff; padding-top: 2px; padding-bottom: 4px; font-size: 11px; font-family: Tahoma,Arial,Helvetica,sans-serif; text-transform: none;}
.header{ text-align: center; padding-top: 1px; height: 33px; }
.forumbg { border: 1px solid #dddee0; -moz-border-radius: 4px; -webkit-border-radius: 4px; background-color: #F5F5FE; }
.forabg { border: 1px solid #dddee0; -moz-border-radius: 4px; -webkit-border-radius: 4px; background-color: #F5F5FE; }
p em b a.gensmall { font-style: normal;} p em { font-style: normal;}
form#quick_reply #textarea_content textarea#text_editor_textarea { background: #FFFFFF; border: 2px solid #5a5c6b; -webkit-border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -moz-border-radius: 5px; border-left-radius: 5px; border-top-radius: 5px; }
textarea:focus,input:focus {outline: none;}
#text_editor_controls a.button2,#text_editor_controls input.button2,#text_editor_controls button.button2{ background-image: url(http://i66.servimg.com/u/f66/13/46/75/82/untitl31.png); color: black; -moz-border-radius: 5px; -webkit-border-radius: 5px; padding: 3px;}
ul#picture_legend, ul#privmsgs-menu { border: 1px solid #dddee0; background-color: #F5F5FE; }
.overview { border: 1px solid #dddee0; background-color: #F5F5FE; -webkit-border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -moz-border-radius: 5px; border-left-radius: 5px; border-top-radius: 5px; }
.row .pagination { display: block; float: right; width: auto; margin-top: 0; padding: 1px 0 1px 15px; font-size: 0.9em; background: url("http://i36.servimg.com/u/f36/15/36/89/66/multip10.gif") 0 50% no-repeat; }
blockquote, blockquote blockquote, blockquote blockquote blockquote { background-color: #f2f2f3; border: 1px solid #E9E9E9; }
#page-footer div.navbar{ background-image: url('http://www.uploadeimagem.net/upload/5234eee5.png'); background-repeat: repeat-x; font-size: 9px; -moz-border-radius : 6px; -webkit-border-radius : 6px; } #page-footer ul li a { color: #FFFFFF; }
table.forumline { border: 1px solid #dddee0; background-color: #F5F5FE; padding-top: 15px; }
table.forumline td.catHead { text-align: center; }
#bookmarks a img.digg { width: 16px; height: 16px; margin: 2px; background: url(http://i80.servimg.com/u/f80/14/20/20/78/digg_110.png) no-repeat scroll; }
#bookmarks a img.twitter { width: 16px; height: 16px; margin: 2px; background: url(http://i80.servimg.com/u/f80/14/20/20/78/twitte10.png) no-repeat scroll; }
#bookmarks a img.delicious { width: 16px; height: 16px; margin: 2px; background: url(http://i80.servimg.com/u/f80/14/20/20/78/delici10.png) no-repeat scroll; } #bookmarks a img.technorati { width: 16px; height: 16px; margin: 2px; background: url(http://i80.servimg.com/u/f80/14/20/20/78/techno10.png) no-repeat scroll; } #bookmarks a img.furl { display: none; }
#bookmarks a img.stumbleupon { width: 16px; height: 16px; margin: 2px; background: url(http://i80.servimg.com/u/f80/14/20/20/78/stumbl10.png) no-repeat scroll; } #bookmarks a img.newsvine { width: 16px; height: 16px; margin: 2px; background: url(http://i80.servimg.com/u/f80/14/20/20/78/newsvi10.png) no-repeat scroll; } #bookmarks img.reddit { width: 16px; height: 16px; margin: 2px; background: url(http://i80.servimg.com/u/f80/14/20/20/78/reddit10.png) no-repeat scroll; } #bookmarks img.live { width: 16px; height: 16px; margin: 2px; background: url(http://i80.servimg.com/u/f80/14/20/20/78/window10.png) no-repeat scroll; }
#bookmarks img.yahoo { width: 16px; height: 16px; margin: 2px; background: url(http://i80.servimg.com/u/f80/14/20/20/78/yahoo_10.png) no-repeat scroll; } #bookmarks img.google { width: 16px; height: 16px; margin: 2px; background: url(http://i80.servimg.com/u/f80/14/20/20/78/google10.png) no-repeat scroll; } #bookmarks img.netscape { display: none; } #bookmarks img.excite { display: none; } #bookmarks img.smarking { display: none; }
#bookmarks img.slashdot { display: none; }
#bookmarks a img.facebook { width: 16px; height: 16px; margin: 2px; background: url(http://i80.servimg.com/u/f80/14/20/20/78/facebo10.png) no-repeat scroll; }
#i_icon_mini_index {
background-image: url('http://www.uploadeimagem.net/upload/230d7c11.png');
width: 85px;
height: 32px;center: 20em;
margin-top: 6px;
margin-bottom: 6px;
margin-left: 100px;
}
#i_icon_mini_index:hover {
background-image: url('http://www.uploadeimagem.net/upload/ecd3a8db.png');
width: 85px;
height: 32px;right: -10em;
}
#i_icon_mini_portal {
background-image: url('http://www.uploadeimagem.net/upload/4d317b97.png');
width: 85px;
height: 32px;
margin-top: 6px;
margin-bottom: 6px;
}
#i_icon_mini_portal:hover {
background-image: url('http://www.uploadeimagem.net/upload/ae794a6b.png');
width: 85px;
height: 32px;
margin-top: 6px;
margin-bottom: 6px;
}
#i_icon_mini_faq {
background-image: url('http://www.uploadeimagem.net/upload/5bbbe3cc.png');
width: 65px;
height: 32px;
margin-top: -10px;
margin-bottom: -10px;
}
#i_icon_mini_faq:hover {
background-image: url('http://www.uploadeimagem.net/upload/a784454f.png');
width: 65px;
height: 32px;
margin-top: -10px;
margin-bottom: -10px;
}
#i_icon_mini_search {
background-image: url('http://www.uploadeimagem.net/upload/88d9e72c.png');
width: 65px;
height: 32px;
margin-top: 6px;
margin-bottom: 6px;
}
#i_icon_mini_search:hover {
background-image: url('http://www.uploadeimagem.net/upload/7a4a1bcb.png');
width: 65px;
height: 32px;
margin-top: 6px;
margin-bottom: 6px;
}
#i_icon_mini_members {
background-image: url('http://www.uploadeimagem.net/upload/ffb52c91.png');
width: 85px;
height: 32px;
margin-top: 6px;
margin-bottom: 6px;
}
#i_icon_mini_members:hover {
background-image: url('http://www.uploadeimagem.net/upload/d328e40a.png');
width: 85px;
height: 32px;
margin-top: 6px;
margin-bottom: 6px;
}
#i_icon_mini_groups {
background-image: url('http://www.uploadeimagem.net/upload/0cb5e69b.png');
width: 65px;
height: 32px;
margin-top: 6px;
margin-bottom: 6px;
}
#i_icon_mini_groups:hover {
background-image: url('http://www.uploadeimagem.net/upload/ea17f609.png');
width: 65px;
height: 32px;
margin-top: 6px;
margin-bottom: 6px;
}
#i_icon_mini_profile {
background-image: url('http://www.uploadeimagem.net/upload/9400e24d.png');
width: 65px;
height: 32px;
margin-top: 6px;
margin-bottom: 6px;
}
#i_icon_mini_profile:hover {
background-image: url('http://www.uploadeimagem.net/upload/16a271ce.png');
width: 65px;
height: 32px;
margin-top: 6px;
margin-bottom: 6px;
}
#i_icon_mini_message {
background-image: url('http://www.uploadeimagem.net/upload/36c7f4f5.png');
width: 85px;
height: 32px;
margin-top: 6px;
margin-bottom: 6px;
}
#i_icon_mini_message:hover {
background-image: url('http://www.uploadeimagem.net/upload/997547e3.png');
width: 85px;
height: 32px;
margin-top: 6px;
margin-bottom: 6px;
}
#i_icon_mini_logout {
background-image: url('http://www.uploadeimagem.net/upload/ffa735eb.png');
width: 65px;
height: 32px;
margin-top: 6px;
margin-bottom: 6px;
}
#i_icon_mini_logout:hover {
background-image: url('http://www.uploadeimagem.net/upload/777ba98a.png');
width: 65px;
height: 32px;
margin-top: 6px;
margin-bottom: 6px;
}
#i_icon_mini_login {
background-image: url('http://www.uploadeimagem.net/upload/501292f8.png');
width: 65px;
height: 32px;
margin-top: 6px;
margin-bottom: 6px;
}
#i_icon_mini_login:hover {
background-image: url('http://www.uploadeimagem.net/upload/0ae40569.png');
width: 65px;
height: 32px;
margin-top: 6px;
margin-bottom: 6px;
}
#i_icon_mini_register {
background-image: url('http://www.uploadeimagem.net/upload/c7385837.png');
width: 85px;
height: 32px;
margin-top: -10px;
margin-bottom: -10px;
}
#i_icon_mini_register:hover {
background-image: url('http://www.uploadeimagem.net/upload/66650851.png');
width: 85px;
height: 32px;
margin-top: -10px;
margin-bottom: -10px;
}
#right {
margin-top: 145px;
}
/* Caixa de busca por @Supero 20/01/2009 */
#search-box input.button2{-webkit-border-radius:2px;-webkit-user-select:none;background-color:#f5f5f5;background-image:-o-linear-gradient(top,whiteSmoke,#F1F1F1);border:1px solid rgba(0,0,0,0.1);border-radius:2px;color:#666;cursor:pointer;font-size:11px;font-weight:700;height:29px;line-height:27px;margin:11px 6px;min-width:54px;padding:0 8px;text-align:center}#search-box input{-moz-box-sizing:content-box;background:#fff;border:1px solid #D9D9D9;border-width:1px;color:#000;height:23px}
#search #keywords:focus{width:290px}#search #keywords{-moz-transition:all 1s ease-in-out;-ms-transition:all 1s ease-in-out;-o-transition:all 1s ease-in-out;-webkit-transition:all 1s ease-in-out;transition:all 1s ease-in-out;width:150px}img[src="http://i66.servimg.com/u/f66/15/86/37/09/suppor10.png"]{height:auto;width:46px}
/* Fim da caixa de busca por @Supero 20/01/2009*/
Re: Caixa de busca igual do fdf
Olá, coloque este codigo em seu CSS
- Código:
#search #keywords {
-moz-transition: all 1s ease-in-out;
-ms-transition: all 1s ease-in-out;
-o-transition: all 1s ease-in-out;
-webkit-transition: all 1s ease-in-out;
transition: all 1s ease-in-out;
width: 150px;
}
#search-box #keywords {
background-color: white;
width: 95px;
}
#search-box input {
-moz-box-sizing: content-box;
background: white;
border: 1px solid #D9D9D9;
border-width: 1px;
color: black;
height: 23px;
}
input.search {
background: url(http://2img.net/i/fa/sprite_prosilver_navbar.png) no-repeat top left;
background-position: 0 -701px;
padding-left: 17px;
}
Re: Caixa de busca igual do fdf
Olá,
O código original utilizado pelo Fórum dos Fóruns é:
Espero ter ajudado, até mais.
O código original utilizado pelo Fórum dos Fóruns é:
- Código:
#search-box input.button2 {
background-color: #F5F5F5;
border: 1px solid rgba(0, 0, 0, 0.1);
border-radius: 2px 2px 2px 2px;
color: #666666;
cursor: pointer;
font-size: 11px;
font-weight: 700;
height: 29px;
line-height: 27px;
margin: 11px 6px;
min-width: 54px;
padding: 0 8px;
text-align: center;
}
p.nomargin {
font-size: 1.1em;
line-height: 1.3em;
margin-bottom: 0;
}
#search-box #keywords {
background-color: #FFFFFF;
width: 95px;
}
#search-box input {
-moz-box-sizing: content-box;
background: none repeat scroll 0 0 #FFFFFF;
border: 1px solid #D9D9D9;
color: #000000;
height: 23px;
}
#search-box {
float: right;
margin-right: 5px;
margin-top: 10px;
white-space: nowrap;
}
Espero ter ajudado, até mais.
Josh- Super Membro
- Membro desde : 03/03/2012
Mensagens : 1170
Pontos : 1512
Re: Caixa de busca igual do fdf
Olá,
Tente este código
Melhores cumprimentos!
Tente este código
- Código:
#search-box input.button2 {
background-color: #F5F5F5;
border: 1px solid rgba(0, 0, 0, 0.1);
border-radius: 2px 2px 2px 2px;
color: #666666;
cursor: pointer;
font-size: 11px;
font-weight: 700;
height: 29px;
line-height: 27px;
margin: 11px 6px;
min-width: 54px;
padding: 0 8px;
text-align: center;
}
p.nomargin {
font-size: 1.1em;
line-height: 1.3em;
margin-bottom: 0;
}
#search-box #keywords {
background-color: #FFFFFF;
width: 95px;
}
#search-box input {
-moz-box-sizing: content-box;
background: none repeat scroll 0 0 #FFFFFF;
border: 1px solid #D9D9D9;
color: #000000;
height: 23px;
}
#search-box {
float: right;
margin-right: 5px;
margin-top: 10px;
white-space: nowrap;
}
#search-box{margin-bottom:5px}search-box input.button2{-webkit-border-radius:2px;-webkit-user-select:none;background-color:#f5f5f5;background-image:-o-linear-gradient(top,whiteSmoke,#F1F1F1);border:1px solid rgba(0,0,0,0.1);border-radius:2px;color:#666;cursor:pointer;font-size:11px;font-weight:700;height:29px;line-height:27px;margin:11px 6px;min-width:54px;padding:0 8px;text-align:center}#search-box input{-moz-box-sizing:content-box;background:#fff;border:1px solid #D9D9D9;border-width:1px;color:#000;height:23px}#search #keywords:focus{width:290px}#search #keywords{-moz-transition:all 1s ease-in-out;-ms-transition:all 1s ease-in-out;-o-transition:all 1s ease-in-out;-webkit-transition:all 1s ease-in-out;transition:all 1s ease-in-out;width:150px}
Melhores cumprimentos!
Re: Caixa de busca igual do fdf
<div class="module"><div class="inner"><span class="corners-top"><span></span></span><div class="h3">Painel do usuário</div><span style="font-size:1.2em"><img id="avatar" src="https://2img.net/i/bl/logo.png" align="left" width="45px" height="70px"><br><font size="4"><a href="https://ajuda.forumeiros.com/profile.forum?mode=viewprofile&u=38996">Dr.House</a></font><br><b>Mensagens:</b> <span id="usercountpost">579</span><br><br><br></span><dl class="faq" style="margin-bottom:-1px!important"><dd onclick="return CFAQ.display('l20',false)"><div style="cursor:pointer" onclick="return CFAQ.display('l20',true)" onfocus="this.blur()"><img src="https://2img.net/i/fa/admin/icones/editer.png" style="width:15px;height:15px"> Alterar</div></dd><dd style="display:none" id="l20"><span style="margin:0pt 0px 0pt 0px;display:block"><a href="/profile?mode=editprofile&page_profil=informations" target="_blank"> Informações </a></span><span><a href="/profile?mode=editprofile&page_profil=preferences" target="_blank"> Preferências </a></span><br><span><a href="/profile?mode=editprofile&page_profil=avatars" target="_blank"> Avatar </a></span></dd><dd onclick="return CFAQ.display('l21',false)"><div style="cursor:pointer" onclick="return CFAQ.display('l21',true)" onfocus="this.blur()"><img src="https://2img.net/i/fa/admin/icones/small_ico/support.png" style="width:15px;height:15px"> Ver</div></dd><dd style="display:none" id="l21"><span style="margin:0pt 0px 0pt 0px;display:block"><a href="/profile?mode=editprofile&page_profil=friendsfoes" target="_blank"> Amigos e ignorados</a></span><span><a href="/search?search_id=watchsearch" target="_blank"> Tópicos supervisionados </a></span><br><span><a href="/search?search_id=draftsearch" target="_blank"> Rascunhos </a></span><br><span><a href="/search?search_id=favouritesearch" target="_blank"> Tópicos favoritos</a></span></dd><dd onclick="return CFAQ.display('l22',false)"><div style="cursor:pointer" onclick="return CFAQ.display('l22',true)" onfocus="this.blur()"><img src="https://2img.net/i/fa/admin/icones/small_ico/boite_email.png" style="width:15px;height:15px"> Tópicos e mensagens</div></dd><dd style="display:none" id="l22"><span style="margin:0pt 0px 0pt 0px;display:block"><a href="/privmsg" target="_blank"> Mensagens Privadas</a></span><span><a href="/search?search_topics=Dr.House" target="_blank"> Meus tópicos</a></span><br><span><a href="/search?search_id=egosearch" target="_blank"> Tópicos que participo </a></span><br><span><a href="/search?search_author=Dr.House&show_results=posts" target="_blank"> Minhas mensagens</a></span><br><span><a href="/search?search_id=newposts" target="_blank"> Novas mensagens<br> <small>(Sex 4 Maio 2012)</small></a></span></dd></dl><span class="corners-bottom"><span></span></span></div></div>[table]
Re: Caixa de busca igual do fdf
Olá amigo;
Adicione a sua CSS:
Até!
Adicione a sua CSS:
- Código:
#search #keywords {
-webkit-transition: all 1s ease-in-out;
}
#search-box #keywords {
}
#search-box input {
background: white;
border: 1px solid #D9D9D9;
border-width: 1px;
}
.inputbox:hover {
border: 1px solid #1675BC;
}
input.search {
background: url(http://2img.net/i/fa/sprite_prosilver_navbar.png) no-repeat 0px -701px;
background-position: 0px -701px;
}
input.inputbox {
}
.inputbox {
border: 1px solid #BCBCBC;
padding: 2px;
}
input {
padding: 0px 3px;
}
* {
margin: 0px;
padding: 0px;
}
user agent stylesheetinput:not([type]), input[type="color"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="email"], input[type="month"], input[type="number"], input[type="password"], input[type="tel"], input[type="text"], input[type="time"], input[type="url"], input[type="week"] {
padding: 1px 0px;
}
user agent stylesheetinput, input[type="password"], input[type="search"], isindex {
-webkit-appearance: textfield;
padding: 1px;
background-color: white;
border: 2px inset;
border-image: initial;
-webkit-rtl-ordering: logical;
-webkit-user-select: text;
cursor: auto;
}
user agent stylesheetinput, textarea, keygen, select, button, isindex {
margin: 0em;
font: -webkit-small-control;
color: initial;
letter-spacing: normal;
word-spacing: normal;
line-height: normal;
text-transform: none;
text-indent: 0px;
text-shadow: none;
display: inline-block;
text-align: -webkit-auto;
}
Até!
Re: Caixa de busca igual do fdf
Dr.House escreveu:Olá amigo;
Adicione a sua CSS:
- Código:
<div class="module"><div class="inner"><span class="corners-top"><span></span></span><div class="h3">Painel do usuário</div><span style="font-size:1.2em"><img id="avatar" src="http://2img.net/i/bl/logo.png" align="left" width="45px" height="70px"><br><font size="4"><a href="http://ajuda.forumeiros.com/profile.forum?mode=viewprofile&u=38996">Dr.House</a></font><br><b>Mensagens:</b> <span id="usercountpost">579</span><br><br><br></span><dl class="faq" style="margin-bottom:-1px!important"><dd onclick="return CFAQ.display('l20',false)"><div style="cursor:pointer" onclick="return CFAQ.display('l20',true)" onfocus="this.blur()"><img src="http://2img.net/i/fa/admin/icones/editer.png" style="width:15px;height:15px"> Alterar</div></dd><dd style="display:none" id="l20"><span style="margin:0pt 0px 0pt 0px;display:block"><a href="/profile?mode=editprofile&page_profil=informations" target="_blank"> Informações </a></span><span><a href="/profile?mode=editprofile&page_profil=preferences" target="_blank"> Preferências </a></span><br><span><a href="/profile?mode=editprofile&page_profil=avatars" target="_blank"> Avatar </a></span></dd><dd onclick="return CFAQ.display('l21',false)"><div style="cursor:pointer" onclick="return CFAQ.display('l21',true)" onfocus="this.blur()"><img src="http://2img.net/i/fa/admin/icones/small_ico/support.png" style="width:15px;height:15px"> Ver</div></dd><dd style="display:none" id="l21"><span style="margin:0pt 0px 0pt 0px;display:block"><a href="/profile?mode=editprofile&page_profil=friendsfoes" target="_blank"> Amigos e ignorados</a></span><span><a href="/search?search_id=watchsearch" target="_blank"> Tópicos supervisionados </a></span><br><span><a href="/search?search_id=draftsearch" target="_blank"> Rascunhos </a></span><br><span><a href="/search?search_id=favouritesearch" target="_blank"> Tópicos favoritos</a></span></dd><dd onclick="return CFAQ.display('l22',false)"><div style="cursor:pointer" onclick="return CFAQ.display('l22',true)" onfocus="this.blur()"><img src="http://2img.net/i/fa/admin/icones/small_ico/boite_email.png" style="width:15px;height:15px"> Tópicos e mensagens</div></dd><dd style="display:none" id="l22"><span style="margin:0pt 0px 0pt 0px;display:block"><a href="/privmsg" target="_blank"> Mensagens Privadas</a></span><span><a href="/search?search_topics=Dr.House" target="_blank"> Meus tópicos</a></span><br><span><a href="/search?search_id=egosearch" target="_blank"> Tópicos que participo </a></span><br><span><a href="/search?search_author=Dr.House&show_results=posts" target="_blank"> Minhas mensagens</a></span><br><span><a href="/search?search_id=newposts" target="_blank"> Novas mensagens<br> <small>(Sex 4 Maio 2012)</small></a></span></dd></dl><span class="corners-bottom"><span></span></span></div></div>
}
Até!
Re: Caixa de busca igual do fdf
Tente esse:
- Código:
#search-box input.button2 {
background-color: #F5F5F5;
border: 1px solid rgba(0, 0, 0, 0.1);
border-radius: 2px 2px 2px 2px;
color: #666666;
cursor: pointer;
font-size: 11px;
font-weight: 700;
height: 29px;
line-height: 27px;
margin: 11px 6px;
min-width: 54px;
padding: 0 8px;
text-align: center;
}
p.nomargin {
font-size: 1.1em;
line-height: 1.3em;
margin-bottom: 0;
}
#search-box #keywords {
background-color: #FFFFFF;
width: 95px;
}
#search-box input {
-moz-box-sizing: content-box;
background: none repeat scroll 0 0 #FFFFFF;
border: 1px solid #D9D9D9;
color: #000000;
height: 23px;
}
#search-box {
float: right;
margin-right: 5px;
margin-top: 10px;
white-space: nowrap;
}
Tópicos semelhantes
» Search Box (Caixa de Busca) igual ao do fdf
» Deixar o campo busca igual o do fdf
» Barra de redes sociais e de busca igual a do fórum de ajuda
» Como deixo a caixa de busca igual a essa
» Queria colocar minha caixa de busca igual a que temos aqui do fdf
» Deixar o campo busca igual o do fdf
» Barra de redes sociais e de busca igual a do fórum de ajuda
» Como deixo a caixa de busca igual a essa
» Queria colocar minha caixa de busca igual a que temos aqui do fdf
Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre códigos :: Questões resolvidas sobre HTML e BBCode
Página 1 de 1
Permissões neste sub-fórum
Não podes responder a tópicos