أهلا وسهلا بك زائرنا الكريم في منتدى دعم PBBoard الرسمي، لكي تتمكن من المشاركة ومشاهدة جميع أقسام المنتدى وكافة الميزات ، يجب عليك إنشاء حساب جديد بالتسجيل بالضغط هنا أو تسجيل الدخول اضغط هنا إذا كنت عضواً .

  1. الرئيسية
  2. مشاكل وحلول الاستايلات

إضافة رابط لجزء معين من الصورة


مشاهدة المشاركة في الموضوع بالعرض العادي
look/images/icons/i1.gif [مجابه] إضافة رابط لجزء معين من الصورة
  06-04-2014 04:43 مساءً  
صورة Mr King الشخصية
Mr King
معلومات الكاتب
بالنسبة لخانة البحث



كود html

CODE 
<div class='search'>
<form name="search" action="index.php?page=search" method="get">
<input type="hidden" name="page" value="search" />
<input type="hidden" name="start" value="1"/>
<input type="hidden" name="search_only" value="1" />
<input type="hidden" name="sort_order" value="DESC" />
<input type="hidden" name="section" value="all" />
<label for='main_search' class='hide'>{$lang['start_search']}</label>
<div>
<input type="text" name="keyword"  value="{$lang['search_keyword']}" onfocus="if (this.value == '{$lang['search_keyword']}') this.value = '';"
dir="{$_CONF['info_row']['content_dir']}" />
<input type="submit"  title="{$lang['start_search']}" tabindex="6" />
</div>
</form>
</div>




كود css

CODE 
.search {
    position: absolute;
    width: 244px;
    height: 34px;
    background: url('images/search.png') no-repeat scroll 0% 0% transparent;
}
.search input[type="text"] {
    border: 0px none;
    position: absolute;
    top: 1px;
    left: 52px;
    width: 154px;
    height: 29px;
    background: none repeat scroll 0% 0% transparent;
    margin: 0px;
    padding: 0px;
    font-size: 12px;
    font-family: tahoma;
    font-weight: bold;
    direction: rtl;
    color: #A2A2A2;
}
.search input[type="submit"] {
    border: 0px none;
    position: absolute;
    top: 4px;
    left: 5px;
    width: 45px;
    background: none repeat scroll 0% 0% transparent;
    margin: 0px;
    padding: 0px;
    height: 25px;
    cursor: pointer;
}



الساعة الآن 02:04 PM