[متعب الدخين]

[align=center]


أقــدم لكم أخــواني + أخــواتي

شــــرح تصميم صفحة بالفرونت بيج ( مجلـه )




يقـــوم البرنامج بتصميم صفحات المواقع


علماً إني ماحولكم أحد بالتصميم هههههههه
ولكن هذا اللي قدرت عليه بقسم التصاميم وهذا الشرح إهداء للجميع

وأرجوووووو من الجميع التطبيق وتفاعل مع هذا الموضوع
وكل شخص يعمل صفحه ويكون محتواها إهداء إلى أي عضو ( تهادوا تحابوا )






نبدأ بشرح

كيفية تصميم الصفحه مع شرح إضافة الصور
+ الروابط بداخل الصور





وهذا موقعين لرفع الصور برابط مباشر مع ميزة كل موقع

الموقع الأول : On Line
ميزته : يحفظ الملفات لمدة 30 سنه مع مزايا أخرى للأعضاء

المــــــــــــوقــــــــــــــــــع

شــــــرح المـوقـــــــــــع





الموقع الثاني : online image resize

ميزته : إنك تحدد حجم الصوره اللي تبي ترفعها برابط مباشر

المـــــــــوقــــــــــــــــــع

شـــرح المــــوقــــــــع






شرح تغيير الصوره بصوره أخرى عند مرور مؤشر الفاره عليها










شرح كيفية تحريك النص









شـــرح عمل نص يتحرك كأنه مكتوب بآلة طباعه





الكـــــــــود

<p id='anima' style="position:;font-size:20;background-color:white;">
</p>
<br>
<br>
<script language="JavaScript">
// Visit دليل العرب الشامل for more code
<!-- Begin
text = "هــنــــا اكتب النص.....";
word = text.split('~');
i = -1;          //letter count
j = 0;            //which word in array is to be spelled
start = 0;      //variable to hold cycles of the blink
scount = 0;  //variable to hold cycles of the mispell
function checkIt() {
with(document.all.anima) {
if(innerText.charAt(innerText.length-1) == "_") {
innerText = innerText.substring(0, innerText.length - 1);
return true;
}
else {
innerText = innerText + "_";
return false;
      }
  }
}
function blinkfor(count, timing) {
with(document.all.anima) {
if(start < count) {
if(checkIt()) {
start++;
}
mistake = 'blinkfor('+count+','+timing+')';
setTimeout('eval(mistake)', timing);
}
else {
start = 0;
i++;
call_It();
      }
  }
}
function mispell(offset,correction) {
with(document.all.anima) {
if(scount < offset) {
if(!checkIt()) {
innerText = innerText.substring(0, innerText.length-2) + "_";
scount++;
}
mistake = 'mispell(' + offset + ', "' + correction + '")';
setTimeout("eval(mistake)", 150);
}
else {
if(correction == '' && scount == offset ) {
i = i - offset;
scount++;
}
if(offset > 0) {
if(checkIt()) {
innerText += correction.charAt(correction.length - offset) + "_";
offset--;
}
mistake = 'mispell(' + offset + ',"' + correction + '")';
setTimeout("eval(mistake)", 150);
}
else {
scount = 0;
j++;
innerText = innerText.substring(0, innerText.length - 1);
call_It();
        }
      }
  }
}
function spellit(string) {
with(document.all.anima) {
if(i <= string.length) {
if(string.charAt(i) == '/') {
NumErrs = string.charAt(i + 1);
NewLets = string.substring(i + 2, i + NumErrs);
mispell(NumErrs,NewLets);
}
else if(i <= string.length - 1) {
i++;
innerText = string.substring(0,i) + "_";
mistake = 'spellit("' + string + '")';
setTimeout("eval(mistake)", 150);
}
else {
innerText = string.substring(0, i);
j++;
call_It();
        }
      }
  }
}
function call_It() {
with(document.all) {
if(i == -1){
blinkfor(4, 150);
}
else if(j <= word.length - 1) {
spellit(anima.innerText + " " + word[j]);
} 
else {
blinkfor(100,230);
      }
  }
}
if(document.all) {
call_It();
}
//  End -->
</script>

[/align]