المواضيع الأخيرة
» "كود" تغير كلمة الرئيسية اسفل المنتدى الى صورة مصغرة
من طرف AsHeK EgYpT السبت أغسطس 13, 2016 8:29 pm

» كود css تأطير الفئات والاحصائيات والمواضيع وغيرها
من طرف AsHeK EgYpT السبت أغسطس 13, 2016 7:12 pm

» "كود" وضع أطار لأيقونات الموضوع الجديد و القديم و المغلق أسفل المنتدى في الرئيسية
من طرف AsHeK EgYpT السبت أغسطس 13, 2016 7:05 pm

» كود تضليل اسم القسم عند المرور عليه بالماوس
من طرف AsHeK EgYpT السبت أغسطس 13, 2016 6:57 pm

» كود css لوضع خلفية لبيانات العضو متصل بـــ(؟) واخر مساهماتك للانفيوجن
من طرف AsHeK EgYpT السبت أغسطس 13, 2016 6:53 pm

» كود css لالغاء الفراغ الذي يظهر بين الواجهه واعلى المتصفح
من طرف AsHeK EgYpT السبت أغسطس 13, 2016 6:49 pm

» حل مشكلة الأسطر متقاربة بالمساهمااات
من طرف AsHeK EgYpT الإثنين أغسطس 08, 2016 6:36 pm

» كود css لجعل حقل الدخول و البحث و اسم المستخدم و كلمة السر بشكل منحرف
من طرف AsHeK EgYpT الإثنين أغسطس 08, 2016 6:33 pm

» طريقة أزالة السطر من تحت أسماء الأعضاء
من طرف AsHeK EgYpT الإثنين أغسطس 08, 2016 6:29 pm

» [css] لعمل خاصية تمرير الماوس للآكواد للحفاظ علي مظهر المنتدي
من طرف AsHeK EgYpT الإثنين أغسطس 08, 2016 6:24 pm

أفضل 10 أعضاء في هذا الأسبوع


[HTML] قالب مركز الصور الجديد مع استايلـ مميز جدآا ،ومميزاتـ هائلة

استعرض الموضوع التالي استعرض الموضوع السابق اذهب الى الأسفل

AsHeK EgYpT
AsHeK EgYpT
عدد المساهمات : 68

مُساهمةAsHeK EgYpT الجمعة يوليو 29, 2016 10:00 pm

[HTML] قالب مركز الصور الجديد مع استايلـ مميز جدآا ،ومميزاتـ هائلة


مميزاته :

1- استايـل ازرق مميز خفيف التصفح،..
2 مسآحات اعلانيه
يقوم مركز التحميل بتحميل الصور مع ضمان عدم حذفهم بتاتا لانهم محفوطين بلوحة الادارة و ما راح يحذفو أبدا

| صورة لمعاينة النتيجة |
 [HTML] قالب مركز الصور الجديد مع استايلـ مميز جدآا ،ومميزاتـ هائلة  Mr-top12

شرح التركيب

لوحة أدارة  [HTML] قالب مركز الصور الجديد مع استايلـ مميز جدآا ،ومميزاتـ هائلة  Puce_bleu عناصر أضافية  [HTML] قالب مركز الصور الجديد مع استايلـ مميز جدآا ،ومميزاتـ هائلة  Puce_bleu إدارة صفحات ال HTML


أنشاء صفحة HTML جديدة

العنوان : مركز تحميل صور منتديات ........

هل تود استعمال أعلى و أسفل صفحة منتداك؟ : نختار لااستعمال هذه الصفحة كصفحة رئيسية؟ : نختار لا

كود ال HTML : نضع الكود التالي

الكود:
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    </head>



    <!-- بدايه معلومات الموقع الرئيسيه -->
    <head>
    <meta http-equiv="Content-Language" content="ar-sa">
    <meta http-equiv="Content-Type" content="text/html; charset=windows-1256">
    <title>مركز رفع الصور</title>
    <meta name="keywords" content="مركز , رفع , الصور ,اسلامي">
    <meta name="description" content="مركز لرفع الصور">
    <link rel="stylesheet" type="text/css" href="template/style.css">
    </head>
    <!-- نهايه معلومات الموقع الرئيسيه -->
    <div align="center">
    <table id="_____01" width="100%" height="300" border="0" cellpadding="0" cellspacing="0" dir="ltr">
        <tr>
            <td colspan="2" rowspan="4">

                <img src="http://i44.servimg.com/u/f44/15/54/04/99/body_019.gif" width="246" height="178" alt=""></td>
            <td rowspan="4" background="http://i44.servimg.com/u/f44/15/54/04/99/body_020.gif" width="100%">
                 </td>
            <td rowspan="4">
                <img src="http://i44.servimg.com/u/f44/15/54/04/99/body_021.gif" width="243" height="178" alt=""></td>
            <td colspan="6">
                <img src="http://i44.servimg.com/u/f44/15/54/04/99/body_030.gif" width="302" height="138" alt=""></td>
        </tr>
        <tr>

            <td colspan="6">
                <img src="http://i44.servimg.com/u/f44/15/54/04/99/body_023.gif" width="302" height="14" alt=""></td>
        </tr>
        <tr>
            <td>
                <a target="_self" href="/contact">
    
               <img
    src="http://i44.servimg.com/u/f44/15/54/04/99/body_024.gif" width="90"
    height="22" alt="" border="0"></a></td>
            <td rowspan="2">
                <img src="http://i44.servimg.com/u/f44/15/54/04/99/body_025.gif" width="10" height="26" alt=""></td>

            <td>
                <a target="_self" href="/register">
    
               <img
    src="http://i44.servimg.com/u/f44/15/54/04/99/body_026.gif" width="91"
    height="22" alt="" border="0"></a></td>
            <td rowspan="2">
                <img src="http://i44.servimg.com/u/f44/15/54/04/99/body_027.gif" width="9" height="26" alt=""></td>
            <td>
                <a target="_self" href="/forum">
    
               <img
    src="http://i44.servimg.com/u/f44/15/54/04/99/body_115.gif" width="90"
    height="22" alt="" border="0"></a></td>
            <td rowspan="2">

                <img src="http://i44.servimg.com/u/f44/15/54/04/99/body_116.gif" width="12" height="26" alt=""></td>
        </tr>
        <tr>
            <td>
                <img src="http://i44.servimg.com/u/f44/15/54/04/99/body_117.gif" width="90" height="4" alt=""></td>
            <td>
                <img src="http://i44.servimg.com/u/f44/15/54/04/99/body_118.gif" width="91" height="4" alt=""></td>
            <td>
                <img src="http://i44.servimg.com/u/f44/15/54/04/99/body_118.gif" width="90" height="4" alt=""></td>

        </tr>
        <tr>
            <td colspan="10"  align="center"><br><br/><script type="text/JavaScript">
    var global1="1";
    var global2="0";
    var global3="0";
    var global4="0";
    var stat=0;
    var inx=0;

    function dodefault()
    {
    document.getElementById('flu').innerHTML='<align="center"><span
     class=blueHeader style="FONT-SIZE: 16px; VERTICAL-ALIGN:
    3px"><input name="udir" type="hidden" id="udir3"
    value=""><input id="menu1" name="menu1" type="hidden" size="20"
    value="photo"/> <p align="center"><input id="usr"
    name="userimg" type="file" size="40"  
    /><br></div></p>';
    document.getElementById('divv').innerHTML='<div
     id="multi" align="center">    <input style="border:1px dotted
    #000000; PADDING-RIGHT: 10px; PADDING-LEFT: 10px; FONT-SIZE: 8pt; COLOR:
     #000000; FONT-FAMILY: Tahoma; BACKGROUND-COLOR: #FFFFFF"
    onclick="togglemulti(); return false;" type="button" value="رفع أكثر من
    صوره" name="#0"></div><br><br/><div
    align="center"><input name="rightclick" type="checkbox"
    id="rightclick" value="yes" checked>السماح بحفظ الصوره ؟<input
    name="rating" type="checkbox" id="rating" value="yes" checked>السماح
    بالتصويت ؟ <br><br>الوصف :<input name="comment"
    type="text" id="comment" size="40" maxlength=""></div>';
    document.getElementById('menu1').value=="photo"
    stat=0;
    }

    function togglemulti()
    {
    if (stat==0)
    {
    document.getElementById('divv').innerHTML='<div
     id="multi" align="center">    <input style="border:1px dotted
    #000000; PADDING-RIGHT: 10px; PADDING-LEFT: 10px; FONT-SIZE: 8pt; COLOR:
     #000000; FONT-FAMILY: Tahoma; BACKGROUND-COLOR: #FFFFFF"
    onclick="togglemulti(); return false;" type="button" value="رفع أكثر من
    صوره" name="#0"></div><div
    align="center"><br><input name="rightclick" type="checkbox"
    id="rightclick" value="yes" checked>السماح بحفظ الصوره ؟ <input
    name="rating" type="checkbox" id="rating" value="yes" checked>السماح
    بالتصويت ؟<br> <br>قم بكتابه وصف لصور المراد رفعها
    فقط<br>1: <input name="comment" type="text" id="comment"
    size="40" maxlength=""><br>2: <input name="comment2"
    type="text" id="comment2" size="40" maxlength=""><br>3:
    <input name="comment3" type="text" id="comment3" size="40"
    maxlength=""><br>4: <input name="comment4" type="text"
    id="comment4" size="40" maxlength=""><br>5: <input
    name="comment5" type="text" id="comment5" size="40"
    maxlength=""></div>';

    document.getElementById('flu').innerHTML='<p
     align="center"><span class=blueHeader style="FONT-SIZE: 16px;
    VERTICAL-ALIGN: 3px"><input name="udir" type="hidden" id="udir3"
    value=""></span><span style="FONT-SIZE: 16px;
    VERTICAL-ALIGN: 3px; FONT-SIZE: 14px; COLOR: #000000; FONT-FAMILY:
    tahoma"><span class="style15">اختيار الصور المراد
    رفعها</span>:</span></span><br><input
    id="menu1" name="menu1" type="hidden" size="20" value="photo"/>1:
    <input id="usr" name="userimg" type="file" size="20"
    /><br>';

    content='2: <input id="usr2" name="userimg2"
     type="file" size="20" /><br>3: <input id="usr3"
    name="userimg3" type="file" size="20" /><br>4: <input
    id="usr4" name="userimg4" type="file" size="20" /><br>5:
    <input id="usr5" name="userimg5" type="file" size="20"
    /><br><br><div id="multi" align="center">    
    <input style="border:1px dotted #000000; PADDING-RIGHT: 10px;
    PADDING-LEFT: 10px; FONT-SIZE: 8pt; COLOR: #000000; FONT-FAMILY: Tahoma;
     BACKGROUND-COLOR: #FFFFFF" onclick="togglemulti(); return false;"
    type="button" value="الرجوع رفع صوره واحده فقط"
    name="#0"></div>';
    document.getElementById('multi').innerHTML=content;
    document.getElementById('menu1').value="photo";
    stat=1;
    }
    else
    {
    dodefault();

    document.getElementById('multi').innerHTML='
       <input style="border:1px dotted #000000; PADDING-RIGHT: 10px;
    PADDING-LEFT: 10px; FONT-SIZE: 8pt; COLOR: #000000; FONT-FAMILY: Tahoma;
     BACKGROUND-COLOR: #FFFFFF" onclick="togglemulti(); return false;"
    type="button" value="رفع أكثر من صوره" name="#0">';
    stat=0;
    }
    }

    function getext(str)

    {

    var i=0;

    var pos=0;

    var newstr="";

    for (i=0;i<str.length;i++)

    {if (str.charAt(i)==".") {pos=i;}}

    if (pos==0) {return "";}

    if (pos>0) {for (i=pos;i<str.length;i++){newstr=newstr+str.charAt(i);}

    return newstr.toLowerCase();}}

    function checkimage(whf)
    {
    if (document.getElementById(whf).value!="") {
    if (getext(document.getElementById(whf).value)!=".jpg") {
    if (getext(document.getElementById(whf).value)!=".jpeg" ) {
    if (getext(document.getElementById(whf).value)!=".png" ) {
    if (getext(document.getElementById(whf).value)!=".tif" ) {
    if (getext(document.getElementById(whf).value)!=".tiff" ) {
    if (getext(document.getElementById(whf).value)!=".bmp" ) {
    if (getext(document.getElementById(whf).value)!=".gif" ) {
    alert("قم باختيار صوره لرفعها"); return false;}}}}}}}}
    }

    function checkdesc()
    {
    var i;
    for (i=1;i<6;i++)
    {
    if
     (i==1) {if (document.getElementById('usr').value!="" &&
    document.getElementById('comment').value=="") {alert("قم بكتابه وصف أو
    اسم لصوره رقم 1"); return false; break;}}
    if (i==2) {if
    (document.getElementById('usr2').value!="" &&
    document.getElementById('comment2').value=="") {alert("قم بكتابه وصف أو
    اسم لصوره رقم 2"); return false; break;}}
    if (i==3) {if
    (document.getElementById('usr3').value!="" &&
    document.getElementById('comment3').value=="") {alert("قم بكتابه وصف أو
    اسم لصوره رقم 3"); return false; break;}}
    if (i==4) {if
    (document.getElementById('usr4').value!="" &&
    document.getElementById('comment4').value=="") {alert("قم بكتابه وصف أو
    اسم لصوره رقم 4"); return false; break;}}
    if (i==5) {if
    (document.getElementById('usr5').value!="" &&
    document.getElementById('comment5').value=="") {alert("قم بكتابه وصف أو
    اسم لصوره رقم 5"); return false; break;}}

    }
    }

    function check()

    {


    if (document.getElementById('menu1').value=="photo"){

    if
     (getext(document.getElementById('usr').value)!=".jpg" &&
    getext(document.getElementById('usr').value)!=".jpeg" &&
    getext(document.getElementById('usr').value)!=".gif"  &&
    getext(document.getElementById('usr').value)!=".bmp" &&
    getext(document.getElementById('usr').value)!=".png") {

    alert("قم باختيار صوره فقط!"); return false;}}



    if (document.getElementById('usr').value=="" && stat==0) {alert("قم باختيار صوره لرفعها!"); return false;} else {

    if
     (document.getElementById('menu1').value=="none") {if
    (document.getElementById('description').value=="") {alert("قم بكتابه وصف
     او اسم لصوره !");  return false;}}

    if (document.getElementById("uploading").style.display = ""){

    document.getElementById("uploading").style.display = "";

    return true;}



    }

    }





    function showhide() {



    if (document.getElementById('menu1').value=="photo") {

    document.getElementById('uploadform').action="upload.php";

    document.getElementById('divv').innerHTML='<div
     id="multi" align="center"><input style="border:1px dotted
    #000000; PADDING-RIGHT: 10px; PADDING-LEFT: 10px; FONT-SIZE: 8pt; COLOR:
     #000000; FONT-FAMILY: Tahoma; BACKGROUND-COLOR: #FFFFFF"
    onclick="togglemulti(); return false;" type="button" value="رفع أكثر من
    صوره واحده" name="#0"></div><div
    align="center"><br><br><input name="rightclick"
    type="checkbox" id="rightclick" value="yes" checked>هل تريد اضافه
    ايقونه تحميل الصور ؟<input name="rating" type="checkbox" id="rating"
    value="yes" checked>اضافه تصويت <br>الوصف :<input
    name="comment" type="text" id="comment" size="40"
    maxlength=""></div>';

    document.getElementById('usr').name="userimg";

    }

    }

    window.onload="showhide('divv')";



    </script>
    <!-- بدايه الإعلان العلوي -->
    <p align="center">
    <a target="_blank" href="/contact">
    <img border="0" src="http://i44.servimg.com/u/f44/15/54/04/99/adsup11.jpg"></a></p>
    <!-- نهايه الإعلان العلوي -->

    <div align="center">
    <table id="_____01" width="656" height="241" border="0" cellpadding="0" cellspacing="0" dir="ltr">
        <tr>

            <td>
                <img src="http://i44.servimg.com/u/f44/15/54/04/99/home_013.gif" width="21" height="25" alt=""></td>
            <td colspan="3">
                <img src="http://i44.servimg.com/u/f44/15/54/04/99/home_014.gif" width="608" height="25" alt=""></td>
            <td>
                <img src="http://i44.servimg.com/u/f44/15/54/04/99/home_015.gif" width="27" height="25" alt=""></td>
        </tr>
        <tr>
            <td background="http://i44.servimg.com/u/f44/15/54/04/99/home_016.gif" height="20%">

                <img src="http://i44.servimg.com/u/f44/15/54/04/99/home_016.gif" width="21" height="13" alt=""></td>
    
           <td colspan="3" rowspan="2"
    background="http://i44.servimg.com/u/f44/15/54/04/99/home_017.gif"
    dir="rtl" align="center">

            <!-- بدايه رفع الصور -->

    <IFRAME WIDTH="350" HEIGHT="190" SRC="http://sam-94.3oloum.org/h3-page"></IFRAME>

    <!-- نهايه رفع الصور -->


    </td>
            <td background="http://i44.servimg.com/u/f44/15/54/04/99/home_018.gif" height="20%">
                <img src="http://i44.servimg.com/u/f44/15/54/04/99/home_018.gif" width="27" height="13" alt=""></td>

        </tr>
        <tr>
            <td background="http://i44.servimg.com/u/f44/15/54/04/99/home_019.gif" valign="bottom">
                <img src="http://i44.servimg.com/u/f44/15/54/04/99/home_020.gif" width="21" height="182" alt=""></td>
            <td rowspan="2" background="http://i44.servimg.com/u/f44/15/54/04/99/home_021.gif" valign="bottom">
                <img src="http://i44.servimg.com/u/f44/15/54/04/99/home_022.gif" width="27" height="202" alt=""></td>
        </tr>
        <tr>
            <td colspan="2">

                <img src="http://i44.servimg.com/u/f44/15/54/04/99/home_023.gif" width="298" height="20" alt=""></td>
            <td>
                <img src="http://i44.servimg.com/u/f44/15/54/04/99/home_110.gif" width="47" height="20" alt=""></td>
            <td>
                <img src="http://i44.servimg.com/u/f44/15/54/04/99/home_111.gif" width="284" height="20" alt=""></td>
        </tr>
        <tr>
            <td>
                <img src="http://2img.net/i/fa/empty.gif" width="21" height="1" alt=""></td>

            <td>
                <img src="http://2img.net/i/fa/empty.gif" width="277" height="1" alt=""></td>
            <td>
                <img src="http://2img.net/i/fa/empty.gif" width="47" height="1" alt=""></td>
            <td>
                <img src="http://2img.net/i/fa/empty.gif" width="284" height="1" alt=""></td>
            <td>
                <img src="http://2img.net/i/fa/empty.gif" width="27" height="1" alt=""></td>
        </tr>

    </table>
    </div>
    <!-- بدايه البنر السفلي -->
    <p align="center">
    <a target="_blank" href="/contact">
    <img border="0" src="http://i44.servimg.com/u/f44/15/54/04/99/adsdow10.jpg"></a></p>
    <!-- نهايه البنر السفلي -->
    </p><div align="center"><font size="2"><br>جميع الحقوق محفوظة لـ
    <a target="_self" href="http://www.des-star.yoo7.com">شبكة ديزاين ستار العربية</a>
    <br>

    <IFRAME WIDTH="230" HEIGHT="50" SRC="http://des-star.yoo7.com/h2-page"></IFRAME>
    <br>
        </tr>
        <tr>
            <td>
                <img src="http://i44.servimg.com/u/f44/15/54/04/99/body_119.gif" width="104" height="86" alt=""></td>
            <td rowspan="2">
                <img src="http://i44.servimg.com/u/f44/15/54/04/99/body_121.gif" width="142" height="111" alt=""></td>
            <td rowspan="2" background="http://i44.servimg.com/u/f44/15/54/04/99/body_121.gif">
                 </td>
            <td colspan="7" rowspan="2">

                <img src="http://i44.servimg.com/u/f44/15/54/04/99/body_122.gif" width="" height="111" alt=""></td>
        </tr>
        <tr>
            <td>
                <a target="_blank" href="http://www.des-star.yoo7.com">
    
               <img
    src="http://i44.servimg.com/u/f44/15/54/04/99/ffds1010.png" width="104"
    height="25" alt="" border="0"></a></td>
        </tr>
    </table>
    </div>










    <style type="text/css" id="vbulletin_css">


    body, html {
    margin : 0;
    padding : 0;
    margin : 0;
    }
    a:link, a:visited, a:active {
    font-family : tahoma;
    font-size : 12px;
    color : #5a5a5a;
    text-decoration : none;
    }
    a:hover {
    font-family : tahoma;
    font-size : 12px;
    text-decoration : none;
    color : #83c1f7;
    }
    marquee, td {
    font-family : tahoma;
    font-size : 14px;
    }
    textarea {
    background-attachment : fixed;
    border : 1px solid #0e5f7a;
    font-family : tahoma;
    font-size : 13px;
    }
    form {
    display : inline;
    margin : 0;
    padding : 0;
    font-family : tahoma;
    font-size : 14px;
    }
    input {
    font-family : Verdana, Arial, Helvetica;
    font-size : 10px;
    background-color : #e4f8ff;
    color : #444444;
    border-right : 1px solid #3ac2ed;
    border-top : 1px solid #3ac2ed;
    font-size : 11px;
    border-left : 1px solid #3ac2ed;
    border-bottom : 1px solid #3ac2ed;
    font-family : Tahoma;
    }
    textarea {
    font-family : Verdana, Arial, Helvetica;
    font-size : 10px;
    background-color : #e4f0fd;
    color : #444444;
    border : 1px solid #444444;
    }
    select {
    font-family : Verdana, Arial, Helvetica;
    font-size : 10px;
    background-color : #e4f0fd;
    color : #444444;
    border : 1px solid #444444;
    }
    .press {
    font-family : Verdana, Arial, Helvetica;
    background-image : url(template/images/press.gif);
    font-size : 10px;
    border : 1px solid #666666;
    }
    .upload {
    border-collapse : collapse;
    border : 1px solid #666666;
    }
    .upload1 {
    border-collapse : collapse;
    border : 1px solid #e1f6fd;
    }
    .upload2 {
    border-collapse : collapse;
    border : 1px solid #e1f6fd;
    }
    .upload3 {
    border-collapse : collapse;
    border : 1px solid #3cc2ed;
    background-color : #e6f9ff;
    }
    .upload4 {
    border-collapse : collapse;
    border : 1px solid #3cc2ed;
    background-color : #ffffff;
    }
    .upload5 {
    border-collapse : collapse;
    border : 1px solid #3cc2ed;
    background-color : #e6f9ff;
    }
    .upload6 {
    border-collapse : collapse;
    border : 1px solid #3cc2ed;
    background-color : #ffffff;
    }
    .upload7 {
    border-collapse : collapse;
    border : 1px solid #3cc2ed;
    background-color : #e6f9ff;
    }

    iframe {
    margin : 0;
    padding : 0;
    border : 0;
    outline : 0;
    font-weight : inherit;
    font-style : inherit;
    font-size : 100%;
    font-family : inherit;
    vertical-align : baseline;
    }


    <style>
ثم نضغط على زر سجل

استعرض الموضوع التالي استعرض الموضوع السابق الرجوع الى أعلى الصفحة

رسالة سريعة:

انشئ حساب جديد او سجل دخول لكى تستطيع الرد

يجب ان تمتلك عضوية لتستطيع الرد.

انشاء حساب جديد

انضم لمنتدانا عن طريق انشاء حساب جديد . انها سهلة!


انشاء حساب جديد

تسجيل دخول

هل تمتلك حساب بالفعل ؟ لا مشكلة, سجل دخول من هنا.


تسجيل دخول

 
صلاحيات هذا المنتدى:
لاتستطيع الرد على المواضيع في هذا المنتدى