هاست لینوکس

آخرین بسته‌ی MyBB: نسخه‌ی 1.8.27 MyBB منتشر شد


امتیاز موضوع:
  • 0 رأی - میانگین امتیازات: 0
  • 1
  • 2
  • 3
  • 4
  • 5
قرار دادن login مای بی بی در وردپرس
#11
درود
یه فرم لاگین دارم که میخواستم دوستانی که وارد هستند کمک کنند
    1. واسه لاگین مای بی بی بشه
    2. کادر username و ****** وقتی کلیک میکنی نوشته پیشفرض اتومات پاک بشه و شما بنویسید.
    این کد CSS فرم(main.css):
    کد:
    /*
    * @freebie: login-freebie
    * @author: Francisco Neves
    */

    div.login-freebie
    {
        font-size: 12px;
        display: table;
        background-color: #FFF;
        border: 1px solid #d9d9d9;

        -moz-box-shadow: 0 0 16px -4px rgba(0, 0, 0, 0.5);
        -webkit-box-shadow: 0 0 16px -4px rgba(0, 0, 0, 0.5);
        box-shadow: 0 0 16px -4px rgba(0, 0, 0, 0.5);

        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
    }

    div.login-freebie > div.form
    {
        display: table;
        width: 100%;
        padding: 20px;
    }

    div.login-freebie > div.form > input[type=text],
    div.login-freebie > div.form > input[type=password]
    {
        outline: none;
        display: table;
        width: 100%;
        padding: 8px 10px;
        border: 1px solid #bcbcbc;
        color: #a7a5a5;
        text-shadow: 0px 1px 0px #fff;
        margin-bottom: 15px;

        -moz-box-shadow: 0 0 2px 0px rgba(0, 0, 0, 0.2) inset;
        -webkit-box-shadow: 0 0 2px 0px rgba(0, 0, 0, 0.2) inset;
        box-shadow: 0 0 2px 0px rgba(0, 0, 0, 0.2) inset;

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


        background: #d7d6d6; /* Old browsers */
        background: -moz-linear-gradient(top, #d7d6d6 0%, #e9e9e9 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d7d6d6), color-stop(100%,#e9e9e9)); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top, #d7d6d6 0%,#e9e9e9 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top, #d7d6d6 0%,#e9e9e9 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top, #d7d6d6 0%,#e9e9e9 100%); /* IE10+ */
        background: linear-gradient(to bottom, #d7d6d6 0%,#e9e9e9 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d7d6d6', endColorstr='#e9e9e9',GradientType=0 ); /* IE6-9 */
        box-sizing: border-box !important; -webkit-box-sizing: border-box !important; -moz-box-sizing: border-box !important; -ms-box-sizing: border-box !important;
    }
    div.login-freebie > div.form > input:last-child { margin-bottom: 0px; }

    div.login-freebie > div.form > input[type=text]:hover,
    div.login-freebie > div.form > input[type=password]:hover,
    div.login-freebie > div.form > input[type=text]:focus,
    div.login-freebie > div.form > input[type=password]:focus
    {
        -moz-box-shadow: 0 0 2px 0px rgba(0, 0, 0, 0.2) inset, 0 0 5px 0px rgba(0, 0, 0, 0.2);
        -webkit-box-shadow: 0 0 2px 0px rgba(0, 0, 0, 0.2) inset, 0 0 5px 0px rgba(0, 0, 0, 0.2);
        box-shadow: 0 0 2px 0px rgba(0, 0, 0, 0.2) inset, 0 0 5px 0px rgba(0, 0, 0, 0.2);
    }

    div.login-freebie > div.footer
    {
        font-size: 11px;
        display: table;
        width: 100%;
        padding: 15px 20px;
        background-color: #3a3a3a;
        -webkit-border-bottom-right-radius: 3px;
        -webkit-border-bottom-left-radius: 3px;
        -moz-border-radius-bottomright: 3px;
        -moz-border-radius-bottomleft: 3px;
        border-bottom-right-radius: 3px;
        border-bottom-left-radius: 3px;
        color: #bcbcbc;
        text-shadow: 0px 1px 0px #000;
        position: relative;
    }
    واین هم کد Html فرم:
    کد:
    <!--
    --- @freebie: login-freebie
    --- @author: Francisco Neves
    -->

    <!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="utf-8"/>
        <title>Login Freebie</title>

        <link rel="stylesheet" href="main.css" type="text/css" media="screen" charset="utf-8" />

        <style>
            /* General Styles */
            h4 { color: #c5c5c5; margin-top: 50px; }
            body { margin: 0; font-family: Arial, Verdana; }
            ul#login-freebie { display: table; list-style: none; margin: 0 auto; padding: 0; }
            ul#login-freebie > li { float: left; margin-right: 20px; margin-bottom: 20px; }
            ul#login-freebie > li:last-child { margin-right: 0; }
        </style>
    </head>
    <body style="background: #AAACAC"><br><br>
        <ul id="login-freebie">
            <li>
                    <form method="post">
                    <div class="login-freebie">
                        <div class="form">
                            <input type="text" id="username" name="username" value="username"/>
                            <input type="password" id="username" name="password" value="password"/>
                        </div>
                        <div class="footer">
                            Remember me
                            <input type="checkbox" id="remember" name="remember" class="regular-checkbox" /><label for="remember"></label>
                        </div>
                    </div>
                    </form>
            </li>
        </ul>
    </body>
    </html>
پاسخ
#12
دوست عزیز.کپی رایتتون صحیح نیست به همین علت پشتیبانی نمیشید.
کپی رایت رو درست کنید تا کد براتون به صورت رایگان قرار بگیره.
کد:
<!--
--- @freebie: login-freebie
--- @author: Francisco Neves
-->

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8"/>
    <title>Login Freebie</title>

    <style>
/*
* @freebie: login-freebie
* @author: Francisco Neves
*/

div.login-freebie
{
    font-size: 12px;
    display: table;
    background-color: #FFF;
    border: 1px solid #d9d9d9;

    -moz-box-shadow: 0 0 16px -4px rgba(0, 0, 0, 0.5);
    -webkit-box-shadow: 0 0 16px -4px rgba(0, 0, 0, 0.5);
    box-shadow: 0 0 16px -4px rgba(0, 0, 0, 0.5);

    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

div.login-freebie > div.form
{
    display: table;
    width: 86%;
    padding: 20px;
}

div.login-freebie > div.form > input[type=text],
div.login-freebie > div.form > input[type=password]
{
    outline: none;
    display: table;
    width: 100%;
    padding: 8px 10px;
    border: 1px solid #bcbcbc;
    color: #a7a5a5;
    text-shadow: 0px 1px 0px #fff;
    margin-bottom: 15px;

    -moz-box-shadow: 0 0 2px 0px rgba(0, 0, 0, 0.2) inset;
    -webkit-box-shadow: 0 0 2px 0px rgba(0, 0, 0, 0.2) inset;
    box-shadow: 0 0 2px 0px rgba(0, 0, 0, 0.2) inset;

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


    background: #d7d6d6; /* Old browsers */
    background: -moz-linear-gradient(top, #d7d6d6 0%, #e9e9e9 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d7d6d6), color-stop(100%,#e9e9e9)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #d7d6d6 0%,#e9e9e9 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #d7d6d6 0%,#e9e9e9 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #d7d6d6 0%,#e9e9e9 100%); /* IE10+ */
    background: linear-gradient(to bottom, #d7d6d6 0%,#e9e9e9 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d7d6d6', endColorstr='#e9e9e9',GradientType=0 ); /* IE6-9 */
    box-sizing: border-box !important; -webkit-box-sizing: border-box !important; -moz-box-sizing: border-box !important; -ms-box-sizing: border-box !important;
}
div.login-freebie > div.form > input:last-child { margin-bottom: 0px; }

div.login-freebie > div.form > input[type=text]:hover,
div.login-freebie > div.form > input[type=password]:hover,
div.login-freebie > div.form > input[type=text]:focus,
div.login-freebie > div.form > input[type=password]:focus
{
    -moz-box-shadow: 0 0 2px 0px rgba(0, 0, 0, 0.2) inset, 0 0 5px 0px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0 0 2px 0px rgba(0, 0, 0, 0.2) inset, 0 0 5px 0px rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 2px 0px rgba(0, 0, 0, 0.2) inset, 0 0 5px 0px rgba(0, 0, 0, 0.2);
}

div.login-freebie > div.footer
{
    font-size: 11px;
    display: table;
    width: 86.9%;
    padding: 15px 20px;
    background-color: #3a3a3a;
    -webkit-border-bottom-right-radius: 3px;
    -webkit-border-bottom-left-radius: 3px;
    -moz-border-radius-bottomright: 3px;
    -moz-border-radius-bottomleft: 3px;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
    color: #bcbcbc;
    text-shadow: 0px 1px 0px #000;
    position: relative;
}
        /* General Styles */
        h4 { color: #c5c5c5; margin-top: 50px; }
        body { margin: 0; font-family: Arial, Verdana; }
        ul#login-freebie { display: table; list-style: none; margin: 0 auto; padding: 0; }
        ul#login-freebie > li { float: left; margin-right: 20px; margin-bottom: 20px; }
        ul#login-freebie > li:last-child { margin-right: 0; }
    </style>
</head>
<body style="background: #AAACAC"><br><br>
    <ul id="login-freebie">
        <li>
                <form method="post"  action="http://FORUMLINK/member.php" >
                <div class="login-freebie">
                    <div class="form">
    <input name="action" type="hidden" value="do_login" />
    <input name="url" type="hidden" value="" />
    <input name="quick_login" type="hidden" value="1" />
    <input type="text" name="username" value="نام کاربری" class="loginboxes" onfocus="if(this.value == 'نام کاربری') { this.value=''; }" onblur="if(this.value == '') { this.value='نام کاربری'; }" >
    <input type="password" name="password" value="password" class="loginboxes"  onfocus="if(this.value == 'password') { this.value=''; }" onblur="if(this.value == '') { this.value='password'; }">
                    </div>
                    <div class="footer">
                        Remember me
                        <input name="quick_remember" id="quick_login_remember" type="checkbox" value="yes" class="regular-checkbox" checked="checked" /><label for="remember"></label><input name="submit" type="submit" value="ورود" />
                    </div>
                </div>
                </form>
        </li>
    </ul>
</body>
</html>

این یه حالت کلی برای ساخت صفحات اچ تی ام ال هستش.


کد زیر برای قرار دادن توی قسمتی از صفحات یا قالب های اسکریپت ها:
کد:
<style>
/*
* @freebie: login-freebie
* @author: Francisco Neves
*/

div.login-freebie
{
    font-size: 12px;
    display: table;
    background-color: #FFF;
    border: 1px solid #d9d9d9;

    -moz-box-shadow: 0 0 16px -4px rgba(0, 0, 0, 0.5);
    -webkit-box-shadow: 0 0 16px -4px rgba(0, 0, 0, 0.5);
    box-shadow: 0 0 16px -4px rgba(0, 0, 0, 0.5);

    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

div.login-freebie > div.form
{
    display: table;
    width: 86%;
    padding: 20px;
}

div.login-freebie > div.form > input[type=text],
div.login-freebie > div.form > input[type=password]
{
    outline: none;
    display: table;
    width: 100%;
    padding: 8px 10px;
    border: 1px solid #bcbcbc;
    color: #a7a5a5;
    text-shadow: 0px 1px 0px #fff;
    margin-bottom: 15px;

    -moz-box-shadow: 0 0 2px 0px rgba(0, 0, 0, 0.2) inset;
    -webkit-box-shadow: 0 0 2px 0px rgba(0, 0, 0, 0.2) inset;
    box-shadow: 0 0 2px 0px rgba(0, 0, 0, 0.2) inset;

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


    background: #d7d6d6; /* Old browsers */
    background: -moz-linear-gradient(top, #d7d6d6 0%, #e9e9e9 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d7d6d6), color-stop(100%,#e9e9e9)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #d7d6d6 0%,#e9e9e9 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #d7d6d6 0%,#e9e9e9 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #d7d6d6 0%,#e9e9e9 100%); /* IE10+ */
    background: linear-gradient(to bottom, #d7d6d6 0%,#e9e9e9 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d7d6d6', endColorstr='#e9e9e9',GradientType=0 ); /* IE6-9 */
    box-sizing: border-box !important; -webkit-box-sizing: border-box !important; -moz-box-sizing: border-box !important; -ms-box-sizing: border-box !important;
}
div.login-freebie > div.form > input:last-child { margin-bottom: 0px; }

div.login-freebie > div.form > input[type=text]:hover,
div.login-freebie > div.form > input[type=password]:hover,
div.login-freebie > div.form > input[type=text]:focus,
div.login-freebie > div.form > input[type=password]:focus
{
    -moz-box-shadow: 0 0 2px 0px rgba(0, 0, 0, 0.2) inset, 0 0 5px 0px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0 0 2px 0px rgba(0, 0, 0, 0.2) inset, 0 0 5px 0px rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 2px 0px rgba(0, 0, 0, 0.2) inset, 0 0 5px 0px rgba(0, 0, 0, 0.2);
}

div.login-freebie > div.footer
{
    font-size: 11px;
    display: table;
    width: 81.4%;
    padding: 15px 20px;
    background-color: #3a3a3a;
    -webkit-border-bottom-right-radius: 3px;
    -webkit-border-bottom-left-radius: 3px;
    -moz-border-radius-bottomright: 3px;
    -moz-border-radius-bottomleft: 3px;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
    color: #bcbcbc;
    text-shadow: 0px 1px 0px #000;
    position: relative;
}
        /* General Styles */
        h4 { color: #c5c5c5; margin-top: 50px; }
        body { margin: 0; font-family: Arial, Verdana; }
        ul#login-freebie { display: table; list-style: none; margin: 0 auto; padding: 0; }
        ul#login-freebie > li { float: left; margin-right: 20px; margin-bottom: 20px; }
        ul#login-freebie > li:last-child { margin-right: 0; }
    </style>
    <ul id="login-freebie">
        <li>
                <form method="post"  action="http://FORUMLINK/member.php" >
                <div class="login-freebie">
                    <div class="form">
    <input name="action" type="hidden" value="do_login" />
    <input name="url" type="hidden" value="" />
    <input name="quick_login" type="hidden" value="1" />
    <input type="text" name="username" value="نام کاربری" class="loginboxes" onfocus="if(this.value == 'نام کاربری') { this.value=''; }" onblur="if(this.value == '') { this.value='نام کاربری'; }" >
    <input type="password" name="password" value="password" class="loginboxes"  onfocus="if(this.value == 'password') { this.value=''; }" onblur="if(this.value == '') { this.value='password'; }">
                    </div>
                    <div class="footer">
                        Remember me
                        <input name="quick_remember" id="quick_login_remember" type="checkbox" value="yes" class="regular-checkbox" checked="checked" /><label for="remember"></label><input name="submit" type="submit" value="ورود" />
                    </div>
                </div>
                </form>
        </li>
    </ul>

فقط بجای FORUMLINK آدرس انجمن خودتون رو قرار بدید. مشکلی داشت بگید.

کد اصلی مشکل دکمه داشت که حل کردمش.
نصب و آپدیت انجمن مای بی بی | پلاگین و پوسته | تغییرات داخلی انجمن
نصب و بروزرسانی وردپرس طراحی پوسته های وردپرسی سبک با سئوی بالا
شخصی سازی پوسته های مای بی بی و وردپرس
طراحی سیستم مدیریت محتوای اختصاصی و خاص با برترین زبان های برنامه نویسی دنیا
جهت سفارش در تلگرام: firstboy000@
پاسخ
 سپاس شده توسطibrahim9 (۱۳۹۳/۶/۱۱، ۰۶:۵۹:۲۵ صبح)
#13
ببخشید نمیدونستم دقیقا منظورتون از درست کردن چیه ولی لینک mybbiran.com رو در فوتر گذاشتم.
پاسخ
#14
لینک سایت اصلی مای بی بی به عنوان قدرت گرفته
و اگر از پارسی ساز اینجا استفاده میکنید لینکش به عنوان مترجم.
نصب و آپدیت انجمن مای بی بی | پلاگین و پوسته | تغییرات داخلی انجمن
نصب و بروزرسانی وردپرس طراحی پوسته های وردپرسی سبک با سئوی بالا
شخصی سازی پوسته های مای بی بی و وردپرس
طراحی سیستم مدیریت محتوای اختصاصی و خاص با برترین زبان های برنامه نویسی دنیا
جهت سفارش در تلگرام: firstboy000@
پاسخ
 سپاس شده توسطibrahim9 (۱۳۹۳/۶/۱۱، ۱۲:۵۸:۴۵ عصر)
#15
ایشالا که درست باشه دیگه...
Smileعــمــــــو بـــــده بــیـــــــاد دیـــگــــــــهSmileWink
مرسی
پاسخ
#16
اون لینک ترجمه رو به سایت اینجا بذارید نه مای بی بی اصلی.این رو درست کنید.
درصورت حذف دوباره کپی رایت دائما از پشتیبانی حذف میشید. کد آزاد شد.
نصب و آپدیت انجمن مای بی بی | پلاگین و پوسته | تغییرات داخلی انجمن
نصب و بروزرسانی وردپرس طراحی پوسته های وردپرسی سبک با سئوی بالا
شخصی سازی پوسته های مای بی بی و وردپرس
طراحی سیستم مدیریت محتوای اختصاصی و خاص با برترین زبان های برنامه نویسی دنیا
جهت سفارش در تلگرام: firstboy000@
پاسخ
 سپاس شده توسطibrahim9 (۱۳۹۳/۶/۱۱، ۱۴:۴۳:۰۲ عصر)
#17
داداش این چه تغییری کرده.
درخواست من اینا بود.
  1. واسه لاگین مای بی بی بشه (OK)
  2. کادر username و ****** وقتی کلیک میکنی نوشته پیشفرض اتومات پاک بشه و شما بنویسید.
و اینکه بکگراند زیر 2تا کادر یوزر و پسورد متناسب نیست.(کوچکتره)
[تصویر:  64880484354111768763.png]
پاسخ
#18
اصلاح شد.تست کنید.
نصب و آپدیت انجمن مای بی بی | پلاگین و پوسته | تغییرات داخلی انجمن
نصب و بروزرسانی وردپرس طراحی پوسته های وردپرسی سبک با سئوی بالا
شخصی سازی پوسته های مای بی بی و وردپرس
طراحی سیستم مدیریت محتوای اختصاصی و خاص با برترین زبان های برنامه نویسی دنیا
جهت سفارش در تلگرام: firstboy000@
پاسخ
 سپاس شده توسطibrahim9 (۱۳۹۳/۶/۱۱، ۱۴:۴۳:۰۵ عصر)
#19
درست شد.
نفس شما گرم
[تصویر:  33140750369363459717.jpg]
پاسخ
 سپاس شده توسطشماره مجازی (۱۴۰۱/۸/۲۶، ۰۱:۵۳:۲۱ صبح) ، گراف مسنجر (۱۴۰۱/۱۰/۳، ۰۴:۱۵:۲۰ صبح) ، چارتر ۴۲۴ (۱۴۰۲/۹/۱۲، ۱۵:۱۶:۵۴ عصر)


پرش به انجمن:


کاربرانِ درحال بازدید از این موضوع: 1 مهمان