Forum Styles

‫منتديات الملكات الخمسه‬ ‫دوره تعليم الستايالت‬ ‫‪www.5melekat.com‬‬

‫السالم علٌكم ورحمة هللا وبركاته‬ ‫***************************‬ ‫نبدأ الدرس االول على بركه هللا‬ ‫‪####################‬‬ ‫طبعا فً الدرس االول علٌنا االخذ باالعتبار النقاط التالٌه‬ ‫التصمٌم عامه وبجمٌع محتواه سٌكون‬ ‫العرض ‪ 777‬واالرتفاع ‪800‬‬ ‫مخطط التصمٌم سٌكون كاالتً‬

‫ناتً على التصمٌم كله عباره عن‬ ‫الهٌدر وهو الجزء العلوي واالكثر ٌكون بعرض ‪ 777‬واالرتفاع ممكن من ‪ 200‬الى ‪ 280‬بكسل حسب ما‬ ‫تحبوه‬ ‫الفوتر الذي هو الجزء السفلً من التصمٌم ٌكون اٌضا بنفس العرض اال ان االرتفاع نٌكون اقل قلٌال من الهٌدر‬

‫اندذأل‬ ‫وهً التً تحٌط باالقسام والمنتدٌات فٌها جمالٌه للتصمٌم وتكون اقل قلٌال من عرض التصمٌم واالرتفاع صغٌر‬ ‫ٌحبذ ان ال ٌتجاوز ال ‪ 100‬برأًٌ وممكن اكثر قلٌال بس ٌضهر كبٌر فً الصفحات‬ ‫تمس‪ٛ‬ى انٓ‪ٛ‬ذس ٔانفٕتش ٔانحدأل‬ ‫******************************************‬ ‫الهٌدر‬ ‫صوره ٌمٌن ‪ +‬نقطه تمدد وسط ‪ +‬صوره ٌسار‬ ‫الفوتر‬ ‫صوره ٌمٌن ‪ +‬نقطه تمدد وسط ‪ +‬صوره ٌسار‬ ‫والجداول‬ ‫صوره ٌمٌن ‪ +‬نقطه تمدد وسط ‪ +‬صوره ٌسار‬ ‫اال ان فً الجداول ٌجب ان ٌكون لنا جزء علوي واخر سفلً‬ ‫النقطه المهمه والمهمه جدا هً نقطه التمدد ونتمنى التركٌز علٌها لمعرفه ماهً‬ ‫نقطه التمدد ‪ :‬تجعل التصمٌم قابال للمد والجزر عند التركٌب ووجودها ضروري النها تساعد فً التخلص من‬ ‫ٌها خطوط افقٌه ولٌست عمودٌه ومثال علٌها‬ ‫تشوهات التصمٌم كما علٌكم ان تكون ذات لون واحد او ف‬ ‫الصحٌحه‬

‫والطرٌقه الخطأ هذي‬

‫المالحضه االخرى التً علٌكم اتباعها هً االرتفاع بٌن صور الهٌدر مثال او الفوتر او الجداول النه لو كانت‬ ‫احداهم اطول من االخرى ستكون الصوره مشوهه عند تركٌبها‬ ‫فً شرحً لتقطٌع الهٌدر والفوتر والجداول انا شخصٌا افضل كل واحد نعمله على حده النه فً الطرٌقه التً‬ ‫استخدمها لن تحتاجوا الى تدقٌق االرتفاعات النه نهاٌه التصمٌم السفلٌه ستكون متطابقه لحجمه‬ ‫كما انه اسهل عند تسمٌه التصمٌم عند الحفظ باسمه مثال الفوتر ستعرفون هذه التقطٌعات له‬ ‫وكذلك اله ٌدر سنسمٌه اسم اخر لنمٌزه عن الفوتر‬ ‫وهكذا الجداول‬

‫*** **************************************************‬

‫دٔسِ تصً‪ٛ‬ى انستا‪ٚ‬الت انثاَ‪ّٛ‬‬ ‫الشرح االول سٌكون طرٌقه تقطٌع الهٌدر وكمان الفوتر نفس الطرٌقه تتبعون نرٌد ان نقسم العمل ‪ 3‬اجزاء ٌعنً‬ ‫تقطٌع هٌدر وتقطٌع فوتر‬

‫شرح عن الهيدر‬

‫امآل‬ ‫بلون او تدرج لخلفٌه الهٌدر‬

‫َصائر تًٓك عُذ انتصً‪ٛ‬ى‬ ‫االفعم تصً‪ٛ‬ى انٓ‪ٛ‬ذس عهٗ يسازتّ انخاصّ أ٘ عهٗ ‪ٔ 800‬استفاع ‪ٔ 250‬يٍ تعذ اكًانّ َمهّ نًسازّ انعًم انكث‪ٛ‬شِ ٔانت‪ ٙ‬تشًم كم‬ ‫انستا‪ٚ‬م‬

‫‪c‬اٌ ل‪ٛ‬ايك تأخت‪ٛ‬اس‬

‫‪css‬‬ ‫ا‪ٜ‬نٕاٌ ‪ٚ‬تى ف‪ ٙ‬اخش يشزهّ يٍ انتصً‪ٛ‬ى نًارا ؟‬ ‫الَُا ف‪ ٙ‬سسٕياتُا ال َعهى أ٘ نٌٕ س‪ٛ‬تٕافك يع انٕاٌ تصً‪ًُٛ‬ا ف‪ ٙ‬تاد٘ء االيش ٔيٍ اْى انطشق الخت‪ٛ‬اس‬ ‫شث‪ٓٛ‬ات انٕاٌ تصً‪ًُٛ‬ا ْٕ استعًال انمطشِ ف‪ ٙ‬انفٕتٕشٕب ٔاخز اخشا لنٌٕ يٍ َٓا‪ ّٚ‬ا نٕاٌ انٓ‪ٛ‬ذس‬ ‫انسفه‪ٔ ٙ‬يٍ ثى ايالء نٌٕ الخهف‪ ّٛ‬يٍ َفس انهٌٕ‬

‫اٌ عًهُا نهٓ‪ٛ‬ذس لذ تى َٔفس يا اتثعُاِ ف‪ ٙ‬انٓ‪ٛ‬ذس س‪ٛ‬كٌٕ تطث‪ٛ‬مّ عهٗ انفٕتش َفس انتمط‪ٛ‬ع َٔفس غش‪ٚ‬مّ‬ ‫انشسى ٔتصٕس يختهفّ ٔ‪ًٚ‬كٍ عًهّ كشش‪ٚ‬ػ يتُاسك يع انٓ‪ٛ‬ذس ٔ‪ًٚ‬كُكى االستغُاء عُّ نٕ اظطشستى‬

‫ف‪ ٙ‬انستا‪ٚ‬م انغ‪ٛ‬ش يتًذد‬

‫ال َستاج انٗ تمط‪ٛ‬ع نهٓ‪ٛ‬ذس ز‪ٛ‬ث اَُا تعذ اَتٓاءَا يٍ تصً‪ٛ‬ى انٓ‪ٛ‬ذس َمٕو تسفظ كم انصٕسِ عهٗ شكم‬ ‫صٕسِ عاد‪ ّٚ‬كايهّ اال آَا نٍ تكٌٕ عهٗ عشض كايم صفسّ انًتصفر انٕ‪ٚ‬ة ف‪ ٙ‬انشاشات انكث‪ٛ‬ش ْأ ال‬ ‫تكٌٕ يُاسثّ ف‪ ٙ‬تعط انشاشات انصغ‪ٛ‬شِ ا‪ٚ‬عا نزا تعًم تسدى عشض ‪ 777‬يشاع‪ ٍٛ‬اصغش انشاشات‬

‫‪ًٚ‬كُُا تغ‪ٛٛ‬ش انٕاٌ‬ ‫‪Gradient‬‬ ‫ٔرنك عٍ غش‪ٚ‬ك اخز عًٕد شش‪ٚ‬ػ انتًذد ٔفتر صٕس انتذسج انخاصّ تانًُتذٖ ٔتغ‪ٛٛ‬ش نَٕٓا يٍ َفس عًٕد‬ ‫تًذد انٕاَُا أ يا ‪ٚ‬كٌٕ الشب ش‪ٙ‬ء نّ أ ‪ًٚ‬كُكى اخت‪ٛ‬اس أ٘ يسازّ يٍ عًهكى ف‪ ٙ‬انٓ‪ٛ‬ذس يثال ٔتكٌٕ خان‪ّٛ‬‬ ‫يٍ انشسى ٔتصُعٌٕ يُٓا تُاسك النٕاٌ‬ ‫‪Css‬‬

‫نعمل الوان الستاٌل الخلفٌه وانا وضعت بعض منها كً نعرف ما هً واٌن التغٌٌر‬ ‫مالحضه انه فً ملف طبعا‬ ‫متوافقا مع الستاٌل الذي اٌضا علٌكم تغٌٌر الوانه فً ملفات المنتدى هو ‪gradient‬‬ ‫كرادٌنت تعملوه كما ٌجب علٌكم تسمٌه الصور بنفس تسمٌات ملف‬

‫اندذأل‬ ‫تتسثة اندذأل ف‪ ٙ‬تطؤ انًُتذٖ الٌ كثشِ انصٕس ف‪ ٙ‬انستا‪ٚ‬م تدعهّ تط‪ٙ‬ء فكهًا لههتى انصٕس كهًا كاٌ‬ ‫افعم نسشعّ انتصفر‬ ‫انتصً‪ًٛ‬ات انفالش‪ّٛ‬‬ ‫اٌ انتصً‪ًٛ‬ات انفالش‪ ّٛ‬سائعّ انًُعش اال اٌ نٓا ع‪ٕٛ‬تٓا فٓ‪ ٙ‬تكٌٕ ا‪ٚ‬عا سثة تطؤ سشعّ تصفر انًُتذٖ‬ ‫ز‪ٛ‬ث آَا تاخز ٔلتا ك‪ ٙ‬تفتر نهًشاِ د انتصً‪ٛ‬ى ْٕٔ ‪ٚ‬عًم‬

‫غش‪ٚ‬مّ تمط‪ٛ‬ع خذأل انًُتذٖ‬

‫ٔانسالو عه‪ٛ‬كى ٔسزًّ هللا ٔتشكاتّ‬ ‫اَتٓٗ عهٗ اٌ ‪ٚ‬كٌٕ انششذ يفصال فالش‪ٛ‬ا ف‪ ٙ‬يُتذ‪ٚ‬اتُا‬ ‫يُتذ‪ٚ‬ات انًهكات انخًسّ‬ ‫‪http://www.5melekat.com/vb/index.php‬‬ ‫خً‪ٛ‬ع انسمٕق يسفٕظّ‬