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 1 din 2 • 1, 2  Urmatorul

Vezi subiectul anterior Vezi subiectul urmator In jos

Rezolvat Problema casuta de cautare

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

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 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 helpzone.marian Mier Dec 10, 2014 2:28 pm

Te rog sa postezi overall_header
helpzone.marian

helpzone.marian
Membru Forumgratuit

Mesaje : 70
Varsta : 29
Localizare : Vaslui
Data înscrierii : 19/11/2014
Mulțumiri : 0
Internet Explorer punBB

http://sg-p.forumhit.ro/forum
helpzone.marian a fost mulțumit de autorul acestui subiect.

Rezolvat Re: Problema casuta de cautare

Mesaj Scris de AlexSasann Mier Dec 10, 2014 2:32 pm

Am pus aici codul de la casuta de cautare Fericit
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 helpzone.marian Mier Dec 10, 2014 2:34 pm

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

helpzone.marian
Membru Forumgratuit

Mesaje : 70
Varsta : 29
Localizare : Vaslui
Data înscrierii : 19/11/2014
Mulțumiri : 0
Internet Explorer punBB

http://sg-p.forumhit.ro/forum
helpzone.marian a fost mulțumit de autorul acestui subiect.

Rezolvat Re: Problema casuta de cautare

Mesaj Scris de AlexSasann Mier Dec 10, 2014 2:36 pm

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

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 helpzone.marian Mier Dec 10, 2014 2:38 pm

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

helpzone.marian
Membru Forumgratuit

Mesaje : 70
Varsta : 29
Localizare : Vaslui
Data înscrierii : 19/11/2014
Mulțumiri : 0
Internet Explorer punBB

http://sg-p.forumhit.ro/forum
helpzone.marian a fost mulțumit de autorul acestui subiect.

Rezolvat Re: Problema casuta de cautare

Mesaj Scris de AlexSasann Mier Dec 10, 2014 2:45 pm

Nu merge. S-a pus pe tot antetul.
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 helpzone.marian Mier Dec 10, 2014 2:46 pm

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

helpzone.marian
Membru Forumgratuit

Mesaje : 70
Varsta : 29
Localizare : Vaslui
Data înscrierii : 19/11/2014
Mulțumiri : 0
Internet Explorer punBB

http://sg-p.forumhit.ro/forum
helpzone.marian a fost mulțumit de autorul acestui subiect.

Rezolvat Re: Problema casuta de cautare

Mesaj Scris de AlexSasann Mier Dec 10, 2014 2:47 pm

Bineinteles ca da
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 Joi Dec 11, 2014 7:22 pm

Salut,

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

Vizitator
Vizitator


Vizitator a fost mulțumit de autorul acestui subiect.

Rezolvat Re: Problema casuta de cautare

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

Salut din nou,
am adaugat-o
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 Joi Dec 11, 2014 7:43 pm

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 #adv_search,poate la tine este altfel.

Vezi dacă merge si revino cu un raspuns.
Anonymous

Vizitator
Vizitator


Vizitator a fost mulțumit de autorul acestui subiect.

Pagina 1 din 2 • 1, 2  Urmatorul

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