برنامج مهم بالنسبة لي تكفووون

الحكيم2 · ‏مارس 31, 2020

المصدر: برنامج مهم بالنسبة لي تكفووون
في منتدى : منتدى طلبات وإستفسارات المواقع والمنتديات

هذا المحتوى يظهر للاعضاء المسجلين فقط:

بأي برنامج صمم هذا الموقع تكفووون

كود:

[LEFT]<!DOCTYPE html>
<html lang="ar" dir="rtl">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable = no">
<meta name="description" content="#سألزم بيتي">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<meta name="mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="default">
<meta name="format-detection" content="telephone=no">
<link rel="stylesheet" href="[URL='http://mzhra.c2y.info/theme/css/main.css']theme/css/main.css[/URL]">
<title>لجنة التنمية الإجتماعية الأهلية بمزهرة - كلنا مسؤول</title>
</head>
<body>
<div id="app">
<header style="display: flex; justify-content: center;">
<div>
<img src="[URL='http://mzhra.c2y.info/theme/imgs/logo.jpg']theme/imgs/logo.jpg[/URL]" alt="" srcset="">
<p >لجنة التنمية الإجتماعية بمزهرة</p>
</div>
</header>
<div class="content">
<form id="form" action="card" method="post">
<p style="margin-top: 0; font-weight: bold; text-align:center;"> لجنة التنمية الإجتماعية الأهلية بمزهرة يتيح لكم اصدار بطاقة توعوية كلنا مسؤول</p>
<label for="name">الاسم:</label>
<input
type="text"
name="name"
id="name"
maxlength="35"
minlength="10"
>
<input type="submit" value="طباعة">
<p id="msg"></p>
</form>
<div style="text-align: center;">
<img width="150px" src="[URL='http://mzhra.c2y.info/theme/imgs/logo2.png']theme/imgs/logo2.png[/URL]" alt="" srcset="">
</div>
</div>
</div>
<script src="[URL='http://mzhra.c2y.info/theme/js/main.js']theme/js/main.js[/URL]"></script>
</body>[/LEFT]
</html>

راجية الجنة · ‏ابريل 4, 2020

بسم الله الرّحمن الرّحيم
السّلامُ عليكمُ ورحمةُ الله تعالى وبركاتهُ
حيّاكمُ الله تعالى أخي المُبارك، ويسّر لكمُ الخَير.
أحسبُ تكوين الجَدول؛ يُمكنُ بأيّ لُغة برمجيّة تُتقنونها.
ربّما الصّفحة تمّت برمجتها باستِخدام (Html ، CSS).
والله تعالى أعلى وأعلمُ.
وأستسمحُ إخوتي بالإشارة لأخي المُبارك:
:
@MesterPerfect
:
للنّظر إذا تيسّر من وقتهِ؛ لُطفًا منه مأجورًا.
والله تعالى يوفّق إخوتي جميعًا؛ لكُلّ خير.

MesterPerfect · ‏ابريل 4, 2020

السَلام عليكم ورحمة الله وبركاته
أهلا بك أخي الكريم
بالنسبة لهذا الموقع هو موقع بسيط مبني ببعض أكواد html ولمسات css

MesterPerfect · ‏ابريل 4, 2020

مقتبس من راجية الجنة: ↑

بسم الله الرّحمن الرّحيم
السّلامُ عليكمُ ورحمةُ الله تعالى وبركاتهُ
حيّاكمُ الله تعالى أخي المُبارك، ويسّر لكمُ الخَير.
أحسبُ تكوين الجَدول؛ يُمكنُ بأيّ لُغة برمجيّة تُتقنونها.
ربّما الصّفحة تمّت برمجتها باستِخدام (Html ، CSS).
والله تعالى أعلى وأعلمُ.
وأستسمحُ إخوتي بالإشارة لأخي المُبارك:
:
@MesterPerfect
:
للنّظر إذا تيسّر من وقتهِ؛ لُطفًا منه مأجورًا.
والله تعالى يوفّق إخوتي جميعًا؛ لكُلّ خير.
أنقر للتوسيع...

بارك الله فيكم أختي الفاضلة
حفظكم الله ورعاكم
بالفعل كما قُلتي هي بعض أكواد الhtml مع css

MesterPerfect · ‏ابريل 4, 2020

وهذا هو كود الhtml

كود HTML:

<!DOCTYPE html>
<html lang="ar" dir="rtl">
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable = no">
        <meta name="description" content="#سألزم بيتي">
        <meta http-equiv="X-UA-Compatible" content="ie=edge">
        <meta name="mobile-web-app-capable" content="yes">
        <meta name="apple-mobile-web-app-capable" content="yes">
        <meta name="apple-mobile-web-app-status-bar-style" content="default">
        <meta name="format-detection" content="telephone=no">
        <link rel="stylesheet" href="theme/css/main.css">
        <title>لجنة التنمية الإجتماعية الأهلية بمزهرة - كلنا مسؤول</title>
    </head>
    <body>
       <div id="app">
            <header style="display: flex; justify-content: center;">
                <div>
                    <img src="theme/imgs/logo.jpg" alt="" srcset="">
                    <p >لجنة التنمية الإجتماعية بمزهرة</p>
                </div>
            </header>
           <div class="content">
                <form id="form" action="http://mzhra.c2y.info/card" method="post">
                <p style="margin-top: 0; font-weight: bold; text-align:center;"> لجنة التنمية الإجتماعية الأهلية بمزهرة يتيح لكم اصدار بطاقة توعوية كلنا مسؤول</p>
                    <label for="name">الاسم:</label>
                    <input
                        type="text"
                        name="name"
                        id="name"
                        maxlength="35"
                        minlength="10"
                        >
                    <input type="submit" value="طباعة">
                    <p id="msg"></p>
                </form>
                <div style="text-align: center;">
                    <img width="150px" src="theme/imgs/logo2.png" alt="" srcset="">
                </div>
           </div>
       </div>
        <script src="theme/js/main.js"></script>
    </body>

<!-- Mirrored from mzhra.c2y.info/ by HTTrack Website Copier/3.x [XR&CO'2014], Sat, 04 Apr 2020 15:30:16 GMT -->
</html>

وهذا كود الcss

كود:

@import url("https://fonts.googleapis.com/css?family=Almarai:400,700&amp;display=swap");

* {
    padding: 0;
    margin: 0;
    box-sizing: border-box;
    font-family: "Almarai", sans-serif;
}

input {
    -moz-appearance: none;
    -webkit-appearance: none;
    line-height: 30px;
    min-height: 30px;
    display: block;
    width: 100%;
    border: 1px solid #444;
    border-radius: 3px;
    padding: 0 10px;
}

input[type="submit"] {
    margin-top: 30px;
    background-color: #fff;
    font-size: 18px;
    font-weight: bold;
    color: #04905b;
    cursor: pointer;
}

label {
    color: #fff;
    display: block;
    margin-bottom: 10px;
}

#msg {
    padding: 10px;
    text-align: center;
    color: #fff;
}

body {
    background-color: #fff;
}

#app {
    min-height: 100vh;
    max-width: 550px;
    margin: auto;
    background-color: #04905b;
}

header {
    text-align: center;
    padding: 10px;
    background-color: #fff;
    margin-bottom: 20px;
}

header img {
    width: 150px;
}

header p {
    color: #024533;
}

.content {
    padding: 20px;
    min-height: calc(100vh - 319px);
    color: #fff;
}

footer {
    height: 187px;
    text-align: center;
}

footer img {
    width: 100%;
}

تحياتي لك

eng.issa · ‏يونيو 21, 2020

هذه اكواد (HTML و CSS) وهذه بعض البرامج المتميزة التي يستخدمها المبرمجين في تحرير الأكواد:

https://code.visualstudio.com/
https://atom.io/

reda bouzakaria · ‏أغسطس 31, 2020

موضوع قيم

تسجيل الدخول

برنامج مهم بالنسبة لي تكفووون

الحكيم2 زيزوومي جديد

راجية الجنة مُديرة عامّة طـــاقم الإدارة ★ نجم المنتدى ★ عضو المكتبة الإلكترونية نجم الشهر عضوية موثوقة ✔️

MesterPerfect زيزوومي VIP ★ نجم المنتدى ★ عضوية موثوقة ✔️

MesterPerfect زيزوومي VIP ★ نجم المنتدى ★ عضوية موثوقة ✔️

MesterPerfect زيزوومي VIP ★ نجم المنتدى ★ عضوية موثوقة ✔️

eng.issa زيزوومي نشيط

reda bouzakaria زيزوومي جديد

مشاركة هذه الصفحة

تسجيل الدخول

برنامج مهم بالنسبة لي تكفووون

الحكيم2 زيزوومي جديد

راجية الجنة مُديرة عامّة طـــاقم الإدارة ★ نجم المنتدى ★ عضو المكتبة الإلكترونية نجم الشهر عضوية موثوقة ✔️

MesterPerfect زيزوومي VIP ★ نجم المنتدى ★ عضوية موثوقة ✔️

MesterPerfect زيزوومي VIP ★ نجم المنتدى ★ عضوية موثوقة ✔️

MesterPerfect زيزوومي VIP ★ نجم المنتدى ★ عضوية موثوقة ✔️

eng.issa زيزوومي نشيط

reda bouzakaria زيزوومي جديد

مشاركة هذه الصفحة

عمليات بحث مفيدة