منتديات احلى حكاية
هل تريد التفاعل مع هذه المساهمة؟ كل ما عليك هو إنشاء حساب جديد ببضع خطوات أو تسجيل الدخول للمتابعة.

منتديات احلى حكاية دخول

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


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

more_horiz
السلام عليكم ورحمه الله وبركاته
الوقتى انا لما باجى احول اى استايل بتحصل معايا حاجه غريبه جدا
وهو ان اى زرار دخول او بحث او اشترك الازرار اللى بتكون فى الواجهه بيظهر لى ابيض مش زرار
حتى انا حولت الاستايل اللى هنا فى المنتدى بتاعكم ظهر معايا نفس المشكله مش عارف احلها ممكن تساعدونى يا شباب
والله انا ما جيت لكم الا علشان خبراتكم الكبيرة فى التحويل وفى صنع الاكواد


ودى صورة للتوضيع
طلب بسيط بخوصوص الواجهه 0c35404c60f606
منتظر رد منكم ان شاء الله

descriptionطلب بسيط بخوصوص الواجهه Emptyرد: طلب بسيط بخوصوص الواجهه

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

هلا اخى

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

و ضع هذا الكود بعد 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;
    }


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

descriptionطلب بسيط بخوصوص الواجهه Emptyرد: طلب بسيط بخوصوص الواجهه

more_horiz
مشكور اخى الكريم على ردك نزلت الكود قبل الصور مباشرتنا
وبعد الكود اللى موجود هنا الصور ظهرت الحمد الله
بس مش شغاله يعنى زرار الدخول مش شغال وزرار الالبحث مش شغال
دى صورة علشان تشوف الكود محطوط صح ولا غلط
طلب بسيط بخوصوص الواجهه 0c35404d6cf607

descriptionطلب بسيط بخوصوص الواجهه Emptyرد: طلب بسيط بخوصوص الواجهه

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

بس طبعا مش هيشتغل لان مش موجود به وسام العرض 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 مباشرتا


descriptionطلب بسيط بخوصوص الواجهه Emptyرد: طلب بسيط بخوصوص الواجهه

more_horiz

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

الكود:

<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" />


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

descriptionطلب بسيط بخوصوص الواجهه Emptyرد: طلب بسيط بخوصوص الواجهه

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

descriptionطلب بسيط بخوصوص الواجهه Emptyرد: طلب بسيط بخوصوص الواجهه

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

descriptionطلب بسيط بخوصوص الواجهه Emptyرد: طلب بسيط بخوصوص الواجهه

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

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

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

descriptionطلب بسيط بخوصوص الواجهه Emptyرد: طلب بسيط بخوصوص الواجهه

more_horiz
اتفضل الدخول
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

descriptionطلب بسيط بخوصوص الواجهه Emptyرد: طلب بسيط بخوصوص الواجهه

more_horiz

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

الكود:

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


descriptionطلب بسيط بخوصوص الواجهه Emptyرد: طلب بسيط بخوصوص الواجهه

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

الكود:

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


descriptionطلب بسيط بخوصوص الواجهه Emptyرد: طلب بسيط بخوصوص الواجهه

more_horiz
مشكور جدا يا اخى الكريم على تعبك معايا
ولكن تم تصليح البحث فقط والدخول الزرار مش ظاهر بردوة
صورة
 طلب بسيط بخوصوص الواجهه 0c35414a62fb07
معلشى تعبك معايا هو مفيش طريقه للتفعيل غير دى
منتظرك اخى الكريم

descriptionطلب بسيط بخوصوص الواجهه Emptyرد: طلب بسيط بخوصوص الواجهه

more_horiz
تم تفضل

القوالب

الكود:


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

    }


descriptionطلب بسيط بخوصوص الواجهه Emptyرد: طلب بسيط بخوصوص الواجهه

more_horiz
ينقل للقسم المناسب

descriptionطلب بسيط بخوصوص الواجهه Emptyرد: طلب بسيط بخوصوص الواجهه

more_horiz
مشكور يا غالى على تبعك معايا

descriptionطلب بسيط بخوصوص الواجهه Emptyرد: طلب بسيط بخوصوص الواجهه

more_horiz
يغلق لأنه تم الحل
privacy_tip صلاحيات هذا المنتدى:
لاتستطيع الرد على المواضيع في هذا المنتدى