کیان
3 سال پیش توسط کیان مطرح شد
5 پاسخ

ساخت صفحه ارسال کد تایید به ایمیل - صرفا طراحی

سلام به همه دوستان و اساتید
من اطلاعات کافی در خصوص html و css ندارم و کارم توسعه اندروید هست
بک اند برنامه ام رو با لاراول طراحی کردم و توی اپ اندرویدی ام در کنار ساخت اکانت از طریق شماره موبایل و اکانت جیمیل از طریق ارسال کد تایید به ایمیل هم کار رو پیش بردم
از طریق smtp سایت خودم و کانفیگ اون و از درون لاراول یه کد تایید برای ایمیلی که کاربر وارد میکنه ارسال میکنم و ادامه ماجرا
از این طریق :

                Mail::send('email-template', $data, function ($message) use ($data) {
                    $message->to($data['email'])
                        ->subject($data['subject']);
                });

و فایل email-template هم اینه :

<div class="container">
    {!! $content !!}
</div>

میخوام این فایل رو ویرایش کنم که ایمیلی که ارسال میشه برای کاربر اینقدر خام و بی روح نباشه
template آماده یا چیزی وجود نداره من ازش استفاده کنم و فقط کد خودم رو توش بگنجونم

ممنون میشم راهنمایی بفرمایید


ثبت پرسش جدید
احسان داوری
تخصص : برنامه نویس
@ehsndvr 3 سال پیش مطرح شد
0

سلام
قائده صفحات html برای ایمیل یکم فرق داره ، شما میتونید از سایت های زیر صفحه مورد نظرتون رو طراحی کنید و کدش رو داخل صفحه email-template قرار بدین.
لینک اول ، لینک دوم ، لینک سوم و لینک چهارم .


احسان داوری
تخصص : برنامه نویس
@ehsndvr 3 سال پیش مطرح شد
0

سلام
قائده صفحات html برای ایمیل یکم فرق داره ، شما میتونید از سایت های زیر صفحه مورد نظرتون رو طراحی کنید و کدش رو داخل صفحه email-template قرار بدین.
لینک اول ، لینک دوم ، لینک سوم و لینک چهارم .


محمد رضا
تخصص : Full Stack Developer
@salar.mohammad2013 3 سال پیش مطرح شد
1

سلام دوست عزیز
اگر اطلاعات لازم برای html css نداشته باشید خب کارتون سخت میشه چون قالب ایمیل یکمی اذیتی های خاص خودش رو داره
تا جایی که تحقیق داشتم بیشتر باید به صورت inline استایل دهی بشه و از کلاس ها و این موارد برای استایل دهی استفاده نشه.
پیشنهاد میدم اگر بیش از حد نا اشنا هستید موضوع رو برون سپاری کنید مثل سایت پارس کدرز یا با لینک هایی که دوست عزیزمون @ehsndvr ارسال کردن یه قالب کپی کنی و پکیجی هم دیدم برای لاراول که بد نیست بررسی کنی


کیان
تخصص : ندارم ...
@kian.myphone 3 سال پیش مطرح شد
1

ممنون از راهنمایی دوستان عزیز :
@salar.mohammad2013 و @ehsndvr

واقعیتش من لینک هایی که زحمت کشیدید ارسال کردید رو نگاه کردم حقیقتا اینقدر پیچیده و خاص نیاز ندارم اما خب بسیار جالب بودند و قابل استفاده اما با نگاه کردن به همین لینک ها و خروجی هایی که میدادند یه ایده به ذهنم رسید توی inbox ایمیل خودم یکی از اون ایمیل هایی که برام اومده بود رو نگاه کردم و دیدم اوکی هست inspect گوگل کروم رو زدم و اون قسمتی که میخواستم رو کپی گرفتم و بردمش توی یه html editor آنلاین و اونطوری که میخواستم تغییرش دادم و خروجی نهایی اینطوری شد
البته میگم چیز زیاد پیچیده ای نمیخواستم و فقط میخواستم از اون حالت ساده و بی روح بیاد بیرون

<!DOCTYPE html>
<html>
<body>
<div style="font-family:IRANSans;background-color:#f6f6f6">
    <div style="width:99%;margin:auto;max-width:680px;padding:20px">
        <div
            style="width:95%;background-color:#fff;border-radius:10px;padding:3% 2.5%">
            <h2 style="display:block;text-align:center">به ... خوش آمدید</h2>
            <div style="width:98%;background-color:#f6f6f6;padding:1%;border-radius:10px">
                <span style="display:block;text-align:center;margin-top:20px"> : کد تایید شما عبارت است از</span>
                <div
                    style="width:98%;background-color:#007AFF;color:#fff;padding:1%;margin-top:20px;margin-bottom:10px;border-radius:10px;text-align:center;color:#fff">
                    <h2>{!! $content !!}</h2>
                </div>
            </div>
            <div id="m_-5023015037961375584footer"
                 style="width:95%;background-color:#fff;border-radius:10px;padding:1% 2.5%;background-color:#fff;margin-top:10px">
                <h5 style="text-align:center">
                    لورم ایپسوم
                </h5>
            </div>
        </div>
    </div>
</div>
</body>
</html>

فقط میخواستم لطف کنید ببینید سوتی چیزی نداده باشم و مشکلی وجود نداشته باشه ممنون


احسان داوری
تخصص : برنامه نویس
@ehsndvr 3 سال پیش مطرح شد
1

بسیار هم عالی
شما میتونستید توی همون وبسایت ها هم یک نسخه از چیزی که خودتون میخواستید رو دستی درست بکنید و اینطوری خیلی راحت تر بود.


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

ورود یا ثبت‌نام