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

ا

الحكيم2

زيزوومي جديد
إنضم
24 يونيو 2008
المشاركات
2
مستوى التفاعل
3
النقاط
0
الإقامة
sudi arabia
غير متصل
[hide]
يجب عليك تسجيل الدخول او تسجيل لمشاهدة الرابط المخفي
[/hide]
بأي برنامج صمم هذا الموقع تكفووون
كود: 
[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>
 

التعديل الأخير بواسطة المشرف:
ترتيب حسب التاريخ ترتيب حسب الأصوات
بسم الله الرّحمن الرّحيم
السّلامُ عليكمُ ورحمةُ الله تعالى وبركاتهُ
حيّاكمُ الله تعالى أخي المُبارك، ويسّر لكمُ الخَير.
أحسبُ تكوين الجَدول؛ يُمكنُ بأيّ لُغة برمجيّة تُتقنونها.
ربّما الصّفحة تمّت برمجتها باستِخدام (Html ، CSS).
والله تعالى أعلى وأعلمُ.
وأستسمحُ إخوتي بالإشارة لأخي المُبارك:
:
@MesterPerfect
:
للنّظر إذا تيسّر من وقتهِ؛ لُطفًا منه مأجورًا.
والله تعالى يوفّق إخوتي جميعًا؛ لكُلّ خير.​
 
توقيع : راجية الجنةراجية الجنة is verified member.
تأييد 0
السَلام عليكم ورحمة الله وبركاته
أهلا بك أخي الكريم
بالنسبة لهذا الموقع هو موقع بسيط مبني ببعض أكواد html ولمسات css
 
توقيع : MesterPerfectMesterPerfect is verified member.
تأييد 0
راجية الجنة قال:
بسم الله الرّحمن الرّحيم
السّلامُ عليكمُ ورحمةُ الله تعالى وبركاتهُ
حيّاكمُ الله تعالى أخي المُبارك، ويسّر لكمُ الخَير.
أحسبُ تكوين الجَدول؛ يُمكنُ بأيّ لُغة برمجيّة تُتقنونها.
ربّما الصّفحة تمّت برمجتها باستِخدام (Html ، CSS).
والله تعالى أعلى وأعلمُ.
وأستسمحُ إخوتي بالإشارة لأخي المُبارك:
:
@MesterPerfect
:
للنّظر إذا تيسّر من وقتهِ؛ لُطفًا منه مأجورًا.
والله تعالى يوفّق إخوتي جميعًا؛ لكُلّ خير.​
أنقر للتوسيع...
بارك الله فيكم أختي الفاضلة
حفظكم الله ورعاكم
بالفعل كما قُلتي هي بعض أكواد الhtml مع css
 
توقيع : MesterPerfectMesterPerfect is verified member.
تأييد 0
وهذا هو كود ال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%;
}

تحياتي لك
 
توقيع : MesterPerfectMesterPerfect is verified member.
تأييد 0
تأييد 0
موضوع قيم
 
تأييد 0
يجب تسجيل الدخول أو التسجيل كي تتمكن من الرد هنا.
عودة
أعلى