Forum gratuit: forum de suport al utilizatorilor
Doriți să reacționați la acest mesaj? Creați un cont în câteva clickuri sau conectați-vă pentru a continua.
Forum gratuit: forum de suport al utilizatorilor

Forum gratuit: ajutor și asistență pentru utilizatorii Forumgratuit. Creează și administrează un forum performant. Descoperă funcţionalităţile, tutorialele și ponturile de pe Forumul de suport!

Problema casuta de cautare

Forum gratuit: forum de suport al utilizatorilor ::  Forum de suport :: Administreaza prezentarea forumului :: Arhiva probleme privind designul forumurilor

Pagina 2 din 2 • Înapoi  1, 2

Vezi subiectul anterior Vezi subiectul urmator In jos

Rezolvat Problema casuta de cautare

Mesaj Scris de AlexSasann Mier Dec 10, 2014 10:52 am

Rezumarea primului mesaj :

Nu stiu de ce dar nu apare iconita la butonul albastru.
Si daca vreau sa scriu ceva in casuta,trebuie sa apas mai sus de casuta alba.. .
casuta de cautare - Problema casuta de cautare - Pagina 2 2ekrq61

Codul de la casuta:
Cod:
#search
{
   margin-top: 23px;
}
#main_search
{
   background: transparent;
   border: 0;
   font-size: 12px;
   outline: 0;
   padding: 0;
   width: 60px;
}
#main_search.inactive
{
   color: #bcbcbc;
}
#search_wrap
{
   background: #fff;
   border-radius: 3px 4px 4px 3px;
   box-shadow: 0px 2px 4px rgba(0,0,0,0.2);
   display: block;
   height: 26px;
   line-height: 15px;
   min-width: 180px;
   moz-border-radius: 3px 4px 4px 3px;
   moz-box-shadow: 0px 2px 4px rgba(0,0,0,0.2);
   padding: 0
26px 0 4px;
   position: relative;
   webkit-border-bottom-left-radius: 3px;
   webkit-border-bottom-right-radius: 4px;
   webkit-border-top-left-radius: 3px;
   webkit-border-top-right-radius: 4px;
   webkit-box-shadow: 0px 2px 4px rgba(0,0,0,0.2);
}
#adv_search
{
   background: url('http://i.imgur.com/DzbA3dC.png') no-repeat 50% 50%;
   border-radius: 3px;
   display: inline-block;
   height: 26px;
   margin-left: 3px;
   moz-border-radius: 3px;
   text-indent: -3000em;
   webkit-border-radius: 3px;
   width: 26px;
}
#adv_search:hover
{
   background-color: rgba(0,0,0,0.2);
}
#search
.submit_input
{
   background: #7ba60d url('http://i.imgur.com/kffNKYB.png') no-repeat 50%;
   border: 0;
   border-radius: 0 3px 3px 0;
   bottom: 0;
   box-shadow: inset 0px 1px 0 rgba(255,255,255,0.2);
   display: block;
   height: 26px;
   moz-border-radius: 0 3px 3px 0;
   moz-box-shadow: inset 0px 1px 0 rgba(255,255,255,0.2);
   padding: 0;
   position: absolute;
   right: 0;
   text-indent: -3000em;
   top: 0;
   webkit-border-bottom-right-radius: 3px;
   webkit-border-top-right-radius: 3px;
   webkit-box-shadow: inset 0px 1px 0 rgba(255,255,255,0.2);
   width: 26px;
}
#search .submit_input:hover
{
   background-color: #91bb25;
}
#search_options
{
   background: #eaeaea url('http://i.imgur.com/cZzupHM.png') repeat-x 0 1px;
   border-radius: 3px;
   color: #222;
   display: inline-block;
   float: right;
   font-size: 10px;
   height: 25px;
   line-height: 25px;
   margin: 3px
3px 3px 0;
   max-width: 80px;
   moz-border-radius: 3px;
   overflow: hidden;
   padding: 0
6px;
   text-overflow: ellipsis;
   text-shadow: #fff 0px 1px 0px;
   webkit-border-radius: 3px;
}
#search_options_menucontent
{
   background: #1a1a1a;
   border: 1px
solid #393939;
   min-width: 130px;
   padding: 0;
}
#search_options_menucontent
input
{
   margin-right: 10px;
}
#search_options_menucontent
li
{
   background: url('http://i.imgur.com/cZzupHM.png') repeat-x 0 -1px;
   border-bottom: 1px solid #111;
   border-top: 1px solid #252525;
   white-space: nowrap;
}
#search_options_menucontent li:last-of-type
{
   border-bottom: 0;
}
#search_options_menucontent label:hover
{
   background: #202020 url('http://i.imgur.com/cZzupHM.png') repeat-x 0 -1px;
}
#search_options_menucontent
label
{
   cursor: pointer;
   display: block;
   padding: 0
6px;
}
#search_options_menucontent
li.title
{
   padding: 3px
6px;
}
#search, #search-box, fieldset{border: none!important;}
.module .main-head{
  
  text-shadow:rgba(0,0,0,0.8) 0px -1px 0px;background:#222 url('http://i.imgur.com/gWn65k4.png') repeat-x 0 -1px!important;padding:8px;
  border:0px;
  border-bottom: 1px solid #454545!important;
  border-radius: 0px;
  moz-border-radius: 0px;
  webkit-border-radius: 0px;
}
Sau as vrea un cod mai mic, ca asta-i plin de buguri...


Ultima editare efectuata de catre AlexSasann in Sam Dec 13, 2014 6:05 pm, editata de 1 ori
AlexSasann

AlexSasann
Membru activ

Mesaje : 476
Varsta : 30
Data înscrierii : 06/06/2014
Mulțumiri : 3
Internet Explorer punBB

http://www.lanenicu.forum.st
AlexSasann a fost mulțumit de autorul acestui subiect.

Rezolvat Re: Problema casuta de cautare

Mesaj Scris de AlexSasann Joi Dec 11, 2014 7:46 pm

Hm, nu se intampla nimic. Doar dispare butonul Cautare avansata si scrie textul.
Uite aici codul:
Cod:
#search
{
  margin-top: 23px;
}
#main_search
{
  background: transparent;
  border: 0;
  font-size: 12px;
  outline: 0;
  padding: 0;
  width: 60px;
}
#main_search.inactive
{
  color: #bcbcbc;
}
#search_wrap
{
  background: #fff;
  border-radius: 3px 4px 4px 3px;
  box-shadow: 0px 2px 4px rgba(0,0,0,0.2);
  display: block;
  height: 26px;
  line-height: 15px;
  min-width: 180px;
  moz-border-radius: 3px 4px 4px 3px;
  moz-box-shadow: 0px 2px 4px rgba(0,0,0,0.2);
  padding: 0
26px 0 4px;
  position: relative;
  webkit-border-bottom-left-radius: 3px;
  webkit-border-bottom-right-radius: 4px;
  webkit-border-top-left-radius: 3px;
  webkit-border-top-right-radius: 4px;
  webkit-box-shadow: 0px 2px 4px rgba(0,0,0,0.2);
}
#search .submit_input {
background: #000000 url(http://i.imgur.com/DzbA3dC.png) no-repeat 50%;
text-indent: -3000em;
padding: 0;
border: 0;
border: 1px solid #ffffff;
display: block;
width: 26px;
height: 26px;
position: absolute;
right: 0;
top: 0;
  bottom: 0;}

#search
.submit_input
{
  background: #7ba60d url('http://i.imgur.com/kffNKYB.png') no-repeat 50%;
  border: 0;
  border-radius: 0 3px 3px 0;
  bottom: 0;
  box-shadow: inset 0px 1px 0 rgba(255,255,255,0.2);
  display: block;
  height: 26px;
  moz-border-radius: 0 3px 3px 0;
  moz-box-shadow: inset 0px 1px 0 rgba(255,255,255,0.2);
  padding: 0;
  position: absolute;
  right: 0;
  text-indent: -3000em;
  top: 0;
  webkit-border-bottom-right-radius: 3px;
  webkit-border-top-right-radius: 3px;
  webkit-box-shadow: inset 0px 1px 0 rgba(255,255,255,0.2);
  width: 26px;
}
#search .submit_input:hover
{
  background-color: #91bb25;
}
#search_options
{
  background: #eaeaea url('http://i.imgur.com/cZzupHM.png') repeat-x 0 1px;
  border-radius: 3px;
  color: #222;
  display: inline-block;
  float: right;
  font-size: 10px;
  height: 25px;
  line-height: 25px;
  margin: 3px
3px 3px 0;
  max-width: 80px;
  moz-border-radius: 3px;
  overflow: hidden;
  padding: 0
6px;
  text-overflow: ellipsis;
  text-shadow: #fff 0px 1px 0px;
  webkit-border-radius: 3px;
}
#search_options_menucontent
{
  background: #1a1a1a;
  border: 1px
solid #393939;
  min-width: 130px;
  padding: 0;
}
#search_options_menucontent
input
{
  margin-right: 10px;
}
#search_options_menucontent
li
{
  background: url('http://i.imgur.com/cZzupHM.png') repeat-x 0 -1px;
  border-bottom: 1px solid #111;
  border-top: 1px solid #252525;
  white-space: nowrap;
}
#search_options_menucontent li:last-of-type
{
  border-bottom: 0;
}
#search_options_menucontent label:hover
{
  background: #202020 url('http://i.imgur.com/cZzupHM.png') repeat-x 0 -1px;
}
#search_options_menucontent
label
{
  cursor: pointer;
  display: block;
  padding: 0
6px;
}
#search_options_menucontent
li.title
{
  padding: 3px
6px;
}
#search, #search-box, fieldset{border: none!important;}
.module .main-head{
 
  text-shadow:rgba(0,0,0,0.8) 0px -1px 0px;background:#222 url('http://i.imgur.com/gWn65k4.png') repeat-x 0 -1px!important;padding:8px;
  border:0px;
  border-bottom: 1px solid #454545!important;
  border-radius: 0px;
  moz-border-radius: 0px;
  webkit-border-radius: 0px;
}
AlexSasann

AlexSasann
Membru activ

Mesaje : 476
Varsta : 30
Data înscrierii : 06/06/2014
Mulțumiri : 3
Internet Explorer punBB

http://www.lanenicu.forum.st
AlexSasann a fost mulțumit de autorul acestui subiect.

Rezolvat Re: Problema casuta de cautare

Mesaj Scris de Vizitator Sam Dec 13, 2014 3:50 pm

Adauga:
Cod:
#search
.submit_input
{
   background: #7ba60d url('http://virteq.com/public/style_images/memory/advanced_search.png') no-repeat 50%;
   border: 0;
   border-radius: 0 3px 3px 0;
   bottom: 0;
   box-shadow: inset 0px 1px 0 rgba(255,255,255,0.2);
   display: block;
   height: 26px;
   moz-border-radius: 0 3px 3px 0;
   moz-box-shadow: inset 0px 1px 0 rgba(255,255,255,0.2);
   padding: 0;
   position: absolute;
   right: 0;
   text-indent: -3000em;
   top: 0;
   webkit-border-bottom-right-radius: 3px;
   webkit-border-top-right-radius: 3px;
   webkit-box-shadow: inset 0px 1px 0 rgba(255,255,255,0.2);
   width: 26px;
}

Si:
Cod:
#adv_search {
display: none !important;
}

Si:
Cod:
#search .submit_input {
text-indent: -3000em;
}
Modifici -3000em cu ce dimensiune vrei ; aici ma refer la problema ta cu pozitionarea textului la click

Dacă nu merge revino cu un raspuns.
Anonymous

Vizitator
Vizitator


Vizitator a fost mulțumit de autorul acestui subiect.

Rezolvat Re: Problema casuta de cautare

Mesaj Scris de Vizitator Sam Dec 13, 2014 9:14 pm

casuta de cautare - Problema casuta de cautare - Pagina 2 Solved10
Avand in vedere ca acest subiect a fost marcat ca fiind "rezolvat", acesta va fi inchis si trimis in arhiva.

=> Topic rezolvat
Anonymous

Vizitator
Vizitator


Vizitator a fost mulțumit de autorul acestui subiect.

Pagina 2 din 2 • Înapoi  1, 2

Vezi subiectul anterior Vezi subiectul urmator Sus

- Subiecte similare

Forum gratuit: forum de suport al utilizatorilor ::  Forum de suport :: Administreaza prezentarea forumului :: Arhiva probleme privind designul forumurilor

Permisiunile acestui forum:
Nu puteti raspunde la subiectele acestui forum