Jump to content
Sign in to follow this  
Teo Barburiceanu

Problema Ipb: Casuta De Cautare Deplasata

Recommended Posts

Uita-te in css-ul aferent temei folosite si cauta "search" fara ghilimele. Vei gasi liniile responsabile pentru casuta de cautare. Probabil este vorba de un margin-top prea mare.

Share this post


Link to post
Share on other sites

Cauta "search" sau "search bar" in css-ul temei folosite si o sa gasesti liniile. Nu ti le pot spune exact acum, acum.

Spune-mi ce ai gasit sa vedem :-?.

 

Edit later:
 

Ar trebui sa gasesti ceva de genul:

#search {
margin: 20px 0;
}

Vezi ce valori ai tu.

Share this post


Link to post
Share on other sites

Iti arat liniile?
 

/************************************************************************/
 /* IP.Board 3 CSS - By Rikki Tissier - (c)2008 Invision Power Services */
 /************************************************************************/
 /* ipb_search.css - Search results styles */
 /************************************************************************/
 
 #main_search_form .ipsBox_container { margin-bottom: 10px; }
 #main_search_form .ipsField { margin-bottom: 20px; }
 
 .toggle_notify_on { display: none; }
 .show_notify .toggle_notify_on { display: block; }
  .show_notify input.toggle_notify_on { display: inline; }
    .show_notify a.ipbmenu { display: none; }
 .show_notify .toggle_notify_off { display: none; } 
 
 .notify_info span {
  padding: 1px 8px;
background: #303030;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  font-size: 10px;
  font-weight: bold;
  display: inline-block;
 }
  
  .notify_info img { vertical-align: bottom; }
 
 #main_search_form .search_app {
  font-size: 12px;
  display: inline-block;
  padding: 8px 10px 8px 0;
  margin-right: 12px;
  font-weight: bold;
  border: 1px solid transparent;
  cursor: pointer;
 }
 
  #main_search_form .search_app.active {
background: #C78301;
border: 1px solid #4e3401;
  padding-left: 10px;
  color: #fff;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  }
 
 #main_search_form .search_msg {
border-bottom: 1px solid #363636;
  display: block;
  font-size: 12px;
  padding: 0 0 5px 200px;
  margin-bottom: 15px;
 
.ipsFilterbar #search_sort .submenu_indicator
{
    width: 9px; height: 5px;
    background: #94DC07 url({style_images_url}/header_dropdown.png ) no-repeat;
    display: inline-block;
/* Prevent padding in sort buttons */
}
  color: #fff;
 }
 
 
 div#search_results {
border-bottom: 4px solid #202020;
 } 
  
  div#search_results span.icon {
  float: left;
  margin-right: 15px;
  }
  
  div#search_results div.result_info {
  float: left;
width: 68%;
  }
  
  div#search_results div.result_info span.desc.breadcrumb a {
color: #bbb;
  }
  
  div#search_results h3 {
  background: none;
  font-weight: normal;
  font-size: 1.3em;
  border: 0;
  padding: 0;
  }
 
  div#search_results li.liwrap {
  padding: 10px 15px 15px 15px;
border-top: 1px solid #333;
  }
 
  div#search_results p {
color: #ddd;
  margin: 4px 0 2px 0;
  }
  
  /* Further details */
  div#search_results .result_details {
  width: 30%;
  float: right;
border-left: 1px solid #555;
  padding-left: 15px;
  line-height: 130%;
  font-size: 11px;
  }
  
  div#search_results .result_details li {
  border: 0;
  padding: 0;
  }
 
  div#search_results .gutter {
background-color: #d28b02;
  color: #fff;
  font-size: 9px;
  font-weight: bold;
  text-transform: uppercase;
  padding: 3px 8px 2px 8px;
  margin-top: 0px;
  margin-right: 15px;
  display: none;
  float: left;
  }
 
  div#search_results .gutter img {
  padding-right: 4px;
  }
 
  div#search_results .sub div.result_info {
  padding-left: 3%;/*padding-left: 45px;*/
  }
 
  div#search_results .sub .gutter {
background-color: #373737;
color: #94DC07;
  padding: 6px 8px 5px 8px;
  margin-left: 45px;
  }
 
  div#search_results ol ol {
  padding: 20px 0 0 15px;
  margin: 0 0 -15px 20px;
  }
  
  .tab_filters ul {
  padding-top: 5px;
  }
  
  .tab_filters ul.padded
  {
  padding-top: 10px;
  }
  
 /* as forum stuffs */
 .maintitle.links,
 .maintitle a {
  text-decoration: none;
  font-size: 12px;
 }
 .entry-content.search {}
 
 /* These styles are duplicated Rikki, putting a note as requested */
 
 .search_filter_container {
  height: 440px;
  max-height: 440px;
 }
 .search_filter_container ul.block_list {
  height: 396px; overflow: auto;
 }
 .search_filter_container ul.block_list > li {
  padding: 0px;
 }
 
 .search_filter_container ul.block_list > li span {
  padding: 3px 10px 3px 25px;
  display: block;
 }
 
  .search_filter_container ul.block_list li span.heading {
  font-weight: bold;
  }
 
 .search_filter_container ul.block_list li.active span {
background: #94DC07 url({style_images_url}/icon_check_white.png ) no-repeat 6px 8px;
  color: #fff;
  font-weight: bold;
 }
 
 #vnc_filter_popup_close { 
  text-align: center;
  position: absolute;
  bottom: 0; left: 0; right: 0;
  height: 42px;
  line-height: 42px;
  padding: 0 5px;
background: #222;
background: -moz-linear-gradient(top, #222 0%, #1f1f1f 100%); /* firefox */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#222), color-stop(100%,#1f1f1f)); /* webkit */
  -webkit-box-shadow: 0px 1px 1px 0px rgba(255,255,255,0.5) inset;
  -moz-box-shadow: 0px 1px 1px 0px rgba(255,255,255,0.5) inset;
  box-shadow: 0px 1px 1px 0px rgba(255,255,255,0.5) inset;
border-top: 1px solid #222;
 }

Share this post


Link to post
Share on other sites

Liniile de mai sus sunt sigur de la tema deflection?

 

Joaca-te cu valorile de aici, si vezi daca se schimba ceva:

 

#main_search_form .ipsBox_container { margin-bottom: 10px; }
 #main_search_form .ipsField { margin-bottom: 20px; }

 

In loc de 10 pune 20 sau 30 si in loc de 20 pune 30 sau 40.

Share this post


Link to post
Share on other sites

Incearca sa modifici valoarea 0 (pune 30-40) din dreptul padding de aici:

 

#main_search_form .search_app {
  font-size: 12px;
  display: inline-block;
  padding: 8px 10px 8px 0;
  margin-right: 12px;
  font-weight: bold;
  border: 1px solid transparent;
  cursor: pointer;
 }

 

Se schimba ceva?

Share this post


Link to post
Share on other sites

1. Asigura-te ca te uiti in fisierul CSS aferent temei folosite.

2. Cauta in fisierul CSS aferent temei folosite: #search

 

Gasesti ceva?

Share this post


Link to post
Share on other sites

cauta in ipb_styles.css  /* SEARCH */

si tot ce e la SEARCH schimbi in asta:

/* SEARCH */    



#search { margin-top: 33px; }

#main_search {
    font-size: 12px;
    border: 0;
    padding: 0;
    background: transparent;
    width: 138px;
    outline: 0;
}

#main_search.inactive {    color: #bcbcbc;    }

#search_wrap {
    position: relative;
    background: #fff;
    display: block;
    padding: 0 26px 0 4px;
    height: 26px;
    line-height: 25px;
    -moz-border-radius: 3px 4px 4px 3px;
    -webkit-border-top-left-radius: 3px;
    -webkit-border-top-right-radius: 4px;
    -webkit-border-bottom-right-radius: 4px;
    -webkit-border-bottom-left-radius: 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;
}

#adv_search {
    width: 26px;
    height: 26px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    background: url('{style_images_url}/advanced_search.png') no-repeat 50% 50%;
    text-indent: -3000em;
    display: inline-block;
    margin-left: 3px;
}

#adv_search:hover{ background-color: rgba(0,0,0,0.2); }

#search .submit_input {
    background: #7ba60d url('{style_images_url}/search_icon.png') no-repeat 50%;
    text-indent: -3000em;
    padding: 0; border: 0;
    display: block;
    width: 26px;
    height: 26px;
    position: absolute;
    right: 0; top: 0; bottom: 0;
    -moz-border-radius: 0 3px 3px 0;
    -webkit-border-top-right-radius: 3px;
    -webkit-border-bottom-right-radius: 3px;
    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);
}

#search .submit_input:hover{ background-color: #91bb25; }

#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 url('{style_images_url}/highlight_faint.png') repeat-x 0 1px;
    color: #222;
    display: inline-block;
    text-shadow: #fff 0px 1px 0px;
    float: right;
}

#search_options_menucontent { min-width: 130px; padding: 0; background: #1a1a1a; border: 1px solid #393939; }
#search_options_menucontent input { margin-right: 10px; }
#search_options_menucontent li { border-top: 1px solid #252525; border-bottom: 1px solid #111111; background: url('{style_images_url}/highlight_reallyfaint.png') repeat-x 0 -1px; white-space: nowrap; }
#search_options_menucontent li:last-of-type{ border-bottom: 0; }
#search_options_menucontent label:hover{ background: #202020 url('{style_images_url}/highlight_reallyfaint.png') repeat-x 0 -1px; }
#search_options_menucontent label { cursor: pointer; display: block; padding: 0 6px; }
#search_options_menucontent li.title{ padding: 3px 6px; }

 

 

nu mai stiu unde se schimba exacat , nu am timp sa caut acum... Sper ca te-am ajutat

Share this post


Link to post
Share on other sites

cauta in ipb_styles.css  /* SEARCH */

si tot ce e la SEARCH schimbi in asta:

/* SEARCH */    

#search { margin-top: 33px; }

#main_search {

    font-size: 12px;

    border: 0;

    padding: 0;

    background: transparent;

    width: 138px;

    outline: 0;

}

#main_search.inactive {    color: #bcbcbc;    }

#search_wrap {

    position: relative;

    background: #fff;

    display: block;

    padding: 0 26px 0 4px;

    height: 26px;

    line-height: 25px;

    -moz-border-radius: 3px 4px 4px 3px;

    -webkit-border-top-left-radius: 3px;

    -webkit-border-top-right-radius: 4px;

    -webkit-border-bottom-right-radius: 4px;

    -webkit-border-bottom-left-radius: 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;

}

#adv_search {

    width: 26px;

    height: 26px;

    -webkit-border-radius: 3px;

    -moz-border-radius: 3px;

    border-radius: 3px;

    background: url('{style_images_url}/advanced_search.png') no-repeat 50% 50%;

    text-indent: -3000em;

    display: inline-block;

    margin-left: 3px;

}

#adv_search:hover{ background-color: rgba(0,0,0,0.2); }

#search .submit_input {

    background: #7ba60d url('{style_images_url}/search_icon.png') no-repeat 50%;

    text-indent: -3000em;

    padding: 0; border: 0;

    display: block;

    width: 26px;

    height: 26px;

    position: absolute;

    right: 0; top: 0; bottom: 0;

    -moz-border-radius: 0 3px 3px 0;

    -webkit-border-top-right-radius: 3px;

    -webkit-border-bottom-right-radius: 3px;

    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);

}

#search .submit_input:hover{ background-color: #91bb25; }

#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 url('{style_images_url}/highlight_faint.png') repeat-x 0 1px;

    color: #222;

    display: inline-block;

    text-shadow: #fff 0px 1px 0px;

    float: right;

}

#search_options_menucontent { min-width: 130px; padding: 0; background: #1a1a1a; border: 1px solid #393939; }

#search_options_menucontent input { margin-right: 10px; }

#search_options_menucontent li { border-top: 1px solid #252525; border-bottom: 1px solid #111111; background: url('{style_images_url}/highlight_reallyfaint.png') repeat-x 0 -1px; white-space: nowrap; }

#search_options_menucontent li:last-of-type{ border-bottom: 0; }

#search_options_menucontent label:hover{ background: #202020 url('{style_images_url}/highlight_reallyfaint.png') repeat-x 0 -1px; }

#search_options_menucontent label { cursor: pointer; display: block; padding: 0 6px; }

#search_options_menucontent li.title{ padding: 3px 6px; }

 

 

nu mai stiu unde se schimba exacat , nu am timp sa caut acum... Sper ca te-am ajutat

Tot asa e !

Share this post


Link to post
Share on other sites

Ce am observat astazi. Am fost la un net caffe cu un prieten, iar acolo era rezoluția setata pe 1240x1024 (sau cat e default) si am avut aceiasi problema ca si tine, pe forum-ul meu, care de acasa mi se vede perfect. Iar după ce am setat rezoluția pe maxim (fiind monitor widescreen) nu am mai avut problema asta.

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
Sign in to follow this  

  • Recently Browsing   0 members

    No registered users viewing this page.

×