شاطر
استعرض الموضوع السابقاذهب الى الأسفلاستعرض الموضوع التالي

تومبلايت قوالب تسجيل الدخول جاهزة للاستخدام

#1
Admin
الإدارة العليا
  •  

  • ذكر
    المساهمات : 650

    الأوسمة :



    تاريخ التسجيل : 02/02/2018

    https://puph.yoo7.com
    في الأربعاء مايو 30, 2018 4:59 pm
    صورة القالب الاول قبل الدخول
    [ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]
    [ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]
    صورة بعد الدخول
    [ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]
    [ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]

    قالب الكلاس بقالب overall_header
    ضع رد لتري الكود




    اكواد css
    ضع رد لتري الكود

    الكود:

    .login__box {
        background-color: #34A773;
         height: 65px;
    }

     .login__box .cntr {
        position: relative;
    }
    .login-box {
        float: left;
        margin-left: 20px;
        margin-top: 15px;
        width: 500px;
    }
    .login-box input[type="text"], .login-box input[type="password"] {
        border: 0 none;
        border-radius: 0;
        box-sizing: border-box;
        float: right;
        line-height: 25px;
        margin-left: 8px;
        padding: 4px;
        width: 144px;
    }
    .login-box input[type="submit"] {
        background-color: rgb(236, 153, 46);
        color: rgb(255, 255, 255);
        float: left;
        height: 36px;
        padding: 0;
        text-shadow: 0 0 0 rgb(255, 255, 255);
        width: 80px;
    }
    .chboxx {
        color: rgb(255, 255, 255);
        float: right;
        margin-top: 10px;

               .NameUsers {
        color: #FEFFFF;
        float: right;
        font-family: "Droid Arabic Kufi","Open Sans",sans-serif;
        font-size: 0.8em;
        margin-left: 15px;
    }
      .NameUsers a {
         color: #FEFFFF;
        text-decoration: none;
    }
      .ControlUser {
        padding-bottom: 10px;
        padding-left: 10px;
    }
      .ControlUser ul {
        margin: 4px 0 12px;
        padding: 0 0 0 40px;
    }
      .ControlUser li {
        background: rgb(245, 245, 245) none repeat scroll 0 0;
        border: 1px solid rgb(204, 204, 204);
        border-radius: 5px;
        box-shadow: 0 0 1px rgb(204, 204, 204);
        color: rgb(112, 129, 144);
        display: inline-block;
        font-size: 21px;
        height: auto;
        margin: 0;
        padding: 0 3px;
        text-shadow: 0 1px 0 rgb(255, 255, 255);
        width: auto;
    }

    [/hide]

    واضافة قبل  </head>
    كود الاتي :

    الكود:
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css">

    علما ان خلفية الخضراء هي حسب خلفية الهيدر او النافبار الموضوع

    انتهى اول قالب من قوالب الدخول 

    منقول


    عدل سابقا من قبل Admin في الأربعاء مايو 30, 2018 5:05 pm عدل 1 مرات
    التوقــيـــــــــــــــــــــع


    {  أسْتَغْفِرُ اللهَ العَظِيمَ الَّذِي لاَ إلَهَ إلاَّ هُوَ، الحَيُّ القَيُّومُ، وَأتُوبُ إلَيهِ }
    { يَوْمَ تُبَدَّلُ الْأَرْضُ غَيْرَ الْأَرْضِ وَالسَّمَاوَاتُ وَبَرَزُوا لِلَّهِ الْوَاحِدِ الْقَهَّار }

    رد: تومبلايت قوالب تسجيل الدخول جاهزة للاستخدام

    #2
    Admin
    الإدارة العليا
  •  

  • ذكر
    المساهمات : 650

    الأوسمة :



    تاريخ التسجيل : 02/02/2018

    https://puph.yoo7.com
    في الأربعاء مايو 30, 2018 5:00 pm
    تومبلايت قالب تسجيل رقم 2

    صورة للقالب قبل الدخول
    [ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]
    [ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]
    بعد الدخول
    [ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]
    [ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]
    الكلاس بقالب 

     ضع رد لتر الكود 



    اكواد css

    الكود:

             
    .loginbox {
        float: right;
        margin: 3px 0 0;
        width: 500px;       
    }          

    .loginbox input.bginput[type="text"] {
        background-position: right top;
        margin-left: 1px;
    }
    .loginbox input.bginput[type="text"], .loginbox input.bginput[type="password"] {
        background-color: rgba(0, 0, 0, 0);
        background-image: url("http://i84.servimg.com/u/f84/16/46/77/76/img_0911.png");
        background-position: -104px top;
        background-repeat: no-repeat;
        border: 0 none;
        color: rgb(163, 163, 163);
        float: right;
        font-family: tahoma;
        font-size: 9pt;
        font-weight: normal;
        height: 33px;
        outline: 0 none;
        padding: 0 38px 0 3px;
        text-shadow: 0 1px 0 rgb(255, 255, 255);
        width: 100px;
    }          
    .rmmbrme {
        color: rgb(255, 255, 255);
        float: right;
        font-size: 13px;
        line-height: 40px;
        padding: 0 4px;
    }
              

    input[type="radio"], input[type="checkbox"] {
        -moz-binding: none;
        background-color: -moz-field !important;
        block-size: 13px;
        border: 2px inset threedlightshadow !important;
        box-sizing: border-box;
        color: -moz-fieldtext !important;
        cursor: default;
        inline-size: 13px;
        padding: 0 !important;
    }          
              
     
    .loginbox .button {
        background-color: rgba(0, 0, 0, 0);
        background-image: url("http://i84.servimg.com/u/f84/16/46/77/76/img_0911.png");
        background-repeat: no-repeat;
        border: 0 none;
        cursor: pointer;
        display: block;
        font-family: "Droid Arabic Kufi";
        font-size: 13px;
        font-weight: normal;
        height: 34px;
        margin: 0;
        padding: 0;
        text-shadow: 0 1px 0 rgb(8, 105, 122);
        width: 102px;
    }  
    دمتم بخير
    التوقــيـــــــــــــــــــــع


    {  أسْتَغْفِرُ اللهَ العَظِيمَ الَّذِي لاَ إلَهَ إلاَّ هُوَ، الحَيُّ القَيُّومُ، وَأتُوبُ إلَيهِ }
    { يَوْمَ تُبَدَّلُ الْأَرْضُ غَيْرَ الْأَرْضِ وَالسَّمَاوَاتُ وَبَرَزُوا لِلَّهِ الْوَاحِدِ الْقَهَّار }

    رد: تومبلايت قوالب تسجيل الدخول جاهزة للاستخدام

    #3
    avatar
    K!LLeR
    نائب الإدارة
  •  

  • المساهمات : 318

    تاريخ التسجيل : 13/06/2018

    في الخميس يونيو 14, 2018 12:41 am
    أإسـ عٍ ـد الله أإأوٍقـآتَكُـ بكُـل خَ ـيرٍ دآإئمـاَ تَـبهَـرٍوٍنآآ بَمَ ـوٍآضيعكـ أإلتي تَفُـوٍح مِنهآ عَ ـطرٍ أإلآبدآع وٍأإلـتَمـيُزٍ
    التوقــيـــــــــــــــــــــع


    [ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]

    رد: تومبلايت قوالب تسجيل الدخول جاهزة للاستخدام

    #4
    avatar
    chahim
    عضو جديد

    المساهمات : 3

    تاريخ التسجيل : 13/07/2018

    في الجمعة يوليو 13, 2018 5:44 pm
    هل يشتغل مع النسخة الاخيرة
    استعرض الموضوع السابقالرجوع الى أعلى الصفحةاستعرض الموضوع التالي
    صلاحيات هذا المنتدى:
    لاتستطيع الرد على المواضيع في هذا المنتدى
    Top