اخر المواضيع
بحث هذه المدونة الإلكترونية
الجمعة
كيف تصمم واجهه ucoz
<html>$POWERED_BY$</html>
<title> الرعب العربي </title>
<img src="https://www.wieistmeineip.de/ip-address/?size=125x125" border="0" width="125" height="125" alt="IP" />
إضافة التقييم الإيجابي والسلبي ucoz
اضافة التقيم الايجابي والسلبي
حياكم الله زوارنا الاكارم، نعتذر عن الغياب لاسباب خاصة..لاحظت خلال تتبعي لاغلب مواقع يوكوز عدم استعمال اضافة التقيم للمنتديات، لذا قررت وضع الاظافة لمن احب وضعها كما انها مميزة وخفيفة.
التركيب: التصميم » التحكم بتصميم النماذج » شكل ومظهر المادة » (منتدى)
<script type="text/javascript" src="http://elilhame.ucoz.com/profil_elilhame/55_rate.js"></script>
<div class="rate"><a class="orating_res"><b class="<?if(($RATING$*$RATED$-2*$RATED$)=0)?>nullRate<?else?><?if(($RATING$*$RATED$-2*$RATED$)<0)?>negativeRate<?else?>positiveRate<?endif?> <?endif?>" id="rate_$ID$" title="التصويت: $RATED$"><script type="text/javascript">document.write(Math.round(<?($RATING$*$RATED$)?>)-<?2*$RATED$?>)</script></b> </a></div>
ادراج الكود التالي في التحكم بالتصميم css
.rate {background:url(http://elilhame.ucoz.com/img/orating.png) no-repeat; width:73px; height:21px; position:relative; margin:7px 0 0 5px; padding:3px 0 0 0; text-align:center;} a.orating_m, a.orating_p{height:21px; width:21px; background:url(http://elilhame.ucoz.com/img/orating.png) no-repeat;} a.orating_m{float:right; background-position:-21px -24px; margin:-1px 1px 0 0;} a.orating_m:hover{background-position:-21px 100%;} a.orating_m.orated{background-position:-21px -24px;} a.orating_p{float:left; background-position:0 -24px; margin:-1px 0 0 1px;} a.orating_p:hover{background-position:0 100%;} a.orating_p.orated{background-position:0 100%;} a.orating_res,span.orating_res {background:#64b327; box-shadow:inset 0 1px 1px rgba(0,0,0,0.2); font-size:10px; color:#fff; padding:3px 8px; border-radius:5px;line-height:20px;} a.orating_res:hover{color:#f0f0f0;}
وسلامتكم
لوحه التحكم الجديده لـ panel/home
على كل الاحوال الصوره السابعه تشرح لكم بوجود اللغه من متصفح كروم كمثال وسهل الشرح
توضيح فقط والتطبيق يكون باللغه الانجليزيه افضل وعشان ما تلعب بالبرمجه
الشكل الجديد
http://gulf-missil.ucoz.com/panel/home
يمكنك ارجاع الشكل القديم بمثال هذي الصوره
http://gulf-missil.ucoz.com/panel/
وسلامتكم
الخميس
ميزه مميزه وضع اي سنه تحب ويضهر لك العام اللى انت فيه
التطبيق مثلا تحط 2006 وهو يطلع العام الحالي
التطبيق من " كتل شامله : الرئيسيه لـ القسم السفلي للموقع صوره
الكود الاصلي لـ يوكوز
<table border="0" cellpadding="0" cellspacing="0" height="47" width="100%" style="background:url('/.s/t/rtl/997/8.gif');padding-top:10px;">
<tr><td width="175" align="center" style="color:#A1A1A1;">$POWERED_BY$</td><td align="center" style="color:#A1A1A1;"><!-- <copy> -->
Copyright MyCorp © $YEAR$<!-- </copy> --></td></tr>
</table>
الكود المعدل
<table border="0" cellpadding="0" cellspacing="0" height="47" width="100%" style="background:url('/.s/t/rtl/997/8.gif');padding-top:10px;">
<tr><td width="175" align="center" style="color:#A1A1A1;">$POWERED_BY$</td><td align="center" style="color:#A1A1A1;"> <SCRIPT LANGUAGE="JavaScript">
today=new Date();
y0=today.getFullYear();
</SCRIPT>
<center><b>Copyright MyCorp © 20<font color="#CCCC00">06</font> -<SCRIPT LANGUAGE="JavaScript">
document.write(y0);
</SCRIPT> <span style="text-decoration: none"><font color="#000000">الان بعام</font></span></b></center>
</table>
وسلامتكم
الصندوق الماسي للمنتدى ucoz
نموذج الشرح وتم تعديل الصور
<div class="gDivLeft"><div class="gDivRight"><div align="center"><table border="1" width="100%" cellspacing="1" cellpadding="0" class="gTable" id="frM53" bordercolor="#C0C0C0"><tr id="frM54"><td colspan="2" class="gTableTop" id="frM55"><div style="float:left" class="gTopCornerRight"></div><b><a name="post">$FORM_TITLE$</a></b></td></tr><?if($ERROR$)?><tr id="frM1"><td colspan="2" align="center" class="gTableError" id="frM2"><b>$ERROR$</b></td></tr><?endif?><?if($_USER$)?><tr id="frM3"><td class="gTableLeft" id="frM4"><b>الاسم :</b></td><td class="gTableRight" id="frM5"><b>$_USER$</b></td></tr><?endif?><?if($_THREAD_NAME$)?><tr id="frM25"><td class="gTableLeft" id="frM26"><b>عنوان الموضوع :</b></td><td class="gTableRight" id="frM27"><b>$_THREAD_NAME$</b></td></tr><tr id="frM28"><td class="gTableLeft" id="frM29"><b>وصف الموضوع :</b></td><td class="gTableRight" id="frM30"><b>$_THREAD_DESCR$</b></td></tr><?endif?><?if($_POLL_QUESTION$)?><tr id="frM31"><td class="gTableRight" colspan="2" id="frM32"> </td></tr><tr id="frM33"><td class="gTableLeft" id="frM34"><b>سؤال التصويت :</b></td><td class="gTableRight" id="frM35"><b>$_POLL_QUESTION$</b></td></tr><tr id="frM36"><td class="gTableLeft" id="frM37"><b>نقاط التصويت :</b><div class="pollHelp"><b>أدخل رداً واحداً في كل سطر.الحد الأقصى 10 رد.</b></div></td><td class="gTableRight" id="frM38"><b>$_POLL_ANSWERS$</b></td></tr><tr id="frM40"><td class="gTableLeft" id="frM41"><b><font color="#FF0000">خصائص التصويت </font>:</b></td><td class="gTableRight" id="frM42"><b>$_POLL_ONLY_OPT$ <label for="pollonly">للتصويت فقط (كتابة ردود في الموضوع سيكون ممنوعاً)</label><br />$_POLL_MULTI_OPT$ <label for="pollmulty">تشغيل إمكانية إختيار عدة نماذج للرد</label><br />$_POLL_PERIOD_OPT$ مدة التصويت (0- مفتوح)</b></td></tr><tr id="frM43"><td class="gTableRight" colspan="2" id="frM44"> </td></tr><?endif?><tr id="frM56"><td width="25%" class="gTableLeft" id="frM57" valign="top"><b>نص الرسالة :</b><div class="smilesPart"><b>$SMILES$</b></div></td><td class="gTableRight" id="frM58"><b>$BBCODES$ $_MESSAGE$</b></td></tr><?if($MESSAGE_OPTIONS_FLAG$)?><tr id="frM14"><td class="gTableLeft" id="frM15"><b><font color="#FF0000">خصائص الرسالة </font>:</b></td><td class="gTableRight" id="frM16"><b><?if($_HTML_OPT$)?>$_HTML_OPT$ <label for="ahtml">تشغيل وسم HTML </label><br />$_MAKE_BR_OPT$ </b> <label for="frmt"><b>استبدال اسطر التغذية بـ وسم <BR></b></label><b><br><?endif?><?if($_EDITED_OPT$)?>$_EDITED_OPT$ <label for="edited">إضافة تسمية " تم تحرير..." في هذه الرسالة؟</label><br /><?endif?><?if($_SMILES_OPT$)?>$_SMILES_OPT$ <label for="smon">تشغيل الابتسامات</label><br /><?endif?><?if($_SIGNATURE_OPT$)?>$_SIGNATURE_OPT$ <label for="sgon">تشغيل التوقيع</label><br /><?endif?><?if($_SUBSCRIBE_OPT$)?>$_SUBSCRIBE_OPT$ <label for="sbon">إبلاغ بالبريد الإلكتروني بالردود</label><br /><?endif?></b></td></tr><?endif?><?if($MODER_OPTIONS_FLAG$)?><tr id="frM6"><td class="gTableLeft" id="frM7"><b>خصائص الموضوع :</b></td><td class="gTableRight" id="frM8"><b><?if($_FIRSTONTOP_OPT$)?>$_FIRSTONTOP_OPT$ <label for="firstontop">جعل أول رسالة من هذا الموضوع شعاراً(إظهار على كل الصفحات)</label><br /><?endif?><?if($_ONTOP_OPT$)?>$_ONTOP_OPT$ <label for="isontop">الموضوع دائماً في الأعلى</label><br /><?endif?><?if($_CLOSED_OPT$)?>$_CLOSED_OPT$ <label for="isclosed">موضوع مغلق</label><br /><?endif?><?if($_NOTIFY_OPT$)?>$_NOTIFY_OPT$ <label for="notify">ابلغ المشتركين عن تعديل الموضوع</label><?endif?></b></td></tr><?endif?><?if($_CHANGE_USER$)?><tr><td class="gTableLeft"><b>بداية الموضوع :</b></td><td class="gTableRight"><b>$_CHANGE_USER$</b></td></tr><?endif?><?if($_FILES_UPLOADER$)?><tr id="frM50"><td class="gTableLeft" id="frM51"><b>إرفاق ملف : (ليس أكثر من $FILE_MAX_SIZE$Kb)</b></td><td class="gTableRight" id="frM52"><b>$_FILES_UPLOADER$</b></td></tr><?endif?><?if($_SECURITY_CODE$)?><tr id="frM45"><td class="gTableLeft" id="frM46"><b>كود الحماية :</b></td><td class="gTableRight" id="frM47"><b>$_SECURITY_CODE$</b></td></tr><?endif?><tr id="frM59"><td class="gTableRight" colspan="2" align="center" id="frM60"><font size="3"><input style="border-style:dashed; border-width:1px; width:110px; font-weight:700" id="frF15" class="postPreview" type="button" value="عرض قبل النشر" onclick="prepost();" /></font><b></b><font size="3"><input type="submit" id="frF16" name="sbm" style="border:1px dashed #FF0000; width:150px;font-weight:bold" class="postSubmit" value="$SUBMIT_SIGN$" /></font><b></b><font size="3"><input style="border-style:dashed; border-width:1px; width:110px; font-weight:700" id="frF17" class="postReset" type="reset" value="إلغاء الموضوع" /></font></td></tr></table></div></div></div><div class="gDivBottomLeft"></div><div class="gDivBottomCenter"></div><div class="gDivBottomRight"></div>
<div class="gDivLeft"><div class="gDivRight"><div align="center"><table border="1" width="100%" cellspacing="1" cellpadding="0" class="gTable" id="frM53" bordercolor="#C0C0C0"><tr id="frM54"><td colspan="2" class="gTableTop" id="frM55"><div style="float:left" class="gTopCornerRight"></div><b><a name="post">$FORM_TITLE$</a></b></td></tr><?if($ERROR$)?><tr id="frM1"><td colspan="2" align="center" class="gTableError" id="frM2"><b>$ERROR$</b></td></tr><?endif?><?if($_USER$)?><tr id="frM3"><td class="gTableLeft" id="frM4"><b>الاسم :</b></td><td class="gTableRight" id="frM5"><b>$_USER$</b></td></tr><?endif?><?if($_THREAD_NAME$)?><tr id="frM25"><td class="gTableLeft" id="frM26"><b>عنوان الموضوع :</b></td><td class="gTableRight" id="frM27"><b>$_THREAD_NAME$</b></td></tr><tr id="frM28"><td class="gTableLeft" id="frM29"><b>وصف الموضوع :</b></td><td class="gTableRight" id="frM30"><b>$_THREAD_DESCR$</b><p><img class="imagebutton imagebutton_down" id="vB_Editor_QR_cmd_insertmedia0" src="http://gulf-missil.ucoz.com/_ph/20/2/569883151.gif" width="20" height="23" alt="إدراج ملف مديا بلاير" title="إدراج ملف مديا بلاير"><img src="http://gulf-missil.ucoz.com/_ph/20/2/272290262.gif" border="0" title="الخط عريضاً" onclick="simpletag('b')" alt="سمك الجمله" width="21" height="20"><img src="http://gulf-missil.ucoz.com/_ph/20/2/953602915.gif" border="0" title="سطراً تحت الخط" onclick="simpletag('u')" width="21" height="20"><img src="http://gulf-missil.ucoz.com/_ph/20/2/689990317.gif" border="0" title="الخط مائلاً" onclick="simpletag('i')" alt="مايل الخط" width="21" height="20"><img src="http://gulf-missil.ucoz.com/_ph/20/2/282018706.png" border="0" title="يسار" onclick="simpletag('l')" alt="يسار" width="16" height="16"><img src="http://gulf-missil.ucoz.com/_ph/20/2/305656805.png" border="0" title="وسط" onclick="simpletag('c')" width="16" height="16" alt="وسط"><img src="http://gulf-missil.ucoz.com/_ph/20/2/839543148.png" border="0" title="يمين" onclick="simpletag('r')" alt="يمين" width="16" height="16"><img src="http://gulf-missil.ucoz.com/_ph/20/2/595548511.png" border="0" title="إضافةكود" onclick="simpletag('code')" width="16" height="16"><img src="http://gulf-missil.ucoz.com/_ph/20/2/904219785.gif" alt="الابتسامات" width="21" height="20" title="الابتسامات"><img class="imagebutton imagebutton_down" id="vB_Editor_QR_cmd_insertframe" src="http://gulf-missil.ucoz.com/_ph/20/2/551512198.gif" width="16" height="16" alt="لإدراج إطار حول النص" title="لإدراج إطار حول النص"><img src="http://gulf-missil.ucoz.com/_ph/20/2/242551451.png" border="0" title="إضافة رابط" onclick="tag_url()" longdesc="اضافه رابط" width="16" height="16"><img class="imagebutton imagebutton_down" id="vB_Editor_QR_cmd_insertmedia" src="http://gulf-missil.ucoz.com/_ph/20/2/343883824.gif" width="21" height="20" alt="إدراج ملف مديا بلاير" title="إدراج ملف مديا بلاير"><img src="http://gulf-missil.ucoz.com/_ph/20/2/282375243.gif" border="0" title="إضافة صورة" onclick="tag_image()" alt="رفع صوره" width="21" height="20"><img class="imagebutton imagebutton_down" id="vB_Editor_QR_cmd_insertkeyb" src="http://gulf-missil.ucoz.com/_ph/20/2/541259848.gif" width="20" height="20" alt="عرض وإخفاء لوحة المفاتيح العربية لمن لا يمتلك جهاز معرب" title="عرض وإخفاء لوحة المفاتيح العربية لمن لا يمتلك جهاز معرب"><img class="imagebutton imagebutton_down" id="vB_Editor_QR_cmd_insertcode" src="http://gulf-missil.ucoz.com/_ph/20/2/328401660.gif" width="21" height="20" alt="إدراج نص كود" title="إدراج نص كود"><img class="imagebutton imagebutton_down" id="vB_Editor_QR_cmd_insertcolorpicker" src="http://gulf-missil.ucoz.com/_ph/20/2/430061454.gif" width="21" height="20" alt="أدات تلوين النص المطوره" title="أدات تلوين النص المطوره"><img class="imagebutton" id="vB_Editor_QR_cmd_insertphp" src="http://gulf-missil.ucoz.com/_ph/20/2/867392999.gif" width="13" height="16" alt="إدراج نص بي إتش بي" title="إدراج نص بي إتش بي"><img class="imagebutton imagebutton_down" id="vB_Editor_QR_cmd_insertrplayer" src="http://gulf-missil.ucoz.com/_ph/20/2/19533715.gif" width="16" height="16" alt="إدراج ملف ريل بلاير" title="إدراج ملف ريل بلاير"><img src="http://gulf-missil.ucoz.com/_ph/20/2/845427282.png" alt="مقطع فيديو" title="مقطع فيديو" width="16" height="16"><img src="http://gulf-missil.ucoz.com/_ph/20/2/592468304.gif" alt="كود فلاشي" title="كود فلاشي" width="20" height="20"><img src="http://gulf-missil.ucoz.com/_ph/20/2/995994256.png" border="0" title="اقتباس" onclick="simpletag('quote')" width="24" height="24" alt="الاقتباس"><img src="http://gulf-missil.ucoz.com/_ph/20/2/115902988.gif" border="0" title="إضافة عنوان الاميل" onclick="tag_email()" width="21" height="20" alt="الايميل"><select id="ffont" class="codeButtons" onchange="alterfont(this.options[this.selectedIndex].value,'font','message','');this.selectedIndex=0;" name="D1"><option value="0">نوع الخط</option><option value="Arial">Arial</option><option value="Times">Times</option><option value="Courier">Courier</option><option value="Impact">Impact</option><option value="Geneva">Geneva</option><option value="Optima">Optima</option></select><select id="fsize" class="codeButtons" onchange="alterfont(this.options[this.selectedIndex].value,'size','message','');this.selectedIndex=0;" name="D2"><option value="0">حجم الخط</option><option value="6">6 pt</option><option value="7">7 pt</option><option value="8">8 pt</option><option value="9">9 pt</option><option value="10">10 pt</option><option value="11">11 pt</option><option value="12">12 pt</option><option value="13">13 pt</option><option value="14">14 pt</option><option value="15">15 pt</option><option value="16">16 pt</option><option value="17">17 pt</option><option value="18">18 pt</option><option value="19">19 pt</option><option value="20">20 pt</option><option value="21">21 pt</option><option value="22">22 pt</option></select><select id="fcolor" class="codeButtons" onchange="alterfont(this.options[this.selectedIndex].value, 'Color ','message','');this.selectedIndex=0;" name="D3"><option value="0">لون الخط</option><option value="blue" style="color:blue">Blue</option><option value="red" style="color:red">Red</option><option value="purple" style="color:purple">Purple</option><option value="orange" style="color:orange">Orange</option><option value="yellow" style="color:yellow">Yellow</option><option value="gray" style="color:gray">Gray</option><option value="green" style="color:green">Green</option></select><input type="button" title="Hide from Guest" value="اخفاء" onclick="simpletag('hide','','','message','')" class="codeButtons" style="width:40px;" id="hide"></td></tr><?endif?><?if($_POLL_QUESTION$)?><tr id="frM31"><td class="gTableRight" colspan="2" id="frM32"> </td></tr><tr id="frM33"><td class="gTableLeft" id="frM34"><b>سؤال التصويت :</b></td><td class="gTableRight" id="frM35"><b>$_POLL_QUESTION$</b></td></tr><tr id="frM36"><td class="gTableLeft" id="frM37"><b>نقاط التصويت :</b><div class="pollHelp"><b>أدخل رداً واحداً في كل سطر.الحد الأقصى 10 رد.</b></div></td><td class="gTableRight" id="frM38"><b>$_POLL_ANSWERS$</b></td></tr><tr id="frM40"><td class="gTableLeft" id="frM41"><b><font color="#FF0000">خصائص التصويت </font>:</b></td><td class="gTableRight" id="frM42"><b>$_POLL_ONLY_OPT$ <label for="pollonly">للتصويت فقط (كتابة ردود في الموضوع سيكون ممنوعاً)</label><br />$_POLL_MULTI_OPT$ <label for="pollmulty">تشغيل إمكانية إختيار عدة نماذج للرد</label><br />$_POLL_PERIOD_OPT$ مدة التصويت (0- مفتوح)</b></td></tr><tr id="frM43"><td class="gTableRight" colspan="2" id="frM44"> </td></tr><?endif?><tr id="frM56"><td width="25%" class="gTableLeft" id="frM57" valign="top"><b>نص الرسالة :</b><div class="smilesPart"><b>$SMILES$</b></div></td><td class="gTableRight" id="frM58"><b>$BBCODES$ $_MESSAGE$</b></td></tr><?if($MESSAGE_OPTIONS_FLAG$)?><tr id="frM14"><td class="gTableLeft" id="frM15"><b><font color="#FF0000">خصائص الرسالة </font>:</b></td><td class="gTableRight" id="frM16"><b><?if($_HTML_OPT$)?>$_HTML_OPT$ <label for="ahtml">تشغيل وسم HTML </label><br />$_MAKE_BR_OPT$ </b> <label for="frmt"><b>استبدال اسطر التغذية بـ وسم <BR></b></label><b><br><?endif?><?if($_EDITED_OPT$)?>$_EDITED_OPT$ <label for="edited">إضافة تسمية " تم تحرير..." في هذه الرسالة؟</label><br /><?endif?><?if($_SMILES_OPT$)?>$_SMILES_OPT$ <label for="smon">تشغيل الابتسامات</label><br /><?endif?><?if($_SIGNATURE_OPT$)?>$_SIGNATURE_OPT$ <label for="sgon">تشغيل التوقيع</label><br /><?endif?><?if($_SUBSCRIBE_OPT$)?>$_SUBSCRIBE_OPT$ <label for="sbon">إبلاغ بالبريد الإلكتروني بالردود</label><br /><?endif?></b></td></tr><?endif?><?if($MODER_OPTIONS_FLAG$)?><tr id="frM6"><td class="gTableLeft" id="frM7"><b>خصائص الموضوع :</b></td><td class="gTableRight" id="frM8"><b><?if($_FIRSTONTOP_OPT$)?>$_FIRSTONTOP_OPT$ <label for="firstontop">جعل أول رسالة من هذا الموضوع شعاراً(إظهار على كل الصفحات)</label><br /><?endif?><?if($_ONTOP_OPT$)?>$_ONTOP_OPT$ <label for="isontop">الموضوع دائماً في الأعلى</label><br /><?endif?><?if($_CLOSED_OPT$)?>$_CLOSED_OPT$ <label for="isclosed">موضوع مغلق</label><br /><?endif?><?if($_NOTIFY_OPT$)?>$_NOTIFY_OPT$ <label for="notify">ابلغ المشتركين عن تعديل الموضوع</label><?endif?></b></td></tr><?endif?><?if($_CHANGE_USER$)?><tr><td class="gTableLeft"><b>بداية الموضوع :</b></td><td class="gTableRight"><b>$_CHANGE_USER$</b></td></tr><?endif?><?if($_FILES_UPLOADER$)?><tr id="frM50"><td class="gTableLeft" id="frM51"><b>إرفاق ملف : (ليس أكثر من $FILE_MAX_SIZE$Kb)</b></td><td class="gTableRight" id="frM52"><b>$_FILES_UPLOADER$</b></td></tr><?endif?><?if($_SECURITY_CODE$)?><tr id="frM45"><td class="gTableLeft" id="frM46"><b>كود الحماية :</b></td><td class="gTableRight" id="frM47"><b>$_SECURITY_CODE$</b></td></tr><?endif?><tr id="frM59"><td class="gTableRight" colspan="2" align="center" id="frM60"><font size="3"><input style="border-style:dashed; border-width:1px; width:110px; font-weight:700" id="frF15" class="postPreview" type="button" value="عرض قبل النشر" onclick="prepost();" /></font><b></b><font size="3"><input type="submit" id="frF16" name="sbm" style="border:1px dashed #FF0000; width:150px;font-weight:bold" class="postSubmit" value="$SUBMIT_SIGN$" /></font><b></b><font size="3"><input style="border-style:dashed; border-width:1px; width:110px; font-weight:700" id="frF17" class="postReset" type="reset" value="إلغاء الموضوع" /></font></td></tr></table></div></div></div><div class="gDivBottomLeft"></div><div class="gDivBottomCenter"></div><div class="gDivBottomRight"></div>
الأربعاء
قوس قزح ucoz
الاضافه css
@import url('https://fonts.googleapis.com/css?family=Nunito:400,600,700');
body{
font-family: 'Nunito', sans-serif;
background: #2e0c35;
}
.a{color: #e03b42}
.b{color: #e27c13}
.c{color: #e8db0c}
.d{color: #11a25a}
.e{color: #12a7bd}
.f{color: #722382}
.amsurem-kimsadelar{
margin-top: 150px;
}
.text-center {
text-align: center;
}
.rainbow {
background-color: #464c52;
border-radius: 4px;
color: #f5efef;
cursor: pointer;
padding: 10px 15px;
border: 2px solid #a9a5a5;
box-shadow: 0px 4px 10px rgba(183, 180, 180, 0.38), 0px 10px 30px -15px rgba(37, 36, 36, 0.72);
}
.pervaya:hover{
background-image: linear-gradient(90deg, #00C0FF 0%, #FFCF00 49%, #FC4F4F 80%, #00C0FF 100%);
animation:slidebg 5s linear infinite;
}
.vtoraya:hover {
background-image: linear-gradient(to right, #ff1212, #ec9e0d, #f1f10c, #0b860b, #0a0af3, #4d0582, #ec7cec, #f91111);
animation: slidebg 2s linear infinite;
}
.vetusa:hover{
background-image: linear-gradient(to right, #ff1212, #ec9e0d, #f1f10c, #0b860b, #0a0af3, #4d0582, #ec7cec, #f91111);
animation:slidebg 2s linear infinite;
}
.ketvebsa:hover{
background-image: linear-gradient(
to right,
#de343b,
#e47f18,
#f1e309,
#099851,
#10b4cc,
#702380
);
animation:slidebg 2s linear infinite;
}
@keyframes slidebg {
to {
background-position:20vw;
}
}
HTML
<div class="container text-center">
<h1 class=""> القائمه</h1>
<a class="rainbow rainbow-1">تعديل<a/>
<a class="rainbow rainbow-2">تعديل<a/>
<a class="rainbow rainbow-3">تعديل<a/>
<a class="rainbow rainbow-4">تعديل<a/>
<a class="rainbow rainbow-5">تعديل<a/>
<div>
المصدر
https://codepen.io/kocsten/pen/OJPXZJx
خمس واجهات ucoz
<html><head><meta http-equiv="content-type" content="text/html; charset=UTF-8"><title>[TITLE]</title><?$META_DESCRIPTION$?><?$META_KEYWORDS$?><link type="text/css" rel="StyleSheet" href="/.s/src/css/992.css" /></head><body style="background:#FFFFFF; margin:0px; padding:0px;">$ADMIN_BAR$<table cellpadding="0" cellspacing="0" border="0" width="100%"><tr><td width="4%" style="background:url('/.s/t/992/1.gif') right repeat-y #CCCCCC;"></td><td valign="top"><!-- <header> --><table border="0" cellpadding="0" cellspacing="0" height="92" width="100%" style="background:url('/.s/t/992/2.gif');border:1px solid #000000;"><tr><td width="233" height="24" style="background:url('/.s/t/992/3.gif') no-repeat;padding-left:70px;padding-bottom:5px;color:#FFFFFF;font-size:10px;">$WDAY$, $DATE$, $TIME$</td><td align="right" style="padding-right:10px;color:#FFFFFF;font-size:10px;padding-bottom:5px;" class="topLink"><?if($USERS_ON$)?><?if($USER_LOGGED_IN$)?>You logged in as <a href="$PERSONAL_PAGE_LINK$"><b>$USERNAME$</b></a> | Group "<u>$USER_GROUP$</u>"<?else?>Hello <b>$USERNAME$</b><?endif?><?endif?> <?if($RSS_LINK$)?>| <a href="$RSS_LINK$">RSS</a><?endif?></td></tr><tr><td colspan="3" height="46" style="background:url('/.s/t/992/4.gif') no-repeat;padding-left:100px;"><span style="color:#355473;font:20pt bold Verdana,Tahoma;">SITE LOGO</span></td></tr><tr><td width="233" height="22"><img src="/.s/t/992/5.gif" border="0"></td><td height="22"><a href="$HOME_PAGE_LINK$">Site home</a> <?if($MODULE_URL$)?>| <a href="$MODULE_URL$">$MODULE_NAME$</a><?endif?> <?if($USERS_ON$)?><?if($USER_LOGGED_IN$)?> | <a href="$PERSONAL_PAGE_LINK$">Profile page</a><?else?> | <a href="$REGISTER_LINK$">Register now</a><?endif?><?endif?> <?if($USERS_ON$)?><?if($USER_LOGGED_IN$)?> | <a href="$LOGOUT_LINK$">Log out</a><?else?> | <a href="$LOGIN_LINK$">Log in</a><?endif?><?endif?></td></tr></table><!-- </header> --><table cellpadding="0" cellspacing="0" border="0" width="100%" style="background:url('/.s/t/992/6.gif');"><tr><td width="100%" align="center"><!-- <middle> --><table border="0" cellpadding="0" cellspacing="0" width="100%"><tr><td valign="top" width="194"><!-- <container> --><!-- <block> --><table border="0" cellpadding="0" cellspacing="1" width="192"><tr><td height="24" style="background:url('/.s/t/992/7.gif');color:#000000;padding-left:20px;"><b>TITLE</b></td></tr><tr><td style="padding:5px;background:#AEAFBC;border:1px solid #57627F;">CONTENT</td></tr></table><!-- </block> --><!-- </container> --></td><td valign="top" style="padding:10px;">[BODY]</td><?if(!$HIDE_CRIGHTER$)?><td valign="top" width="192"><!-- <container> --><!-- </container> --></td><?endif?></tr></table><!-- </middle> --></td></tr></table><!-- <footer> --><table class="footer-table" border="0" cellpadding="0" cellspacing="0" height="34" width="100%" style="background:url('/.s/t/992/8.gif') top repeat-x #57627F;border-top:1px solid #000000;"><tr><td width="50%" align="center" style="color:#FFFFFF;">[COPYRIGHT]</td><td width="50%" align="center" style="color:#FFFFFF;">$POWERED_BY$</td></tr></table><!-- </footer> --></td><td width="4%" style="background:url('/.s/t/992/9.gif') left repeat-y #CCCCCC;"></td></tr></table></body></html><!-- <popup> --><table border="0" cellpadding="2" cellspacing="1" style="background:#000000;" width="100%"><tr><td style="background: url('/.s/t/992/10.gif') #84DBFF;color:#000000;" align="center"><b>[TITLE]</b></td></tr><tr><td align="center" style="background:#FFFFFF;padding:5px;">[BODY]</td></tr></table><!-- </popup> -->
<html><head><meta http-equiv="content-type" content="text/html; charset=UTF-8"><title>[TITLE]</title><?$META_DESCRIPTION$?><?$META_KEYWORDS$?><link type="text/css" rel="StyleSheet" href="/.s/src/css/983.css" /></head><body style="background:url('/.s/t/983/1.gif') #FFC4CF; margin:0px; padding:0px;">$ADMIN_BAR$<div align="center"><!-- <header> --><table border="0" cellpadding="0" cellspacing="0" width="100%" height="85" style="background:url('/.s/t/983/2.gif') #9C080D;"><tr><td style="background:url('/.s/t/983/3.jpg') left no-repeat;padding-left:220px;"><span style="color:#FFFFFF;font:20pt bold Verdana,Tahoma;">SITE LOGO</span></td><td style="color:#FFFFFF;padding:10px 10px 0 0;" valign="top" align="right">$WDAY$, $DATE$, $TIME$</td></tr></table><table border="0" cellpadding="0" cellspacing="0" width="100%" height="24"><tr><td width="30" height="24"><img src="/.s/t/983/4.gif" border="0"></td><td align="left" style="background:url('/.s/t/983/5.gif') #FF8AA2;padding-bottom:3px;"><a href="$HOME_PAGE_LINK$" title="Site home">Site home</a><?if($USERS_ON$)?><?if($USER_LOGGED_IN$)?> | <a href="$PERSONAL_PAGE_LINK$" title="Profile page">Profile page</a><?else?> | <a href="$REGISTER_LINK$" title="Register now">Register now</a><?endif?><?endif?> <?if($USERS_ON$)?><?if($USER_LOGGED_IN$)?> | <a href="$LOGOUT_LINK$" title="Log out">Log out</a><?else?> | <a href="$LOGIN_LINK$" title="Log in">Log in</a><?endif?><?endif?></td><td align="right" style="background:url('/.s/t/983/5.gif') #FF8AA2;padding-bottom:3px;"><?if($USERS_ON$)?><?if($USER_LOGGED_IN$)?>You logged in as <a href="$PERSONAL_PAGE_LINK$" title="Profile page"><b>$USERNAME$</b></a> | Group "<u>$USER_GROUP$</u>"<?else?>Hello <b>$USERNAME$</b><?endif?><?endif?> <?if($RSS_LINK$)?>| <a href="$RSS_LINK$" title="RSS">RSS</a><?endif?></td><td width="30" height="24"><img src="/.s/t/983/6.gif" border="0"></td></tr></table><div style="height:10px;"></div><!-- </header> --><!-- <middle> --><table border="0" cellpadding="0" cellspacing="0" width="98%" align="center"><tr><td valign="top" style="width:204px;"><!-- <container> --><!-- <block> --><table border="0" cellpadding="0" cellspacing="0" width="204"><tr><td height="32" style="background:url('/.s/t/983/7.gif');color:#9D080D;padding-left:30px;padding-top:5px;"><b>TITLE</b></td></tr><tr><td style="background:url('/.s/t/983/8.gif') #FFFFFF;padding:3px 10px 0 7px;">CONTENT</td></tr><tr><td><img src="/.s/t/983/9.gif" border="0"></td></tr></table><!-- </block> --><!-- </container> --></td><td valign="top" style="padding:0px 10px 0px 10px;"><table border="0" cellpadding="0" cellspacing="0" width="100%"><tr><td width="10" height="10"><img src="/.s/t/983/10.gif" border="0"></td><td style="background:url('/.s/t/983/11.gif');"></td><td width="10" height="10"><img src="/.s/t/983/12.gif" border="0"></td></tr><tr><td style="background:url('/.s/t/983/13.gif');"></td><td style="background:#FFFFFF;padding:5px;">[BODY]</td><td style="background:url('/.s/t/983/14.gif');"></td></tr><tr><td width="10" height="10"><img src="/.s/t/983/15.gif" border="0"></td><td style="background:url('/.s/t/983/16.gif');"></td><td width="10" height="10"><img src="/.s/t/983/17.gif" border="0"></td></tr></table></td><?if(!$HIDE_CRIGHTER$)?><td valign="top" style="width:204px;"><!-- <container> --><!-- </container> --></td><?endif?></tr></table><!-- </middle> --><!-- <footer> --><br /><table border="0" cellpadding="0" cellspacing="0" width="100%" height="60"><tr><td width="30" height="21"><img src="/.s/t/983/18.gif" border="0"></td><td align="center" style="background:url('/.s/t/983/19.gif') #FF8AA2;">[COPYRIGHT]</td><td width="30" height="21"><img src="/.s/t/983/20.gif" border="0"></td></tr><tr><td width="30" height="39"><img src="/.s/t/983/21.gif" border="0"></td><td align="center" style="background:url('/.s/t/983/22.gif') #FF8AA2;">$POWERED_BY$</td><td width="30" height="39"><img src="/.s/t/983/23.gif" border="0"></td></tr></table><!-- </footer> --></div></body></html><!-- <popup> --><table cellpadding="10" cellspacing="0" border="0" width="100%"><tr><td><table border="0" cellpadding="0" cellspacing="0" width="100%"><tr><td width="10" height="10"><img src="/.s/t/983/10.gif" border="0"></td><td style="background:url('/.s/t/983/11.gif');"></td><td width="10" height="10"><img src="/.s/t/983/12.gif" border="0"></td></tr><tr><td style="background:url('/.s/t/983/13.gif');"></td><td style="background:#FFFFFF;padding:5px;" align="center"><b>[TITLE]</b><hr>[BODY]</td><td style="background:url('/.s/t/983/14.gif');"></td></tr><tr><td width="10" height="10"><img src="/.s/t/983/15.gif" border="0"></td><td style="background:url('/.s/t/983/16.gif');"></td><td width="10" height="10"><img src="/.s/t/983/17.gif" border="0"></td></tr></table></td></tr></table><!-- </popup> -->
<html><head><meta http-equiv="content-type" content="text/html; charset=UTF-8"><title>[TITLE]</title><?$META_DESCRIPTION$?><?$META_KEYWORDS$?><link type="text/css" rel="StyleSheet" href="/.s/src/css/839.css" /></head><body>$ADMIN_BAR$<div id="wrap"><div id="wrap-bottom"><div id="center-block"><table class="main-table"><tr><td colspan="2" class="data-block">$WDAY$, $DATE$, $TIME$<br/><?if($USER_LOGGED_IN$)?>You logged in as <a href="$PERSONAL_PAGE_LINK$"><b>$USERNAME$</b></a> | Group "<u>$USER_GROUP$</u>" | <a href="$PERSONAL_PAGE_LINK$">Profile page</a> | <a href="$LOGOUT_LINK$">Log out</a><?else?>Hello <b>$USERNAME$</b> | <a href="$REGISTER_LINK$">Register now</a> | <a href="$LOGIN_LINK$">Log in</a><?endif?></td></tr><tr><td colspan="2" class="logo-block"><h1>SITE LOGO</h1></td></tr><tr><td class="side-block"><!-- <container> --><!-- <block> --><table class="boxTable"><tr><th>TITLE</th></tr><tr><td class="boxContent">CONTENT</td></tr></table><!-- </block> --><!-- </container> --></td><td class="content-block"><?if($MODULE_NAME$)?><h1>$MODULE_NAME$</h1><?endif?><!-- <middle> -->[BODY]<!-- </middle> --></td></tr><tr><td colspan="2" class="footer">[COPYRIGHT]<br>$POWERED_BY$</td></tr></table></div></div></div></body></html><!-- <popup> --><table border="0" cellpadding="5" cellspacing="0" width="100%"><tr><td style="background:url('/.s/t/839/1.gif') repeat-x #75E2F0;color:#009090;height: 38px;" align="center"><b>[TITLE]</b></td></tr><tr><td align="center" style="background:#FFFFFF;padding:10px;">[BODY]</td></tr></table><!-- </popup> -->
<html><head><meta http-equiv="content-type" content="text/html; charset=UTF-8"><title>[TITLE]</title><?$META_DESCRIPTION$?><?$META_KEYWORDS$?><link type="text/css" rel="StyleSheet" href="/.s/src/css/601.css" /></head><body style="background:#010A11; margin:0px; padding:0px;">$ADMIN_BAR$<!-- <header> --><table border="0" cellpadding="0" cellspacing="0" height="204" width="100%"><tr><td align="left" width="357"><img src="/.s/t/601/1.jpg" border="0"></td><td style="background:url('/.s/t/601/2.jpg');" align="right"><a href="$HOME_PAGE_LINK$" title="Site home"><img src="/.s/t/601/3.gif" border="0" alt="Site home"></a><img src="/.s/t/601/4.gif" width="10" height="1" border="0"><?if($USERS_ON$)?><?if($USER_LOGGED_IN$)?><a href="$PERSONAL_PAGE_LINK$" title="Profile page"><img src="/.s/t/601/5.gif" border="0" alt="Profile page"></a><?else?><a href="$REGISTER_LINK$" title="Register now"><img src="/.s/t/601/6.gif" border="0" alt="Register now"></a><?endif?><?endif?><img src="/.s/t/601/4.gif" width="10" height="1" border="0"><?if($USERS_ON$)?><?if($USER_LOGGED_IN$)?><a href="$LOGOUT_LINK$" title="Log out"><img src="/.s/t/601/7.gif" border="0" alt="Log out"></a><?else?><a href="$LOGIN_LINK$" title="Log in"><img src="/.s/t/601/8.gif" border="0" alt="Log in"></a><?endif?><?endif?></td><td align="left" width="243"><img src="/.s/t/601/9.jpg" border="0"></td></tr><tr><td align="left" width="357"><img src="/.s/t/601/10.jpg" border="0"></td><td style="background:url('/.s/t/601/11.gif') left no-repeat;"><span style="color:#F8F3C9;font:20pt bold Verdana,Tahoma;"><b>SITE LOGO</b></span></td><td width="193" style="background:url('/.s/t/601/12.jpg');padding-right:50px;padding-bottom:5px;" align="right" valign="bottom"><?if($USERS_ON$)?><?if($USER_LOGGED_IN$)?>You logged in as <a href="$PERSONAL_PAGE_LINK$"><b>$USERNAME$</b></a> | Group "<u>$USER_GROUP$</u>"<?else?>Hello <b>$USERNAME$</b><?endif?><?endif?> <?if($RSS_LINK$)?>| <a href="$RSS_LINK$">RSS</a><?endif?></td></tr></table><!-- </header> --><table cellpadding="0" cellspacing="0" border="0" width="100%"><tr><td width="45" rowspan="2" style="background:url('/.s/t/601/13.gif');"><img src="/.s/t/601/4.gif" border="0" width="45"></td><td><div style="height:12px; background:url('/.s/t/601/14.jpg');"></div></td><td width="45" rowspan="2" style="background:url('/.s/t/601/15.gif');"><img src="/.s/t/601/4.gif" border="0" width="45"></td></tr><tr><td width="100%" align="center" style="padding:10px 8px 0 8px;"><!-- <middle> --><table border="0" cellpadding="0" cellspacing="0" width="100%"><tr><td valign="top" width="210"><!-- <container> --><!-- <block> --><table border="0" cellpadding="0" cellspacing="0" width="210"><tr><td height="31" style="background:url('/.s/t/601/16.gif');color:#C16A29;padding-top:2px;" align="center" valign="top">TITLE</td></tr><tr><td style="background:url('/.s/t/601/17.jpg');padding:0 15px 0 15px;">CONTENT</td></tr><tr><td><img src="/.s/t/601/18.gif" border="0"></td></tr></table><br /><!-- </block> --><!-- </container> --></td><td valign="top" style="padding:0px 10px 0px 10px;"><table border="0" cellpadding="0" cellspacing="0" width="100%"><tr><td width="30" height="30"><img src="/.s/t/601/19.gif" border="0"></td><td align="left" width="100%" height="30" style="background:url('/.s/t/601/20.gif');"><img src="/.s/t/601/21.gif" border="0"></td><td width="14" height="30"><img src="/.s/t/601/22.gif" border="0"></td><td width="30" height="30"><img src="/.s/t/601/23.gif" border="0"></td></tr><tr><td valign="top" style="background:url('/.s/t/601/24.gif');"><img src="/.s/t/601/25.gif" border="0"></td><td colspan="2" rowspan="2" style="background:#03111A;">[BODY]</td><td valign="top" style="background:url('/.s/t/601/26.gif');"><img src="/.s/t/601/27.gif" border="0"></td></tr><tr><td height="22" style="background:url('/.s/t/601/24.gif');" valign="bottom"><img src="/.s/t/601/28.gif" border="0"></td><td height="22" valign="bottom" style="background:url('/.s/t/601/26.gif');"><img src="/.s/t/601/29.gif" border="0"></td></tr><tr><td width="30" height="30"><img src="/.s/t/601/30.gif" border="0"></td><td align="left" height="30" style="background:url('/.s/t/601/31.gif');"><img src="/.s/t/601/32.gif" border="0"></td><td width="14" height="30"><img src="/.s/t/601/33.gif" border="0"></td><td width="30" height="30"><img src="/.s/t/601/34.gif" border="0"></td></tr></table></td><td valign="top" width="200"><!-- <container> --><!-- </container> --></td></tr></table><!-- </middle> --></td></tr></table><table border="0" cellpadding="0" cellspacing="0" width="100%" style="background:url('/.s/t/601/35.jpg') bottom repeat-x;"><tr><td width="175"><img src="/.s/t/601/36.jpg" border="0"></td><td align="center"><!-- <footer> --><table cellpadding="0" cellspacing="0" border="0" width="60%" height="54"><tr><td width="45"><img src="/.s/t/601/37.gif" border="0"></td><td align="center" style="background:url('/.s/t/601/38.gif');color:#5C90A0;">[COPYRIGHT]<br />$POWERED_BY$</td><td width="45"><img src="/.s/t/601/39.gif" border="0"></td></tr></table><!-- </footer> --></td><td width="175"><img src="/.s/t/601/40.jpg" border="0"></td></tr></table></body></html><!-- <popup> --><table border="0" cellpadding="0" cellspacing="0" width="100%"><tr><td width="30" height="30"><img src="/.s/t/601/19.gif" border="0"></td><td align="left" width="100%" height="30" style="background:url('/.s/t/601/20.gif');"><img src="/.s/t/601/21.gif" border="0"></td><td width="14" height="30"><img src="/.s/t/601/22.gif" border="0"></td><td width="30" height="30"><img src="/.s/t/601/23.gif" border="0"></td></tr><tr><td valign="top" style="background:url('/.s/t/601/24.gif');"><img src="/.s/t/601/25.gif" border="0"></td><td colspan="2" rowspan="2" style="background:#03111A;color:#C16A29;" align="center"><b>[TITLE]</b><hr>[BODY]</td><td valign="top" style="background:url('/.s/t/601/26.gif');"><img src="/.s/t/601/27.gif" border="0"></td></tr><tr><td height="22" style="background:url('/.s/t/601/24.gif');" valign="bottom"><img src="/.s/t/601/28.gif" border="0"></td><td height="22" valign="bottom" style="background:url('/.s/t/601/26.gif');"><img src="/.s/t/601/29.gif" border="0"></td></tr><tr><td width="30" height="30"><img src="/.s/t/601/30.gif" border="0"></td><td align="left" height="30" style="background:url('/.s/t/601/31.gif');"><img src="/.s/t/601/32.gif" border="0"></td><td width="14" height="30"><img src="/.s/t/601/33.gif" border="0"></td><td width="30" height="30"><img src="/.s/t/601/34.gif" border="0"></td></tr></table><!-- </popup> -->
<html><head><meta http-equiv="content-type" content="text/html; charset=UTF-8"><title>[TITLE]</title><?$META_DESCRIPTION$?><?$META_KEYWORDS$?><link type="text/css" rel="StyleSheet" href="/.s/src/css/926.css" /></head><body style="background:#252525; margin:0px; padding:0px 20px 0 20px;">$ADMIN_BAR$<!-- <header> --><div id="h1"><div id="h2"></div><p>$WDAY$, $DATE$, $TIME$<br><?if($USERS_ON$)?><?if($USER_LOGGED_IN$)?>You logged in as <a href="$PERSONAL_PAGE_LINK$" title="Profile page"><b>$USERNAME$</b></a> | Group "<u>$USER_GROUP$</u>"<?else?>Hello <b>$USERNAME$</b><?endif?><?endif?> <?if($RSS_LINK$)?>| <a href="$RSS_LINK$" title="RSS">RSS</a><?endif?></p></div><div class="clear"></div><div id="h3"><div id="h4"></div><p>SITE LOGO</p></div><div class="clear"></div><div id="h5"><div id="h6"></div><p><a href="$HOME_PAGE_LINK$" title="Site home">Site home</a><?if($USERS_ON$)?><?if($USER_LOGGED_IN$)?> | <a href="$PERSONAL_PAGE_LINK$" title="Profile page">Profile page</a><?else?> | <a href="$REGISTER_LINK$" title="Register now">Register now</a><?endif?><?endif?> <?if($USERS_ON$)?><?if($USER_LOGGED_IN$)?> | <a href="$LOGOUT_LINK$" title="Log out">Log out</a><?else?> | <a href="$LOGIN_LINK$" title="Log in">Log in</a><?endif?><?endif?></p></div><div class="clear"></div><!-- </header> --><!-- <middle> --><table border="0" cellpadding="0" cellspacing="0" width="100%"><tr><td valign="top" style="width:200px;"><!-- <sblock_menu> -->CONTENT<!-- </sblock_menu> --></td><td valign="top" style="padding:0px 10px 0px 10px;">[BODY]</td><?if(!$HIDE_CLEFTER$)?><td valign="top" style="width:200px;"><!-- <container> --><!-- <block> --><div class="boxTable"><h1 class="boxTitle">TITLE</h1><div class="boxContent" style="padding:5px 0 10px 0;">CONTENT</div></div><div class="clear"></div><!-- </block> --><!-- </container> --></td><?endif?></tr></table><!-- </middle> --><!-- <footer> --><div id="footer">[COPYRIGHT]</div><div id="poweredBy">$POWERED_BY$</div><!-- </footer> --></body></html><!-- <popup> --><table border="0" cellpadding="2" cellspacing="1" style="background:#3B3B3B;" width="100%"><tr><td style="background:#EC008C;color:#FFFFFF;padding:5px;" align="center"><b>[TITLE]</b></td></tr><tr><td align="center" style="background:#252525;padding:5px;">[BODY]</td></tr></table><!-- </popup> -->
اضف اللغه العربيه بالويب (.htm)
يطب الكود على جميع التصاميم والان على الويب
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="Content-Type" content="text/html; charset=windows-1256">
راح تجد دروس كثيره
قالب فاضي تم عمله وعلينا الاضافات لـ ucoz
القالب فاضي :
<html xmlns="http://www.w3.org/1999/xhtml">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>قريبا تعديل الصفحه لموقع صاروخ الخليج</title>
<style>
$POWERED_BY$
</div>
</div>
وسلامتكم