02.02.17 18:30 | كود [HTML] قالب مركز الصور الجديد مع استايلـ مميز جدآا ،ومميزاتـ هائلة رقم المشاركة : ( 1 ) |
عضو vip
إحصائيةالعضو | العراق الجريح | | عدد المساهمات : 4416 | نقاط : 109970 |
|
| موضوع: كود [HTML] قالب مركز الصور الجديد مع استايلـ مميز جدآا ،ومميزاتـ هائلة كود [HTML] قالب مركز الصور الجديد مع استايلـ مميز جدآا ،ومميزاتـ هائلة مميزاته :
1- استايـل ازرق مميز خفيف التصفح،.. 2 مسآحات اعلانيه يقوم مركز التحميل بتحميل الصور مع ضمان عدم حذفهم بتاتا لانهم محفوطين بلوحة الادارة و ما راح يحذفو أبدا
| صورة لمعاينة النتيجة |
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]
شرح التركيب
لوحة أدارة عناصر أضافية إدارة صفحات ال 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.forumotion.com/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>
ثم نضغط على زر سجل |
| |