Problema casuta de cautare

Vezi subiectul anterior Vezi subiectul urmator In jos

Rezolvat Problema casuta de cautare

Mesaj Scris de AlexSasann la data de Mier 10 Dec - 10:52

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.. .


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 13 Dec - 18:05, editata de 1 ori

AlexSasann
Membru activ

masculin

Mesaje : 476
Varsta : 22
Data de inscriere : 06/06/2014
Multumiri : 3
Niciun avertisment

http://www.lanenicu.forum.st

Sus In jos

Rezolvat Re: Problema casuta de cautare

Mesaj Scris de helpzone.marian la data de Mier 10 Dec - 14:28

Te rog sa postezi overall_header

helpzone.marian
Membru Forumgratuit

masculin

Mesaje : 70
Varsta : 21
Localizare : Vaslui
Data de inscriere : 19/11/2014
Multumiri : 0
1 avertisment

http://sg-p.forumhit.ro/forum

Sus In jos

Rezolvat Re: Problema casuta de cautare

Mesaj Scris de AlexSasann la data de Mier 10 Dec - 14:32

Am pus aici codul de la casuta de cautare Fericit

AlexSasann
Membru activ

masculin

Mesaje : 476
Varsta : 22
Data de inscriere : 06/06/2014
Multumiri : 3
Niciun avertisment

http://www.lanenicu.forum.st

Sus In jos

Rezolvat Re: Problema casuta de cautare

Mesaj Scris de helpzone.marian la data de Mier 10 Dec - 14:34

SI in overall+header ai cod pentru acea casuta de cautare ! Pot aparea erori de acolo!

Inainte de a posta aici asigurate ca ai facuta o copie la template.

helpzone.marian
Membru Forumgratuit

masculin

Mesaje : 70
Varsta : 21
Localizare : Vaslui
Data de inscriere : 19/11/2014
Multumiri : 0
1 avertisment

http://sg-p.forumhit.ro/forum

Sus In jos

Rezolvat Re: Problema casuta de cautare

Mesaj Scris de AlexSasann la data de Mier 10 Dec - 14:36

Cod:
                <div id='search' class='right'>
   <form action="/search?mode=results" method="get" name="searchform" class="frm-form" id='search-box' >
      <fieldset>
                  <a href='/search' title='Advanced Search' accesskey='4' rel="search" id='adv_search' class='right'>Advanced</a>
         <span id='search_wrap' class='right'>
            <input type='text' id='main_search' name='search_term' class='inactive' size='17' tabindex='100' />
            <input type='submit' class='submit_input clickable' value='Search' />
         </span>

AlexSasann
Membru activ

masculin

Mesaje : 476
Varsta : 22
Data de inscriere : 06/06/2014
Multumiri : 3
Niciun avertisment

http://www.lanenicu.forum.st

Sus In jos

Rezolvat Re: Problema casuta de cautare

Mesaj Scris de helpzone.marian la data de Mier 10 Dec - 14:38

Uice ceva asemanator:

Inlocuieste acel cod pentru casuta din overall_header cu acesta:

Cod:
<div id="search" class="attach">
   <form method="get" action="/search?search_where=11" id="search-box">
      <fieldset>
         <label for="main_search" class="hide"></label>
         <a href="/search" title="Advanced Search" accesskey="4" rel="search" id="adv_search" class="attach"></a>
         <span id="search_wrap" class="attach">
                           <input type="text" name="search_keywords" id="main_search" maxlength="128"  value="Search..." onclick="if (this.value == 'Search...') this.value = '';" onblur="if (this.value == '') this.value = 'Search...';"/>
                          <span class="choice ipbmenu clickable" id="search_options" style="">Forum</span>
                                  <input type="submit" class="submit_input clickable" value=""/>
         </span>
         
      </fieldset>
   </form>
</div>
               
            </div>
         </div>


Si adauga in CSS pe acesta:

Cod:
}
#search {
margin: 20px 0;
}
#search_wrap {
position: relative;
background: white;
display: block;
padding: 0 26px 0 4px;
height: 26px;
line-height: 25px;
-moz-border-radius: 3px 4px 4px 3px;
border-radius: 3px 4px 4px 3px;
border-radius: 3px 4px 4px 3px;
-webkit-box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.2);
-moz-box-shadow: 0px 2px 4px rgba(0,0,0,0.2);
box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.2);
min-width: 230px;
}
#main_search {
margin-top: 5px;
font-size: 12px;
border: 0;
padding: 0;
background: transparent;
width: 130px;
outline: 0;
}
input, select {
font: normal 13px helvetica,arial,sans-serif;
}
#search_options {
font-size: 10px;
height: 20px;
line-height: 20px;
margin: 3px 3px 3px 0;
padding: 0 6px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
background: #EAEAEA;
display: inline-block;
float: right;
max-width: 80px;
text-overflow: ellipsis;
overflow: hidden;
}
#search .submit_input {
background: #F5180C url(http://community.invisionpower.com/filestore/public/style_images/master/search_icon.png) no-repeat 50%;
text-indent: -3000em;
padding: 0;
border: 0;
border: 1px solid #E32117;
display: block;
width: 26px;
height: 26px;
position: absolute;
right: 0;
top: 0;
bottom: 0;
-moz-border-radius: 0 3px 3px 0;
border-radius: 0 3px 3px 0;
border-radius: 0 3px 3px 0;
-webkit-box-shadow: inset 0px 1px 0 rgba(255, 255, 255, 0.2);
-moz-box-shadow: inset 0px 1px 0 rgba(255,255,255,0.2);
box-shadow: inset 0px 1px 0 rgba(255, 255, 255, 0.2);
}
fieldset, img {
border: 0;
}
.hide {
display: none;
}
user agent stylesheetlabel {
cursor: default;
}
#adv_search {
width: 16px;
height: 16px;
background: url(http://community.invisionpower.com/filestore/public/style_images/master/advanced_search.png) no-repeat right 50%;
text-indent: -3000em;
display: inline-block;
margin: 4px 0 4px 4px;
}

Poti modifica culorile la acel mic patrat cu doresti tu.

helpzone.marian
Membru Forumgratuit

masculin

Mesaje : 70
Varsta : 21
Localizare : Vaslui
Data de inscriere : 19/11/2014
Multumiri : 0
1 avertisment

http://sg-p.forumhit.ro/forum

Sus In jos

Rezolvat Re: Problema casuta de cautare

Mesaj Scris de AlexSasann la data de Mier 10 Dec - 14:45

Nu merge. S-a pus pe tot antetul.

AlexSasann
Membru activ

masculin

Mesaje : 476
Varsta : 22
Data de inscriere : 06/06/2014
Multumiri : 3
Niciun avertisment

http://www.lanenicu.forum.st

Sus In jos

Rezolvat Re: Problema casuta de cautare

Mesaj Scris de helpzone.marian la data de Mier 10 Dec - 14:46

Codul Css pe care ti l-am dat, l-ai inlocuit cu care il ai tu in css pentru casuta

helpzone.marian
Membru Forumgratuit

masculin

Mesaje : 70
Varsta : 21
Localizare : Vaslui
Data de inscriere : 19/11/2014
Multumiri : 0
1 avertisment

http://sg-p.forumhit.ro/forum

Sus In jos

Rezolvat Re: Problema casuta de cautare

Mesaj Scris de AlexSasann la data de Mier 10 Dec - 14:47

Bineinteles ca da

AlexSasann
Membru activ

masculin

Mesaje : 476
Varsta : 22
Data de inscriere : 06/06/2014
Multumiri : 3
Niciun avertisment

http://www.lanenicu.forum.st

Sus In jos

Rezolvat Re: Problema casuta de cautare

Mesaj Scris de Kames la data de Joi 11 Dec - 19:22

Salut,

Observ ca acea casuta nu este adaugata. O poti adauga,te rog?



 Dacă ai întâmpinat o problemă, te rog să deschizi un subiect in secțiunea corespunzătoare și îți voi răspunde in cel mai scurt timp.  


Kames
Moderator
Moderator

masculin

Mesaje : 1754
Varsta : 16
Localizare : Rădăuți, județul Suceava
Data de inscriere : 02/07/2014
Multumiri : 224
Niciun avertisment

http://www.techmania.net

Sus In jos

Rezolvat Re: Problema casuta de cautare

Mesaj Scris de AlexSasann la data de Joi 11 Dec - 19:30

Salut din nou,
am adaugat-o

AlexSasann
Membru activ

masculin

Mesaje : 476
Varsta : 22
Data de inscriere : 06/06/2014
Multumiri : 3
Niciun avertisment

http://www.lanenicu.forum.st

Sus In jos

Rezolvat Re: Problema casuta de cautare

Mesaj Scris de Kames la data de Joi 11 Dec - 19:43

Adauga in CSS:
Cod:
#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;

Dar sterge:
Cod:
#adv_search {
background: url(http://i.imgur.com/DzbA3dC.png) no-repeat;
border-radius: 3px;
display: inline-block;
height: 26px;
margin-left: 0px;
moz-border-radius: 0;
text-indent: -3000em;
webkit-border-radius: 3px;
width: 26px;
Sau ce contine [Trebuie sa fiti inscris si conectat pentru a vedea acest link],poate la tine este altfel.

Vezi dacă merge si revino cu un raspuns.



 Dacă ai întâmpinat o problemă, te rog să deschizi un subiect in secțiunea corespunzătoare și îți voi răspunde in cel mai scurt timp.  


Kames
Moderator
Moderator

masculin

Mesaje : 1754
Varsta : 16
Localizare : Rădăuți, județul Suceava
Data de inscriere : 02/07/2014
Multumiri : 224
Niciun avertisment

http://www.techmania.net

Sus In jos

Rezolvat Re: Problema casuta de cautare

Mesaj Scris de AlexSasann la data de Joi 11 Dec - 19:46

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
Membru activ

masculin

Mesaje : 476
Varsta : 22
Data de inscriere : 06/06/2014
Multumiri : 3
Niciun avertisment

http://www.lanenicu.forum.st

Sus In jos

Rezolvat Re: Problema casuta de cautare

Mesaj Scris de Kames la data de Sam 13 Dec - 15:50

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.



 Dacă ai întâmpinat o problemă, te rog să deschizi un subiect in secțiunea corespunzătoare și îți voi răspunde in cel mai scurt timp.  


Kames
Moderator
Moderator

masculin

Mesaje : 1754
Varsta : 16
Localizare : Rădăuți, județul Suceava
Data de inscriere : 02/07/2014
Multumiri : 224
Niciun avertisment

http://www.techmania.net

Sus In jos

Rezolvat Re: Problema casuta de cautare

Mesaj Scris de Cosmin la data de Sam 13 Dec - 21:14

Avand in vedere ca acest subiect a fost marcat ca fiind "rezolvat", acesta va fi inchis si trimis in arhiva.

=> Topic rezolvat

Cosmin
Membru activ

masculin

Mesaje : 1460
Varsta : 19
Localizare : rice fields
Data de inscriere : 20/05/2013
Multumiri : 122
Niciun avertisment

http://help.forumgratuit.ro/

Sus In jos

Vezi subiectul anterior Vezi subiectul urmator Sus

- Subiecte similare

Permisiunile acestui forum:
Nu puteti raspunde la subiectele acestui forum