مهمان عزیز خوش آمدید. ورود ثبت نام



امتیاز موضوع:
  • 1 رای - 5 میانگین
  • 1
  • 2
  • 3
  • 4
  • 5

[-]
کلمات کلیدی
آموزش ساخت صفحه رزومه

آموزش ساخت صفحه رزومه
سلام ،
در این آموزش ساخت یک صفحه فول  css3 و Ajax برای تماس کاربران با شما رو یاد میگیرید ..
برای اینکار از روش از اموزش کاربر : mybb استفاده می کنیم .
برای شروع باید یک فایل php ساخته بشه که تو آدرس اجرا میشه اینجا resume.php رو کار میکنیم.
یعنی در آخر با مراجعه به آدرس http://site.ir/resume.php میتونین نتیجه کار رو ببینید .
من فایل resume رو ساختم و توی pakage برای دانلود گذاشتم .
حالا به  قسمت قالب ها و پوسته ها / قالب ها / افزودن قالب برین.
نام قالب را resume قرار بدید و گروهش رو قالب قالبهای سراسری.
این کد رو در محتواش بزارین :
کد پی‌اچ‌پی:
<html>

<
head>

<
title>افزودن رزومه شما</title>

{
$headerinclude}


<
link href="css/contact.css" rel="stylesheet" type="text/css" /> 
<!-- 
AJAX Contact Form Stylesheet -->
<
style>.opac {opacity:0.2;  filter:alpha(opacity=20);-moz-opacity:0.2;-webkit-transitionall 0.5s ease-in-out;-moz-transitionall 0.5s ease-in-out;-o-transitionall 0.5s ease-in-out;}.opac:hover {opacity:.8; -moz-opacity:.8filter:alpha(opacity=80);-webkit-transitionall 0.5s ease-in-out;-moz-transitionall 0.5s ease-in-out;-o-transitionall 0.5s ease-in-out;} </style>
<
script src="http://code.jquery.com/jquery-latest.js"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.4/jquery-ui.min.js"></script>
<script src="js/jquery.jigowatt.js"></script>
<script type="text/javascript">jQuery.noConflict();</script>
<!-- AJAX Form Submit -->

<!--[if IE]>
    <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->


</head>

<body>

{$header}



    <section id="contact">

        <header>

            <h1><abbr title="تماس با ما">تماس با ما</h1>
            <p>تماس با ما - <strong>{$mybb->settings['bbname']}<strong>!</p>

        </header>

        <mark id="message"></mark>

        <form method="post" action="contact.php" name="contactform" id="contactform" autocomplete="on"  >

            <fieldset>

                <legend>اطلاعات مخاطب</legend>

                <div>
                    <label for="name" accesskey="U">: نام شما</label>
                    <input name="نام" type="text" id="name" placeholder="نام خود را وارد کنید" required />
                </div>
                <div>
                    <label for="email" accesskey="E">: ایمیل شما</label>
                    <input name="ایمیل" type="email" id="email" placeholder="آدرس ایمیل خود را وارد کنید" pattern="^[A-Za-z0-9](([_\.\-]?[a-zA-Z0-9]+)*)@([A-Za-z0-9]+)(([\.\-]?[a-zA-Z0-9]+)*)\.([A-Za-z]{2,})$" required />
                </div>

                <div>
                    <label for="phone" accesskey="P">: شماره موبایل<small>(اختیاری)</small></label>
                    <input name="شماره همراه" type="tel" id="phone" size="30" placeholder="شماره تلفن همراه خود را وارد کنید" />
                </div>

                <div>
                    <label for="website" accesskey="W">: وب سایت<small>(اختیاری)</small></label>
                    <input name="وب سایت" type="url" id="website" placeholder="آدرس وبسایت خود را وارد کنید" />
                </div>

            </fieldset>

            <fieldset>

                <legend>پیام شما</legend>



                <div>
                    <label for="comments" accesskey="C">: متن پیام</label><small>(لطفا در مورد کار مورد نظر اطلاعاتی را قید کنید)</small>
                    <textarea name="comments" cols="40" rows="3" id="comments" placeholder="توضیحاتی راجع به پیام خود درج کنید" spellcheck="true" required></textarea>
                </div>

            </fieldset>

            <fieldset>

                <legend>آیا شما واقعی هستید ؟</legend>

                <label for="verify" accesskey="V" class="verify"><img src="image.php" alt="Verification code" /></label>
                <input name="verify" type="text" id="verify" size="6" required style="width: 50px;" title="آیا شما یک ربات هستید با انسان؟" />

            </fieldset>

            <input type="submit" class="submit" id="submit" value="ارسال" />

        </form>
        <!--- حذف کپی رایت شرعا حرام و قانونا مجاز نمی باشد ، لطفا رعایت کنید --->
        <div class="opac" style="float:left; color:#d2d2d2; font-size:12px;" > <a href="http://mellat-design.ir" target="_blank" title="طراحی">Mellat</a></div>
    </section>

{$footer}

</body>

</html> 
برای تغییر ایمیل دریافت کننده پیام ها فایل contact.php رو باز کنین و بخش :
کد پی‌اچ‌پی:
         //$address = "email";
         $address "email"
رو به ایمیل خودتون تغییر بدین.
چون ارتباط با ما نیاز به برخی فایل ها (js , css , image ) داره باید فایل هاش رو در روت انجمن خود آپ کنید
بدین منظور من این فایل ها + resume.php رو براتون zip کرده و پیوست کردم !

.zip   resume.zip (اندازه 66.55 KB / تعداد دانلود: 62)

نمونه:
   


اعتبار و سپاس dont forget !
موفق باشین
 
 
 
 
 


Designs : Mellat Graph - Mellat Modern - Mellat Pro - Mellat Metro - Mybbiran - Assasins - Mellat Special- Mellat 3d - Mellat Ziba - Shahrsaz -Mellat awesome - Mellat Civil - Mellat Slim - Mellat 2014 - Mellat Fun - Mellat Tech - Mellat World - Mellat Electric - کره تی وی - ایران لیگ - تهران پاتوق -
Translations : Glowing-Drakice-Techorina-Blueshire
---------

http://citygram.ir
See All At : Mellat-design.ir







آدرس صفحه چیه اونوفت؟ 
آموزش ویرایش شد . آدرس صفحه قرار داده شد ..

آدرس میشه http://site.ir/resume.php


Designs : Mellat Graph - Mellat Modern - Mellat Pro - Mellat Metro - Mybbiran - Assasins - Mellat Special- Mellat 3d - Mellat Ziba - Shahrsaz -Mellat awesome - Mellat Civil - Mellat Slim - Mellat 2014 - Mellat Fun - Mellat Tech - Mellat World - Mellat Electric - کره تی وی - ایران لیگ - تهران پاتوق -
Translations : Glowing-Drakice-Techorina-Blueshire
---------

http://citygram.ir
See All At : Mellat-design.ir







با سلام
من قالب را نصب کردم و فایل ها را روت قرار دادم ولی فایل ها بازخوانی نشدن
منظور من از روت همان پوشه فرم مای بی بی بود
آدرس سایت و یا شات از ارورتون رو قرار بدین تا مشکلتون تشخیص داده بشه.


Designs : Mellat Graph - Mellat Modern - Mellat Pro - Mellat Metro - Mybbiran - Assasins - Mellat Special- Mellat 3d - Mellat Ziba - Shahrsaz -Mellat awesome - Mellat Civil - Mellat Slim - Mellat 2014 - Mellat Fun - Mellat Tech - Mellat World - Mellat Electric - کره تی وی - ایران لیگ - تهران پاتوق -
Translations : Glowing-Drakice-Techorina-Blueshire
---------

http://citygram.ir
See All At : Mellat-design.ir







سلام دوست عزیز

نمیشه جای فیلدهای خالی با عنوانهاش عوض بشه؟
فیلدها بیاد سمت چپ، عناوین سمت راست؟


خب این یه مثال بود
شما مبتونید یه اسکریپت تماس با ما بگیرید و با این اوکی کنید استفاده ببرید


Designs : Mellat Graph - Mellat Modern - Mellat Pro - Mellat Metro - Mybbiran - Assasins - Mellat Special- Mellat 3d - Mellat Ziba - Shahrsaz -Mellat awesome - Mellat Civil - Mellat Slim - Mellat 2014 - Mellat Fun - Mellat Tech - Mellat World - Mellat Electric - کره تی وی - ایران لیگ - تهران پاتوق -
Translations : Glowing-Drakice-Techorina-Blueshire
---------

http://citygram.ir
See All At : Mellat-design.ir







(۳۱ مرداد ۱۳۹۳، ۰۱:۳۰ ب.ظ)mellat نوشته:  خب این یه مثال بود
شما مبتونید یه اسکریپت تماس با ما بگیرید و با این اوکی کنید استفاده ببرید

سلام

میشه شما زحمتش رو بکشید یه نمونه اش رو خودتون بذارید؟

ممنون




موضوعات مشابه ...
موضوع نویسنده پاسخ بازدید آخرین ارسال
  آموزش ستونی کردن زیر انجمن ها Tofighi 17 6,464 ۱۰ اردیبهشت ۱۳۹۴، ۰۸:۰۰ ب.ظ
آخرین ارسال: gonabad
  آموزش ایجاد آیکن برای انجمن ها Tofighi 17 4,406 ۲۱ اسفند ۱۳۹۳، ۱۲:۴۰ ق.ظ
آخرین ارسال: ERFAN-DESIGN
  ساخت پنجره ورود زیبا [modal login box] (نسخه ویرایش شده) Big Goal 39 5,872 ۲۶ دى ۱۳۹۲، ۰۹:۲۸ ب.ظ
آخرین ارسال: mrfotoohi
  آموزش قرار دادن اسلاید شو Friga 3 2,403 ۱۲ آبان ۱۳۹۲، ۱۰:۵۵ ق.ظ
آخرین ارسال: life
  افزودن دکمه موضوع جدید در صفحه اصلی Tofighi 3 1,295 ۲۸ مهر ۱۳۹۲، ۰۸:۱۵ ب.ظ
آخرین ارسال: mellat
  آموزش کادربندی زیرانجمن ها به سبک جدید Friga 13 4,153 ۲۰ خرداد ۱۳۹۲، ۰۱:۵۶ ب.ظ
آخرین ارسال: first_name1221
Heart آموزش نمایش آیکون برای آخرین ارسال هر بخش انجمن در صفحه اصلی hamidkag 16 4,003 ۱۰ خرداد ۱۳۹۲، ۱۲:۲۳ ب.ظ
آخرین ارسال: hamidkag
  آموزش ایجاد اطلاعیه رنگی Color Box Announcements reza 4 1,637 ۰۳ بهمن ۱۳۹۱، ۰۱:۱۱ ق.ظ
آخرین ارسال: reza
  آموزش ایجاد بلوک برترین ارسال کنندگان برای سردر Tofighi 0 1,241 ۱۳ دى ۱۳۹۱، ۰۹:۵۸ ب.ظ
آخرین ارسال: Tofighi
  آموزش ساخت ادامه مطلب برای سردر Tofighi 2 2,025 ۳۰ آذر ۱۳۹۱، ۰۸:۰۶ ب.ظ
آخرین ارسال: WhiteCrow

پرش به انجمن:


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

1 مهمان


درباره‌ی ما

گروه پشتیبانی فارسی مای بی بی My-BB.Ir در واپسین روزهای پاییز 1391 کار خود را در زمینه مای بی بی آغاز کرد. این گروه با توکل بر خدای منان و دانش فنی خود در تلاش است فعالیتی هرچند ناچیز در زمینه ارتقا و پشتیبانی مای بی بی انجام دهد.
تمامی حقوق برای وب‌سایت پشتیبانی فارسی مای بی‌بی (My-BB.Ir) محفوظ می‌باشد و هرگونه کپی‌برداری از آن شرعا حرام و قانونا غیرمجاز می‌باشد.
قدرت گرفته از مای بی‌بی - فارسی‌ساز: My-BB.Ir و IORA.Ir