طلب بسيط بخوصوص الواجهه

3 مشترك

منتديات احلى حكاية :: تطوير احلى المنتديات :: [ Help ] ركن المشاكل و الحلول و الطلبات :: قسم المساعده لاحلى المنتديات :: ارشيف قسم المشاكل احلى المنتديات

طلب بسيط بخوصوص الواجههالأحد يونيو 23, 2013 8:32 pm

السلام عليكم ورحمه الله وبركاته

الوقتى انا لما باجى احول اى استايل بتحصل معايا حاجه غريبه جدا

وهو ان اى زرار دخول او بحث او اشترك الازرار اللى بتكون فى الواجهه بيظهر لى ابيض مش زرار

حتى انا حولت الاستايل اللى هنا فى المنتدى بتاعكم ظهر معايا نفس المشكله مش عارف احلها ممكن تساعدونى يا شباب

والله انا ما جيت لكم الا علشان خبراتكم الكبيرة فى التحويل وفى صنع الاكواد

ودى صورة للتوضيع

منتظر رد منكم ان شاء الله

رد: طلب بسيط بخوصوص الواجههالأحد يونيو 23, 2013 9:47 pm

و عليكم السلام و رحمة الله و بركاته

هلا اخى

ابحث فى القوالب عن الجزء الخاص بزرار الدخول او البحث

و ضع هذا الكود بعد input مباشرتا

الكود:

class="image_but"

و ضع هذا الكود فى ورقة التصميم css

مع التعديل على العرض و الارتفاع بما يناسب الحجم الاصلى لصوره

الكود:

.image_but {background:url("رابط صورة الدخول 
او البحث") no-repeat scroll center center transparent; height:36px; width:46px; border:0px;
    width: 44px;
   height: 36px;
   float: right;
   margin:8px 0 0 0;
    }

و اضفط سجل بعد التعديل

رد: طلب بسيط بخوصوص الواجههالإثنين يونيو 24, 2013 9:17 am

مشكور اخى الكريم على ردك نزلت الكود قبل الصور مباشرتنا

وبعد الكود اللى موجود هنا الصور ظهرت الحمد الله

بس مش شغاله يعنى زرار الدخول مش شغال وزرار الالبحث مش شغال

دى صورة علشان تشوف الكود محطوط صح ولا غلط

رد: طلب بسيط بخوصوص الواجههالإثنين يونيو 24, 2013 11:27 am

تمام اخى الكود فى مكانه الصح كدا

بس طبعا مش هيشتغل لان مش موجود به وسام العرض submit

ضع هذا الوسام type="submit" فى بداية حقل زرار البحث او فى النهايه كما موجود فى الكود هنا

الكود:

                     <input  class="image_but"  type="image" src="http://i78.servimg.com/u/f78/18/14/50/08/spacer10.gif"  type="submit"  />

و يفضل ان يكون فى البدايه اذا لم يعمل معك ضع بعد كود css مباشرتا

رد: طلب بسيط بخوصوص الواجههالإثنين يونيو 24, 2013 1:19 pm

معلشى اخى اصلى مش فاهم انزله فين فى كود البحث والدخول

الكود:

<form action="http://www.rounq.com/forum/search.php?do=process" method="post" id="searchh">
     <input type="hidden" name="do" value="process" /> 
           <input type="hidden" name="quicksearch" value="1" />
      <input type="hidden" name="childforums" value="1" />
           <input type="hidden" name="exactname" value="1" />
       <input type="hidden" name="s" value="" /> 
           <input type="hidden" name="securitytoken" value="guest" />
        <input class="image_but" type="image" src="http://www.rounq.com/forum/stylev1/blue/clear.gif" class="buttonT" tabindex="1004" /> 
        <input type="text" id="searchtop"  class="SearchT Rinput" value="أدخل كلمة البحث" name="query" tabindex="1001"  />
         </form>

وده الدخول

الكود:

<form action="http://www.rounq.com/forum/login.php?do=login" method="post" id="loginn" onsubmit="md5hash(vb_login_password, vb_login_md5password, vb_login_md5password_utf, 0)" name="loginn">
          <script type="text/javascript" src="clientscript/vbulletin_md5.js?v=387"></script> 
          <input type="text" class="userl loginput" name="vb_login_username" id="navbar_username"  accesskey="u" tabindex="101" value="اسم العضو" />
           <input type="password" class="passl loginput"  name="vb_login_password" id="navbar_password"  tabindex="102" value="كلمة المرور" />
            <input class="chekl" type="checkbox" name="cookieuser" value="1" tabindex="103" id="cb_cookieuser_navbar" accesskey="c" /> 
            <input class="image_but" type="image" value="تسجيل الدخول" src="http://www.rounq.com/forum/stylev1/blue/clear.gif"  type="image" tabindex="104" title="ادخل اسم العضو وكلمة المرور الخاصة بك في الحقول المجاورة لتسجيل الدخول, أو اضغط على رابط 'التسجيل' لإنشاء حساب خاص بك." accesskey="s"  />
             <input type="hidden" name="s" value="" /> 
                <input type="hidden" name="securitytoken" value="guest" /> 
             <input type="hidden" name="do" value="login" />
                <input type="hidden" name="vb_login_md5password" />
              <input type="hidden" name="vb_login_md5password_utf" />

ده الكود ممكن تنزله فيه

رد: طلب بسيط بخوصوص الواجههالإثنين يونيو 24, 2013 1:25 pm

ممكن روابط صور زرار البحث و الدخول بعد اذنك

رد: طلب بسيط بخوصوص الواجههالإثنين يونيو 24, 2013 1:30 pm

الاستايل متعدد الالوان يعنى مش هينفع يبقى لون واحد
الصورة دى
http://www.rounq.com/forum/stylev1/blue/clear.gif
هى اللى عاوز اشغلها علشان كل الالوان تظهر وتشتغل

رد: طلب بسيط بخوصوص الواجههالإثنين يونيو 24, 2013 1:46 pm

فين الازرار يا غالى

بخصوص تعدد الالوان فا الامر سهل

بعد ما يتم التعديل يمكنك توزيع الاكواد على ملفات CSS حسب الالوان

رد: طلب بسيط بخوصوص الواجههالإثنين يونيو 24, 2013 2:23 pm

اتفضل الدخول
http://www.rounq.com/forum/stylev1/blue/HUserlogin.jpg
البحث
http://www.rounq.com/forum/stylev1/blue/SearchT.gif
http://www.rounq.com/forum/stylev1/orange/SearchT.gif
http://www.rounq.com/forum/stylev1/green/SearchT.gif
http://www.rounq.com/forum/stylev1/fushi/SearchT.gif

رد: طلب بسيط بخوصوص الواجههالإثنين يونيو 24, 2013 9:57 pm

تفضل كود البحث قوالب البحث + تم تفعيله

الكود:

<form action="/search.forum" method="post">
     <input type="hidden" name="do" value="process" />
          <input type="hidden" name="quicksearch" value="1" />
     <input type="hidden" name="childforums" value="1" />
          <input type="hidden" name="exactname" value="1" />
       <input type="hidden" name="s" value="" />
          <input type="hidden" name="securitytoken" value="guest" />
       <input class="sear_a7la" type="image" src="http://www.rounq.com/forum/stylev1/blue/clear.gif" class="buttonT" tabindex="1004" />
       <input type="text" id="searchtop"  class="SearchT Rinput" value="أدخل كلمة البحث" name="search_keywords"  tabindex="1001"  />
         </form>

ضع هذا الكود فى ورقة التصميم css

الكود:


  .sear_a7la {background:url("http://download.mrkzy.com/u/2413_93e98b5b6d391.png") no-repeat scroll center center transparent; height:36px; width:46px; border:0px;
    width: 54px;
   height: 39px;
   float: Left;
   margin:8px 0 0 0;
    }

رد: طلب بسيط بخوصوص الواجههالإثنين يونيو 24, 2013 10:23 pm

تم التعديل قوالب الدخول لتعمل فى الاستايل + حل مشكلة اختفاء الزرار

الكود:

<form action="/login.forum?redirect=/" method="post" name="form_login">
<input type="text" class="userl loginput" name="username" id="post"  accesskey="u" tabindex="101" value="اسم العضو" /> 
<input type="password" class="passl loginput"  name="password" id="post"  tabindex="102" value="كلمة المرور" /> 
<input class="chekl" type="checkbox" name="autologin" value="1" tabindex="103" id="post" accesskey="c" /> 
<input   value="تسجيل الدخول" src="http://www.rounq.com/forum/stylev1/blue/clear.gif"  type="image" tabindex="104"  name="login"title="ادخل اسم العضو وكلمة المرور الخاصة بك في الحقول المجاورة لتسجيل الدخول, أو اضغط على رابط 'التسجيل' لإنشاء حساب خاص بك." class="subml"  type="submit" accesskey="s"  />
 <input type="hidden" name="s" value="2df01b7d98c3a462e468bda151b56da0" /> 
<input type="hidden" name="securitytoken" value="guest" /> 
<input type="hidden" name="do" value="login" /> 
<input type="hidden" name="vb_login_md5password" /> 
<input type="hidden" name="vb_login_md5password_utf" />
 </form>

رد: طلب بسيط بخوصوص الواجههالثلاثاء يونيو 25, 2013 11:24 am

مشكور جدا يا اخى الكريم على تعبك معايا

ولكن تم تصليح البحث فقط والدخول الزرار مش ظاهر بردوة

صورة

معلشى تعبك معايا هو مفيش طريقه للتفعيل غير دى

منتظرك اخى الكريم

رد: طلب بسيط بخوصوص الواجههالثلاثاء يونيو 25, 2013 6:00 pm

تم تفضل

القوالب

الكود:


<form action="/login.forum?redirect=/" method="post" name="form_login">
<input type="text" class="userl loginput" name="username" id="post"  accesskey="u" tabindex="101" value="اسم العضو" />
<input type="password" class="passl loginput"  name="password" id="post"  tabindex="102" value="كلمة المرور" />
<input class="chekl" type="checkbox" name="autologin" value="1" tabindex="103" id="post" accesskey="c" />
<input class="subml_a7la"  src="http://www.rounq.com/forum/stylev1/blue/clear.gif" value=""  type="submit" type="image" tabindex="104"  name="login"title="ادخل اسم العضو وكلمة المرور الخاصة بك في الحقول المجاورة لتسجيل الدخول, أو اضغط على رابط 'التسجيل' لإنشاء حساب خاص بك."    accesskey="s"  />
 <input type="hidden" name="s" value="2df01b7d98c3a462e468bda151b56da0" />
<input type="hidden" name="securitytoken" value="guest" />
<input type="hidden" name="do" value="login" />
<input type="hidden" name="vb_login_md5password" />
<input type="hidden" name="vb_login_md5password_utf" />
 </form>

كود css

الكود:

.subml_a7la {background:url("http://download.mrkzy.com/u/2513_3930b3872e911.png") no-repeat scroll center center transparent; height:36px; width:46px; border:0px;
   position:absolute;
   left: 99px;
   top: 146px;
   width:70px;
   height:34px;

    }