0 اكود لألوان مختلفة html

توضيح أختلاف الألوان

لو لم تلاحظ أن الصور وصفحات المواقع تظهر بألوان مختلفة أذا تم مشاهدتها علي أجهزة مختلفة أو علي مستعرضات مختلفة ، فمن المحتمل أن تشمل الصورة علي لون معين غير متاح لديك وذلك لان عمق اللون منخفض جدا لديك ، ولكي تختبر عمق الألوان في الويندوز أضغط علي هذه الأيكونه الصغيرة في شريط المهام ولو وجدت أنك علي عمق ألوان 256 لون ستفهم ماذا أقصد !! وعندها يجب أن تعرف أن الويندوز ليس لديه عمق الألوان العالي جدا أو المليون لون غير متاح لديه ، وعندها سيحاول المستعرض أن يقلد هذا اللون بمزج لونين أو أكثر معاً لكي يعطيك اللون المطلوب تقريبا

مثال :- اللون البرتقالي

تخيل أنك تريد مثلا اللون البرتقالي ولا يوجد لدي الويندوز قدرة عاليه من إستخدام الألوان ( المليون لون غير متاح ) . عندها سيحاول المستعرض مزج اللون الأحمر والأصفر كهذا :-

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

ملاحظة :- لابد وان تعلم و انت تستخدم هذه الألوان أن الـHEX كود يجب وان يبدأ بهذه العلامة # في بدايه الرقم علي سبيل المثال :-

COLOR="#0000FF"

تلاحظ أن القيم السابقة مكونة من ستة رموز، وهي مكتوبة بالصيغة التالية:-

هناك ثلاثة ألوان أساسية هي الأحمر والأخضر والأزرق، ولكل منها يوجد 256 درجة لونية ويعبر عن هذه الدرجات بالأرقام من 000 وحتى 255. ومن خلال مزج هذه الألوان بدرجاتها اللونية المختلفة نحصل على الألوان الأخرى.
 فمثلا اللون الأسود مكون من الدرجة 000 من كل من اللون الأحمر والأخضر والأزرق. واللون الأبيض مكون من الدرجة 255 من هذه الألوان. أما اللون الأصفر فهو مكون من الدرجة 255 للون الأحمر، والدرجة 255 للون الأخضر، والدرجة 000 من اللون الأزرق... وهكذا بنفس الطريقة يتم تكوين باقي الألوان.

وبعملية حسابية بسيطة 256×256×256 ينتج لدينا أن عدد الألوان التي يمكن الحصول عليها بمزج الألوان الثلاثة السابقة هو 16777216 بالضبط.

حسنا، لكن من أي جاءت الرموز FFFFFF والتي عبرت عن اللون الأبيض بها. إنها ببساطة أرقام… مكتوبة بالنظام السداس عشري (نظام عددي أساسه الرقم 16 ويعبر عنه باستخدام الأرقام العادية من 0 إلى 9 والرموز A,B,C,D,E,F ). فالرقم 255 بالنظام العشري العادي يكافئه الرقم FF بالنظام السداس عشري.
إذن فالرقم السداس عشري FF على اليسار يمثل الدرجة 255 للون الأحمر. والرقم FF في الوسط يمثل الدرجة 255 من اللون الأخضر. والرقم FF على اليمين يمثل الدرجة 255 من اللون الأزرق.
وعلى هذا المنوال يعبر عن اللون الأزرق الفاتح بالرقم السداس عشري: CC6699 أما اللون الأسود فرقمه هو 000000.
و الجدول التالي يبين 216 لون ممتزجين وأكوادهم أما إذا كنت تريد أكثر من ذلك أضغط هنا

بيان بألوان الخلفيات

#000000	#003300	#006600	#009900	#00CC00	#00FF00
#000033	#003333	#006633	#009933	#00CC33	#00FF33
#000066	#003366	#006666	#009966	#00CC66	#00FF66
#000099	#003399	#006699	#009999	#00CC99	#00FF99
#0000CC	#0033CC	#0066CC	#0099CC	#00CCCC	#00FFCC
#0000FF	#0033FF	#0066FF	#0099FF	#00CCFF	#00FFFF
#330000	#333300	#336600	#339900	#33CC00	#33FF00
#330033	#333333	#336633	#339933	#33CC33	#33FF33
#330066	#333366	#336666	#339966	#33CC66	#33FF66
#330099	#333399	#336699	#339999	#33CC99	#33FF99
#3300CC	#3333CC	#3366CC	#3399CC	#33CCCC	#33FFCC
#3300FF	#3333FF	#3366FF	#3399FF	#33CCFF	#33FFFF
#660000	#663300	#666600	#669900	#66CC00	#66FF00
#660033	#663333	#666633	#669933	#66CC33	#66FFCC
#660066	#663366	#666666	#669966	#66CC66	#66FF66
#660099	#663399	#666699	#669999	#66CC99	#66FF99
#6600CC	#6633CC	#6666CC	#6699CC	#66CCCC	#66FFCC
#6600FF	#6633FF	#6666FF	#6699FF	#66CCFF	#66FFFF
#990000	#993300	#996699	#999900	#99CC00	#99FF00
#990033	#993333	#996633	#999933	#99CC33	#99FF33
#990066	#993366	#996666	#999966	#99CC66	#99FF66
#990099	#993399	#996699	#999999	#99CC99	#99FF99
#9900CC	#9933CC	#9966CC	#9999CC	#99CCCC	#99FFCC
#9900FF	#9933FF	#9966FF	#9999FF	#99CCFF	#99FFFF
#CC0000	#CC3300	#CC6600	#CC9900	#CCCC00	#CCFF00
#CC0033	#CC3333	#CC6633	#CC9933	#CCCC33	#CCFF33
#CC0066	#CC3366	#CC6666	#CC9966	#CCCC66	#CCFF66
#CC0099	#CC3399	#CC6699	#CC9999	#CCCC99	#CCFF99
#CC00CC	#CC33CC	#CC66CC	#CC99CC	#CCCCCC	#CCFFCC
#CC00FF	#CC33FF	#CC66FF	#CC99FF	#CCCCFF	#CCFFFF
#FF0000	#FF3300	#FF6600	#FF9900	#FFCC00	#FFFF00
#FF0033	#FF3333	#FF6633	#FF9933	#FFCC33	#FFFF33
#FF0066	#FF3366	#FF6666	#FF9966	#FFCC66	#FFFF66
#FF0099	#FF3399	#FF6699	#FF9999	#FFCC99	#FFFF99
#FF00CC	#FF33CC	#FF66CC	#FF99CC	#FFCCCC	#FFFFCC
#FF00FF	#FF33FF	#FF66FF	#FF99FF	#FFCCFF	#FFFFFF

---

بيان بألوان النص ( الخط)

| أخضر > أزرق |

_ أ خ ض ر > أ ح م ر _

#000000 #000033 #000066 #000099 #0000CC #0000FF #003300 #003333 #003366 #003399 #0033CC #0033FF #006600 #006633 #006666 #006699 #0066CC #0066FF #009900 #009933 #009966 #009999 #0099CC #0099FF #00CC00 #00CC33 #00CC66 #00CC99 #00CCCC #00CCFF #00FF00 #00FF33 #00FF66 #00FF99 #00FFCC #00FFFF #330000 #330033 #330066 #330099 #3300CC #3300FF #333300 #333333 #333366 #333399 #3333CC #3333FF #336600 #336633 #336666 #336699 #3366CC #3366FF #339900 #339933 #339966 #339999 #3399CC #3399FF #33CC00 #33CC33 #33CC66 #33CC99 #33CCCC #33CCFF #33FF00 #33FF33 #33FF66 #33FF99 #33FFCC #33FFFF #660000 #660033 #660066 #660099 #6600CC #6600FF #663300 #663333 #663366 #663399 #6633CC #6633FF #666600 #666633 #666666 #666699 #6666CC #6666FF #669900 #669933 #669966 #669999 #6699CC #6699FF #66CC00 #66CC33 #66CC66 #66CC99 #66CCCC #66CCFF #66FF00 #66FF33 #66FF66 #66FF99 #66FFCC #66FFFF #990000 #990033 #990066 #990099 #9900CC #9900FF #993300 #993333 #993366 #993399 #9933CC #9933FF #996600 #996633 #996666 #996699 #9966CC #9966FF #999900 #999933 #999966 #999999 #9999CC #9999FF #99CC00 #99CC33 #99CC66 #99CC99 #99CCCC #99CCFF #99FF00 #99FF33 #99FF66 #99FF99 #99FFCC #99FFFF #CC0000 #CC0033 #CC0066 #CC0099 #CC00CC #CC00FF #CC3300 #CC3333 #CC3366 #CC3399 #CC33CC #CC33FF #CC6600 #CC6633 #CC6666 #CC6699 #CC66CC #CC66FF #CC9900 #CC9933 #CC9966 #CC9999 #CC99CC #CC99FF #CCCC00 #CCCC33 #CCCC66 #CCCC99 #CCCCCC #CCCCFF #CCFF00 #CCFF33 #CCFF66 #CCFF99 #CCFFCC #CCFFFF #FF0000 #FF0033 #FF0066 #FF0099 #FF00CC #FF00FF #FF3300 #FF3333 #FF3366 #FF3399 #FF33CC #FF33FF #FF6600 #FF6633 #FF6666 #FF6699 #FF66CC #FF66FF #FF9900 #FF9933 #FF9966 #FF9999 #FF99CC #FF99FF #FFCC00 #FFCC33 #FFCC66 #FFCC99 #FFCCCC #FFCCFF #FFFF00 #FFFF33 #FFFF66 #FFFF99 #FFFFCC #FFFFFF

تحياتي لكم

مدونة شباب عصري

0 إدراج ترقيم الصفحات لمدونات بلوجر

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

انتقل إلى لوح تحكم مدونتك،إختر "تصميم" ثم إضافة أداة ثم اختر HTML/Javascriptولآن الصق الكود التالي :

<style>
.showpageArea a {
text-decoration:underline;
}
.showpageNum a {
text-decoration:none;
border: 1px solid #EF00BF; /* لون إطار الأرقام */
margin:0 3px;
padding:3px;
}
.showpageNum a:hover {
border: 1px solid #EFB700; /*لون إطار الأرقام عند لمسه بالماوس */
background-color:#00EFEF; /* لون مساحة الإطارعند لمسه بالماوس*/
}
.showpagePoint {
color::#EF2000; /* لون رقم الصفحة المفتوحة */
text-decoration:none;
border: 1px solid #FA2100; /* لون إطار رقم الصفحة المفتوحة */
background:#E9FA00; /*لون مساحة إطار رقم الصفحة المفتوحة */
margin:0 3px;
padding:3px;
}
.showpageOf {
text-decoration:none;
padding:3px;
margin: 0 3px 0 0;
}
.showpage a {
text-decoration:none;
border: 1px solid #A256C3; /* لون إطار "التالي, السابق" */
padding:3px;
}
.showpage a:hover {
text-decoration:none;
}
.showpageNum a:link,.showpage a:link {
text-decoration:none;
color:#0AEA82; /*لون الأرقام */
}

</style>

<script type="text/javascript">

function showpageCount(json) {
var thisUrl = location.href;
var htmlMap = new Array();
var isFirstPage = thisUrl.substring(thisUrl.length-14,thisUrl.length)==".blogspot.com/";
var isLablePage = thisUrl.indexOf("/search/label/")!=-1;
var isPage = thisUrl.indexOf("/search?updated")!=-1;
var thisLable = isLablePage ? thisUrl.substr(thisUrl.indexOf("/search/label/")+14,thisUrl.length) : "";
thisLable = thisLable.indexOf("?")!=-1 ? thisLable.substr(0,thisLable.indexOf("?")) : thisLable;
var thisNum = 1;
var postNum=1;
var itemCount = 0;
var fFlag = 0;
var eFlag = 0;
var html= '';
var upPageHtml ='';
var downPageHtml ='';

var pageCount=5; /* عدد المواضيع المراد عرضها في صفحة الواحدة*/
var displayPageNum=3; /* عدد الصفحات التي يتم إدراجها */
var firstPageWord = 'First';
var endPageWord = 'Last';
var upPageWord ='Prevous';
var downPageWord ='Next';

var labelHtml = '<span class="showpageNum"><a href="/search/label/'+thisLable+'?&max-results='+pageCount+'">';

for(var i=0, post; post = json.feed.entry[i]; i++) {
var timestamp = post.published.$t.substr(0,10);
var title = post.title.$t;
if(isLablePage){
if(title!=''){
if(post.category){
for(var c=0, post_category; post_category = post.category[c]; c++) {
if(encodeURIComponent(post_category.term)==thisLable){
if(itemCount==0 || (itemCount % pageCount ==(pageCount-1))){
if(thisUrl.indexOf(timestamp)!=-1 ){
thisNum = postNum;
}
postNum++;
htmlMap[htmlMap.length] = '/search/label/'+thisLable+'?updated-max='+timestamp+'T00%3A00%3A00%2B08%3A00&max-results='+pageCount;
}
}
}
}//end if(post.category){

itemCount++;
}

}else{
if(title!=''){
if(itemCount==0 || (itemCount % pageCount ==(pageCount-1))){
if(thisUrl.indexOf(timestamp)!=-1 ){
thisNum = postNum;
}

if(title!='') postNum++;
htmlMap[htmlMap.length] = '/search?updated-max='+timestamp+'T00%3A00%3A00%2B08%3A00&max-results='+pageCount;
}
}
itemCount++;
}
}
for(var p =0;p< htmlMap.length;p++){
if(p>=(thisNum-displayPageNum-1) && p<(thisNum+displayPageNum)){
if(fFlag ==0 && p == thisNum-2){
if(thisNum==2){
if(isLablePage){
upPageHtml = labelHtml + upPageWord +'</a></span>';
}else{
upPageHtml = '<span class="showpage"><a href="/">'+ upPageWord +'</a></span>';
}
}else{
upPageHtml = '<span class="showpage"><a href="'+htmlMap[p]+'">'+ upPageWord +'</a></span>';
}
fFlag++;
}

if(p==(thisNum-1)){
html += '&nbsp;<span class="showpagePoint"><u>'+thisNum+'</u></span>';
}else{
if(p==0){
if(isLablePage){
html = labelHtml+'1</a></span>';
}else{
html += '<span class="showpageNum"><a href="/">1</a></span>';
}
}else{
html += '<span class="showpageNum"><a href="'+htmlMap[p]+'">'+ (p+1) +' </a></span>';
}
}
if(eFlag ==0 && p == thisNum){
downPageHtml = '<span class="showpage"> <a href="'+htmlMap[p]+'">'+ downPageWord +'</a></span>';
eFlag++;
}
}//end if(p>=(thisNum-displayPageNum-1) && p<(thisNum+displayPageNum)){
}//end for(var p =0;p< htmlMap.length;p++){
if(thisNum>1){
if(!isLablePage){
html = '<span class="showpage"><a href="/">'+ firstPageWord +' </a></span>'+upPageHtml+' '+html +' ';
}else{
html = ''+labelHtml + firstPageWord +' </a></span>'+upPageHtml+' '+html +' ';
}
}
html = '<div class="showpageArea"><span style="padding: 2px 4px 2px 4px;margin: 2px 2px 2px 2px;border: 1px solid #333; background-" class="showpage">Page '+thisNum+' of '+(postNum-1)+': </span>'+html;

if(thisNum<(postNum-1)){
html += downPageHtml;
html += '<span class="showpage"><a href="'+htmlMap[htmlMap.length-1]+'"> '+endPageWord+'</a></span>';
}
if(postNum==1) postNum++;
html += '</div>';
if(isPage || isFirstPage || isLablePage){
var pageArea = document.getElementsByName("pageArea");
var blogPager = document.getElementById("blog-pager");

if(postNum <= 2){
html ='';
}
for(var p =0;p< pageArea.length;p++){
pageArea[p].innerHTML = html;
}

if(pageArea&&pageArea.length>0){
html ='';
}
if(blogPager){
blogPager.innerHTML = html;
}
}
}
</script>
<script src="/feeds/posts/summary?alt=json-in-script&callback=showpageCount&max-results=99999" type="text/javascript"></script>
<div style="text-align:right;font-size:10px;color:000000;margin-top:15px;display:none;"> <a href="http://www.monte-escalier-prix.org">www.monte-escalier-prix.org</a></div>

و اخيرا و ليس آخرا قم بإزاحة الأداة تحت "رسائل المدونة الالكترونية" كما هو موضح في الصورة اسفله
في الكود أعلاه يمكنك تغيير الأرقام الحمراءحسب رغبتكم.
1 : var pageCount = 5;
هذه القيمة تمثل عدد المواضيع المراد عرضها في صفحة الواحدة
2 : var displayPageNum = 3;
هذه القيمة تمثل عدد الصفحات التي يتم إدراجها.

 

ثم احفظ العمل

انتهيت 

تحياتي

0 تحميل البوم فيجو الشعبى حفلة 2012

تحميل البوم فيجو الشعبى حفلة 2012

 البوم فيجو الجديد وافضل المهرجانات والموالد الشعبى 2012

 

يعود فيجو اليكم بالبوم جديد شعبى ومهرجانات جديدة 
حفلة فيجو الجديدة 2012

للتحميل اضغط هنا

مدونة شباب عصري

0 تحميل البوم مدحت صالح يديك ويدينا 2012

تحميل البوم مدحت صالح يديك ويدينا 2012

البوم مدحت صالح جديد يديد ويدينا اغانى جميلة جدا




تحميل البوم مدحت صالح يديك ويدينا 2012
البوم مدحت صالح تحميل سريع واغانى mp3 للموبايل

تحميل من هنا 

0 تحميل فيلم صرخة نملة dvd

تحميل فيلم صرخة نملة dvd تحميل  فيلم صرخة نملة كامل تحميل فيلم صرخة نملة  تحميل فيلم صرخة نملة كامل
فيلم صرخة نملة تحميل فيلم صرخة نملة 2011 dvd


تحميل فيلم صرخة نملة dvd

  قصة الفيلم

تدور قصة الفيلم في اطار كوميدي يتطرق للظروف الحياتية والأوضاع الاجتماعية والاقتصادية الصعبة التي أصبح الشعب المصري يعاني منها كقضية ارتفاع الأسعار.
 

  صورة من فيلم صرخة نملة dvd




طريقة تحميل فيلم صرخة نملة dvd
اولا فيلم صرخة نملة كامل برابط واحد

تحميل فيلم صرخة نملة - رابط واحد

او تحميل فيلم صرخة نملة على 2 اجزاء

للتحميل اضغط

الجزء الاول

الجزء الثاني

مدونة شباب عصري